/* Bengala · web (dirección «Plano y foco», design/web-bengala-2026-11-03). Propiedades lógicas: el árabe se espeja solo. */
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  --tinta:#101517; --papel:#F2F0EB;
  --panel:#1A2225; --panel-2:#222C30; --panel-3:#2B3438;
  --meta:#B4B8B5; --meta-2:#8D9997;
  --laton:#D6B98C; --coral:#FF8A80;
  --linea:rgba(242,240,235,.12);
  --papel-linea:rgba(16,21,23,.14); --papel-meta:#565D5F; --laton-papel:#7D6238;
  --m:clamp(16px,5vw,96px);
  --max:1920px;
  --r:12px;
  --ez:cubic-bezier(.2,.7,.2,1);
  --t:160ms;
  --f-display:clamp(2.6rem,1.15rem + 5.6vw,7rem);
  --f-h2:clamp(2rem,1.25rem + 2.9vw,4rem);
  --f-h3:clamp(1.5rem,1.15rem + 1.2vw,2.25rem);
  --f-body:clamp(1.0625rem,1rem + .2vw,1.1875rem);
  --f-meta:.9375rem;
  --f-eyebrow:.8125rem;
  --tracking-tight:-.035em;
  --tracking-eyebrow:.14em;
}
@media (min-width:1800px){html{font-size:112.5%}}
@media (min-width:2400px){html{font-size:131.25%}}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--tinta);-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:var(--tinta);color:var(--papel);font-family:"Inter",system-ui,sans-serif;font-size:var(--f-body);line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss03";text-rendering:optimizeLegibility}
/* Árabe: letra del sistema (Inter no lo cubre), sin espaciado (rompería las uniones) ni versalitas. */
:lang(ar) body{font-family:"Inter","Noto Sans Arabic","Segoe UI","SF Arabic",Tahoma,system-ui,sans-serif;line-height:1.7}
:lang(ar){--tracking-tight:0;--tracking-eyebrow:0}
img{display:block;max-width:100%;height:auto}
/* A word wider than its box (Datenschutzerklärung in half a 320 px phone) is split there and only there. */
body{overflow-wrap:anywhere}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-weight:680;font-variation-settings:"opsz" 32;letter-spacing:var(--tracking-tight);line-height:1.02;text-wrap:balance}
/* Long words (afstandsbedieningen, kaukosäätimille…): hyphenated by each language's rules (lang on <html>), split as a
   last resort, so no title is wider than a phone. */
:is(h1,h2,h3,.faq summary,.fila-t strong,.condiciones strong,.sin-contenido strong){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}
:lang(ar) :is(h1,h2,h3){line-height:1.3}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.salta:focus{position:fixed;inset-block-start:12px;inset-inline-start:12px;width:auto;height:auto;margin:0;clip:auto;z-index:100;padding:12px 16px;border-radius:10px;background:var(--papel);color:var(--tinta);font-weight:600;text-decoration:none}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--m)}

.eyebrow{text-wrap:balance;font-size:var(--f-eyebrow);font-weight:600;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--laton);line-height:1.3}
:lang(ar) .eyebrow{font-size:.9375rem}
.dot{display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--coral);margin-inline-end:.5em;vertical-align:.1em}
mark.falta{background:var(--coral);color:var(--tinta);padding:0 .3em;border-radius:4px;font-weight:600}

:focus{outline:none}
:focus-visible{outline:2px solid var(--papel);outline-offset:3px;border-radius:var(--r)}

