/* ==========================================================================
   DISEÑO 2 (1.069) · «La web se verifica a sí misma»
   Contrato: papel blanco oficial y tinta azul de firma para actuar; el color
   solo significa veredicto (verde verificada, rojo inexistente, ámbar
   derogada). Public Sans para títulos e interfaz; Source Serif 4 solo para el
   texto de la ley. Un único momento memorable: el sello. Fuera las señales de
   página generada: etiquetas en mayúsculas, flechas en los botones, palabra
   resaltada en el titular, entradas animadas en cada sección.
   Todo va bajo body.d2: mientras está en vista previa no toca nada más.
   ========================================================================== */
body.d2{
  --paper:#FBFBF9; --paper-2:#F2F3F5; --paper-card:#FFFFFF;
  --ink:#14171D; --ink-2:#3B404B; --ink-soft:#5A606D;
  --line:#DCDFE5; --line-2:#E9EBEF;
  --night:#0F1628; --night-2:#16203A; --night-ink:#EDEFF4; --night-soft:#A9B1C4;
  --green:#16704A; --green-bright:#16704A; --green-glow:rgba(22,112,74,.10);
  --firma:#1C3D8C; --seal:#1C3D8C; --seal-soft:rgba(28,61,140,.08); --seal-ink:#1C3D8C;
  --red:#B3261E; --amber:#875100;
  --display:"Public Sans","Helvetica Neue",Arial,sans-serif;
  --sans:"Public Sans","Helvetica Neue",Arial,sans-serif;
  --ley:"Source Serif 4",Georgia,serif;
  --mono:"Public Sans","Helvetica Neue",Arial,sans-serif;
  --r:6px; --r-lg:10px;
  background:var(--paper); color:var(--ink); font-family:var(--sans);
}
body.d2 h1,body.d2 h2,body.d2 h3{font-family:var(--display);font-weight:650;letter-spacing:-.018em;font-variation-settings:normal}
body.d2 h1{font-size:clamp(2.35rem,5vw,4.3rem);line-height:1.03;font-weight:720;letter-spacing:-.03em}
body.d2 h2{font-size:clamp(1.7rem,3.1vw,2.55rem);line-height:1.1}
body.d2 h1 em,body.d2 h2 em{font-style:normal;color:inherit}
body.d2 .eyebrow,body.d2 .kicker{text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--ink-soft)}
body.d2 .eyebrow::before,body.d2 .kicker::before{display:none}
body.d2 .arr{display:none}
body.d2 [data-reveal],body.d2 [data-reveal-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}
body.d2 .mono{font-family:var(--sans);letter-spacing:0;text-transform:none}
body.d2 .id-boe{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.84em;letter-spacing:0}
body.d2 a{text-underline-offset:.18em}
body.d2 .btn{border-radius:var(--r);background:var(--firma);color:#fff;font-weight:600;letter-spacing:0;text-transform:none;min-height:44px}
body.d2 .btn-line{background:transparent;color:var(--firma);box-shadow:inset 0 0 0 1.5px var(--firma)}

/* ---- La cabecera --------------------------------------------------------- */
body.d2 .d2-hero{padding:calc(88px + clamp(1.2rem,4.5vw,4.2rem)) 0 clamp(2.4rem,5vw,4rem);border-bottom:1px solid var(--line)}
body.d2 .d2-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(2rem,5vw,5rem);align-items:start}
@media(max-width:920px){body.d2 .d2-hero-grid{grid-template-columns:1fr}}
body.d2 .d2-hero h1{max-width:15ch;margin:0}
body.d2 .d2-lead{font-size:clamp(1.06rem,1.4vw,1.2rem);line-height:1.55;color:var(--ink-2);max-width:34rem;margin:1.5rem 0 2rem}
body.d2 .d2-puertas{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:40rem}
body.d2 .d2-puerta{display:block;padding:1.15rem 1.25rem 1.25rem 0;text-decoration:none;color:inherit}
body.d2 .d2-puerta+.d2-puerta{padding-left:1.25rem;border-left:1px solid var(--line)}
body.d2 .d2-puerta b{display:block;font-size:1.06rem;font-weight:650;margin-bottom:.35rem}
body.d2 .d2-puerta span{display:block;color:var(--ink-soft);font-size:.95rem;line-height:1.45}
body.d2 .d2-puerta u{display:inline-block;margin-top:.75rem;color:var(--firma);font-weight:600;text-decoration-thickness:1.5px}
body.d2 .d2-puerta:hover u,body.d2 .d2-puerta:focus-visible u{text-decoration-thickness:3px}
body.d2 .d2-puerta:focus-visible{outline:2px solid var(--firma);outline-offset:4px}
@media(max-width:560px){
  body.d2 .d2-puertas{grid-template-columns:1fr}
  body.d2 .d2-puerta+.d2-puerta{padding-left:0;border-left:0;border-top:1px solid var(--line)}
}
body.d2 .d2-acceso{margin:1.1rem 0 0;font-size:.95rem;color:var(--ink-soft)}

/* ---- El recibo de comprobación ------------------------------------------- */
body.d2 .d2-recibo{position:relative;margin:0;background:#fff;border:1px solid var(--line);border-radius:3px;
  padding:1.35rem 1.4rem 1.6rem;box-shadow:0 1px 0 var(--line),0 22px 46px -30px rgba(20,23,29,.38)}
body.d2 .d2-recibo figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding-bottom:.85rem;border-bottom:1px solid var(--line);font-weight:650;font-size:.96rem}
body.d2 .d2-recibo figcaption small{font-weight:500;color:var(--ink-soft);font-size:.84rem}
body.d2 .d2-cita{padding:.95rem 0;border-bottom:1px solid var(--line-2)}
body.d2 .d2-cita:last-of-type{border-bottom:0}
body.d2 .d2-cita q{display:block;margin-top:.45rem;font-family:var(--ley);font-size:1rem;line-height:1.5;quotes:"«" "»";color:var(--ink)}
body.d2 .d2-cita p{margin:.35rem 0 0;font-size:.9rem;line-height:1.45;color:var(--ink-soft)}
body.d2 .d2-cita .d2-ref{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9rem}
body.d2 .d2-cita .d2-ref b{font-weight:650;color:var(--ink)}
body.d2 .d2-veredicto{font-weight:650;white-space:nowrap}
body.d2 .d2-veredicto.ok{color:var(--green)}
body.d2 .d2-veredicto.no{color:var(--red)}
body.d2 .d2-veredicto.der{color:var(--amber)}
body.d2 .d2-cita.no .d2-ref b{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:rgba(179,38,30,.6);text-decoration-thickness:1.5px}
body.d2 .d2-sello{position:absolute;right:1.1rem;bottom:-1.05rem;transform:rotate(-5deg);border:2.5px solid var(--firma);
  color:var(--firma);border-radius:5px;padding:.42rem .72rem .38rem;font-weight:760;font-size:.78rem;letter-spacing:.07em;
  text-transform:uppercase;background:rgba(251,251,249,.9);filter:url(#d2-tinta);opacity:.92;
  animation:d2-sello .55s cubic-bezier(.2,.9,.3,1.25) .9s both}
@keyframes d2-sello{from{opacity:0;transform:rotate(-5deg) scale(1.7)}to{opacity:.92;transform:rotate(-5deg) scale(1)}}
@media(prefers-reduced-motion:reduce){body.d2 .d2-sello{animation:none}}

/* ---- Las cifras medidas: frases, no «número grande con etiqueta pequeña» --- */
body.d2 .d2-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem 2.2rem;margin-top:clamp(2.2rem,4.5vw,3.6rem);padding-top:1.4rem;border-top:1px solid var(--line)}
body.d2 .d2-cifras p{margin:0;font-size:.95rem;line-height:1.45;color:var(--ink-2)}
body.d2 .d2-cifras b{display:block;margin-bottom:.2rem;font-size:1.55rem;font-weight:700;letter-spacing:-.015em;color:var(--ink);font-variant-numeric:tabular-nums}
@media(max-width:720px){body.d2 .d2-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.d2 .nav-destacado{color:var(--firma)!important}
/* 1.069.2: en las secciones de noche, las etiquetas con el gris de la noche (8,4:1), no el de papel */
body.d2 .on-night.eyebrow,body.d2 .band-night .eyebrow{color:var(--night-soft)}

/* ---- 1.070 · etiquetas: solo las que informan ----------------------------- */
body.d2 .sec-head>.eyebrow:not([data-d2="ver"]),body.d2 .sec-head>.kicker:not([data-d2="ver"]){display:none}
body.d2 .todos-tag{display:none}
/* los enlaces al detalle, en la noche de los agentes */
body.d2 .band-night .mono a,body.d2 .band-night p a{color:var(--night-ink);text-decoration:underline;text-decoration-thickness:1px}
body.d2 .band-night .wrap>p.mono{margin-top:1.1rem}

/* ---- 1.070 · la tarifa ----------------------------------------------------- */
body.d2 .d2-tarifa{border-top:1.5px solid var(--ink);margin-top:2rem}
body.d2 .d2-fila{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,2fr) minmax(0,5fr) minmax(0,2fr);gap:1.4rem;
  align-items:start;padding:1.35rem 0;border-bottom:1px solid var(--line)}
body.d2 .d2-fila-destacada{box-shadow:inset 3px 0 0 var(--firma);padding-left:1.1rem;margin-left:-1.1rem;background:linear-gradient(90deg,rgba(28,61,140,.035),transparent 60%)}
body.d2 .d2-plan b{display:block;font-size:1.15rem;font-weight:700}
body.d2 .d2-plan span,body.d2 .d2-precio span{display:block;font-size:.9rem;color:var(--ink-soft);margin-top:.15rem}
body.d2 .d2-precio b{display:block;font-size:1.45rem;font-weight:700;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
body.d2 .d2-incluye{margin:0;padding:0;list-style:none;font-size:.95rem;line-height:1.45;color:var(--ink-2)}
body.d2 .d2-incluye li{padding-left:1rem;position:relative;margin:0 0 .3rem}
body.d2 .d2-incluye li::before{content:"";position:absolute;left:0;top:.62em;width:.42rem;height:1.5px;background:var(--ink-soft)}
body.d2 .d2-accion{text-align:right}
@media(max-width:860px){
  body.d2 .d2-fila{grid-template-columns:1fr 1fr;gap:.8rem 1rem}
  body.d2 .d2-incluye{grid-column:1/-1}
  body.d2 .d2-accion{grid-column:1/-1;text-align:left}
  body.d2 .d2-precio{text-align:right}
}

/* ---- 1.071 · para particulares: bloques con líneas, no tarjetas ---------- */
body.d2 .todos-grid{gap:0 2.4rem}
body.d2 .todos-card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:1.1rem 0 1.3rem}
body.d2 .todos-card:hover{transform:none;box-shadow:none}
body.d2 .todos-card h3{font-size:1.12rem}
body.d2 .todos-foot{color:var(--ink-2);text-align:left;font-weight:500}

