:root{
 --noche:#0A1822;--carbon:#1B2230;--roca:#33414F;--niebla:#8C97A4;
 --nieve:#ECE7D9;--papel:#F5F1E7;--carta:#DCD6C1;
 --glaciar:#5B7FA8;--liquen:#6B7F6E;--lenga:#C4501E;--brasa:#8F3418;--ambar:#D9903C;
 --s4:4px;--s8:8px;--s16:16px;--s24:24px;--s40:40px;--s64:64px;--s96:96px;--s160:160px;
 --ease:cubic-bezier(.16,1,.3,1);--fade:cubic-bezier(.45,.05,.55,.95)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--noche);color:var(--nieve);font-family:"IBM Plex Sans",system-ui,sans-serif;
 -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
.lyr{position:absolute;inset:0;pointer-events:none}
.container{position:relative;z-index:5;max-width:1200px;margin:0 auto}
.eyebrow{font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
 color:var(--ambar);margin-bottom:var(--s16)}
.carta .eyebrow{color:var(--brasa)}
h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:700;letter-spacing:-.015em;line-height:1.06}
h1{font-size:clamp(38px,4.6vw,72px)}
h2{font-size:clamp(33px,4vw,60px);line-height:1.1;max-width:900px}
.carta h2{color:var(--noche)}
.lead{font-size:clamp(18px,1.6vw,24px);line-height:1.5;color:var(--niebla);max-width:690px;margin-top:var(--s24)}
.carta .lead,.carta .body{color:var(--roca)}
.body{font-size:clamp(17px,1.35vw,20px);line-height:1.65;max-width:690px;margin-top:var(--s24)}
.btn{font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
 text-decoration:none;padding:14px 28px;border-radius:6px;border:1px solid transparent;display:inline-block;
 transition:background .25s var(--ease),border-color .25s var(--ease)}
.btn.p{background:var(--lenga);color:var(--papel)}
.btn.p:hover{background:var(--brasa)}
.btn.s{border-color:rgba(160,186,205,.34);color:var(--nieve)}
.btn.s:hover{border-color:var(--nieve);background:rgba(236,231,217,.06)}
.carta .btn.s{border-color:rgba(51,65,79,.45);color:var(--noche)}
.carta .btn.s:hover{border-color:var(--noche);background:rgba(51,65,79,.06)}
.reveal{opacity:0;transition:opacity .8s var(--fade)}
.reveal.in{opacity:1}