/* Botones */
.btn{--h:52px;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:var(--h);padding:0 1.4em;border-radius:10px;border:0;font:inherit;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color var(--t) var(--ez),color var(--t) var(--ez),transform 90ms var(--ez);-webkit-tap-highlight-color:transparent;white-space:nowrap;text-align:center}
.btn:active{transform:scale(.98)}
.btn-1{background:var(--papel);color:var(--tinta)}
.btn-1:hover{background:#fff}
.btn-2{background:var(--panel-2);color:var(--papel)}
.btn-2:hover{background:var(--panel-3)}
.btn[aria-disabled="true"]{background:transparent;color:var(--meta-2);box-shadow:inset 0 0 0 1px var(--linea);cursor:default;transform:none;white-space:normal}
.sobre-papel .btn-1{background:var(--tinta);color:var(--papel)}
.sobre-papel .btn-1:hover{background:#000}
.sobre-papel :focus-visible{outline-color:var(--tinta)}
.sobre-papel .btn[aria-disabled="true"]{color:var(--papel-meta);box-shadow:inset 0 0 0 1px var(--papel-linea)}
@media (pointer:coarse){.btn{--h:56px}}

/* Cabecera */
.cab{position:sticky;inset-block-start:0;z-index:50;background:rgba(16,21,23,.94);border-bottom:1px solid transparent;transition:border-color var(--t) var(--ez)}
@supports (backdrop-filter:blur(1px)){.cab{background:rgba(16,21,23,.82);backdrop-filter:saturate(1.2) blur(14px)}}
.cab.con-borde{border-bottom-color:var(--linea)}
.cab .wrap{display:flex;align-items:center;gap:clamp(16px,3vw,48px);height:72px}
.marca{display:flex;align-items:center;flex:none;padding:6px 0;border-radius:6px}
.marca img{width:124px;height:auto}
.nav{display:flex;gap:4px;margin-inline-start:auto}
.nav a{position:relative;display:flex;align-items:center;height:44px;padding:0 14px;border-radius:8px;text-decoration:none;font-size:1rem;font-weight:500;color:var(--meta);transition:color var(--t) var(--ez),background-color var(--t) var(--ez)}
.nav a:hover{color:var(--papel);background:var(--panel)}
.cab-acc{display:flex;align-items:center;gap:8px}
.cab .btn{--h:44px;padding:0 1.1em;font-size:.9375rem}
.menu-btn{display:none}

/* Selector de idioma */
.idiomas{position:relative}
.idiomas summary{list-style:none;display:flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:8px;cursor:pointer;color:var(--meta);font-size:.9375rem;font-weight:600}
.idiomas summary::-webkit-details-marker{display:none}
.idiomas summary:hover,.idiomas[open] summary{color:var(--papel);background:var(--panel)}
.idiomas summary svg{width:18px;height:18px}
.idiomas ul{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;z-index:60;list-style:none;margin:0;padding:8px;width:min(92vw,520px);max-height:min(70vh,560px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--panel);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.45),inset 0 0 0 1px var(--linea)}
.idiomas a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;text-decoration:none;color:var(--meta);font-size:.9375rem}
.idiomas a:hover,.idiomas a:focus-visible{background:var(--papel);color:var(--tinta);outline:none}
.idiomas a[aria-current="true"]{color:var(--papel);font-weight:600}
.idiomas a[aria-current="true"]:hover,.idiomas a[aria-current="true"]:focus-visible{color:var(--tinta)}

@media (max-width:899px){
  .nav,.cab .idiomas{display:none}
  .menu-btn{display:inline-flex}
  .cab .wrap{height:60px}
  .marca img{width:120px}
  .cab-acc{margin-inline-start:auto}
  .cab .btn-1{display:none}
}