/* ---- 1.074 · páginas interiores ------------------------------------------ */
/* Una escala para la portada y otra para dentro: con la de la portada, «La IA
   legal que prefiere callar antes que inventar…» ocupaba cinco líneas. */
body.d2 h1{font-size:clamp(2rem,3.4vw,2.85rem);line-height:1.08;letter-spacing:-.025em;max-width:24ch}
body.d2 .d2-hero h1{font-size:clamp(2.35rem,5vw,4.3rem);line-height:1.03;letter-spacing:-.03em;max-width:15ch}
/* etiquetas en letra normal; los números decorativos, fuera */
body.d2 [class*="-lbl"],body.d2 [class*="-kicker"],body.d2 .ring-lbl{text-transform:none!important;letter-spacing:0!important}
body.d2 .cap-k{display:none}
body.d2 .ring-lbl{font-size:.98rem;font-weight:650}

/* ---- 1.075 ----------------------------------------------------------------- */
body.d2 [data-d2="ocultar"]{display:none}
body.d2 .dz-or span{text-transform:none;letter-spacing:0;font-family:var(--sans)}
body.d2 .dz-main b{color:var(--firma)}
body.d2 .papel-parte h2{font-size:1.32rem;line-height:1.25;margin:0 0 .35rem}

/* ---- 1.076 · rejillas de cuatro: dos columnas, sin celdas grises vacías ---- */
body.d2 .caps:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:720px){body.d2 .caps:has(> :nth-child(4):last-child){grid-template-columns:1fr}}

/* ---- 1.096 · «Empezar»: el plan elegido y la petición de acceso ----------- */
/* Página nueva: sus reglas van aquí, sin body.d2, porque este fichero lleva la
   versión en la URL y lex.css no (una caché vieja la dejaría sin estilo). */
.emp-plan{margin:1.6rem 0 .4rem;padding:1.1rem 1.3rem;border:1px solid var(--line-2);border-left:3px solid var(--green,#2d6a4f);border-radius:12px;background:var(--paper-2)}
.emp-plan p{margin:0 0 .35rem}
.emp-plan p:last-child{margin:0;font-size:.92rem}
.emp-precio{font-size:1.25rem;font-weight:650;margin-left:.4rem;font-variant-numeric:tabular-nums}
.emp-iva{color:var(--ink-soft);font-size:.9rem}
#emp-btn,#pago-btn,#ds-desistir{margin-top:1.3rem}
.emp-msg{margin:1rem 0 0;font-weight:600;line-height:1.5}
.emp-msg:empty{margin:0}
.emp-cuenta{margin-top:2rem;font-size:.92rem;color:var(--ink-soft)}
/* los enlaces, subrayados: con a{text-decoration:none} parecían texto (WCAG 1.4.1) */
.emp-plan a,.emp-cuenta a,.ct-nota a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
body.d2 .emp-plan{border-left-color:var(--firma);border-radius:var(--r)}
/* las etiquetas de los formularios, en letra normal (regla de 1.074) */
body.d2 .ct-l{text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--ink-2)}

/* ---- 1.098 · un enlace dentro de un texto se distingue sin depender del color --
   WCAG 1.4.1. Con a{color:inherit;text-decoration:none} (lex.css), 120 enlaces de
   40 páginas eran iguales que el texto que los rodea: medido en un navegador, no
   lo detecta axe. Solo los enlaces SIN clase: los que la tienen (botones, puertas,
   tarjetas) ya llevan su propio estilo. */
body.d2 main p a:not([class]),body.d2 main li a:not([class]),body.d2 main td a:not([class]),
body.d2 main dd a:not([class]),body.d2 main figcaption a:not([class]),body.d2 main blockquote a:not([class]){
  text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
body.d2 main p a:not([class]):hover,body.d2 main li a:not([class]):hover{text-decoration-thickness:2px}

/* ==========================================================================
   1.100 · LA PORTADA QUE VENDE
   El producto se prueba en el héroe; lo que está en juego, con sus fuentes; las
   tres preguntas que se hacen a cada cita; el sello dibujado con su QR real; un
   cierre que dice cómo empezar. Técnica actual, siempre como mejora progresiva:
   consultas de contenedor, animaciones ligadas al desplazamiento, transiciones
   entre páginas y texto equilibrado. Todo respeta prefers-reduced-motion.
   ========================================================================== */

/* ---- Letra: titulares equilibrados, párrafos sin viudas ------------------- */
body.d2 h1,body.d2 h2,body.d2 h3,body.d2 .d2-cifras b{text-wrap:balance}
body.d2 p,body.d2 li,body.d2 figcaption{text-wrap:pretty}

/* ---- Transición entre páginas (navegadores que la tienen) ----------------- */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
  body.d2 .hdr{view-transition-name:cabecera}
}

/* ---- El héroe -------------------------------------------------------------- */
body.d2 .d2-hero-copy{min-width:0}
body.d2 .d2-cat{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.15rem;font-size:.92rem;font-weight:600;color:var(--ink-2)}
body.d2 .d2-cat::before{content:"";width:.55rem;height:.55rem;border-radius:2px;background:var(--firma);transform:rotate(45deg);flex:none}
body.d2 .d2-hero .d2-lead{margin:1.35rem 0 1.6rem}
body.d2 .d2-prueba{max-width:40rem;margin:0}
body.d2 .d2-prueba label{display:block;font-weight:650;font-size:.98rem;margin-bottom:.55rem;color:var(--ink)}
body.d2 .d2-campo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:end;background:#fff;
  border:1.5px solid var(--ink-soft);border-radius:var(--r-lg);padding:.55rem .55rem .55rem .9rem;
  box-shadow:0 18px 40px -32px rgba(20,23,29,.45);transition:border-color .2s,box-shadow .2s}
body.d2 .d2-campo:focus-within{border-color:var(--firma);box-shadow:0 0 0 4px rgba(28,61,140,.14),0 18px 40px -32px rgba(20,23,29,.45)}
body.d2 .d2-campo textarea{border:0;outline:0;resize:vertical;min-height:3.4rem;max-height:14rem;background:transparent;
  font:inherit;font-family:var(--ley);font-size:1.02rem;line-height:1.5;color:var(--ink);padding:.3rem 0;width:100%}
body.d2 .d2-campo textarea::placeholder{color:#6B7180;font-family:var(--ley)}
body.d2 .d2-campo .btn{white-space:nowrap;padding:.72rem 1.2rem}
body.d2 .d2-campo .btn[disabled]{opacity:.75;cursor:progress}
body.d2 .d2-ejemplos{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .5rem;margin:.8rem 0 0;font-size:.9rem;color:var(--ink-soft)}
body.d2 .d2-ej{font:inherit;font-size:.88rem;font-weight:600;color:var(--firma);background:var(--seal-soft);border:1px solid rgba(28,61,140,.22);
  border-radius:999px;padding:.34rem .8rem;cursor:pointer;min-height:34px;transition:background .15s,border-color .15s}
body.d2 .d2-ej:hover{background:rgba(28,61,140,.13);border-color:rgba(28,61,140,.45)}
body.d2 .d2-ej:focus-visible{outline:2px solid var(--firma);outline-offset:2px}
body.d2 .d2-nota{margin:.35rem 0 0;font-size:.86rem;color:var(--ink-soft)}
body.d2 .d2-ver-pres{margin:1.15rem 0 0}
body.d2 .d2-ver-pres a{display:inline-flex;align-items:center;gap:.65rem;font-weight:650;color:var(--firma);text-decoration:none}
body.d2 .d2-ver-pres a:hover span:last-child,body.d2 .d2-ver-pres a:focus-visible span:last-child{text-decoration:underline;text-underline-offset:3px}
body.d2 .d2-ver-pres a:focus-visible{outline:2px solid var(--firma);outline-offset:4px;border-radius:999px}
body.d2 .d2-play{display:grid;place-items:center;flex:none;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--firma);color:#fff;font-size:.78rem;padding-left:.12rem;box-sizing:border-box;box-shadow:0 10px 22px -12px rgba(28,61,140,.8)}
body.d2 .d2-otra{max-width:40rem;margin:1.5rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.97rem;line-height:1.5;color:var(--ink-2)}
body.d2 .d2-otra a{color:var(--firma);font-weight:600}
body.d2 .d2-acceso{margin:.7rem 0 0}
@media(max-width:560px){
  body.d2 .d2-campo{grid-template-columns:1fr;padding:.6rem}
  body.d2 .d2-campo .btn{width:100%;justify-content:center}
}

/* ---- El recibo: se comprueba delante de ti --------------------------------- */
body.d2 .d2-recibo{align-self:center}
body.d2 .d2-recibo .d2-ref{position:relative}
body.d2 .d2-recibo .d2-cita{position:relative}
body.d2 .d2-recibo-cuerpo{min-height:18rem}
@media(max-width:480px){body.d2 .d2-recibo figcaption{flex-direction:column;gap:.15rem}}
@media (prefers-reduced-motion:no-preference){
  body.d2 .d2-recibo[data-estado="ejemplo"] .d2-cita::before{content:"";position:absolute;inset:0 -1.4rem;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(28,61,140,.10) 45%,rgba(28,61,140,.16) 50%,transparent 58%);
    background-size:220% 100%;background-position:120% 0;opacity:0;
    animation:d2-barrido .8s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(.35s + var(--i,0) * .8s)}
  body.d2 .d2-recibo[data-estado="ejemplo"] .d2-veredicto{animation:d2-veredicto .38s cubic-bezier(.2,.9,.3,1.2) both;
    animation-delay:calc(1s + var(--i,0) * .8s)}
  body.d2 .d2-recibo[data-estado="ejemplo"] .d2-ref::after{content:"Comprobando…" / "";position:absolute;right:0;top:0;
    font-weight:500;color:var(--ink-soft);animation:d2-pendiente .3s linear both;animation-delay:calc(1s + var(--i,0) * .8s)}
  body.d2 .d2-recibo[data-estado="ejemplo"] .d2-sello{animation-delay:3.35s}
}
@keyframes d2-barrido{0%{opacity:0;background-position:120% 0}15%{opacity:1}100%{opacity:0;background-position:-40% 0}}
@keyframes d2-veredicto{from{opacity:0;transform:translateY(3px) scale(.96)}to{opacity:1;transform:none}}
@keyframes d2-pendiente{from{opacity:1}to{opacity:0;visibility:hidden}}
/* comprobando tu texto: barra que avanza y el tiempo que va pasando, de verdad */
body.d2 .d2-progreso{padding:1.4rem 0 .6rem}
body.d2 .d2-progreso p{margin:0 0 .9rem;font-weight:600;color:var(--ink)}
body.d2 .d2-progreso small{display:block;margin-top:.8rem;color:var(--ink-soft);font-size:.86rem;font-variant-numeric:tabular-nums}
body.d2 .d2-barra-carga{height:4px;border-radius:4px;background:var(--line-2);overflow:hidden;position:relative}
body.d2 .d2-barra-carga::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:4px;background:var(--firma);animation:d2-carga 1.25s ease-in-out infinite}
@keyframes d2-carga{from{transform:translateX(-100%)}to{transform:translateX(270%)}}
@media (prefers-reduced-motion:reduce){body.d2 .d2-barra-carga::after{animation:none;width:100%;opacity:.5}}
/* tu resultado */
body.d2 .d2-recibo[data-estado="propio"] .d2-cita{animation:d2-veredicto .35s ease-out both;animation-delay:calc(var(--i,0) * .12s)}
@media (prefers-reduced-motion:reduce){body.d2 .d2-recibo[data-estado="propio"] .d2-cita{animation:none}}
body.d2 .d2-veredicto.sin{color:var(--amber)}
body.d2 .d2-cita .d2-motivo{margin:.35rem 0 0;font-size:.88rem;line-height:1.45;color:var(--ink-soft)}
body.d2 .d2-cita .d2-fuente{display:inline-block;margin-top:.3rem;font-size:.86rem;font-weight:600;color:var(--firma)}
body.d2 .d2-recibo-lista{max-height:26rem;overflow:auto;margin-right:-.4rem;padding-right:.4rem;overscroll-behavior:contain}
body.d2 .d2-resumen{margin:.9rem 0 0;padding-top:.85rem;border-top:1px solid var(--line);font-size:.92rem;color:var(--ink-2)}
body.d2 .d2-siguiente{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0 .4rem}
body.d2 .d2-siguiente .btn{font-size:.88rem;padding:.6rem 1rem;min-height:40px}
body.d2 .d2-aviso{margin:.8rem 0 0;padding:.7rem .85rem;border-radius:var(--r);background:#FFF7E8;color:#5C3B00;font-size:.9rem;line-height:1.45}
body.d2 .d2-error{margin:1rem 0 .5rem;color:var(--red);font-weight:600}
body.d2 .d2-recibo[data-estado="propio"]{padding-bottom:2.8rem}
body.d2 .d2-nota.es-error{color:var(--red);font-weight:600}
body.d2 .d2-recibo:focus{outline:none}
body.d2 .d2-recibo:focus-visible{outline:2px solid var(--firma);outline-offset:6px}

/* ---- Las cifras: cinco maneras de decir «compruébalo tú» ------------------- */
body.d2 .d2-cifras a{color:var(--firma);font-weight:600}

/* ---- Lo que está en juego: tres recortes con su fuente --------------------- */
body.d2 .d2-juego{padding-bottom:clamp(40px,6vh,72px)}
body.d2 .d2-recortes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;counter-reset:rec}
body.d2 .d2-recorte{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:3px;
  padding:1.3rem 1.35rem 1.2rem;box-shadow:0 1px 0 var(--line),0 20px 40px -34px rgba(20,23,29,.35)}
