/* Portada v7 (24-10-2026): sello gráfico de datos y componentes nuevos. Usa los tokens de la portada (--papel, --tinta, --filete, --accion…).
   El sello vive siempre sobre su propio fondo de marca (#070B1A), en tema claro y oscuro, así que sus colores no dependen del tema.
   Señal = ámbar (punto hueco con halo); en mejora = cian (trazo engrosado); decisión = rombo con la letra de su fase. Sin rojo. */

[hidden]{display:none!important}
.seg{display:flex;border:1px solid var(--filete);border-radius:var(--radio);overflow:hidden;background:var(--superficie)}
.seg button{flex:1;min-height:44px;padding:8px 10px;border:0;background:none;color:var(--tinta-2);font:600 14px var(--f-texto);cursor:pointer}
.seg button+button{border-left:1px solid var(--filete)}
.seg button[aria-pressed=true]{background:var(--accion);color:var(--sobre-accion)}
.seg button:focus-visible{outline:2px solid var(--accion);outline-offset:-2px}
.x-rombo{display:inline-flex}

/* ---------- cabecera: cinco enlaces y dos botones caben en el contenedor de 1160 px (Firefox medía 25 px de desborde a 1280 y a 1536 px) ---------- */
@media (min-width:1141px){.cab .wrap{gap:20px}.nav{gap:18px}}