/* Menú móvil: hoja inferior */
.hoja{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:none;border:0;padding:0;background:transparent;color:var(--papel)}
.hoja::backdrop{background:rgba(5,8,9,.6)}
.hoja-in{background:var(--panel);border-radius:20px 20px 0 0;padding:10px var(--m) max(20px,env(safe-area-inset-bottom));max-height:92vh;overflow:auto}
.hoja[open] .hoja-in{animation:sube 220ms var(--ez)}
@keyframes sube{from{transform:translateY(24px);opacity:0}}
.hoja-asa{width:40px;height:4px;border-radius:2px;background:var(--panel-3);margin:0 auto 10px}
.hoja nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:0 14px;margin:0 -14px;border-radius:12px;text-decoration:none;font-size:1.375rem;font-weight:600;letter-spacing:-.02em}
:lang(ar) .hoja nav a{letter-spacing:0}
.hoja nav a span{color:var(--meta);font-size:.9375rem;font-weight:500;letter-spacing:0}
.hoja nav a:hover,.hoja nav a:focus-visible{background:var(--papel);color:var(--tinta);outline:none}
.hoja nav a:hover span,.hoja nav a:focus-visible span{color:var(--papel-meta)}
.hoja-idiomas{margin-top:12px;border-top:1px solid var(--linea);padding-top:12px}
.hoja-idiomas summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:52px;cursor:pointer;color:var(--meta);font-weight:600}
.hoja-idiomas summary::-webkit-details-marker{display:none}
.hoja-idiomas ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.hoja-idiomas a{display:flex;align-items:center;min-height:44px;padding:0 10px;border-radius:8px;text-decoration:none;color:var(--meta);font-size:.9375rem}
.hoja-idiomas a[aria-current="true"]{color:var(--papel);font-weight:600}
.hoja-idiomas a:hover,.hoja-idiomas a:focus-visible{background:var(--papel);color:var(--tinta);outline:none}
.hoja-pie{display:flex;gap:10px;margin-top:14px}
.hoja-pie .btn{flex:1}

/* Hero */
.hero{padding-block:clamp(28px,5vw,88px) clamp(56px,7vw,120px)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.4vw,56px) clamp(32px,4vw,72px);align-items:start}
.hero-cartela{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,1.6vw,24px);min-width:0}
.hero-txt{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,2vw,28px);max-width:34rem;min-width:0}
.hero h1{font-size:var(--f-display);letter-spacing:calc(var(--tracking-tight) - .01em);line-height:.94;max-width:11.5em}
:lang(ar) .hero h1{letter-spacing:0;line-height:1.2}
.hero-lede{color:var(--meta);max-width:34em;font-size:clamp(1.0625rem,1rem + .35vw,1.3125rem);line-height:1.5}
.hero-lede b{color:var(--papel);font-weight:500}
.pronto{display:grid;gap:6px;padding:18px 20px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--linea)}
.pronto strong{font-weight:600}
.pronto span{color:var(--meta);font-size:var(--f-meta)}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.ctas-nota{color:var(--meta);font-size:var(--f-meta)}
.dispo{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none;font-size:var(--f-meta);color:var(--meta)}
.dispo li{display:flex;align-items:center}
.dispo b{color:var(--papel);font-weight:500;margin-inline-end:.35em}

/* Capturas encuadradas (el recorte no se espeja: la imagen es la de la tele) */
.plano{position:relative;margin:0}
.plano-img{position:relative;overflow:hidden;border-radius:var(--r);background:var(--panel);aspect-ratio:var(--ar,16/9)}
.plano-img img{position:absolute;max-width:none;width:var(--w,100%);left:var(--x,0);top:var(--y,0);height:auto}
.plano-img.vacia{display:grid;place-items:center;color:var(--meta-2);font-size:var(--f-meta);box-shadow:inset 0 0 0 1px var(--linea);background:transparent}
.plano figcaption{margin-top:12px;font-size:var(--f-meta);color:var(--meta)}
.plano figcaption b{color:var(--papel);font-weight:500}

.hero .plano{margin-inline-end:calc(var(--m) * -1)}
.hero .plano .plano-img{border-start-end-radius:0;border-end-end-radius:0;--ar:1100/860;--w:174.5%;--x:-4%;--y:0%}
.hero .plano figcaption{padding-inline-end:var(--m)}
@media (min-width:1024px){
  .hero .wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .hero-cartela{grid-column:1/-1}
  .hero .plano .plano-img{--ar:16/9;--w:100%;--x:0%}
}
@media (min-width:900px) and (max-height:700px) and (orientation:landscape){
  .hero{padding-block:clamp(20px,5vh,48px)}
  .hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .hero-cartela{grid-column:1;grid-row:1}
  .hero-txt{grid-column:1;grid-row:2}
  .hero .plano{grid-column:2;grid-row:1/span 2}
  .hero h1{font-size:clamp(2rem,8.5vh,3.75rem)}
  .hero-lede{font-size:1rem}
  .hero .plano .plano-img{--ar:16/9;--w:100%;--x:0%}
}
@media (min-width:2200px){
  .hero .plano{margin-inline-end:0}
  .hero .plano .plano-img{border-radius:var(--r)}
}