body.d2 .d2-recorte::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);opacity:.8;border-radius:3px 0 0 3px}
body.d2 .d2-rec-cuando{margin:0 0 .7rem;font-size:.86rem;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums}
body.d2 .d2-rec-que{margin:0 0 .9rem;font-size:1.02rem;line-height:1.45;font-weight:600;color:var(--ink)}
body.d2 .d2-rec-dicho{margin:0 0 1rem;padding:0;border:0}
body.d2 .d2-rec-dicho p{margin:0;font-family:var(--ley);font-style:italic;font-size:1rem;line-height:1.5;color:var(--ink-2)}
body.d2 .d2-rec-fuente{margin:auto 0 0;font-size:.86rem}
body.d2 .d2-rec-fuente a{color:var(--ink-soft)}
@media(max-width:900px){body.d2 .d2-recortes{grid-template-columns:1fr}}

/* ---- Las tres preguntas ---------------------------------------------------- */
body.d2 .d2-tres .sec-head{margin-bottom:clamp(28px,4vh,48px)}
body.d2 .d2-pasos{list-style:none;margin:0;padding:0;position:relative}
body.d2 .d2-paso{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;
  padding:clamp(1.8rem,4vw,3rem) 0;border-top:1px solid var(--line)}
body.d2 .d2-paso-txt{position:sticky;top:110px}
body.d2 .d2-paso h3{display:flex;align-items:center;gap:.8rem;margin:0 0 .8rem;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em}
body.d2 .d2-paso-n{display:inline-grid;place-items:center;flex:none;width:2.2rem;height:2.2rem;border-radius:50%;
  border:2px solid var(--firma);color:var(--firma);font-size:1rem;font-weight:700;letter-spacing:0}
body.d2 .d2-paso-txt p{margin:0 0 .8rem;font-size:1.04rem;line-height:1.6;color:var(--ink-2);max-width:34rem}
body.d2 .d2-paso-txt p a{color:var(--firma);font-weight:600}
body.d2 .d2-paso-prueba{container-type:inline-size;min-width:0}
body.d2 .d2-paso-prueba .vig,body.d2 .d2-paso-prueba .vrf{margin:0;max-width:none}
body.d2 .d2-mini{background:#fff;border:1px solid var(--line);border-radius:3px;padding:.4rem 1.3rem;box-shadow:0 20px 40px -34px rgba(20,23,29,.35)}
body.d2 .d2-mini-cita{padding:.95rem 0;border-bottom:1px solid var(--line-2)}
body.d2 .d2-mini-cita:last-child{border-bottom:0}
body.d2 .d2-mini-cita .d2-ref{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.95rem}
body.d2 .d2-mini-cita .d2-ref b{font-weight:650;text-decoration:line-through;text-decoration-color:rgba(179,38,30,.55);text-decoration-thickness:1.5px;color:var(--ink-soft)}
body.d2 .d2-mini-cita p{margin:.35rem 0 0;font-size:.92rem;line-height:1.5;color:var(--ink-soft)}
@container (max-width:560px){
  .vig-linea{grid-auto-flow:row;grid-auto-columns:auto;gap:.9rem}
  .vig-linea::before{display:none}
  .vig-v{padding-top:0;padding-left:1.6rem}
  .vig-v::before{top:.2rem}
}
/* el hilo de los tres pasos se va llenando al bajar (donde el navegador lo sabe hacer) */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference) and (min-width:861px){
    body.d2 .d2-paso-n{position:relative;background:#fff}
    body.d2 .d2-paso{position:relative}
    body.d2 .d2-paso::after{content:"";position:absolute;left:1.1rem;top:calc(clamp(1.8rem,4vw,3rem) + 2.6rem);bottom:-1px;width:2px;
      background:var(--firma);transform-origin:top;transform:scaleY(0);opacity:.35;
      animation:d2-hilo linear both;animation-timeline:view();animation-range:entry 40% cover 60%}
    body.d2 .d2-paso:last-child::after{display:none}
  }
}
@keyframes d2-hilo{to{transform:scaleY(1)}}
@media(max-width:860px){
  body.d2 .d2-paso{grid-template-columns:1fr}
  body.d2 .d2-paso-txt{position:static}
}

/* ---- El vídeo, con su texto al lado --------------------------------------- */
body.d2 .d2-video{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;
  margin-top:clamp(2rem,5vw,3.5rem);padding-top:clamp(2rem,5vw,3.5rem);border-top:1px solid var(--line)}
body.d2 .d2-video h3{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:.3rem 0 .8rem}
body.d2 .d2-video-txt p{color:var(--ink-2);line-height:1.6;margin:0}
body.d2 .d2-video .video-wrap{margin:0}
body.d2 .d2-video .eyebrow{display:none}
@media(max-width:860px){body.d2 .d2-video{grid-template-columns:1fr}}

/* ---- El vídeo explicativo (1.107): en la portada se abre en un diálogo; en
   /como-funciona va en su sección, con la transcripción debajo ---------------- */
body.d2 .d2-video-mas{margin:1.3rem 0 0}
body.d2 .d2-dialogo{position:fixed;inset:0;margin:auto;height:fit-content;width:min(1120px,94vw);max-width:none;max-height:94vh;padding:0;border:0;border-radius:var(--r-lg);
  background:var(--paper-card);color:var(--ink);box-shadow:0 40px 120px -30px rgba(10,14,28,.6);overflow:auto}
body.d2 .d2-dialogo::backdrop{background:rgba(15,22,40,.74)}
body.d2 .d2-dialogo-cab{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .6rem .55rem 1.25rem}
body.d2 .d2-dialogo-cab h2{font-size:1.08rem;margin:0;letter-spacing:-.01em}
body.d2 .d2-dialogo-cerrar{font:inherit;font-weight:600;color:var(--firma);background:none;border:0;border-radius:var(--r);
  padding:.5rem .8rem;min-height:44px;cursor:pointer}
body.d2 .d2-dialogo-cerrar:hover{background:var(--seal-soft)}
body.d2 .d2-dialogo-cerrar:focus-visible{outline:2px solid var(--firma);outline-offset:2px}
body.d2 .d2-dialogo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--night)}
body.d2 .d2-dialogo-pie{margin:0;padding:.7rem 1.25rem .85rem;font-size:.95rem}
body.d2 .d2-dialogo-pie a{color:var(--firma);font-weight:600}
body.d2 .cf-video{border-bottom:1px solid var(--line)}
body.d2 .cf-video .sec-head p{max-width:46rem}
body.d2 .cf-video-fig{margin:0}
body.d2 .cf-video-v{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--night);
  box-shadow:0 34px 90px -44px rgba(20,23,29,.6),0 0 0 1px var(--line)}
body.d2 .cf-video-trans{margin-top:1.2rem;max-width:46rem}
body.d2 .cf-video-trans summary{cursor:pointer;font-weight:600;color:var(--firma);min-height:44px;display:flex;align-items:center}
body.d2 .cf-video-trans summary:focus-visible{outline:2px solid var(--firma);outline-offset:3px}
body.d2 .cf-video-trans p{color:var(--ink-2);line-height:1.65;margin:.6rem 0 0}