/* ---------- héroe ---------- */
.btn.s{background:transparent;border-color:var(--filete);color:var(--tinta)}
.btn.s:hover{border-color:var(--tinta)}
.heroe .btn.s{border-color:rgba(255,255,255,.4);color:#EEF2FB}
.heroe .btn.s:hover{border-color:#fff}
.heroe-t{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.heroe .heroe-g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}
.heroe .bajada{margin-top:20px}
.heroe .acc{margin-top:26px;gap:12px}
.credito{margin-top:20px;font-size:14.5px;line-height:1.45}
.credito a{color:var(--tinta-2);text-underline-offset:3px}
.credito a:hover{color:var(--tinta)}
.heroe .nota-t{margin-top:12px}
.heroe .fondo{opacity:.5}
@media (max-width:860px){.heroe .heroe-g{grid-template-columns:minmax(0,1fr)}.heroe{padding-block:clamp(28px,6vw,44px) 28px}.heroe h1{font-size:clamp(30px,8.4vw,40px)}}

/* ---------- sello gráfico ---------- */
.s-fig{--s-fondo:#070B1A;--s-borde:rgba(255,255,255,.16);--s-texto:#EEF2FB;--s-texto2:#AAB6D3;--s-banda:rgba(143,176,255,.16);--s-banda-borde:rgba(143,176,255,.58);
  --s-trazo:#F2EBDD;--s-senal:#F5B041;--s-mejora:#3BD4E6;--s-meta:#AAB6D3;
  background:var(--s-fondo);color:var(--s-texto);border:1px solid var(--s-borde);border-radius:var(--radio);padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;min-width:0;margin:0}
.s-fig p{color:var(--s-texto);margin:0}
.s-rot{font:600 11.5px/1.3 var(--f-dato);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-3);margin:0}
.s-fig .s-rot{color:var(--s-texto2)}
.s-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px}
.s-ind{font:500 12.5px/1.3 var(--f-texto);color:var(--s-texto2)}
.s-lienzo{position:relative;width:100%;min-width:0}
.s-lienzo svg{display:block;width:100%;height:auto;overflow:visible}
.s-lienzo svg text,.s-linea svg text{font:500 12px/1 'Red Hat Mono',ui-monospace,Menlo,monospace;fill:var(--s-texto2)}
.s-lienzo .s-et-fuerte,.s-linea .s-et-fuerte{fill:var(--s-texto);font-weight:600}
.s-linea .s-fig{padding:8px 10px}
.s-min-datos{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.s-min-datos b{font:800 38px/1 var(--f-titulo);color:var(--s-senal);font-variant-numeric:tabular-nums}
.s-min-datos span{font-size:14px;color:var(--s-texto2)}
.s-banda{fill:var(--s-banda)}
.s-banda-l{stroke:var(--s-banda-borde);stroke-width:1;stroke-dasharray:2 4}
.s-meta{stroke:var(--s-meta);stroke-width:1.2;stroke-dasharray:5 4;fill:none}
.s-trazo{fill:none;stroke:var(--s-trazo);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.s-mejora{fill:none;stroke:var(--s-mejora);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.s-pt{fill:var(--s-trazo)}
.s-pt.mejor{fill:var(--s-mejora)}
.s-pt-senal{fill:var(--s-fondo);stroke:var(--s-senal);stroke-width:2.6}
.s-halo{fill:var(--s-senal);opacity:.22}
.s-hit{fill:transparent;cursor:pointer}
.s-area{fill:var(--s-senal);opacity:.15}
.s-cono{fill:var(--s-senal);opacity:.13}
.s-cono.mejora{fill:var(--s-mejora)}
.s-tend{stroke:var(--s-senal);stroke-width:2;stroke-dasharray:6 4;fill:none}
.s-tend.mejora{stroke:var(--s-mejora);stroke-dasharray:none;stroke-width:3.2}
.s-nec{stroke:var(--s-texto);stroke-width:1.4;stroke-dasharray:2 4;fill:none}
.s-dec-l{stroke:var(--s-banda-borde);stroke-width:1}
.s-rombo{fill:var(--s-trazo)}
.s-rombo.vigente{fill:var(--s-senal)}
.s-rombo-t{font:700 11px/1 'Red Hat Mono',ui-monospace,monospace!important;fill:#070B1A!important;text-anchor:middle}
.s-p{outline:none}
.s-p:focus-visible .s-hit{stroke:#9DB8FF;stroke-width:2;fill:rgba(157,184,255,.14)}
.s-frase{font:600 15.5px/1.45 var(--f-titulo);letter-spacing:-.005em;min-height:2.9em}
.s-huella{display:none;align-items:flex-start;gap:8px;font:500 12.5px/1.4 var(--f-dato);color:var(--s-texto2)}
.js .s-huella{display:flex}
.s-huella i{flex:none;width:12px;height:12px;margin-top:2px;background:rgba(245,176,65,.45);border-radius:2px}
.s-huella span{color:var(--s-texto2)}
.s-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.s-pista{flex:1 1 180px;font-size:13.5px;line-height:1.4;color:var(--s-texto2)}
.s-pista b{color:var(--s-senal)}
.s-btn{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.32);border-radius:6px;background:transparent;color:var(--s-texto);font:600 14px var(--f-texto);cursor:pointer}
.s-btn:hover{border-color:#fff}
.s-btn:focus-visible{outline:2px solid #9DB8FF;outline-offset:2px}
.s-btn[hidden]{display:none}
.s-ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;margin:0;padding-top:10px;border-top:1px solid var(--s-borde)}
.s-ficha[hidden]{display:none}
.s-ficha dt{font:600 11px/1.2 var(--f-dato);letter-spacing:.04em;text-transform:uppercase;color:var(--s-texto2)}
.s-ficha dd{margin:3px 0 0;font-size:14px;line-height:1.4;color:var(--s-texto)}
.s-min .s-lienzo{max-width:340px}
.s-linea{width:100%;min-width:0}
.s-linea svg{display:block;width:100%;height:auto}

/* movimiento: dibujar, volver, marcar (300 ms o menos; el dibujo de entrada, 1,2 s) */
@media (prefers-reduced-motion:no-preference){
  .s-dibujar .s-trazo{stroke-dasharray:1;stroke-dashoffset:1;animation:s-traza 1.2s cubic-bezier(.3,.6,.2,1) forwards}
  .s-dibujar .s-pt,.s-dibujar .s-pt-senal,.s-dibujar .s-halo,.s-dibujar .s-area,.s-dibujar .s-cono{opacity:0;animation:s-aparece .3s ease forwards;animation-delay:1s}
  .s-dibujar .s-area{--o:.15}.s-dibujar .s-cono{--o:.13}.s-dibujar .s-halo{--o:.22}
  .s-marca{transform-box:fill-box;transform-origin:center;animation:s-marca .3s cubic-bezier(.2,.9,.3,1.2) both}
  @keyframes s-traza{to{stroke-dashoffset:0}}
  @keyframes s-aparece{to{opacity:var(--o,1)}}
  @keyframes s-marca{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
  .s-dlg[open] .s-tel{animation:s-zoom .3s cubic-bezier(.2,.8,.2,1)}
  @keyframes s-zoom{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}
  @media (max-width:520px){.s-dlg[open] .s-tel{animation-name:s-sube}@keyframes s-sube{from{transform:translateY(40%);opacity:0}to{transform:none;opacity:1}}}
}

/* hoja de la supervisión (teléfono de la sala): zoom en escritorio, hoja inferior en el teléfono */
.s-dlg{border:0;padding:0;background:transparent;max-width:none;max-height:none;overflow:visible;color:#EEF2FB}
.s-dlg::backdrop{background:rgba(4,8,18,.72)}
.s-dlg[open]{position:fixed;inset:0;margin:auto;width:min(92vw,340px);height:fit-content}
.s-tel{background:#0E1530;color:#EEF2FB;border:1px solid rgba(255,255,255,.22);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.s-tel p{color:#EEF2FB}
.s-tel-b{padding:14px 16px;background:#070B1A;display:flex;flex-direction:column;gap:3px}
.s-tel-b b{font:700 15px var(--f-titulo)}
.s-tel-b span{font:500 11px/1.3 var(--f-dato);letter-spacing:.03em;text-transform:uppercase;color:#AAB6D3}
.s-tel-c{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.s-tel-n{font-size:15px}
.s-tel-n b{font:800 40px/1 var(--f-titulo);margin-right:6px;color:#F5B041}
.s-tel-c ul{margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:#EEF2FB}
.s-tel-c li{padding-left:14px;position:relative}
.s-tel-c li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#AAB6D3}
.s-tel-a{border:1px solid rgba(255,255,255,.2);border-left:3px solid #F5B041;border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.04)}
.s-tel-a i{font:600 11px/1 var(--f-dato);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:#AAB6D3}
.s-tel-a p{font:600 15px/1.35 var(--f-titulo)}
.s-tel-f{font:500 12.5px/1.4 var(--f-texto);color:var(--tinta-3)}
.s-tel .s-tel-f{color:#AAB6D3}
.s-tel-p{display:flex;gap:10px;padding:0 16px 16px}
.s-tel-p .btn{flex:1;min-height:44px}
.s-tel .btn.p{background:#2F5FF5;color:#fff}
.s-tel .btn.s{border-color:rgba(255,255,255,.4);color:#EEF2FB;background:transparent}
@media (max-width:520px){.s-dlg[open]{inset:auto 0 0 0;margin:0;width:100%}.s-tel{border-radius:18px 18px 0 0;border-bottom:0}}

/* ---------- ¿Se reconoce aquí? ---------- */
.x-preg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);counter-reset:q;border-top:2px solid var(--tinta)}
.x-preg li{counter-increment:q;position:relative;padding:18px 0 18px 38px;border-bottom:1px solid var(--filete);font:600 clamp(16px,1.6vw,18px)/1.4 var(--f-titulo);color:var(--tinta)}
.x-preg li::before{content:counter(q,decimal-leading-zero);position:absolute;left:0;top:21px;font:600 13px/1 var(--f-dato);color:var(--senal)}
@media (max-width:700px){.x-preg{grid-template-columns:minmax(0,1fr)}}
.x-diag{background:var(--superficie);border:1px solid var(--filete);border-top:2px solid var(--senal-marca);border-radius:var(--radio);padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px;max-width:760px}
.x-diag h3{font-size:21px}
.x-diag p{font-size:15.5px}
.x-solo-js{display:none;align-self:flex-start}
.js .x-solo-js{display:inline-flex}
.js .x-sin-js{display:none}
.x-pantalla:empty{display:none}
.x-pantalla{display:flex;flex-direction:column;gap:16px}
.x-prog{font:600 12px/1 var(--f-dato);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3)}
.x-prog i{display:block;height:3px;margin-top:8px;background:var(--filete);border-radius:2px;overflow:hidden}
.x-prog i b{display:block;height:100%;background:var(--senal-marca)}
.x-pantalla fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.x-pantalla legend{padding:0;margin-bottom:10px;font:700 clamp(18px,2vw,21px)/1.3 var(--f-titulo);color:var(--tinta)}
.x-op{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid var(--filete);border-radius:var(--radio);background:var(--papel);color:var(--tinta);font-size:16px;line-height:1.35;cursor:pointer}
.x-op:hover{border-color:var(--accion)}
.x-op input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--accion)}
.x-op:has(input:checked){border-color:var(--accion);box-shadow:0 0 0 1px var(--accion)}
.x-op:has(input:focus-visible){outline:2px solid var(--accion);outline-offset:2px}
.x-nav{display:flex;flex-wrap:wrap;gap:10px}
.x-nav .btn[disabled]{opacity:.45;cursor:default}
.x-pantalla label.x-campo{display:flex;flex-direction:column;gap:6px;font-size:14.5px;color:var(--tinta-2)}
.x-pantalla input[type=date],.x-pantalla select{min-height:46px;padding:8px 12px;border:1px solid var(--filete);border-radius:var(--radio);background:var(--papel);color:var(--tinta);font:400 16px var(--f-texto)}
.x-res{display:flex;flex-direction:column;gap:14px}
.x-res h4{margin:0;font:700 clamp(18px,2vw,21px)/1.3 var(--f-titulo);color:var(--tinta)}
.x-ejes{border-top:2px solid var(--tinta)}
.x-eje{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(0,3fr) minmax(76px,.8fr);gap:6px 14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--filete);font-size:15px;color:var(--tinta)}
.x-eje b{display:flex;align-items:center;gap:8px;font:700 15px var(--f-titulo)}
.x-eje svg{display:block;width:100%;height:auto;max-width:360px}
.x-eje em{font:600 12px/1.3 var(--f-dato);font-style:normal;letter-spacing:.03em;text-transform:uppercase;color:var(--tinta-2)}
.x-eje .s-banda{fill:rgba(36,86,240,.12);stroke:var(--tinta-3);stroke-width:1;stroke-dasharray:2 3}
.x-eje .s-meta{stroke:var(--tinta-3)}
.x-eje .s-pt{fill:var(--tinta)}
.x-eje .s-pt-senal{fill:var(--papel);stroke:#B26A00}
.x-eje .s-halo{fill:#B26A00}
.x-eje .s-rombo{fill:var(--tinta)}
.x-eje .s-rombo-t{fill:var(--papel)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .x-eje .s-banda{fill:rgba(143,176,255,.16)}:root:not([data-theme="light"]) .x-eje .s-pt-senal{stroke:#F5B041}:root:not([data-theme="light"]) .x-eje .s-halo{fill:#F5B041}}
:root[data-theme="dark"] .x-eje .s-banda{fill:rgba(143,176,255,.16)}:root[data-theme="dark"] .x-eje .s-pt-senal{stroke:#F5B041}:root[data-theme="dark"] .x-eje .s-halo{fill:#F5B041}
.x-aviso{font-size:13.5px;color:var(--tinta-3)}
@media (max-width:560px){.x-eje{grid-template-columns:minmax(0,1fr) auto}.x-eje svg{grid-column:1/-1;grid-row:2}}

/* ---------- Qué compra ---------- */
.x-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);counter-reset:t}
.x-tres li{counter-increment:t;border-top:2px solid var(--tinta);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.x-tres li::before{content:counter(t,decimal-leading-zero);font:600 13px/1 var(--f-dato);color:var(--senal)}
.x-tres h3{font-size:20px}
.x-tres p{font-size:15.5px}
.x-cierre{font:700 clamp(20px,2.4vw,27px)/1.25 var(--f-titulo);letter-spacing:-.015em;color:var(--tinta);max-width:38ch;text-wrap:balance}
@media (max-width:860px){.x-tres{grid-template-columns:minmax(0,1fr)}}
.x-perfil{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,3fr);gap:clamp(18px,3vw,36px);align-items:center}
.x-perfil[hidden]{display:none}
.x-perfil>p{font-size:16.5px;color:var(--tinta)}
@media (max-width:860px){.x-perfil{grid-template-columns:minmax(0,1fr)}}
.x-respaldo{max-width:70ch;border-left:3px solid var(--senal-marca);padding:4px 0 4px 18px;font-size:16px}
.x-lineas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.x-lineas>div:nth-child(3){grid-column:1/-1}
.x-lineas>div{border-top:2px solid var(--tinta);padding-top:16px;display:flex;flex-direction:column;gap:12px}
.x-lineas h3{font-size:19px}
.x-lineas p{font-size:15px}
.x-lineas .chips li{font-size:13.5px;padding:6px 10px}
@media (max-width:760px){.x-lineas{grid-template-columns:minmax(0,1fr)}}
.gl{padding:2px 0;border:0;border-bottom:1px dotted currentColor;background:none;color:inherit;font:inherit;cursor:pointer}
.gl:hover{color:var(--accion)}
.gl:focus-visible{outline:2px solid var(--accion);outline-offset:2px}
.x-glosario{display:flex;flex-direction:column;gap:10px}
.x-glosario::before{content:"Glosario";font:700 18px var(--f-titulo);color:var(--tinta)}
.js .x-glosario{display:none}

/* ---------- Seguimiento ---------- */
.x-carril{display:flex;flex-direction:column;gap:6px}
.x-carril dl{margin:12px 0 0;border-top:2px solid var(--tinta)}
.x-carril dl>div{display:grid;grid-template-columns:minmax(140px,2fr) minmax(0,8fr);gap:6px 24px;padding:16px 0;border-bottom:1px solid var(--filete)}
.x-carril dt{font:700 17px/1.3 var(--f-titulo);color:var(--tinta)}
.x-carril dd{margin:0;font-size:15.5px;color:var(--tinta-2)}
@media (max-width:700px){.x-carril dl>div{grid-template-columns:minmax(0,1fr)}}
.x-narrado{display:flex;flex-direction:column;gap:14px}
.x-pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,20px)}
.x-pasos li{display:flex}
.x-pasos button{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;width:100%;min-height:44px;padding:14px 0 0;border-top:3px solid var(--filete);color:var(--tinta-2);cursor:pointer;font-size:14.5px;line-height:1.45}
.x-pasos button b{font:700 15.5px/1.3 var(--f-titulo);color:var(--tinta)}
.x-pasos .activo button{border-top-color:var(--senal-marca)}
.x-pasos button:focus-visible{outline:2px solid var(--accion);outline-offset:3px}
@media (max-width:860px){.x-pasos{grid-template-columns:minmax(0,1fr)}.x-pasos button{border-top:0;border-left:3px solid var(--filete);padding:0 0 0 14px}.x-pasos .activo button{border-left-color:var(--senal-marca)}}
.x-nivel{display:flex;flex-direction:column;gap:6px}
.x-nivel .tabla{min-width:560px}
.x-nivel .tabla th[scope=row]{font:600 15px var(--f-texto);letter-spacing:0;text-transform:none;color:var(--tinta);border-bottom:1px solid var(--filete);white-space:nowrap}
.x-hace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.x-hace>div{border-top:2px solid var(--tinta);padding-top:14px}
.x-hace h3{font-size:19px;margin-bottom:6px}
@media (max-width:700px){.x-hace{grid-template-columns:minmax(0,1fr)}}
.x-cop{display:flex;flex-direction:column;gap:8px;max-width:820px}
.x-cop details{border:1px solid var(--filete);border-radius:var(--radio);background:var(--superficie)}
.x-cop summary{list-style:none;cursor:pointer;padding:13px 16px;min-height:44px;font:600 15.5px/1.35 var(--f-titulo);color:var(--tinta);display:flex;align-items:center;gap:12px}
.x-cop summary::-webkit-details-marker{display:none}
.x-cop summary::after{content:"+";margin-left:auto;font:600 18px/1 var(--f-texto);color:var(--senal)}
.x-cop details[open] summary::after{content:"−"}
.x-cop summary:focus-visible{outline:2px solid var(--accion);outline-offset:2px}
.x-cop details>div{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.x-cop dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;padding:10px 0;border-top:1px solid var(--filete)}
.x-cop dt{font:600 11px/1.2 var(--f-dato);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-3)}
.x-cop dd{margin:2px 0 0;font-size:14px;color:var(--tinta)}
.x-flujo{display:flex;flex-direction:column;gap:10px;max-width:820px}
.x-flujo .seg{align-self:flex-start;min-width:min(100%,360px)}
.x-flujo .s-fig.s-lienzo{padding:12px 8px}

/* una sola plataforma: la ficha no ocupa media fila vacía */
.plat-par:has(>:only-child){grid-template-columns:minmax(0,1fr);max-width:560px}

/* ---------- Casos ---------- */
.estado{display:flex;align-items:center;gap:10px;margin:0}
.estado i{font:600 11.5px/1 var(--f-dato);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-3)}
.estado b{font:700 13.5px/1 var(--f-titulo);color:var(--tinta);padding:6px 10px 6px 24px;border:1px solid var(--senal-marca);border-radius:3px;position:relative}
.estado b::before{content:"";position:absolute;left:9px;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--senal-marca);transform:rotate(45deg)}
.x-caso{display:flex;flex-direction:column;gap:12px;margin:0}
.x-caso dt{font:600 11.5px/1 var(--f-dato);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:5px}
.x-caso dd{margin:0;font-size:15.5px;color:var(--tinta-2)}

/* ---------- Proyecto e inversión ---------- */
.x-etapas li h3{align-self:start;min-width:0;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
.x-doble{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.x-doble>div{border-top:2px solid var(--tinta);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.x-doble h3{font-size:19px}
.x-doble p{font-size:15.5px}
@media (max-width:760px){.x-doble{grid-template-columns:minmax(0,1fr)}}
.x-mod{counter-reset:m}
.x-costo{background:var(--superficie);border:1px solid var(--filete);border-top:2px solid var(--senal-marca);border-radius:var(--radio);padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px;max-width:820px}
.x-costo h3{font-size:21px}
.x-costo p{font-size:15.5px}
.x-costo-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.x-costo-f label{display:flex;flex-direction:column;justify-content:space-between;gap:8px;font-size:13.5px;line-height:1.35;color:var(--tinta-2)}
.x-costo-f input{width:100%;min-height:46px;padding:8px 12px;border:1px solid var(--filete);border-radius:var(--radio);background:var(--papel);color:var(--tinta);font:400 16px var(--f-texto);font-variant-numeric:tabular-nums}
.x-costo-r{font:700 clamp(19px,2.2vw,24px)/1.3 var(--f-titulo)!important;color:var(--tinta)!important;font-variant-numeric:tabular-nums}
@media (max-width:700px){.x-costo-f{grid-template-columns:minmax(0,1fr)}}

/* ---------- Antes de decidir ---------- */
.x-tarjetas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px)}
.x-tarjetas>li{border-top:2px solid var(--tinta);padding-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.x-tarjetas h3{font-size:19px}
.x-tarjetas p{font-size:15px}
.x-tarjetas .seg{align-self:stretch}
.x-tarjetas [data-mercado][hidden]{display:none}
@media (max-width:980px){.x-tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.x-tarjetas{grid-template-columns:minmax(0,1fr)}}
.x-cond{display:flex;flex-direction:column;gap:16px}
.x-cond>h3{font-size:21px;padding-bottom:12px;border-bottom:2px solid var(--tinta)}
.x-cond-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,36px)}
.x-cond-3 h4{margin:0 0 6px;font:700 17px/1.3 var(--f-titulo);color:var(--tinta)}
.x-cond-3 p{font-size:15px}
@media (max-width:860px){.x-cond-3{grid-template-columns:minmax(0,1fr)}}
.x-census{border-left:3px solid var(--senal-marca);padding:4px 0 4px 18px;max-width:78ch}
.x-census h3{font-size:19px;margin-bottom:6px}
.x-census p{font-size:15.5px}
.x-preguntas>h3{font-size:21px;padding-bottom:12px;border-bottom:2px solid var(--tinta);margin-bottom:6px}

/* ---------- Barra inferior del teléfono ---------- */
.barra-movil{display:none}
@media (max-width:700px){
  .barra-movil{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:10px;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
    background:color-mix(in srgb,var(--papel) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--filete);transform:translateY(115%);visibility:hidden}
  .barra-movil.visible{transform:none;visibility:visible}
  .barra-movil .btn{flex:1;min-height:44px;padding-inline:12px}
  .barra-movil .btn.wa{margin:0;background:transparent;border-color:var(--filete);color:var(--tinta)}
  body.con-barra{padding-bottom:150px}
  body.con-barra #pgChat .pc-boton{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px)}
}
@media (max-width:700px) and (prefers-reduced-motion:no-preference){.barra-movil{transition:transform .2s ease,visibility .2s}}

/* ---------- impresión del autodiagnóstico ---------- */
@media print{
  body.imprime-diag *{visibility:hidden}
  body.imprime-diag .x-res,body.imprime-diag .x-res *{visibility:visible}
  body.imprime-diag .x-res{position:absolute;left:0;top:0;width:100%;color:#000}
  body.imprime-diag .x-nav{display:none}
}