/* Recorrido */
.rec{padding-block:clamp(40px,6vw,96px)}
.rec-cab{display:grid;gap:16px;margin-bottom:clamp(40px,6vw,96px);max-width:52rem}
.rec-cab h2{font-size:var(--f-h2)}
.rec-cab p{color:var(--meta);max-width:40em}
.bloque{display:grid;gap:clamp(20px,3vw,48px);padding-block:clamp(36px,5vw,80px);border-top:1px solid var(--linea)}
.bloque-txt{display:grid;gap:16px;align-content:start;max-width:34rem}
.bloque h3{font-size:var(--f-h3);line-height:1.08}
:lang(ar) .bloque h3{line-height:1.35}
.bloque-txt p{color:var(--meta)}
.bloque-txt p b{color:var(--papel);font-weight:500}
.canal{display:flex;align-items:baseline;gap:14px}
.canal .n{font-size:var(--f-meta);color:var(--meta-2);font-variant-numeric:tabular-nums;min-width:1.2em}
@media (min-width:1024px){
  .b-directo{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end}
  .b-guia{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end}
  .b-guia .ancho{grid-column:1/-1;grid-row:2}
  .b-guia .bloque-txt.dos{max-width:40rem}
  .b-series{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center}
  .b-movil{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
}
.b-directo .plano-img{--ar:1350/820;--w:142.2%;--x:-40.9%;--y:-29.27%}
@media (min-width:700px){.b-directo .plano-img{--ar:16/9;--w:100%;--x:0%;--y:0%}}
.b-guia .ancho{margin-inline:calc(var(--m) * -1)}
.b-guia .ancho .plano-img{border-radius:0;--ar:16/9;--w:100%;--x:0%;--y:0%}
.b-guia .ancho figcaption{padding-inline:var(--m)}
@media (min-width:700px){.b-guia .ancho .plano-img{--ar:1920/760;--w:100%;--x:0%;--y:-18%}}
@media (min-width:2200px){.b-guia .ancho{margin-inline:0}.b-guia .ancho .plano-img{border-radius:var(--r)}.b-guia .ancho figcaption{padding-inline:0}}
.b-series .plano-img{--ar:16/9;--w:100%;--x:0%;--y:0%}
.par{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:end}
.par .tel .plano-img{--ar:1170/2340;--w:100%;border-radius:22px;box-shadow:inset 0 0 0 1px var(--linea)}
@media (min-width:560px){.par{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.datos{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:clamp(24px,4vw,56px) 0 0;padding:0;border-top:1px solid var(--linea)}
.datos div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 16px;padding:16px 0;border-bottom:1px solid var(--linea);font-size:var(--f-meta)}
.datos dt{color:var(--meta-2)}
.datos dd{margin:0;color:var(--papel)}
@media (min-width:560px){.datos div{grid-template-columns:minmax(7.5rem,11rem) minmax(0,1fr)}}
@media (min-width:1024px){.datos{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,72px)}}

/* Plataformas: filas como la lista de canales */
.plat{padding-block:clamp(56px,7vw,120px);border-top:1px solid var(--linea)}
.plat .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,64px)}
@media (min-width:1024px){.plat .wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.plat h2{font-size:var(--f-h2)}
.plat-intro{display:grid;gap:16px;align-content:start}
.plat-intro p{color:var(--meta);max-width:28em}
.filas{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fila{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:center;gap:6px 16px;min-height:84px;padding-block:14px;padding-inline:14px 20px;border-radius:var(--r);background:var(--panel);text-decoration:none;transition:background-color var(--t) var(--ez),color var(--t) var(--ez)}
.fila .n{color:var(--meta-2);font-size:var(--f-meta);text-align:center;font-variant-numeric:tabular-nums}
.fila-t{display:grid;gap:2px}
.fila-t strong{font-size:1.25rem;font-weight:600;line-height:1.25}
.fila-t span{color:var(--meta);font-size:var(--f-meta)}
.estado{font-size:var(--f-meta);font-weight:600;color:var(--meta);white-space:nowrap;display:flex;align-items:center;gap:6px}
.estado.si{color:var(--papel)}
.fila .flecha{width:20px;height:20px;color:var(--meta-2);flex:none}
[dir="rtl"] .flecha{transform:scaleX(-1)}
a.fila:hover,a.fila:focus-visible{background:var(--papel);color:var(--tinta);outline:none}
a.fila:hover :is(.fila-t span,.n,.estado,.flecha),a.fila:focus-visible :is(.fila-t span,.n,.estado,.flecha){color:var(--papel-meta)}
div.fila{background:transparent;box-shadow:inset 0 0 0 1px var(--linea)}
div.fila .fila-t strong{color:var(--meta)}
@media (max-width:559px){.fila{grid-template-columns:1.6em minmax(0,1fr);padding-inline:10px 16px}.estado{grid-column:2}}

/* Precios: la sección en positivo */
.precios{background:var(--papel);color:var(--tinta);padding-block:clamp(64px,8vw,136px)}
.precios .eyebrow{color:var(--laton-papel)}
.precios h2{font-size:var(--f-h2);max-width:14em}
.precios-cab{display:grid;gap:16px;margin-bottom:clamp(32px,5vw,72px)}
.precios-cab p{color:var(--papel-meta);max-width:40em}
.planes{display:grid;grid-template-columns:minmax(0,1fr);border-radius:16px;box-shadow:inset 0 0 0 1px var(--papel-linea)}
@media (min-width:800px){.planes{grid-template-columns:repeat(2,minmax(0,1fr))}.plan+.plan{border-inline-start:1px solid var(--papel-linea)}}
@media (max-width:799px){.plan+.plan{border-top:1px solid var(--papel-linea)}}
.plan{display:grid;gap:20px;align-content:start;padding:clamp(22px,3vw,40px)}
.plan-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}
.plan h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.plan-nota-cab{color:var(--papel-meta);font-size:var(--f-meta);font-weight:500}
.tarifas{display:grid;gap:0;margin:0}
.tarifa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:14px 0;border-top:1px solid var(--papel-linea)}
.tarifa dt{color:var(--papel-meta);font-size:var(--f-meta)}
.tarifa dd{margin:0;font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight:650;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 32;text-align:end}
.tarifa dd small{font-size:1rem;font-weight:500;letter-spacing:0;color:var(--papel-meta);margin-inline-start:.25em}
.tarifa dd.no{font-size:var(--f-meta);font-weight:500;color:var(--papel-meta);letter-spacing:0}
.tarifa .mes{flex-basis:100%;margin:0;font-size:var(--f-meta);color:var(--papel-meta);text-align:end}
.plan .btn{width:100%}
.plan-nota{font-size:var(--f-meta);color:var(--papel-meta)}
.impuestos{margin-top:14px;font-size:var(--f-meta);color:var(--papel-meta)}
.condiciones{display:grid;gap:0;margin:clamp(32px,5vw,64px) 0 0;padding:0;list-style:none}
@media (min-width:800px){.condiciones{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px)}}
.condiciones li{display:grid;gap:4px;padding:18px 0;border-top:1px solid var(--papel-linea)}
.condiciones strong{font-weight:600;font-size:1.0625rem}
.condiciones span{color:var(--papel-meta);font-size:var(--f-meta)}
.sin-contenido{margin-top:clamp(40px,6vw,80px);padding:clamp(22px,3vw,36px);border-radius:16px;background:var(--tinta);color:var(--papel);display:grid;gap:8px}
@media (min-width:900px){.sin-contenido{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:baseline}}
.sin-contenido strong{font-size:clamp(1.375rem,1.1rem + 1vw,2rem);font-weight:650;letter-spacing:var(--tracking-tight);line-height:1.1;font-variation-settings:"opsz" 32}
.sin-contenido p{color:var(--meta)}