/* ---- Dos columnas: texto y la pieza que lo prueba -------------------------- */
body.d2 .d2-dos{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
body.d2 .d2-dos .sec-head{margin-bottom:0}
@media(max-width:920px){body.d2 .d2-dos{grid-template-columns:1fr}}

/* ---- El sello, dibujado ----------------------------------------------------- */
body.d2 .d2-sello-banda{background:var(--paper-2)}
body.d2 .d2-sello-banda .sec-head{margin-bottom:1.4rem}
body.d2 ol.sl-grid{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:1fr;gap:0;max-width:36rem}
body.d2 .sl-c{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.8rem;align-items:start;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:.8rem 0}
body.d2 .sl-c:last-child{border-bottom:1px solid var(--line)}
body.d2 .sl-c b{display:grid;place-items:center;width:1.7rem;height:1.7rem;margin:0;border-radius:50%;background:var(--seal-soft);color:var(--firma);font-family:var(--sans);font-weight:700;font-size:.86rem}
body.d2 .sl-c p{font-size:.98rem;color:var(--ink-2);padding-top:.12rem}
body.d2 .d2-sello-tarjeta{position:relative;margin:0;background:#fff;border:1px solid var(--line);border-radius:4px;
  padding:1.5rem 1.6rem 1.3rem;box-shadow:0 1px 0 var(--line),0 30px 60px -40px rgba(20,23,29,.5);
  outline:1.5px solid rgba(28,61,140,.35);outline-offset:-9px}
body.d2 .d2-sello-tarjeta figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
body.d2 .d2-sello-tarjeta figcaption b{font-size:1.02rem;font-weight:700;color:var(--firma)}
body.d2 .d2-sello-tarjeta figcaption span{font-size:.84rem;font-weight:700;letter-spacing:.06em;color:var(--ink-soft)}
body.d2 .d2-st-qr{float:right;width:132px;margin:1rem 0 .6rem 1.2rem;color:var(--ink)}
body.d2 .d2-st-qr a{display:block;line-height:0;border-radius:4px}
body.d2 .d2-st-qr a:focus-visible{outline:2px solid var(--firma);outline-offset:3px}
body.d2 .d2-st-qr svg{width:100%;height:auto;display:block}
body.d2 .d2-st-datos{margin:.9rem 0 0}
body.d2 .d2-st-datos div{padding:.55rem 0;border-bottom:1px solid var(--line-2)}
body.d2 .d2-st-datos dt{font-size:.82rem;color:var(--ink-soft)}
body.d2 .d2-st-datos dd{margin:.15rem 0 0;font-weight:650;font-size:.98rem;color:var(--ink)}
body.d2 .d2-st-datos code{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.86rem;word-break:break-all;font-weight:500}
body.d2 .d2-st-v{display:inline-block;font-size:.95rem;font-weight:650}
body.d2 .d2-st-v.ok{color:var(--green)}
body.d2 .d2-st-v.der{color:var(--amber)}
body.d2 .d2-st-v.no{color:var(--red)}
body.d2 .d2-st-pie{clear:both;margin:.9rem 0 0;font-size:.86rem;color:var(--ink-soft)}

/* ---- Particulares: el papel de verdad ------------------------------------- */
body.d2 .d2-todos-cab{margin-bottom:clamp(2rem,4vw,3rem)}
body.d2 .d2-todos-acciones{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 0}
body.d2 .d2-todos-nota{margin:.7rem 0 0;font-size:.88rem;color:var(--ink-soft)}
body.d2 .d2-papel{margin:0;background:#fff;border:1px solid var(--line);border-radius:3px;padding:1.4rem 1.5rem 1.2rem 1.5rem;
  box-shadow:0 1px 0 var(--line),0 26px 50px -38px rgba(20,23,29,.45);position:relative}
body.d2 .d2-papel::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--firma);border-radius:3px 0 0 3px}
body.d2 .d2-papel figcaption{padding-bottom:.9rem;border-bottom:1px solid var(--line)}
body.d2 .d2-papel figcaption b{display:block;font-size:1.08rem;font-weight:700}
body.d2 .d2-papel figcaption span{display:block;margin-top:.3rem;font-size:.94rem;line-height:1.45;color:var(--ink-2)}
body.d2 .d2-papel-partes{list-style:none;margin:0;padding:0;counter-reset:parte}
body.d2 .d2-papel-partes li{padding:.85rem 0 .85rem 2rem;border-bottom:1px solid var(--line-2);position:relative;counter-increment:parte}
body.d2 .d2-papel-partes li::before{content:counter(parte);position:absolute;left:0;top:.9rem;width:1.35rem;height:1.35rem;border-radius:50%;
  background:var(--seal-soft);color:var(--firma);font-size:.78rem;font-weight:700;display:grid;place-items:center}
body.d2 .d2-papel-partes b{font-weight:650;font-size:.97rem}
body.d2 .d2-papel-partes p{margin:.25rem 0 0;font-size:.92rem;line-height:1.5;color:var(--ink-2)}
body.d2 .d2-papel-partes .d2-papel-cita{font-size:.84rem;color:var(--ink-soft)}
body.d2 .d2-papel-pie{margin:.9rem 0 0;font-size:.9rem}
body.d2 .d2-papel-pie a{color:var(--firma);font-weight:600}