/* ---------- superficies ---------- */
.metal{position:relative;padding:var(--s160) var(--s24);overflow:hidden;isolation:isolate;
 background:linear-gradient(180deg,#16242F 0%,#0F1C26 52%,#0A1520 100%)}
.pin2{z-index:6;mix-blend-mode:overlay;opacity:.13;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='2' seed='9'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23p)'/%3E%3C/svg%3E");background-size:220px}
.vel2{z-index:6;mix-blend-mode:multiply;opacity:.24;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' seed='21'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='900' height='900' filter='url(%23v)'/%3E%3C/svg%3E");background-size:900px}
.bor2{z-index:6;mix-blend-mode:multiply;background:radial-gradient(125% 105% at 50% 45%,rgba(0,0,0,0) 58%,rgba(0,0,0,.45) 100%)}
.seam{position:absolute;left:0;right:0;z-index:7;height:1px}
.seam.t{top:0;background:linear-gradient(90deg,transparent,rgba(160,186,205,.13),transparent)}
.seam.b{bottom:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.5),transparent)}

.carta{position:relative;background:var(--carta);padding:var(--s160) var(--s24);overflow:hidden;isolation:isolate}
.mot{z-index:0;mix-blend-mode:multiply;opacity:.30;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.008' numOctaves='3' seed='11'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='700' height='700' filter='url(%23m)'/%3E%3C/svg%3E");background-size:700px}
.bla{z-index:0;mix-blend-mode:screen;opacity:.30;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0045' numOctaves='2' seed='29'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='900' height='900' filter='url(%23b)'/%3E%3C/svg%3E");background-size:900px}
.fib{z-index:6;mix-blend-mode:multiply;opacity:.078;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75 1.5' numOctaves='2' seed='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23f)'/%3E%3C/svg%3E");background-size:180px}
.borc{z-index:6;mix-blend-mode:multiply;
 background:radial-gradient(120% 90% at 50% 45%,rgba(255,255,255,0) 55%,rgba(191,181,155,.46) 100%)}
.marks{position:absolute;inset:28px;z-index:7;pointer-events:none}
.marks span{position:absolute;width:15px;height:15px;opacity:.28}
.marks span::before,.marks span::after{content:"";position:absolute;background:var(--roca)}
.marks span::before{left:7px;top:0;width:1px;height:15px}
.marks span::after{top:7px;left:0;height:1px;width:15px}
.tl{left:0;top:0}.tr{right:0;top:0}.bl{left:0;bottom:0}.br{right:0;bottom:0}
.stamp{position:absolute;z-index:7;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;color:var(--roca);opacity:.55}
.stamp.a{top:36px;left:36px}.stamp.b{bottom:36px;right:36px}

/* ---------- header ---------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;height:80px;background:#0A1520;
 box-shadow:0 1px 0 rgba(0,0,0,.5);transition:background .45s var(--ease)}
.hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
 background:linear-gradient(90deg,transparent,rgba(200,216,228,.42) 22%,rgba(200,216,228,.42) 78%,transparent)}
.hdr.on{background:rgba(8,15,22,.94);backdrop-filter:saturate(1.1) blur(10px)}
.hdr .inner{max-width:1200px;margin:0 auto;height:100%;padding:0 var(--s24);display:flex;align-items:center;gap:var(--s40)}
.hdr .logo{height:30px;color:var(--nieve);flex:none}
.hdr .logo svg{height:100%;width:auto;display:block}
.hdr nav{margin-left:auto;display:flex;align-items:center;gap:var(--s40)}
.hdr nav a{font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
 color:var(--niebla);text-decoration:none;transition:color .25s var(--ease)}
.hdr nav a:hover{color:var(--nieve)}
.lang{display:flex;align-items:center;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.1em;
 border:1px solid rgba(160,186,205,.26);border-radius:6px;padding:3px;gap:2px;margin-left:8px}
.lang a{padding:5px 11px;border-radius:4px;text-decoration:none;color:#68757F;line-height:1;
 transition:color .25s var(--ease),background .25s var(--ease)}
.lang a:hover{color:var(--nieve)}
.lang a[aria-current="true"]{background:var(--roca);color:var(--nieve)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate;
 min-height:100svh;display:flex;align-items:flex-end;
 padding:calc(80px + var(--s64)) var(--s24) clamp(64px,12svh,140px);background:#080F16}
.hbg{position:absolute;z-index:0;right:-10%;top:44%;transform:translateY(-50%);width:104%;max-width:none}
.hbg img{width:100%;height:auto;display:block}
.hveil{position:absolute;inset:0;z-index:1;
 background:linear-gradient(100deg,rgba(6,12,18,.96) 0%,rgba(6,12,18,.88) 26%,rgba(6,12,18,.45) 52%,rgba(6,12,18,.15) 72%,rgba(6,12,18,.55) 100%),
 linear-gradient(0deg,rgba(6,12,18,.75) 0%,rgba(6,12,18,0) 42%)}
.hero .container{z-index:5;width:100%}
.hero h1 em{font-style:italic;color:var(--niebla)}
.pname{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:var(--s24)}
.pname b{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:clamp(26px,2.4vw,36px);
 line-height:1;color:var(--nieve);letter-spacing:-.01em}
.pname span{font-family:"IBM Plex Mono",monospace;font-size:clamp(12px,1vw,15px);letter-spacing:.14em;
 text-transform:uppercase;color:var(--ambar);line-height:1}
.acciones{display:flex;align-items:center;gap:var(--s24);margin-top:var(--s40);flex-wrap:wrap}
@media (max-height:860px){
 .hero{padding-top:calc(80px + var(--s40));padding-bottom:var(--s40)}
 .hero h1{font-size:clamp(30px,4.4vw,52px)}
 .pname{margin-bottom:var(--s16)}.acciones{margin-top:var(--s24)}
 .hbg{width:92%;right:-6%}}
@media (max-height:680px){
 .hero{padding-top:calc(80px + var(--s24))}
 .hero h1{font-size:clamp(26px,3.6vw,40px)}
 .pname b{font-size:24px}.hbg{width:84%}}
@media (max-width:1100px){.hbg{right:-26%;width:142%}}
@media (max-width:760px){
 .hero{min-height:88svh;padding:120px var(--s24) var(--s64);align-items:flex-end}
 .hbg{right:-44%;top:38%;width:198%}
 .hveil{background:linear-gradient(0deg,rgba(6,12,18,.96) 30%,rgba(6,12,18,.62) 62%,rgba(6,12,18,.35) 100%)}
}

/* ---------- video ---------- */
.player{position:relative;margin-top:var(--s64);aspect-ratio:16/9;border-radius:10px;overflow:hidden;
 background:#0B1219;border:1px solid rgba(160,186,205,.14);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.player img.poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease),filter .5s var(--fade)}
.player button.play{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.disco{width:92px;height:92px;border-radius:50%;background:var(--lenga);display:grid;place-items:center;
 box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .35s var(--ease),background .35s var(--ease)}
.disco svg{width:26px;height:26px;fill:var(--papel);margin-left:5px}
.player:hover .disco{transform:scale(1.08);background:#D25A24}
.player:hover img.poster{transform:scale(1.02);filter:brightness(.86)}
.dur{position:absolute;right:16px;bottom:16px;z-index:2;font-family:"IBM Plex Mono",monospace;font-size:13px;
 background:rgba(10,21,32,.78);color:var(--nieve);padding:6px 10px;border-radius:4px}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pie{margin-top:var(--s24);font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.06em;color:var(--roca)}

/* ---------- what it does ---------- */
#plot{position:absolute;inset:0;width:100%;height:100%;z-index:1;mix-blend-mode:multiply}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s24);margin-top:var(--s96)}
.card{border-top:1px solid rgba(51,65,79,.30);padding-top:var(--s24)}
.card h3{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:24px;color:var(--noche);line-height:1.25}
.card p{font-size:16px;line-height:1.6;color:var(--roca);margin-top:12px}
.card .n{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;color:var(--brasa);display:block;margin-bottom:12px}

/* ---------- sound ---------- */
.ab{display:grid;grid-template-columns:384px 1fr;gap:var(--s64);margin-top:var(--s96);align-items:start}
.lista{border-top:1px solid rgba(160,186,205,.16)}
.row{display:flex;align-items:center;gap:var(--s16);width:100%;padding:16px 8px;background:none;border:0;
 border-bottom:1px solid rgba(160,186,205,.16);cursor:pointer;text-align:left;color:inherit;transition:background .25s var(--ease)}
.row:hover{background:rgba(160,186,205,.05)}
.row .ico{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid rgba(160,186,205,.35);
 display:grid;place-items:center;transition:border-color .25s var(--ease),background .25s var(--ease)}
.row .ico svg{width:11px;height:11px;fill:var(--niebla)}
.row .nom{font-size:16px;display:block}
.row .sub{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;color:var(--niebla);display:block;margin-top:2px}
.row[aria-current="true"]{background:rgba(196,80,30,.10)}
.row[aria-current="true"] .ico{border-color:var(--lenga);background:var(--lenga)}
.row[aria-current="true"] .ico svg{fill:var(--papel)}
.abctl{margin-top:var(--s40);display:flex;align-items:center;gap:var(--s16)}
.toggle{flex:1;display:flex;background:rgba(10,21,32,.6);border:1px solid rgba(160,186,205,.22);border-radius:8px;padding:4px}
.toggle button{flex:1;font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
 padding:12px 8px;border:0;border-radius:6px;background:none;color:var(--niebla);cursor:pointer;
 transition:background .22s var(--fade),color .22s var(--fade)}
.toggle button[aria-pressed="true"]{background:var(--lenga);color:var(--papel)}
.toggle button.dry[aria-pressed="true"]{background:var(--roca);color:var(--nieve)}
.meter{width:6px;height:52px;border-radius:3px;background:rgba(160,186,205,.16);overflow:hidden;display:flex;align-items:flex-end;flex:none}
.meter i{display:block;width:100%;height:0;background:var(--ambar);transition:height .06s linear}
.kbd{margin-top:var(--s16);font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;color:var(--roca)}
.placa{position:relative;border-radius:10px;overflow:hidden;isolation:isolate;padding:var(--s40);
 background:linear-gradient(180deg,#74828D 0%,#687782 48%,#5C6A75 100%)}
.pg{z-index:1;mix-blend-mode:overlay;opacity:.20;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='2' seed='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");background-size:220px}
.pb{z-index:2;mix-blend-mode:multiply;background:radial-gradient(120% 110% at 50% 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,.30) 100%)}
.placa img{position:relative;z-index:3;display:block;width:100%;height:auto;border-radius:2px;transition:filter .3s var(--fade)}
.placa.off img{filter:saturate(.35) brightness(.72)}
.estado{position:absolute;z-index:4;right:18px;top:18px;font-family:"IBM Plex Mono",monospace;font-size:12px;
 letter-spacing:.1em;color:#22303B;opacity:.62}

/* ---------- editions ---------- */
.tabla{margin-top:var(--s96)}
.fila{display:grid;grid-template-columns:1fr 200px 200px;gap:var(--s24);align-items:center;
 padding:18px 0;border-bottom:1px solid rgba(51,65,79,.22)}
.fila.cab{border-bottom:1px solid rgba(51,65,79,.55);padding-bottom:16px;align-items:end}
.fila .et{font-size:16px;color:var(--roca)}
.fila .v{font-family:"IBM Plex Mono",monospace;font-size:15px;color:var(--noche);text-align:center}
.fila .v.no{color:var(--roca);opacity:.45}
.pl{font-family:"Fraunces",Georgia,serif;font-size:28px;color:var(--noche);text-align:center;line-height:1.1}
.pl small{display:block;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--roca);margin-top:6px;opacity:.75}
.col-pro{position:relative}
.col-pro::before{content:"";position:absolute;left:-12px;right:-12px;top:-96px;bottom:-96px;
 background:rgba(143,52,24,.055);border-left:1px solid rgba(143,52,24,.18);border-right:1px solid rgba(143,52,24,.18);
 z-index:-1;pointer-events:none}
.ctas{display:flex;gap:var(--s24);margin-top:56px;flex-wrap:wrap;justify-content:flex-end}
.specs{margin-top:var(--s96);padding-top:56px;border-top:1px solid rgba(51,65,79,.3)}
.specs .et{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brasa);margin-bottom:32px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px var(--s40)}
.grid dt{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--roca);opacity:.7}
.grid dd{font-size:16px;color:var(--noche);margin-top:6px;line-height:1.45}

/* ---------- brand ---------- */
.brand{display:grid;grid-template-columns:1fr 384px;gap:var(--s96);align-items:center}
.bfaro{z-index:0;background:radial-gradient(46% 62% at 82% 50%,rgba(153,183,205,.16) 0%,rgba(153,183,205,.04) 45%,rgba(153,183,205,0) 72%)}
.marca{display:flex;flex-direction:column;align-items:center;gap:var(--s24);text-align:center}
.marca .lg{width:100%;max-width:300px;color:rgba(236,231,217,.30)}
.marca .lg svg{width:100%;height:auto;display:block}
.marca .tag{font-family:"Fraunces",Georgia,serif;font-style:italic;font-size:20px;color:var(--roca);line-height:1.4}

/* ---------- cta ---------- */
.cta{background:linear-gradient(180deg,#0F1C26 0%,#0B1520 60%,#080F17 100%)}
.cta .container{text-align:center}
.cta h2{margin:0 auto;max-width:760px}
.cta .lead{margin-left:auto;margin-right:auto}
.botones{display:flex;gap:var(--s24);justify-content:center;margin-top:48px;flex-wrap:wrap}
.activacion{margin:var(--s40) auto 0;font-size:15px;line-height:1.6;color:var(--roca);max-width:560px}

.tira{margin-top:var(--s96)}
.pista{display:flex;gap:var(--s24);overflow-x:auto;scroll-snap-type:x mandatory;
 scrollbar-width:none;padding-bottom:var(--s16);margin:0 calc(var(--s24) * -1);padding-left:var(--s24);padding-right:var(--s24)}
.pista::-webkit-scrollbar{display:none}
.pieza{flex:none;width:600px;scroll-snap-align:center;transition:opacity .5s var(--fade)}
.pieza .marco{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:2.48/1;
 background:linear-gradient(180deg,#74828D 0%,#687782 48%,#5C6A75 100%);display:grid;place-items:center}
.pieza .marco.oscuro{background:linear-gradient(180deg,#16242F,#0B1520)}
.pieza .marco img{width:100%;height:100%;object-fit:cover;display:block}
.pieza .ph{font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.1em;color:#22303B;text-align:center;padding:var(--s24);line-height:1.7}
.pieza .marco.oscuro .ph{color:#4A5C69}
.pieza .cap{margin-top:var(--s16)}
.pieza .cap b{font-weight:400;font-family:"Fraunces",Georgia,serif;font-size:22px;display:block;color:var(--nieve)}
.pieza .cap span{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;color:var(--roca);display:block;margin-top:6px;text-transform:uppercase}
.dots{display:flex;gap:8px;margin-top:var(--s24)}
.dot{width:34px;height:3px;border-radius:2px;background:rgba(160,186,205,.22);border:0;cursor:pointer;padding:0;
 transition:background .3s var(--fade)}
.dot.on{background:var(--lenga)}
@media (max-width:760px){.pieza{width:84vw}.tira{margin-top:var(--s64)}}
.cierre-cta{margin-top:var(--s96);padding-top:var(--s64);border-top:1px solid rgba(160,186,205,.16)}
.garantias{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s40);max-width:1200px;text-align:left}
.cierre .botones{justify-content:flex-start;margin-top:var(--s40)}
.garantias dt{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
 color:var(--ambar);padding-top:var(--s16);border-top:1px solid rgba(160,186,205,.20)}
.garantias dd{font-size:15px;line-height:1.6;color:var(--niebla);margin-top:10px}
@media (max-width:760px){.garantias{grid-template-columns:1fr;gap:var(--s24);margin-top:var(--s40)}}


/* ---------- footer ---------- */
footer{background:#070E15;padding:var(--s96) var(--s24) var(--s40);position:relative;z-index:2}
.fgrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:300px 1fr 384px;gap:var(--s96);align-items:start}
.fbrand{display:flex;flex-direction:column;gap:var(--s16)}
.flogo{display:block;height:26px;color:rgba(236,231,217,.55)}
.flogo svg{height:100%;width:auto;display:block}
.fbrand p{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;color:var(--roca);line-height:1.7}
.fcol h4{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
 color:var(--roca);margin-bottom:var(--s16);font-weight:400}
.fcol .links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.fcol a{display:block;color:var(--niebla);text-decoration:none;font-size:15px;padding:5px 0;transition:color .25s var(--ease)}
.fcol a:hover{color:var(--nieve)}
.news p{font-size:15px;line-height:1.6;color:var(--niebla);margin-bottom:20px}
.news form{display:flex;gap:8px;flex-wrap:wrap}
.news input{flex:1;min-width:180px;background:rgba(10,21,32,.7);border:1px solid rgba(160,186,205,.22);
 border-radius:6px;padding:13px 14px;color:var(--nieve);font-family:inherit;font-size:15px}
.news input::placeholder{color:var(--roca)}
.news input:focus{outline:none;border-color:var(--niebla)}
.news button{font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
 background:var(--lenga);color:var(--papel);border:0;border-radius:6px;padding:13px 24px;cursor:pointer;transition:background .25s var(--ease)}
.news button:hover{background:var(--brasa)}
.legal{max-width:1200px;margin:var(--s64) auto 0;padding-top:32px;border-top:1px solid rgba(160,186,205,.12);
 display:flex;justify-content:space-between;gap:var(--s24);flex-wrap:wrap;
 font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;color:var(--roca);line-height:1.8}
.legal a{color:var(--roca);text-decoration:none}
.legal a:hover{color:var(--niebla)}
.social{display:flex;gap:12px;align-items:center}
.social a{display:grid;place-items:center;width:42px;height:42px;color:var(--niebla);
 border:1px solid rgba(160,186,205,.20);border-radius:8px;
 transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}
.social a:hover{color:var(--nieve);border-color:rgba(160,186,205,.45);background:rgba(160,186,205,.06)}
.social svg{width:19px;height:19px;fill:currentColor;display:block}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- cookies ---------- */
.cc{position:fixed;left:0;right:0;bottom:0;z-index:100;transform:translateY(110%);transition:transform .6s var(--ease);
 background:var(--carta);border-top:3px solid var(--lenga);box-shadow:0 -14px 40px rgba(0,0,0,.45)}
.cc.on{transform:none}
.cc .in{max-width:1200px;margin:0 auto;padding:var(--s24);display:flex;align-items:center;gap:var(--s40);flex-wrap:wrap}
.cc p{flex:1;min-width:280px;font-size:15px;line-height:1.6;color:var(--roca)}
.cc p b{color:var(--noche);font-weight:500}
.cc a{color:var(--brasa);text-decoration:underline;text-underline-offset:3px}
.cc a:hover{color:var(--noche)}
.cc .btns{display:flex;gap:12px;flex:none}
.cc button{font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
 padding:12px 24px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .25s var(--ease),border-color .25s var(--ease)}
.cc .no{background:none;border-color:rgba(51,65,79,.45);color:var(--noche)}
.cc .no:hover{border-color:var(--noche);background:rgba(51,65,79,.07)}
.cc .si{background:var(--lenga);color:var(--papel)}
.cc .si:hover{background:var(--brasa)}

/* ---------- responsive ---------- */
@media (max-width:1080px){.fgrid{grid-template-columns:1fr 1fr;gap:56px}.fcol.news{grid-column:1 / -1}}
@media (max-width:900px){
 .metal,.carta{padding:var(--s96) var(--s24)}
 .cards{grid-template-columns:1fr;gap:var(--s40);margin-top:var(--s64)}
 .ab{grid-template-columns:1fr;gap:var(--s40);margin-top:var(--s64)}
 .placa{padding:20px}
 .tabla{margin-top:56px}
 .fila{grid-template-columns:1fr 88px 88px;gap:12px;padding:14px 0}
 .fila .et{font-size:14px}.fila .v{font-size:13px}
 .pl{font-size:20px}.col-pro::before{left:-6px;right:-6px}
 .ctas{justify-content:stretch}.ctas .btn{flex:1;text-align:center}
 .grid{grid-template-columns:repeat(2,1fr);gap:var(--s24)}
 .specs{margin-top:var(--s64)}
 .brand{grid-template-columns:1fr;gap:56px}
 footer{padding:var(--s64) var(--s24) 32px}
 .fgrid{grid-template-columns:1fr;gap:48px}
 .legal{flex-direction:column;gap:20px;margin-top:48px}
 .cc .in{gap:20px;padding:20px}.cc .btns{width:100%}.cc .btns button{flex:1}
}
@media (max-width:760px){
  .hdr nav a:not([hreflang]){display:none}
 .hdr .inner{gap:16px}
 .hspecs{gap:14px;flex-direction:column}
 .disco{width:68px;height:68px}
 .player{margin-top:var(--s40)}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .reveal{opacity:1;transition:none}
 *{transition-duration:.01ms !important}
}