/* Preguntas */
.faq{padding-block:clamp(56px,7vw,120px)}
.faq .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,64px)}
@media (min-width:1024px){.faq .wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.faq h2{font-size:var(--f-h2)}
.faq-intro{display:grid;gap:16px;align-content:start}
.faq-intro p{color:var(--meta)}
.faq-intro a{color:var(--papel)}
.faq-lista{border-top:1px solid var(--linea)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 14px;margin:0 -14px;border-radius:var(--r);cursor:pointer;font-size:1.1875rem;font-weight:600;transition:background-color var(--t) var(--ez),color var(--t) var(--ez)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--panel)}
.faq summary:focus-visible{background:var(--papel);color:var(--tinta);outline:none}
.faq summary svg{width:20px;height:20px;flex:none;color:var(--meta);transition:transform var(--t) var(--ez)}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;color:var(--meta);max-width:44em}

/* Páginas legales */
.legal{padding-block:clamp(40px,6vw,96px) clamp(64px,8vw,128px)}
.legal .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,64px)}
@media (min-width:1024px){.legal .wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.legal-cab{display:grid;gap:16px;align-content:start}
@media (min-width:1024px){.legal-cab{position:sticky;inset-block-start:104px}}
.legal h1{font-size:var(--f-h2)}
.legal-cab nav{display:grid;gap:2px;margin-top:8px}
.legal-cab nav a{display:flex;align-items:center;min-height:40px;padding:0 12px;margin-inline:-12px;border-radius:8px;text-decoration:none;color:var(--meta);font-size:var(--f-meta)}
.legal-cab nav a:hover,.legal-cab nav a:focus-visible{background:var(--panel);color:var(--papel);outline:none}
.legal-cab nav a[aria-current="page"]{color:var(--papel);font-weight:600}
.texto{max-width:46rem;color:var(--meta);display:grid;gap:16px}
.texto h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);color:var(--papel);letter-spacing:-.02em;line-height:1.2;margin-top:24px}
.texto h3{font-size:1.125rem;color:var(--papel);letter-spacing:-.01em;line-height:1.3;margin-top:8px}
:lang(ar) .texto :is(h2,h3){letter-spacing:0;line-height:1.45}
.texto strong{color:var(--papel);font-weight:600}
.texto a{color:var(--papel);text-underline-offset:.18em}
.texto ul,.texto ol{margin:0;padding-inline-start:1.3em;display:grid;gap:8px}
.texto li::marker{color:var(--meta-2)}
.texto .fecha{font-size:var(--f-meta);color:var(--meta-2)}