/* ---- Medido: el número dentro de su anillo y los botones legibles de noche -- */
body.d2 .ring-card{position:relative;padding-top:1.3rem}
body.d2 .ring{width:112px;height:112px;margin:0 auto 1rem}
body.d2 .ring-num{position:absolute;left:0;right:0;top:calc(1.3rem + 56px);transform:translateY(-50%);margin:0;
  font-family:var(--display);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
body.d2 .honesty .btn-line{color:var(--night-ink);box-shadow:inset 0 0 0 1.5px rgba(237,239,244,.55);background:transparent}
body.d2 .honesty .btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--night-ink)}
@media(max-width:720px){body.d2 .med-rings{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- El cierre: de noche, como el principio de la tecnología --------------- */
body.d2 .d2-cierre{background:var(--night);color:var(--night-ink)}
body.d2 .d2-cierre h2{color:#fff;max-width:18ch;margin:0 auto 1.1rem}
body.d2 .d2-cierre p{color:var(--night-soft)}
body.d2 .d2-cierre-acciones{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}
body.d2 .d2-cierre .btn{background:#fff;color:var(--firma)}
body.d2 .d2-cierre .btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
body.d2 .d2-cierre .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff}
body.d2 .d2-cierre .cta-note{font-family:var(--sans);font-size:.92rem;color:var(--night-soft);margin-top:1.6rem}
body.d2 .d2-cierre .cta-note a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
body.d2 .d2-cierre :focus-visible{outline-color:#fff}

/* ---- La barra del móvil ---------------------------------------------------- */
body.d2 .d2-barra{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:1rem;
  padding:.65rem 16px calc(.65rem + env(safe-area-inset-bottom));background:rgba(251,251,249,.96);
  -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);
  border-top:1px solid var(--line);box-shadow:0 -12px 30px -24px rgba(20,23,29,.5)}
body.d2 .d2-barra[hidden]{display:none}
body.d2 .d2-barra .btn{flex:1;justify-content:center}
body.d2 .d2-barra-sec{font-weight:600;color:var(--firma);text-decoration:underline;text-underline-offset:.2em;padding:.6rem .2rem}
@media(min-width:861px){body.d2 .d2-barra{display:none!important}}
@media(max-width:860px){body.d2.con-barra .ft{padding-bottom:5.5rem}}

/* la vista clásica de la portada (solo para comparar) también subraya sus enlaces dentro de un texto (WCAG 1.4.1) */
body.has-dark-hero main p a:not([class]),body.has-dark-hero main li a:not([class]),body.has-dark-hero main figcaption a:not([class]){text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.18em}

/* ==========================================================================
   1.101 · EL COMPROBADOR (/comprobar), con el recibo de la portada
   ========================================================================== */
body.d2 .d2-comprobar{padding-top:calc(88px + clamp(1.2rem,4vw,3.4rem))}
body.d2 .d2-comp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,4.5vw,4rem);align-items:start}
body.d2 .d2-comp-form{min-width:0}
body.d2 .d2-comp-form h1{max-width:20ch;margin:0 0 1rem}
body.d2 .d2-comp-form .lead{max-width:56ch;color:var(--ink-2);font-size:1.08rem;line-height:1.6;margin:0 0 1.6rem}
body.d2 .d2-comp-limite{margin:0 0 .6rem;font-size:.9rem;color:var(--ink-soft)}
body.d2 .d2-comp-limite a{color:var(--firma);font-weight:600}
body.d2 .d2-comprobar textarea#pub-texto{min-height:190px;font-family:var(--ley);font-size:1rem;line-height:1.55}
body.d2 .d2-comp-cont{font-size:.82rem;color:var(--ink-soft)}
body.d2 .d2-comp-cont.es-aviso{color:var(--amber);font-weight:600}
body.d2 .d2-comp-recibo{position:sticky;top:104px;align-self:start;margin-top:.4rem}
body.d2 .d2-comp-que{list-style:none;margin:0;padding:0;counter-reset:q}
body.d2 .d2-comp-que li{counter-increment:q;position:relative;padding:.95rem 0 .95rem 2.3rem;border-bottom:1px solid var(--line-2)}
body.d2 .d2-comp-que li::before{content:counter(q);position:absolute;left:0;top:1rem;width:1.5rem;height:1.5rem;border-radius:50%;
  border:2px solid var(--firma);color:var(--firma);font-size:.8rem;font-weight:700;display:grid;place-items:center}
body.d2 .d2-comp-que b{display:block;font-weight:650;font-size:1rem}
body.d2 .d2-comp-que span{display:block;margin-top:.25rem;font-size:.92rem;line-height:1.45;color:var(--ink-soft)}
body.d2 .d2-comp-pie{margin:1rem 0 .2rem;font-size:.9rem;line-height:1.5;color:var(--ink-2)}
body.d2 .d2-comp-notas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:clamp(2rem,5vw,3.5rem)}
body.d2 .pub-nota{border-left:3px solid var(--firma);background:#fff;border-radius:0 var(--r) var(--r) 0;padding:1rem 1.2rem}
body.d2 .pub-nota p{margin:0 0 .4rem;font-size:.95rem;line-height:1.6;color:var(--ink-2)}
body.d2 .pub-nota p:last-child{margin:0}
body.d2 .pub-nota a{color:var(--firma);font-weight:600}
@media(max-width:920px){
  body.d2 .d2-comp-grid{grid-template-columns:1fr}
  body.d2 .d2-comp-recibo{position:static}
  body.d2 .d2-comp-notas{grid-template-columns:1fr}
}

/* ---- 1.101 · el verde es solo del veredicto: ni el relleno al pasar por un botón ni el foco ---- */
body.d2 .btn::before{background:#132C66}
body.d2 .btn-line:hover,body.d2 .btn-line:focus-visible{color:#fff}
body.d2 a:focus-visible,body.d2 button:focus-visible,body.d2 .btn:focus-visible,body.d2 [role="button"]:focus-visible,body.d2 summary:focus-visible{outline-color:var(--firma)}
body.d2 .d2-cierre .btn::before{background:#DDE4F3}
body.d2 .d2-cierre .btn:hover{color:var(--firma)}
body.d2 .d2-cierre .btn-line::before,body.d2 .honesty .btn-line::before{background:rgba(255,255,255,.14)}
body.d2 .d2-cierre .btn-line:hover,body.d2 .honesty .btn-line:hover{color:#fff}
body.d2 .d2-cierre :focus-visible,body.d2 .band-night :focus-visible,body.d2 .honesty :focus-visible{outline-color:#fff}
/* la nota del comprobador, en letra de nota */
body.d2 .d2-comp-nota{margin:.5rem 0 0;font-size:.86rem;line-height:1.5;color:var(--ink-soft)}
/* 1.102: la garantía lleva h2 en /precios y h3 en la portada; se ven igual */
.precio-garantia h2{font-size:1.2rem;margin:0 0 .7rem;line-height:1.3}
/* 1.103: el aviso de IA junto al formulario del comprobador (art. 50.1 del Reglamento de IA) */
body.d2 .d2-comp-ia{margin:.8rem 0 0;font-size:.86rem;line-height:1.5;color:var(--ink-soft)}

/* ==========================================================================
   1.105 · Cómo funciona, Confianza y Seguridad, en el mismo lenguaje
   Heredaban piezas de la web anterior: una sección de noche con iconos verdes,
   etiquetas en mayúsculas, tarjetas oscuras con brillo, un anillo cuya mayor
   porción se llamaba «Otros» y una celda gris vacía al final de una rejilla.
   ========================================================================== */
/* -- piezas heredadas, en letra normal y sin brillo -- */
body.d2 .cmp{border-radius:var(--r-lg)}
body.d2 .cmp .tag{text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:.92rem;font-weight:600;padding:0;border-radius:0;background:none!important;color:var(--ink-soft)!important;margin-bottom:.45rem}
body.d2 .cmp.good{background:var(--paper-card);color:var(--ink)}
body.d2 .cmp.good p{color:var(--ink-2)}
body.d2 .cmp.good::after{display:none}
body.d2 .chip{font-family:var(--sans);letter-spacing:0;font-size:.88rem}
body.d2 .chip:hover{border-color:var(--firma)}
body.d2 .chip-on{background:var(--seal-soft);color:var(--firma);border-color:var(--firma)}
body.d2 .input-line:focus{border-color:var(--firma);box-shadow:0 0 0 3px var(--seal-soft)}
body.d2 .faq summary{font-family:var(--display);font-weight:600}
body.d2 .faq summary .pl::before,body.d2 .faq summary .pl::after{background:var(--ink-soft)}
body.d2 .faq .ans a{color:var(--firma)}
body.d2 #faq .faq{margin:0}
body.d2 .vx-titulo{text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:.98rem;font-weight:650;color:var(--ink);margin:0 0 .7rem}
body.d2 .vx-lista li{border-left-color:var(--line)}
body.d2 .pq-col{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-lg)}
body.d2 .pq-list li{color:var(--ink-2)}
body.d2 .pq-list li::before{width:.42rem;height:1.5px;border-radius:0;top:.72em;background:var(--ink-soft)}
body.d2 .plz-field label{font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--ink-2);letter-spacing:0}
body.d2 .pdemo-grid{grid-template-columns:minmax(0,11rem) minmax(0,1fr);align-items:end}
@media(max-width:480px){body.d2 .pdemo-grid{grid-template-columns:1fr}}
body.d2 .pdemo-btnbox{grid-column:1/-1;margin-bottom:0}
body.d2 .pdemo-btnbox .btn{width:auto}
body.d2 .pdemo-placeholder{font-size:.95rem;letter-spacing:0}
body.d2 .ev-c{background:var(--paper-card);border-color:var(--line)}
body.d2 .ev-c b{font-weight:700;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
body.d2 .ev-c span{font-family:var(--sans);font-size:.9rem}
body.d2 .ev-b{background:var(--paper-card);border-color:var(--line);border-left-color:var(--green)}
body.d2 .ev-b.es-caido{border-left-color:var(--amber)}
body.d2 .ev-cuando,body.d2 .ev-fallo,body.d2 .ev-pie{font-family:var(--sans);font-size:.86rem;letter-spacing:0}

/* -- Cómo funciona -- */
body.d2 .cf-hero{padding-top:calc(88px + clamp(1.2rem,4vw,3.4rem));padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
body.d2 .cf-hero h1{max-width:20ch;margin:0}
body.d2 .cf-hero .d2-lead{max-width:44rem}
body.d2 .cf-indice ol{list-style:none;margin:0;padding:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.45rem 1.5rem;border-top:1px solid var(--line);max-width:64rem}
body.d2 .cf-indice a{color:var(--ink-2);font-weight:600;font-size:.98rem;text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1.5px}
body.d2 .cf-indice a:hover{color:var(--firma);text-decoration-color:currentColor}
body.d2 .cf-cmp{width:100%;border-collapse:collapse;font-size:.98rem;line-height:1.55}
body.d2 .cf-cmp th,body.d2 .cf-cmp td{text-align:left;vertical-align:top;padding:1.05rem 1.4rem 1.05rem 0;border-bottom:1px solid var(--line)}
body.d2 .cf-cmp thead th{font-size:.95rem;font-weight:650;color:var(--ink-soft);border-bottom:1.5px solid var(--ink);padding-top:0}
body.d2 .cf-cmp tbody th{font-weight:650;width:16%;color:var(--ink)}
body.d2 .cf-cmp td{width:42%;color:var(--ink-2)}
body.d2 .cf-cmp td:last-child{color:var(--ink)}
body.d2 .cf-no,body.d2 .cf-si{display:inline-block;width:1.4em;font-weight:700}
body.d2 .cf-no{color:var(--red)}
body.d2 .cf-si{color:var(--green)}
@media(max-width:720px){
  body.d2 .cf-cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  body.d2 .cf-cmp,body.d2 .cf-cmp tbody,body.d2 .cf-cmp tr,body.d2 .cf-cmp th,body.d2 .cf-cmp td{display:block;width:auto}
  body.d2 .cf-cmp tr{border-bottom:1px solid var(--line);padding:1rem 0}
  body.d2 .cf-cmp th,body.d2 .cf-cmp td{border:0;padding:.15rem 0}
  body.d2 .cf-cmp tbody th,body.d2 .cf-cmp td{width:auto}
  body.d2 .cf-cmp tbody th{font-size:1.08rem}
  body.d2 .cf-cmp td::before{content:attr(data-col);content:attr(data-col) / "";display:block;font-size:.88rem;font-weight:650;color:var(--ink-soft);margin-top:.55rem}
}
body.d2 .cf-agentes{background:var(--paper-2)}
body.d2 .cf-ag{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.4rem}
body.d2 .cf-ag li{border-top:1.5px solid var(--ink);padding:1.1rem 0 1.7rem}
body.d2 .cf-ag h3{font-size:1.25rem;margin:0}
body.d2 .cf-ag p{font-size:.98rem;line-height:1.55;color:var(--ink-2);margin:0}
body.d2 .cf-ag p.cf-ag-que{font-size:.92rem;font-weight:600;color:var(--ink-soft);margin:.15rem 0 .65rem}
@media(max-width:900px){body.d2 .cf-ag{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.d2 .cf-ag{grid-template-columns:1fr}}
body.d2 .cf-cob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media(max-width:920px){body.d2 .cf-cob{grid-template-columns:1fr}}
body.d2 .cf-cob h2{max-width:18ch;margin:0 0 1rem}
body.d2 .cf-cob-p{color:var(--ink-2);max-width:56ch;line-height:1.6}
body.d2 .cf-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.6rem;margin:1.8rem 0;padding-top:1.1rem;border-top:1px solid var(--line)}
body.d2 .cf-cifras div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
body.d2 .cf-cifras dt{font-size:.92rem;color:var(--ink-soft);margin-top:.25rem}
body.d2 .cf-cifras dd{margin:0;font-size:1.7rem;font-weight:700;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
body.d2 .cf-src{list-style:none;margin:0;padding:0;font-size:.95rem;color:var(--ink-2)}
body.d2 .cf-src li{padding:.5rem 0;border-bottom:1px solid var(--line-2)}
body.d2 .cf-panel{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.3rem,2.6vw,2rem)}
body.d2 .cf-panel-t{font-size:1.08rem;margin:0 0 .8rem}
body.d2 .cf-barras{list-style:none;margin:0;padding:0}
body.d2 .cf-barras li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;padding:.5rem 0;font-size:.95rem}
body.d2 .cf-b-l{color:var(--ink-2)}
body.d2 .cf-b-v{font-weight:650;font-variant-numeric:tabular-nums;text-align:right}
body.d2 .cf-b-bar{grid-column:1/-1;display:block;height:6px;background:var(--line-2);border-radius:3px;overflow:hidden}
body.d2 .cf-b-bar span{display:block;height:100%;background:var(--ink-2);border-radius:3px}
body.d2 .cf-panel-pie{font-size:.92rem;color:var(--ink-soft);margin:.9rem 0 0}
body.d2 .cf-panel #vias-externas{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
body.d2 .cf-notas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.4rem}
body.d2 .cf-notas li{border-top:1.5px solid var(--ink);padding:1.1rem 0 .4rem}
body.d2 .cf-notas p{font-size:.96rem;line-height:1.55;color:var(--ink-2)}
body.d2 .cf-notas .cf-nota-de{font-size:.92rem;font-weight:650;color:var(--ink-soft);margin:0}
@media(min-width:861px){body.d2 .cf-notas .cf-nota-de{min-height:2.8em}}
body.d2 .cf-notas .cf-nota-n{font-size:clamp(2.4rem,4.4vw,3.3rem);font-weight:720;letter-spacing:-.03em;line-height:1;margin:.5rem 0 .8rem;font-variant-numeric:tabular-nums;color:var(--ink)}
body.d2 .cf-nota-n span{font-size:.42em;color:var(--ink-soft);font-weight:600;letter-spacing:0}
@media(max-width:860px){body.d2 .cf-notas{grid-template-columns:1fr}}
body.d2 .cf-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:clamp(1.6rem,3vw,2.4rem)}
body.d2 .cf-dos>div{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.2rem,2.4vw,1.8rem)}
body.d2 .cf-dos h3{font-size:1.15rem;margin:0 0 .6rem}
body.d2 .cf-dos p{color:var(--ink-2);font-size:.97rem;line-height:1.6;margin:0}
body.d2 .cf-dos a{color:var(--firma)}
@media(max-width:760px){body.d2 .cf-dos{grid-template-columns:1fr}}
body.d2 .cf-capas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.6rem,4vw,3.6rem)}
@media(max-width:860px){body.d2 .cf-capas{grid-template-columns:1fr}}
body.d2 .cf-capas h3{font-size:1.15rem;margin:0;padding-bottom:.7rem;border-bottom:1.5px solid var(--ink)}
body.d2 .cf-capa{margin:0}
body.d2 .cf-capa div{padding:.85rem 0;border-bottom:1px solid var(--line)}
body.d2 .cf-capa dt{font-weight:650;font-size:1rem}
body.d2 .cf-capa dd{margin:.2rem 0 0;color:var(--ink-2);font-size:.95rem;line-height:1.55}
body.d2 #vivo,body.d2 #en-vivo{background:var(--paper-2)}
body.d2 .cf-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.4rem;counter-reset:cf}
body.d2 .cf-pasos li{counter-increment:cf;border-top:1.5px solid var(--ink);padding:1.1rem 0 .4rem}
body.d2 .cf-pasos li::before{content:counter(cf);display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--ink);font-weight:700;font-size:.95rem;margin-bottom:.8rem}
body.d2 .cf-pasos h3{font-size:1.15rem;margin:0 0 .4rem}
body.d2 .cf-pasos p{color:var(--ink-2);font-size:.97rem;line-height:1.55;margin:0}
@media(max-width:760px){body.d2 .cf-pasos{grid-template-columns:1fr}}

