/* La PORTADA tiene su propio sistema (portada.css): aquí solo recibe el fondo y el botón
   de la barra. La 1.ª versión le aplicaba la regla de enlaces y el texto de su botón
   principal salía azul sobre negro — Lighthouse bajó la accesibilidad a 95. */
/* ════ EL ESCAPARATE (plan 16.3): el lenguaje de la portada en todas las
   páginas públicas. Papel cálido, tinta, azul de bolígrafo para lo que se
   pulsa, rojo de sello para lo que certifica, rotulador para lo que destaca.
   SIN tamaños de letra nuevos: la disciplina tipográfica no se toca. ═══ */
body.escaparate{--e-papel:#f6f2e8;--e-hoja:#fffdf8;--e-tinta:#16161b;--e-gris:#45454e;--e-linea:#d8d0bf;
  --e-pluma:#2336c4;--e-sello:#9b1c17;--e-marca:rgba(255,229,102,.55);background:var(--e-papel);color:var(--e-tinta)}
body.escaparate .top{background:transparent;border-bottom-color:var(--e-tinta)}
body.escaparate:not(.portada) main h1,body.escaparate:not(.portada) main h2{font-family:var(--f-d);letter-spacing:-.025em;text-wrap:balance}
body.escaparate main p,body.escaparate main li{text-wrap:pretty}
/* la firma: un trazo a bolígrafo bajo cada título principal (no en la portada, que tiene el suyo) */
body.escaparate:not(.portada) main h1::after{content:"";display:block;width:min(8.5rem,42%);height:.45rem;margin-top:.5rem;
  background:url(/static/trazo.svg) no-repeat left center/100% 100%}
body.escaparate:not(.portada) main a:not(.btn){color:var(--e-pluma);text-underline-offset:.22em;text-decoration-thickness:1px}
/* botones: tinta; el de la barra, en contorno (una llamada dominante por pantalla) */
body.escaparate:not(.portada) main .btn-boli{background:var(--e-tinta);border-color:var(--e-tinta);color:#fff;
  box-shadow:0 1px 0 #000,0 12px 26px -14px rgba(22,22,27,.6)}
body.escaparate:not(.portada) main .btn-boli:hover{background:#000}
body.escaparate:not(.portada) main .btn:not(.btn-boli){background:var(--e-hoja);border-color:var(--e-tinta);color:var(--e-tinta)}
body.escaparate .top a.btn.btn-boli[href="/registro"]{background:transparent;color:var(--e-tinta);box-shadow:inset 0 0 0 1.5px var(--e-tinta);border-color:transparent}
/* objetos de papel: tarjetas, planes, llamadas, veredictos */
body.escaparate .plan,body.escaparate .tpl-card,body.escaparate .guia-cta,body.escaparate .precios-lanz,
body.escaparate .tpl-rico-cta,body.escaparate .cmp-card,body.escaparate .cmp-veredicto,body.escaparate .cmp-dif,
body.escaparate .cmp-cta,body.escaparate .tpl-det-media{background:var(--e-hoja) url(/static/grano.png);border-color:var(--e-linea);
  box-shadow:0 1px 0 rgba(0,0,0,.03),0 22px 44px -28px rgba(50,35,10,.38)}
body.escaparate .plan{border-radius:8px}
body.escaparate .plan-dest,body.escaparate .guia-cta{border:2px solid var(--e-tinta)}
body.escaparate .precios-lanz{border-left:4px solid var(--e-sello)}
/* las etiquetas que certifican, como sellos */
body.escaparate .plan-etq,body.escaparate .cmp-ver-tag{background:transparent;border:2px solid var(--e-sello);color:var(--e-sello);
  text-transform:uppercase;letter-spacing:.05em;font-weight:800;transform:rotate(-2deg);
  display:inline-block;max-width:13rem;line-height:1.2;padding:.28rem .6rem;text-align:center;border-radius:5px}
/* comparativas: la columna propia, resaltada con rotulador */
body.escaparate .cmp-col-aim{background:var(--e-marca)}
body.escaparate .cmp-matriz{background:var(--e-hoja)}
/* guías: los números de paso, en azul de bolígrafo */
body.escaparate .guia-pasos li::marker{color:var(--e-pluma);font-weight:800}
/* preguntas frecuentes: líneas de libreta en vez de cajas */
body.escaparate:not(.portada) main .faq-item{background:transparent;border:0;border-bottom:1px solid var(--e-linea);border-radius:0;box-shadow:none}
body.escaparate main hr{border-color:var(--e-linea)}