/* Pie */
.pie{border-top:1px solid var(--linea);padding-block:clamp(48px,6vw,96px) max(40px,env(safe-area-inset-bottom))}
.pie .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.pie-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
@media (min-width:900px){.pie .wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.pie-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pie h2{font-size:var(--f-eyebrow);font-weight:600;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--meta-2);margin-bottom:12px;font-variation-settings:normal;line-height:1.3}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pie ul a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;color:var(--meta);font-size:var(--f-meta);border-radius:6px}
.pie ul a:hover{color:var(--papel)}
.pie-marca{display:grid;gap:20px;align-content:start}
.pie-marca img{width:148px}
.pie-marca p{color:var(--meta-2);font-size:var(--f-meta);max-width:26em}
.pie-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;border-top:1px solid var(--linea);font-size:.875rem;color:var(--meta-2)}
.pie-legal a{color:var(--meta)}

/* 404 */
.nada{min-height:60vh;display:grid;align-content:center;gap:20px;padding-block:80px}
.nada h1{font-size:var(--f-h2)}
.nada p{color:var(--meta);max-width:32em}

/* Barra inferior en el móvil */
.dock{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;display:none;gap:8px;padding:10px var(--m) max(10px,env(safe-area-inset-bottom));background:rgba(16,21,23,.94);border-top:1px solid var(--linea);transform:translateY(110%);transition:transform 220ms var(--ez)}
@supports (backdrop-filter:blur(1px)){.dock{background:rgba(16,21,23,.84);backdrop-filter:blur(14px)}}
.dock .btn{flex:1}
.dock.ver{transform:none}
@media (max-width:899px){.dock{display:flex}body.con-dock{padding-bottom:84px}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}
}