/* -- Confianza -- */
body.d2 .cz-metricas{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(1.8rem,3.5vw,2.6rem)}
@media(max-width:1000px){body.d2 .cz-metricas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.d2 .cz-metricas{grid-template-columns:1fr}}
body.d2 .cz-tirada{font-size:.95rem;color:var(--ink-2);max-width:62rem;margin:1.4rem 0 0}
body.d2 .cz-publicamos{margin:clamp(1.6rem,3vw,2.4rem) 0 0;max-width:62rem;color:var(--ink-2);line-height:1.6}
body.d2 .cz-honestidad{background:var(--paper-2)}
body.d2 .cz-corpus{margin-top:clamp(1.6rem,3vw,2.4rem);max-width:44rem}
body.d2 .cz-acciones{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:clamp(1.6rem,3vw,2.4rem)}

/* -- Seguridad -- */
body.d2 .sg-vivo-band{background:var(--paper-2)}
body.d2 .sg-vivo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.4rem;margin:0}
body.d2 .sg-vivo div{border-top:1.5px solid var(--ink);padding:1rem 0 .6rem}
body.d2 .sg-vivo dt{font-size:1.5rem;font-weight:700;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
body.d2 .sg-vivo dd{margin:.35rem 0 0;color:var(--ink-2);font-size:.97rem;line-height:1.55}
@media(max-width:860px){body.d2 .sg-vivo{grid-template-columns:1fr}}
body.d2 .sg-tu{margin-top:clamp(1.6rem,3vw,2.4rem);max-width:52rem}
body.d2 .sg-tu h3{font-size:1.1rem;margin:0 0 .6rem}
body.d2 .sg-lista{margin:0;padding-left:1.3rem;color:var(--ink-2)}
body.d2 .sg-lista li{padding:.45rem 0 .55rem .2rem;border-bottom:1px solid var(--line)}
body.d2 .sg-lista b{display:block;color:var(--ink);font-weight:650}
body.d2 .sg-lista code,body.d2 .sg-ctl code{display:inline-block;margin-top:.25rem;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.84rem;background:var(--paper-card);border:1px solid var(--line);border-radius:4px;padding:.12rem .4rem;word-break:normal;overflow-wrap:anywhere}
body.d2 .sg-lista span{display:block;font-size:.95rem;margin-top:.15rem}
body.d2 .sg-firmado{margin:1.6rem 0 0;max-width:52rem;color:var(--ink-2);font-size:.97rem}
body.d2 .sg-firmado a{color:var(--firma)}
body.d2 .sg-ctl tbody th{width:28%}
body.d2 .sg-ctl td{width:36%}
body.d2 .sg-ref{display:block;margin-top:.3rem;font-size:.85rem;font-weight:500;color:var(--ink-soft);font-variant-numeric:tabular-nums}
body.d2 .cf-ag+.cf-dos{margin-top:clamp(1.2rem,2.4vw,1.8rem)}
body.d2 .sg-ref code{display:inline;margin:0;font-family:inherit;font-size:inherit;background:none;border:0;padding:0}
body.d2 .cf-ag h3+p{margin-top:.45rem}
body.d2 .sg-ctl a{color:var(--firma)}

/* -- Primer diagnóstico: un ejemplo que pulsar y la respuesta, a la vista -- */
body.d2 .dg-hero{padding-bottom:clamp(2rem,4vw,3rem)}
body.d2 .dg-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media(max-width:920px){body.d2 .dg-grid{grid-template-columns:1fr}}
body.d2 .dg-form h1{max-width:16ch}
body.d2 .dg-ejemplos{margin:.7rem 0 .2rem}
body.d2 .dg-ej{cursor:pointer}
body.d2 .dg-ejemplo{position:sticky;top:96px}
@media(max-width:920px){body.d2 .dg-ejemplo{position:static}}
body.d2 .dg-ej-t{margin:0 0 .8rem;font-weight:700;font-size:1.05rem}
body.d2 .dg-ej-t span{display:block;font-weight:500;font-size:.92rem;color:var(--ink-soft);margin-top:.15rem}
body.d2 .dg-mas{padding-top:clamp(1.6rem,3vw,2.4rem);padding-bottom:clamp(2rem,4vw,3rem)}
body.d2 .dg-otras{max-width:62rem;color:var(--ink-2);margin:.3rem 0}
body.d2 .dg-otras a{color:var(--firma)}

/* -- 1.105 · El pie, en columnas (vale para los dos diseños) -- */
.ft .ft-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:2rem 2.4rem;align-items:start}
@media(max-width:900px){.ft .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft .ft-marca{grid-column:1/-1}}
@media(max-width:480px){.ft .ft-grid{grid-template-columns:1fr}}
.ft-col ul{list-style:none;margin:0;padding:0;font-size:.92rem;line-height:1.5}
.ft-col li{margin:0 0 .45rem}
.ft-col a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:.18em}
.ft-col a:hover{color:var(--ink);text-decoration-color:currentColor}
.ft-h{margin:0 0 .75rem;font-size:.92rem;font-weight:650;color:var(--ink)}
.ft-pie{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--ink-soft)}
body.d2 .ft-logo{font-family:var(--display);font-weight:700;letter-spacing:-.01em}

/* -- 1.105 · La biblioteca «Te llega un papel»: cada papel, una ficha que se pulsa -- */
body.d2 .papeles-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.2rem;max-width:none;margin:1.6rem 0 2rem;padding:0}
@media(max-width:760px){body.d2 .papeles-lista{grid-template-columns:1fr}}
body.d2 .papeles-lista li{position:relative;margin:0;background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem 1.2rem 1.2rem 1.45rem;transition:border-color .15s,box-shadow .15s}
body.d2 .papeles-lista li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--firma);border-radius:var(--r-lg) 0 0 var(--r-lg)}
body.d2 .papeles-lista li:hover{border-color:rgba(28,61,140,.45);box-shadow:0 8px 22px -14px rgba(15,22,40,.4)}
body.d2 .papeles-lista li:focus-within{outline:2px solid var(--firma);outline-offset:2px}
body.d2 .papeles-lista a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1.5px}
body.d2 .papeles-lista a::after{content:"";position:absolute;inset:0}
body.d2 .papeles-lista a:focus-visible{outline:none}
body.d2 .papeles-lista b{font-size:1.06rem;font-weight:700}
body.d2 .papeles-lista span{display:block;margin-top:.35rem;color:var(--ink-2);font-size:.95rem;line-height:1.5}
@media (prefers-reduced-motion:reduce){body.d2 .papeles-lista li{transition:none}}

/* -- 1.106 · El registro de cada noche, encadenado -- */
body.d2 .cz-registro{margin-top:clamp(1.8rem,3.5vw,2.6rem);max-width:52rem}
body.d2 .cz-registro h3{font-size:1.15rem;margin:0 0 .5rem}
body.d2 .cz-registro p{color:var(--ink-2);line-height:1.6}
body.d2 .cz-registro a{color:var(--firma)}
body.d2 .cz-reg{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:.8rem;font-variant-numeric:tabular-nums}
body.d2 .cz-reg th,body.d2 .cz-reg td{text-align:left;padding:.55rem 1rem .55rem 0;border-bottom:1px solid var(--line)}
body.d2 .cz-reg thead th{font-size:.9rem;color:var(--ink-soft);font-weight:650;border-bottom:1.5px solid var(--ink)}
body.d2 .cz-reg tbody th{font-weight:600}
body.d2 .cz-reg code{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.85rem;color:var(--ink-2)}
body.d2 .cz-reg-pie{font-size:.92rem;margin:.7rem 0 0}
@media(max-width:560px){body.d2 .cz-reg th:nth-child(3),body.d2 .cz-reg td:nth-child(3){display:none}}

