/* Navaja & Co. — tema "Marea": azul petróleo profundo + marfil + cobre (distinto de FADE & CO.) */
@font-face{font-family:"Playfair Display";src:url("../fonts/playfair-display-var.woff2") format("woff2-variations");font-weight:400 900;font-style:normal;font-display:swap}
[data-theme="light"]{--bg:#0A1C24;--surface:#10303B;--surface2:#163A47;--text:#F4EFE6;--text-muted:#A9C1C6;--border:#24505D;--navy:#E08A56;--red:#E08A56;--gold:#E08A56;--gold2:#B85E34;color-scheme:dark}
body{background:radial-gradient(1200px 600px at 80% -10%,rgba(224,138,86,.10),transparent 60%),var(--bg);color:var(--text)}
.demo{background:linear-gradient(90deg,#B85E34,#E08A56,#B85E34);color:#0A1C24;letter-spacing:.12em}
.pole{height:4px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.hdr{background:rgba(10,28,36,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.hdr b{color:var(--gold);letter-spacing:.08em}.hdr b span{color:var(--text)!important}
.hdr nav a{color:var(--text-muted)}.hdr nav a:hover{color:var(--gold)}
.lang{border:1px solid var(--border);border-radius:999px;overflow:hidden}.lang button{background:transparent;color:var(--text-muted)}
.lang button[aria-pressed="true"]{background:var(--gold);color:#0A1C24}
.hero{border-bottom:1px solid var(--border);min-height:520px;align-items:stretch}
.hero .l{padding:72px 28px;display:flex;flex-direction:column;justify-content:center}
.hero .l>p.cond{color:var(--gold)!important;letter-spacing:.3em;font-size:13px}
.hero h1{color:var(--text);font-size:clamp(52px,10vw,104px)}
.hero h1 em{font-family:"Playfair Display",Georgia,serif;font-style:italic;text-transform:none;letter-spacing:0;color:var(--gold);font-weight:700}
.hero .l>p:not(.cond){color:var(--text-muted);font-size:18px;max-width:34ch}
.hero .r{background:linear-gradient(160deg,#0F2C36,#081820);border-left:1px solid var(--border);position:relative;overflow:hidden}
.hero .r::before{content:"N";position:absolute;right:-20px;bottom:-80px;font:italic 700 340px/1 "Playfair Display",Georgia,serif;color:rgba(224,138,86,.07)}
.stamp{border:1px solid var(--gold);border-radius:18px;padding:22px;background:rgba(224,138,86,.06);position:relative}
.stamp big{color:var(--gold);font-size:48px}
#addr{color:var(--text-muted);position:relative}
.sec{padding:56px 20px}
.sec h2{border-left:0;padding-left:0;font-size:44px;color:var(--text);display:flex;align-items:center;gap:14px}
.sec h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.menu{border-top:0;display:grid;gap:10px}
.menu .it{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px}
.menu .it span.dots{border-bottom:1px dotted var(--border)}.menu .it .p{color:var(--gold);font-size:28px}
.bar{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.bar .ini{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0A1C24;border-radius:50%}
.gal div{border:1px solid var(--border);border-radius:18px;color:#F4EFE6;font-size:22px;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.g1{background:linear-gradient(160deg,#174452,#0A1C24)}.g2{background:linear-gradient(160deg,#B85E34,#6E3219)}.g3{background:radial-gradient(circle at 30% 20%,#2B6070,#0A1C24)}.g4{background:linear-gradient(160deg,#E08A56,#8A3F20)}
.bk{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:24px}
.step h3{color:var(--gold)}
.chip{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:12px;min-height:46px}
.chip[aria-pressed="true"]{background:var(--gold);color:#0A1C24;border-color:var(--gold)}
.inp{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:12px;min-height:50px}
.go{background:linear-gradient(135deg,#EE9E6B,#C2653A);color:#0A1C24;border:0;border-radius:14px;box-shadow:0 8px 24px rgba(224,138,86,.25)}
.ok{background:rgba(224,138,86,.1);color:var(--text);border:1px solid var(--gold);border-radius:14px}
.err{color:#ff8a7a}
.ftr{background:#06141A;color:var(--text-muted);border-top:1px solid var(--border)}.ftr .cond{color:var(--gold)}.ftr a{color:var(--gold)}
.wa{border:0;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.45)}
table.t{background:var(--surface)}table.t td,table.t th{border:1px solid var(--border)}
@media(max-width:720px){.hero{min-height:0}.hero .l{padding:48px 20px}.hero .r{border-left:0;border-top:1px solid var(--border)}}

.hero .r::before{color:rgba(224,138,86,.09)}.demo{color:#fff}
.pole{height:4px;background:linear-gradient(90deg,#E08A56,#F4EFE6,#2B6070)}