/* Nuevo diseño público de Gutter (29-oct-2026). Sistema: tinta #0E1230, crema #F1F3FA, azul #2D3FE0, fucsia #E5157A (solo IA).
   Se carga SOLO en las páginas ya rediseñadas; el resto del sitio sigue con style.css. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#0E1230;font-family:'Funnel Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0E1230;text-decoration:none}
a:hover{color:#2D3FE0}
input,button{font:inherit}
:focus-visible{outline:2px solid #2D3FE0;outline-offset:3px;border-radius:6px}
.nv-nav{display:flex;gap:28px;font-weight:500;flex-wrap:wrap}
.nv-nav a.on{color:#2D3FE0}
.langsel{display:flex;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:12px}
.langsel a{color:#545A73;padding:2px 3px}
.langsel a.active{color:#0E1230;font-weight:500;text-decoration:underline;text-underline-offset:4px}
.nv-btn:hover{color:#fff!important;filter:brightness(1.08)}
/* calculadora */
.tipo{font-size:15px;text-align:left;padding:12px 14px;border-radius:12px;cursor:pointer;border:1.5px solid #DCE0EE;background:#fff;color:#0E1230;display:flex;justify-content:space-between;gap:8px;align-items:center}
.tipo small{font-family:'IBM Plex Mono',monospace;font-size:11px;opacity:.75}
.tipo[aria-pressed=true]{border-color:#2D3FE0;background:#2D3FE0;color:#fff}
.nv-range{width:100%;accent-color:#2D3FE0}
/* preguntas */
.faq-i{border-top:1px solid #DCE0EE}
.faq-q{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:'Funnel Display',sans-serif;font-weight:500;font-size:19px;letter-spacing:-.01em}
.faq-q:focus-visible{outline:2px solid #2D3FE0;outline-offset:3px}
.faq-s{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid #DCE0EE;display:flex;align-items:center;justify-content:center;color:#2D3FE0;font-size:18px;font-family:'Funnel Sans',sans-serif}
.faq-i.open .faq-s{border-color:#E5157A;background:#E5157A;color:#fff}
.faq-a{display:none;margin:0 0 24px;font-size:16px;line-height:1.65;color:#3A4060;max-width:680px;text-wrap:pretty}
.faq-i.open .faq-a{display:block}
@media (prefers-reduced-motion:no-preference){.faq-s{transition:background .2s,border-color .2s,color .2s}}
/* tabla de ejemplos en móvil: libro y cálculo a la izquierda, precio a la derecha */
@media (max-width:560px){
  [style*="grid-template-columns:40px"]{grid-template-columns:30px minmax(0,1fr) auto!important;gap:4px 12px!important}
  [style*="grid-template-columns:40px"]:not([style*="padding:20px"]){display:none!important}
  [style*="grid-template-columns:40px"]>:nth-child(3){grid-column:2;grid-row:2}
  [style*="grid-template-columns:40px"]>:nth-child(4){grid-column:3;grid-row:1/3;align-self:center}
}
@media (max-width:700px){header{position:static!important}}
.nv-btn{white-space:nowrap}
/* demo del chat de la portada */
.dm-chip{background:transparent;border:1px solid #2A3270;color:rgba(255,255,255,.8);font:inherit;font-size:13.5px;padding:7px 12px;border-radius:999px;cursor:pointer}
.dm-chip:hover{border-color:#E5157A;color:#fff;background:rgba(229,21,122,.14)}
#cmp-range:focus-visible{outline:2px solid #2D3FE0;outline-offset:-4px}
.navcta.nv-btn{white-space:nowrap}
main .nv-btn,footer .nv-btn{white-space:normal}
/* tarjetas de la guía: el ancla no queda bajo la cabecera pegajosa */
[id^="t"]:is(#t0,#t1,#t2,#t3,#t4,#t5,#t6,#t7,#t8,#t9,#t10,#t11){scroll-margin-top:96px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* subpáginas de tema: la entradilla se alinea con el H1 en pantallas anchas */
@media (max-width:640px){.sb-lede{padding-left:0!important}}