/* -- 1.106.2 · El sello público: cada cifra, con el color de su veredicto (y solo si hay) -- */
.cart-c.es-verde b{color:var(--green,#2d6a4f)}
body.d2 .cart-c.es-ambar{border-color:rgba(135,81,0,.35);background:rgba(135,81,0,.05)}
body.d2 .cart-c.es-ambar b{color:var(--amber)}

/* ---- Citas comprobadas de las herramientas que escribe el modelo (1.108) ---- */
.citas-comprobadas{margin-top:1.1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--paper-card,#fff)}
.citas-comprobadas-t{margin:0 0 .45rem;font-weight:650;font-size:.95rem}
.citas-comprobadas ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.citas-comprobadas li{font-size:.92rem;line-height:1.45}
.citas-comprobadas .cc-v{display:inline-block;font-weight:700;font-size:.78rem;padding:.12rem .5rem;border-radius:999px;margin-right:.35rem}
.citas-comprobadas .cc-verde .cc-v{color:var(--green,#16704A);background:rgba(22,112,74,.10)}
.citas-comprobadas .cc-amarillo .cc-v{color:var(--amber,#875100);background:rgba(135,81,0,.10)}
.citas-comprobadas .cc-rojo .cc-v{color:var(--red,#B3261E);background:rgba(179,38,30,.08)}
.citas-comprobadas a{color:var(--firma,#1C3D8C);font-weight:600}
.citas-comprobadas .cc-m{display:block;margin:.15rem 0 .2rem;color:var(--ink-2,#3D4350);font-size:.85rem}

/* «Tu cuenta» (1.108): plan, uso, datos y baja. */
.cu-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.6rem;max-width:1080px}
.cu-card{background:var(--paper-card,#fff);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.25rem;display:flex;flex-direction:column;gap:.55rem}
.cu-card h2{font-size:1.12rem;margin:0 0 .15rem;font-weight:700}
.cu-card p{margin:0;line-height:1.5}
.cu-dato{font-size:1.02rem}
.cu-sub{color:var(--ink-soft);font-size:.9rem}
.cu-barra{height:8px;border-radius:999px;background:var(--paper-2);overflow:hidden}
.cu-barra span{display:block;height:100%;background:var(--firma,#1C3D8C);border-radius:999px}
.cu-baja{border-color:var(--line)}
.cu-estado{background:rgba(135,81,0,.07);border:1px solid rgba(135,81,0,.25);border-radius:calc(var(--r) - 4px);padding:.75rem .9rem}
.cu-label{font-size:.9rem;color:var(--ink-2)}
.cu-motivo{width:100%;font:inherit;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);resize:vertical}
.cu-acciones{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.cu-confirmar{border-top:1px solid var(--line);padding-top:.7rem;display:flex;flex-direction:column;gap:.5rem}
.cu-confirmar[hidden]{display:none}

/* Datos del asunto en el expediente (1.109). */
.exp-asunto{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--paper-card,#fff)}
.exp-asunto-grid{display:grid;gap:.7rem 1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:.6rem 0}
.exp-campo{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--ink-2)}
.exp-campo .input-line{width:100%}
.exp-asunto-nota{margin:.2rem 0 .5rem;font-size:.85rem;color:var(--ink-soft)}
.cu-marca-prev{color:#fff;border-radius:10px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.15rem}
.cu-marca-prev span{opacity:.85;font-size:.9rem}
.cu-color{width:3rem;height:2.2rem;padding:0;border:1px solid var(--line);border-radius:8px;background:none;cursor:pointer}
.agz-nota{margin:.35rem 0 0;font-size:.85rem;color:var(--ink-soft)}
.ob-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--ink-2);margin-right:.6rem}

/* «¿Quién eres?» en la portada (1.111): una puerta y un vídeo por perfil. */
.d2-quien{border-bottom:1px solid var(--line)}
.d2-quien .sec-head p{max-width:40rem}
.d2-quien-lista{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.d2-quien-item{display:flex;flex-direction:column;gap:.35rem;height:100%;box-sizing:border-box;padding:.6rem .6rem 1rem;border-radius:var(--r-lg);
  background:var(--paper-card,#fff);border:1px solid var(--line);color:var(--ink);text-decoration:none;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.d2-quien-item:hover{border-color:var(--firma);box-shadow:0 18px 40px -28px rgba(20,23,29,.45);transform:translateY(-2px)}
.d2-quien-item:focus-visible{outline:2px solid var(--firma);outline-offset:3px}
.d2-quien-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r-lg) - 3px);background:var(--paper-2);margin-bottom:.35rem}
.d2-quien-t{font-weight:700;font-size:1.08rem;letter-spacing:-.01em;padding:0 .3rem}
.d2-quien-p{color:var(--ink-2);line-height:1.45;font-size:.95rem;padding:0 .3rem;flex:1}
.d2-quien-ir{color:var(--firma);font-weight:600;font-size:.92rem;padding:0 .3rem}
@media(prefers-reduced-motion:reduce){.d2-quien-item,.d2-quien-item:hover{transition:none;transform:none}}

/* El vídeo de presentación, /presentacion (1.113): el vídeo, grande y centrado. */
.pres-hero{text-align:center}
body.d2 .pres-hero h1{margin-left:auto;margin-right:auto}
body.d2 .pres-hero .d2-lead{max-width:44rem;margin-left:auto;margin-right:auto}
.pres-trans{max-width:1100px;margin:1.6rem auto 0;text-align:left}
.pres-video{max-width:1100px;margin:1.8rem auto 0;text-align:left}
.pres-hero .para-acciones{justify-content:center}
.d2-quien-todo{margin:.9rem 0 0;font-weight:600}
.d2-quien-todo a{color:var(--firma)}

/* Las páginas de cada perfil, /para/… (1.111). */
.para-hero{border-bottom:1px solid var(--line)}
.para-hero-grid{display:grid;gap:2.2rem;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}
@media(max-width:920px){.para-hero-grid{grid-template-columns:1fr}}
.para-quien{margin:0 0 .6rem;font-weight:650;color:var(--firma);letter-spacing:.01em}
.para-acciones{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 0}
.para-nota{margin:.8rem 0 0;color:var(--ink-soft);font-size:.92rem}
.para-video{margin:0}
.para-video .cf-video-v{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--night)}
.para-video figcaption{margin-top:.6rem;color:var(--ink-soft);font-size:.9rem}
.para-video figcaption a{color:var(--firma);font-weight:600}
.para-juego{background:var(--paper-2)}
.para-dato{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.4;max-width:46rem;margin:.8rem 0 .5rem;color:var(--ink)}
.para-fuente{margin:0;color:var(--ink-soft);font-weight:600}
.para-fuente a{color:var(--firma)}
.para-lista{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.para-uso{display:flex;flex-direction:column;gap:.45rem;padding:1.2rem 1.25rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper-card,#fff)}
.para-uso h3{margin:0;font-size:1.15rem}
.para-uso p{margin:0;line-height:1.55;color:var(--ink-2)}
.para-cita{font-size:.88rem;font-weight:600;color:var(--green,#16704A)}
.para-mas{margin-top:auto;color:var(--firma);font-weight:600;font-size:.92rem}
.para-regla{margin:1.3rem 0 0;color:var(--ink-soft)}
.para-plan{background:var(--paper-2)}
.para-plan-grid{display:grid;gap:1.4rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
@media(max-width:860px){.para-plan-grid{grid-template-columns:1fr}}
.para-plan-caja{padding:1.5rem 1.6rem;border-radius:var(--r-lg);background:var(--paper-card,#fff);border:1px solid var(--line);border-left:4px solid var(--firma)}
.para-plan-caja h2{margin:0}
.para-precio{margin:.9rem 0 .2rem;font-size:1.05rem;color:var(--ink-2)}
.para-precio b{font-size:2.6rem;letter-spacing:-.03em;color:var(--ink);margin-right:.2rem}
.para-dia{margin:0 0 .9rem;color:var(--firma);font-weight:600}
.para-incluye{margin:0 0 1.2rem;padding-left:1.1rem;line-height:1.6;color:var(--ink-2)}
.para-riesgo h3{margin:0 0 .6rem}
.para-riesgo ul{margin:0;padding-left:1.1rem;line-height:1.6;color:var(--ink-2)}
.para-riesgo li{margin-bottom:.5rem}
.para-riesgo a,.para-todos-planes a{color:var(--firma);font-weight:600}
.para-todos-planes{margin:.8rem 0 0}
.para-duda{max-width:46rem;border-bottom:1px solid var(--line)}
.para-duda summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.para-duda summary:focus-visible{outline:2px solid var(--firma);outline-offset:3px}
.para-duda p{margin:0 0 1rem;line-height:1.6;color:var(--ink-2)}
.para-duda a{color:var(--firma);font-weight:600}
.para-cierre{text-align:center}
.para-cierre .para-acciones{justify-content:center}
.para-otros{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;margin-top:1.6rem;color:var(--ink-soft)}
.para-otros a{color:var(--firma);font-weight:600}
.para-copia{min-width:0}
.para-usos{border-bottom:1px solid var(--line)}
.para-dudas .cf-video-trans{margin-top:1.4rem;max-width:46rem}

/* El pago en línea y el desistimiento (1.112). */
.emp-pago{margin-top:1.2rem}
.emp-periodo{border:0;margin:0 0 1rem;padding:0;display:grid;gap:.6rem}
.emp-opcion{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper-card,#fff);cursor:pointer;min-height:44px}
.emp-opcion:has(input:checked){border-color:var(--firma);box-shadow:0 0 0 1px var(--firma)}
.emp-opcion input{accent-color:var(--firma);width:1.1rem;height:1.1rem;flex:none}
.ds-confirmar,.ds-acuse{margin-top:1.4rem;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper-card,#fff)}
.ds-confirmar h2,.ds-acuse h2{font-size:1.25rem;margin:0 0 .6rem}
.ds-texto{white-space:pre-wrap;word-break:break-word;font:.9rem/1.55 ui-monospace,Menlo,Consolas,monospace;background:var(--paper-2);border-radius:var(--r);padding:.9rem 1rem;margin:0 0 .8rem}

/* ==== 1.114 · La portada «Escenario» ==========================================
   Elegida por Miguel el 28/09 entre tres a prueba: papel a la izquierda y el
   producto trabajando en un escenario de noche a la derecha. */
body.d2 .d2-hero[class*="d2-hero--"]{position:relative;overflow:hidden;padding-top:calc(88px + clamp(1rem,3.2vw,3rem))}
body.d2 .d2-hero[class*="d2-hero--"] .wrap{position:relative;z-index:1}
body.d2 .d2-hero[class*="d2-hero--"] .d2-recibo{align-self:start}
@media(min-width:921px){body.d2 .d2-hero[class*="d2-hero--"] .d2-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,3.6vw,3.5rem)}}
body.d2 .d2-acento{font-family:var(--ley);font-style:italic;font-weight:600;letter-spacing:-.02em;color:var(--firma)}
body.d2 .d2-ver-pres--tarjeta a{gap:.9rem;padding:.4rem 1.1rem .4rem .4rem;border:1px solid var(--line);border-radius:14px;background:#fff;
  box-shadow:0 18px 36px -28px rgba(20,23,29,.5);transition:transform .2s,box-shadow .2s}
body.d2 .d2-ver-pres--tarjeta a:hover{transform:translateY(-2px);box-shadow:0 22px 40px -24px rgba(20,23,29,.55)}
body.d2 .d2-ver-pres--tarjeta a:hover span:last-child{text-decoration:none}
body.d2 .d2-ver-pres--tarjeta a:hover b{text-decoration:underline;text-underline-offset:3px}
body.d2 .d2-ver-mini{position:relative;display:block;flex:none;width:7.2rem;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:var(--paper-2)}
body.d2 .d2-ver-mini img{display:block;width:100%;height:100%;object-fit:cover}
body.d2 .d2-ver-mini .d2-play{position:absolute;left:50%;top:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem}
body.d2 .d2-ver-t{display:flex;flex-direction:column;gap:.15rem;line-height:1.2}
body.d2 .d2-ver-t b{font-weight:680;color:var(--ink)}
body.d2 .d2-ver-t small{font-size:.86rem;font-weight:500;color:var(--ink-soft)}
@media(prefers-reduced-motion:reduce){body.d2 .d2-ver-pres--tarjeta a,body.d2 .d2-ver-pres--tarjeta a:hover{transition:none;transform:none}}

/* El escenario: el recibo delante; detrás, el cerebro de los agentes. */
body.d2 .d2-escena{position:relative;align-self:start;min-width:0;isolation:isolate}
body.d2 .d2-escena .brain.d2-escena-cerebro{position:absolute;left:50%;top:46%;width:135%;max-width:none;margin:0;transform:translate(-50%,-50%);
  z-index:-1;opacity:.85;pointer-events:none}
body.d2 .d2-escena .d2-recibo{z-index:1}
body.d2 .d2-escena-cab{display:flex;align-items:center;gap:.6rem;margin:0 0 .9rem;font-size:.86rem;font-weight:600;letter-spacing:.02em;color:#A9B1C4}
body.d2 .d2-pulso{position:relative;width:.55rem;height:.55rem;border-radius:50%;background:#3FBF7F;flex:none}
body.d2 .d2-pulso::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(63,191,127,.55);animation:d2-pulso 1.8s ease-out infinite}
@keyframes d2-pulso{from{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}
body.d2 .d2-agentes-fila{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:1.9rem 0 0;padding:0}
body.d2 .d2-agentes-fila li{font-size:.8rem;font-weight:650;padding:.38rem .7rem;border-radius:999px;color:#CDEBD9;background:rgba(22,112,74,.24);
  box-shadow:inset 0 0 0 1px rgba(63,191,127,.3)}
@media(prefers-reduced-motion:no-preference){
  body.d2 .d2-agentes-fila li{animation:d2-agente 1.5s ease both;animation-delay:calc(.35s + var(--i,0) * .42s)}
}
@keyframes d2-agente{0%{background:rgba(255,255,255,.05);color:#8C95AA;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
  28%{background:#16704A;color:#fff;box-shadow:0 0 22px rgba(63,191,127,.55)}
  100%{background:rgba(22,112,74,.24);color:#CDEBD9;box-shadow:inset 0 0 0 1px rgba(63,191,127,.3)}}
@media(prefers-reduced-motion:reduce){body.d2 .d2-pulso::after{animation:none}}

/* El contraste lleva la mirada del titular a la prueba. */
body.d2 .d2-hero--escenario{background:radial-gradient(1100px 640px at 20% 20%,#fff 0%,rgba(255,255,255,0) 60%),var(--paper)}
body.d2 .d2-hero--escenario .d2-escena{padding:1.35rem 1.5rem 1.6rem;border-radius:26px;overflow:hidden;
  background:radial-gradient(700px 560px at 58% 42%,#26356A 0%,#18244A 48%,#0B1121 100%);
  box-shadow:0 60px 110px -50px rgba(15,22,40,.75),0 0 0 1px rgba(15,22,40,.9)}
body.d2 .d2-hero--escenario .d2-recibo{transform:rotate(-.8deg);box-shadow:0 50px 90px -40px rgba(0,0,0,.8)}
body.d2 .d2-hero--escenario .d2-escena .brain.d2-escena-cerebro{left:74%;top:52%;width:125%;opacity:1}
@media(min-width:921px){body.d2 .d2-hero--escenario .d2-escena .d2-recibo{width:84%}}
body.d2 .d2-hero--escenario .d2-escena{padding-bottom:2.6rem}
body.d2 .d2-hero--escenario .d2-agentes-fila{margin-top:2.1rem}
@media(max-width:920px){
  body.d2 .d2-escena .brain.d2-escena-cerebro{width:115%}
  }

/* ==== 1.115 · «No te pedimos que nos creas» y «¿Cuántos sois?» ================ */
body.d2 .d2-comp{background:var(--paper-2);border-bottom:1px solid var(--line)}
body.d2 .d2-comp .sec-head p{max-width:42rem}
body.d2 .d2-comp-lista{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
body.d2 .d2-comp-item{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.4rem 1.3rem;border-radius:var(--r-lg);background:#fff;
  border:1px solid var(--line);box-shadow:0 22px 44px -36px rgba(20,23,29,.45)}
body.d2 .d2-comp-n{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--firma);color:#fff;font-weight:700;font-size:.95rem}
body.d2 .d2-comp-item h3{margin:.35rem 0 0;font-size:1.18rem;letter-spacing:-.01em}
body.d2 .d2-comp-item p{margin:0;line-height:1.55;color:var(--ink-2);flex:1}
body.d2 .d2-comp-item a{color:var(--firma);font-weight:650;text-decoration:none}
body.d2 .d2-comp-item a:hover,body.d2 .d2-comp-item a:focus-visible{text-decoration:underline}
body.d2 .d2-rojo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.4rem,4vw,3rem);align-items:center;margin-top:2.2rem;
  padding:clamp(1.4rem,3vw,2.2rem);border-radius:22px;background:radial-gradient(700px 420px at 80% 40%,#26356A 0%,#18244A 50%,#0B1121 100%);color:#C8CFDF}
@media(max-width:860px){body.d2 .d2-rojo{grid-template-columns:1fr}}
body.d2 .d2-rojo h3{margin:0;font-size:clamp(1.4rem,2.6vw,1.9rem);color:#fff;letter-spacing:-.02em}
body.d2 .d2-rojo-txt p{margin:.7rem 0 1rem;line-height:1.6}
body.d2 .d2-rojo-txt a{color:#B8CBFF;font-weight:650}
body.d2 .d2-rojo-demo{margin:0;background:#fff;border-radius:6px;padding:1.2rem 1.3rem 1.3rem;color:var(--ink);transform:rotate(-.8deg);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
body.d2 .d2-rojo-ley{margin:0;font-family:var(--ley);font-size:1rem;line-height:1.55;color:var(--ink-2)}
body.d2 .d2-rojo-ley mark{background:rgba(179,38,30,.12);color:var(--red);border-radius:4px;padding:0 .2rem}
body.d2 .d2-rojo-ver{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--line-2);font-size:.95rem}
body.d2 .d2-rojo-ver b{text-decoration:line-through;text-decoration-color:rgba(179,38,30,.6)}
body.d2 .d2-rojo-mot{margin:.35rem 0 0;font-size:.9rem;color:var(--ink-soft)}
body.d2 .d2-cuantos{margin:1.6rem 0 0;padding:1.3rem 1.4rem;border:1px solid var(--line);border-left:4px solid var(--firma);border-radius:var(--r-lg);background:#fff;max-width:46rem}
body.d2 .d2-cuantos label{display:block;font-weight:650;font-size:1.05rem}
body.d2 .d2-cuantos-fila{display:flex;align-items:center;gap:1rem;margin-top:.7rem}
body.d2 .d2-cuantos-fila input{flex:1;accent-color:var(--firma);min-height:44px}
body.d2 .d2-cuantos-fila output{min-width:2.6rem;text-align:center;font-weight:750;font-size:1.3rem;color:var(--firma);font-variant-numeric:tabular-nums}
body.d2 .d2-cuantos-r{margin:.6rem 0 0;line-height:1.55;color:var(--ink-2)}
body.d2 .d2-cuantos-r b{color:var(--ink);font-variant-numeric:tabular-nums}
body.d2 .d2-cuantos-sin{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 0;padding:0}
body.d2 .d2-cuantos-sin li{font-size:.86rem;font-weight:600;color:var(--green);background:rgba(22,112,74,.08);border-radius:999px;padding:.35rem .75rem}

/* El sello entra a 1,7 veces su tamaño: durante 3 s ensanchaba la página en las
   portadas en otras lenguas (437 px en un teléfono de 390). Se recorta el héroe
   con clip, que no crea caja de desplazamiento (1.116, banco_reflujo.py). */
body.d2 .d2-hero{overflow-x:clip}

/* 1.117 · LA PORTADA QUE SE ENTIENDE. El primer diagnóstico en el héroe, el hueco
   entre internet y un abogado, el dolor de cada perfil y la sección de los
   profesionales, que recibe el formulario de comprobar citas. */
body.d2 .d2-ej-caso{font:inherit;font-size:.88rem;font-weight:600;color:var(--firma);background:var(--seal-soft);border:1px solid rgba(28,61,140,.22);
  border-radius:999px;padding:.34rem .8rem;cursor:pointer;line-height:1.3;min-height:34px}
body.d2 .d2-ej-caso:hover{background:rgba(28,61,140,.13);border-color:rgba(28,61,140,.45)}
body.d2 .d2-ej-caso:focus-visible{outline:2px solid var(--firma);outline-offset:2px}
body.d2 .d2-caso .d2-campo textarea::placeholder{font-family:inherit}
body.d2 .d2-diag .d2-ref b{font-family:inherit}
body.d2 .d2-diag .d2-cita p{margin:.25rem 0 0;color:var(--ink-2);line-height:1.5}
body.d2 .d2-hueco{border-bottom:1px solid var(--line)}
body.d2 .d2-hueco-lista{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
@media(max-width:860px){body.d2 .d2-hueco-lista{grid-template-columns:1fr}}
body.d2 .d2-hueco-item{margin:0;padding:1.3rem 1.35rem 1.4rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper-card)}
body.d2 .d2-hueco-item h3{margin:0 0 .45rem;font-size:1.08rem;letter-spacing:-.01em}
body.d2 .d2-hueco-item p{margin:0;color:var(--ink-2);line-height:1.55}
body.d2 .d2-hueco-lex{border:2px solid var(--firma);box-shadow:0 24px 50px -34px rgba(28,61,140,.55)}
body.d2 .d2-hueco-lex h3{color:var(--firma)}
body.d2 .d2-hueco-ir{margin-top:.8rem !important}
body.d2 .d2-hueco-ir a{color:var(--firma);font-weight:650}
.d2-quien-dolor{display:block;font-family:var(--ley);font-style:italic;font-size:1.02rem;line-height:1.4;color:var(--ink);padding:0 .3rem;quotes:"«" "»"}
.d2-quien-dolor::before{content:open-quote}
.d2-quien-dolor::after{content:close-quote}
body.d2 .d2-pro{border-bottom:1px solid var(--line);background:var(--paper-2);overflow-x:clip}
body.d2 .d2-pro .d2-hero-grid{margin-top:1.4rem;align-items:start}
body.d2 .d2-hero--escenario h1{font-size:clamp(2.35rem,4.1vw,3.75rem);max-width:18ch}
.para-dolor{margin:.2rem 0 .7rem;font-family:var(--ley);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.35;color:var(--ink-2)}
.para-dolor q{quotes:"«" "»"}

/* ---- 1.119 · La pantalla de vídeo del escenario (Miguel: «el vídeo queda demasiado oculto») ---- */
body.d2 .d2-cine{position:relative;z-index:1}
body.d2 .d2-cine-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .85rem}
body.d2 .d2-cine-tab{font:inherit;font-size:.8rem;font-weight:650;line-height:1;padding:.52rem .72rem;border-radius:999px;cursor:pointer;
  color:#DCE3F2;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);transition:background .2s,color .2s,border-color .2s}
body.d2 .d2-cine-tab:hover{background:rgba(255,255,255,.14)}
body.d2 .d2-cine-tab[aria-pressed="true"]{color:#0B1121;background:#fff;border-color:#fff}
body.d2 .d2-cine-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.d2 .d2-cine-pantalla{position:relative;transform:rotate(-.6deg)}
body.d2 .d2-cine-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#0B1121;
  box-shadow:0 50px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.12)}
body.d2 .d2-cine-voz{position:absolute;left:.9rem;bottom:.9rem;display:inline-flex;align-items:center;gap:.6rem;
  padding:.35rem 1rem .35rem .35rem;border-radius:999px;background:rgba(255,255,255,.95);color:var(--ink);text-decoration:none;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.7);transition:transform .2s ease}
body.d2 .d2-cine-voz:hover{transform:translateY(-2px)}
body.d2 .d2-cine-voz:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.d2 .d2-cine-voz-t{display:flex;flex-direction:column;line-height:1.15}
body.d2 .d2-cine-voz-t b{font-size:.95rem;font-weight:750;color:var(--firma)}
body.d2 .d2-cine-voz-t small{font-size:.74rem;color:var(--ink-soft)}
body.d2 .d2-cine-pausa{position:absolute;right:.8rem;top:.8rem;width:2.1rem;height:2.1rem;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;font-size:.72rem;color:#fff;background:rgba(11,17,33,.55);border:1px solid rgba(255,255,255,.35)}
body.d2 .d2-cine-pausa:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.d2 .d2-cine-pausa[hidden],body.d2 .d2-cine-voz[hidden]{display:none}
body.d2 .d2-cine .d2-sello{bottom:-1.1rem;right:.9rem}
body.d2 .d2-cine--entero .d2-sello{display:none}
body.d2 .d2-cine--entero .d2-cine-pantalla{transform:none}
body.d2 .d2-cine-pie{margin:1.55rem 0 0;font-size:.86rem;line-height:1.45;color:#CBD3E3;max-width:46ch}
@media(prefers-reduced-motion:reduce){body.d2 .d2-cine-voz,body.d2 .d2-cine-tab{transition:none}body.d2 .d2-cine-voz:hover{transform:none}}
@media(max-width:520px){body.d2 .d2-cine-tab{font-size:.78rem;padding:.5rem .7rem}body.d2 .d2-cine-voz{left:.6rem;bottom:.6rem}}
@media(min-width:921px){body.d2 .d2-hero--escenario .d2-hero-grid:has(.d2-cine){grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(2rem,3.2vw,3.2rem)}}