/* ZYRUS · Blanco, negro y un solo turquesa. Poppins, títulos enormes y foto real. */
@font-face{font-family:"Poppins";src:url(../fuentes/poppins-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fuentes/poppins-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fuentes/poppins-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --papel:#FFF;--papel-2:#F5F5F3;--piedra:#ECECE8;--linea:#DCDCD8;--linea-fuerte:#8A8A86;
  --tinta:#111;--regla:#333;--apagado:#5E5E5E;--gris-tit:#8C8C8C;
  --acento:#007A83;--acento-2:#00626A;--sobre-acento:#FFF;
  --negro:#0A0A0A;--turquesa:#00C2CB;
  --sans:"Poppins",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sistema:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --pad:clamp(20px,4.4vw,64px);
  --seccion:clamp(76px,9vw,140px);
  --col:clamp(16px,2vw,28px);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:clamp(16px,1.15vw,17px);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0;text-align:left}
a{color:inherit}
b{font-weight:700}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
[id]{scroll-margin-top:92px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.saltar{position:absolute;left:12px;top:-60px;z-index:60;padding:12px 18px;background:var(--tinta);color:var(--papel);text-decoration:none}
.saltar:focus{top:12px}
.contenedor{width:100%;max-width:calc(1312px + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}
.ic{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:-.2em}
.sin-partir{white-space:nowrap}
.seleccionable{user-select:all}
.enlace{color:var(--acento);text-underline-offset:3px;font-weight:500}

/* Planos oscuros: las mismas reglas, otras tintas */
.sellos,.zyrus,.fondo-pie{
  --papel:#0A0A0A;--papel-2:#171717;--piedra:#262626;--linea:rgba(255,255,255,.2);--linea-fuerte:rgba(255,255,255,.5);
  --tinta:#FFF;--regla:#DADADA;--apagado:#A8A8A8;--gris-tit:#7D7D7D;
  --acento:#00C2CB;--acento-2:#3AD3DA;--sobre-acento:#0A0A0A;
  background:var(--papel);color:var(--tinta)
}
/* Planos claros con la grilla de líneas */
.problemas,.preguntas{
  --papel:#F5F5F3;--papel-2:#FFF;
  background-color:var(--papel);
  background-image:repeating-linear-gradient(90deg,rgba(17,17,17,.055) 0 1px,transparent 1px 25%)
}

/* Botones: píldora */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 24px;border:1px solid var(--acento);border-radius:999px;background:var(--acento);color:var(--sobre-acento);font-weight:500;font-size:1rem;line-height:1.25;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.boton:hover{background:var(--acento-2);border-color:var(--acento-2)}
.boton-chico{min-height:44px;padding:8px 18px;font-size:.92rem}
.boton-grande{min-height:56px;padding:12px 28px;font-size:1.02rem}
.boton-borde{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.boton-borde:hover{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}

/* Cabecera: píldora blanca flotante */
.cabecera{position:fixed;top:14px;left:0;right:0;z-index:50;padding-inline:clamp(10px,2vw,28px);pointer-events:none}
.contenedor.cabecera-fila{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1312px;min-height:62px;padding:8px 8px 8px 24px;border-radius:999px;background:#FFF;box-shadow:0 8px 30px rgba(10,10,10,.14);pointer-events:auto}
.marca{display:block;flex:none}
.marca img{width:auto;height:30px}
.menu{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px)}
.menu>a:not(.boton){font-size:.95rem;font-weight:500;text-decoration:none;padding:10px 0;border-bottom:1px solid transparent;transition:border-color .18s}
.menu>a:not(.boton):hover{border-bottom-color:var(--tinta)}
.menu-boton{display:none;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 2px;font-weight:500}
.menu-raya{position:relative;display:block;width:22px;height:1.5px;background:var(--tinta);transition:background-color .15s}
.menu-raya::before,.menu-raya::after{content:"";position:absolute;left:0;width:22px;height:1.5px;background:var(--tinta);transition:transform .18s}
.menu-raya::before{transform:translateY(-6px)}
.menu-raya::after{transform:translateY(6px)}
.menu-boton[aria-expanded="true"] .menu-raya{background:transparent}
.menu-boton[aria-expanded="true"] .menu-raya::before{transform:rotate(45deg)}
.menu-boton[aria-expanded="true"] .menu-raya::after{transform:rotate(-45deg)}

/* Portada: solo ZYRUS, detrás del volcán */
.portada{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:max(100svh,58vw);overflow:hidden;background:var(--negro);color:#FFF}
.pf-foto{position:absolute;inset:0;z-index:-1;overflow:hidden}
.pf-esc{position:absolute;left:50%;bottom:max(0px,calc(344px - 22.1vw));width:max(100vw,calc(100vh*1.54));width:max(100vw,calc(100svh*1.54));aspect-ratio:2000/1300;transform:translateX(-50%);container-type:inline-size}
.pf-esc img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.pf-palabra{position:absolute;left:50%;bottom:34%;transform:translateX(-50%);font-weight:700;font-size:min(31cqw,31vw);line-height:.72;letter-spacing:-.05em;color:#FFF;white-space:nowrap;user-select:none;animation:sube 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes sube{from{transform:translate(-50%,16%)}to{transform:translate(-50%,0)}}
.pf-velo{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.92) 0,rgba(10,10,10,.7) 22%,rgba(10,10,10,0) 38%)}
.pf-contenido{position:relative;padding-block:140px 44px}
.pf-kicker{display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:500}
.pf-kicker::before{content:"";flex:none;width:34px;height:2px;background:var(--turquesa)}
.portada h1{margin-top:10px;font-weight:700;font-size:clamp(42px,4.6vw,70px);line-height:1.04;letter-spacing:-.035em;white-space:nowrap}
.portada h1 em{font-style:normal;color:var(--turquesa)}
.pf-bajada{margin-top:10px;max-width:46em;font-size:1.05rem;line-height:1.5;color:#EDEDED}
.pf-acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.portada .boton{--acento:var(--turquesa);--acento-2:#3AD3DA;--sobre-acento:#0A0A0A;font-weight:500}
.portada .boton-borde{background:transparent;color:#FFF;border-color:#FFF}
.portada .boton-borde:hover{background:#FFF;border-color:#FFF;color:#0A0A0A}
.pf-nota{margin-top:12px;font-size:.88rem;color:#CFCFCF}
.pf-tres{position:absolute;right:var(--pad);bottom:44px;display:grid;grid-template-columns:repeat(3,auto);border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(10,10,10,.55)}
.pf-tres li{display:grid;gap:1px;padding:14px clamp(14px,1.5vw,22px)}
.pf-tres li+li{border-left:1px solid rgba(255,255,255,.3)}
.pf-tres b{font-size:1.04rem;line-height:1.3;white-space:nowrap}
.pf-tres small{font-size:.82rem;line-height:1.35;color:#CFCFCF}
.pf-credito{position:absolute;right:max(var(--pad),calc((100vw - 1312px)/2));bottom:10px;left:var(--pad);font-size:.72rem;line-height:1.35;text-align:right;color:#BDBDBD}
.pf-credito a{color:inherit;text-underline-offset:2px}

/* Sellos: credenciales en línea sobre negro */
.sellos-lista{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linea)}
.sello{display:grid;align-content:start;gap:3px;padding:22px clamp(14px,2vw,28px);border-bottom:1px solid var(--linea)}
.sello:nth-child(3n+1){padding-left:0}
.sello:not(:nth-child(3n+1)){border-left:1px solid var(--linea)}
.sello:nth-last-child(-n+3){border-bottom:0}
.sello b{font-weight:500;font-size:1.04rem;line-height:1.32}
.sello small{font-size:.86rem;line-height:1.42;color:var(--apagado)}

/* Encabezado de sección */
.seccion{padding-block:var(--seccion)}
.antetitulo{display:flex;align-items:center;gap:12px;margin-bottom:clamp(16px,2vw,26px);font-size:.92rem;font-weight:500;line-height:1.35;color:var(--regla)}
.sec-n{flex:none;display:inline-grid;place-items:center;min-width:40px;height:26px;padding:0 9px;border:1px solid currentColor;border-radius:999px;font-size:.8rem;font-weight:500;line-height:1}
.sec-tit{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(24px,4vw,64px);align-items:end}
.sec-tit h2,.contacto h2{font-weight:700;font-size:clamp(42px,6.4vw,96px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
.sec-tit h2 span{display:block;color:var(--gris-tit)}
.sec-tit h2:only-child{grid-column:1/-1}
.bajada{max-width:34em;padding-bottom:8px;font-size:1.04rem;line-height:1.55}

/* Ruta de los 3 pasos */
.ruta{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(28px,3vw,44px);border-top:1px solid var(--tinta)}
.ruta li{border-bottom:2px solid transparent;transition:border-color .2s}
.ruta li.actual{border-bottom-color:var(--acento)}
.ruta a{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 14px 12px 0;text-decoration:none;font-size:.96rem;line-height:1.3}
.ruta-n{flex:none;position:relative;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--tinta);border-radius:50%;font-size:.84rem;line-height:1}
.ruta-n b{font-weight:500}
.ruta-n .ic{position:absolute;display:none;width:16px;height:16px;color:var(--acento)}
.ruta li.hecho .ruta-n{border-color:var(--acento)}
.ruta li.hecho .ruta-n b{visibility:hidden}
.ruta li.hecho .ruta-n .ic{display:block}
.ruta li.actual a{font-weight:500}

/* Recorrido */
.paso{padding-top:clamp(60px,6.5vw,96px)}
.paso-cab{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);align-items:start;margin-bottom:clamp(24px,3vw,40px)}
.paso-n{grid-column:1/3;position:relative;display:flex;align-items:baseline;gap:8px;font-size:.92rem;color:var(--apagado)}
.paso-n small{font-size:inherit}
.paso-n b{font-size:clamp(40px,4vw,60px);line-height:1;letter-spacing:-.035em;color:var(--tinta)}
.paso-n .ic{width:20px;height:20px;align-self:center;display:none;color:var(--acento)}
.paso.hecho .paso-n .ic{display:inline-block}
.paso-cab>div{grid-column:3/13}
.paso-cab h3{font-weight:700;font-size:clamp(27px,3.2vw,46px);line-height:1.06;letter-spacing:-.03em;text-wrap:balance}
.paso-cab p{margin-top:8px;max-width:40em;color:var(--regla)}
.paso-cab b{font-weight:500;color:var(--tinta)}

/* Paso 1: filas de problemas */
.sintomas{border-top:1px solid var(--tinta)}
.sintoma{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);align-items:baseline;width:100%;padding:clamp(18px,1.8vw,24px) 0;border-bottom:1px solid var(--linea);position:relative;transition:background-color .15s}
.sintoma:hover{background:var(--papel-2)}
.ind-n{grid-column:1/2;font-size:.9rem;color:var(--apagado);padding-left:12px}
.sin-txt{display:contents}
.sin-tit{grid-column:2/7;font-weight:500;font-size:clamp(20px,1.9vw,26px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.sin-sub{grid-column:7/11;font-size:.94rem;line-height:1.45;color:var(--apagado)}
.sin-marca{grid-column:11/13;display:flex;align-items:center;justify-content:flex-end;gap:10px;align-self:center;padding-right:12px;font-size:.88rem;color:var(--regla)}
.sin-estado::before{content:"Marcar"}
.sin-check{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid var(--tinta);border-radius:50%;background:#FFF}
.sin-check .ic{width:15px;height:15px;color:#FFF;visibility:hidden}
.sintoma[aria-pressed="true"]{background:var(--papel-2);box-shadow:inset 3px 0 0 var(--acento)}
.sintoma[aria-pressed="true"] .sin-tit,.sintoma[aria-pressed="true"] .ind-n{color:var(--acento)}
.sintoma[aria-pressed="true"] .sin-estado::before{content:"En su caso";font-weight:500;color:var(--acento)}
.sintoma[aria-pressed="true"] .sin-check{background:var(--acento);border-color:var(--acento)}
.sintoma[aria-pressed="true"] .sin-check .ic{visibility:visible}
.sintoma.recien .sin-check{animation:marca .22s ease-out}
@keyframes marca{from{transform:scale(.82)}to{transform:none}}
.paso-pie{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:18px 0;border-bottom:1px solid var(--tinta)}
.cuenta{font-size:1.04rem;line-height:1.35}
.cuenta b{font-weight:700}
.enlace-paso{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 24px;border:1px solid var(--tinta);border-radius:999px;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s}
.enlace-paso:hover{background:var(--tinta);color:var(--papel)}
.paso-pie.activo .paso-sigue{border-color:var(--acento);background:var(--acento);color:var(--sobre-acento)}
.paso-pie.activo .paso-sigue:hover{background:var(--acento-2);border-color:var(--acento-2)}

/* Paso 2 */
.viendo{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);align-items:baseline;padding:10px 0;border-top:1px solid var(--tinta);border-bottom:1px solid var(--linea)}
.viendo-eti{grid-column:1/3;font-size:.88rem;line-height:1.4;color:var(--apagado);padding-right:10px}
.viendo-lista{grid-column:3/13;display:flex;flex-wrap:wrap;gap:0 24px}
.ver-btn{min-height:44px;padding:8px 0;border-bottom:2px solid transparent;font-size:.95rem;line-height:1.25;color:var(--regla)}
.ver-btn:hover{border-bottom-color:var(--linea-fuerte)}
.ver-btn[aria-selected="true"]{border-bottom-color:var(--acento);color:var(--tinta);font-weight:500}
.escenario{padding-top:clamp(26px,3vw,44px)}
.panel{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);grid-template-rows:auto 1fr;align-items:start}
.panel-cab{grid-column:1/5;grid-row:1}
.panel-texto{grid-column:1/5;grid-row:2}
.escena{grid-column:5/13;grid-row:1/3;min-width:0}
.panel.entra{animation:funde .26s ease-out}
@keyframes funde{from{opacity:0}to{opacity:1}}
.panel-num{font-size:.88rem;color:var(--apagado)}
.panel h4{margin-top:6px;font-weight:700;font-size:clamp(26px,2.6vw,38px);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.claves{margin-top:22px}
.claves>div{padding:12px 0 14px;border-top:1px solid var(--linea);transition:border-color .2s}
.claves dt{font-size:.86rem;font-weight:500;color:var(--apagado)}
.claves dd{margin-top:3px;font-size:.95rem;line-height:1.5}
.panel:not(.con) .hoy{border-top-color:var(--tinta)}
.panel.con .resuelve{border-top-color:var(--acento)}
.panel.con .resuelve dt{color:var(--acento)}
.marcar-este{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:8px;padding:10px 18px;border:1px solid var(--tinta);border-radius:999px;font-weight:500;font-size:.95rem;line-height:1.3;transition:background-color .15s,color .15s}
.marcar-este:hover{background:var(--papel-2)}
.me-check{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid currentColor;border-radius:50%}
.me-check .ic{width:14px;height:14px;visibility:hidden}
.marcar-este[aria-pressed="true"]{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}
.marcar-este[aria-pressed="true"] .me-check .ic{visibility:visible}
.interruptor{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--tinta);border-radius:999px;margin-bottom:12px;min-width:300px}
.int-btn{min-height:44px;padding:8px 22px;border-radius:999px;text-align:center;font-weight:500;font-size:.95rem;transition:background-color .15s,color .15s}
.int-btn:hover{background:var(--piedra)}
.int-btn[aria-pressed="true"],.int-btn[aria-pressed="true"]:hover{background:var(--tinta);color:var(--papel)}
.lienzo{display:grid;padding:clamp(14px,2.6vw,36px);background:var(--negro);border-radius:22px}
.esc{grid-area:1/1;align-self:center;min-width:0;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
.escena:not(.con) .esc-antes,.escena.con .esc-con{opacity:1;visibility:visible;transition:opacity .22s ease}
.esc-sello{display:none}
.esc-pie{margin-top:14px;font-weight:500;font-size:1rem;line-height:1.42;color:#FFF;max-width:44em}
.con-lado .esc{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(24px,4vw,64px);align-items:center}
.con-lado .esc-pie{margin:0 0 8px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.34}
.escena:not(.con) .con-lado .esc-con,.escena.con .con-lado .esc-antes{visibility:hidden}
.esc-nota{margin-top:10px;font-size:.84rem;line-height:1.4;color:var(--apagado)}
.escenario-pie{display:flex;justify-content:flex-end;margin-top:28px;padding-top:12px;border-top:1px solid var(--linea)}

/* === PANTALLAS: fuente y medidas de la app real === */
.cel,.nv,.a-h{font-family:var(--sistema);color:#111B21;line-height:1.3;letter-spacing:0;text-align:left;-webkit-font-smoothing:auto}
.cel svg,.nv svg,.a-h svg,.h-sale svg{flex:none;display:block;width:20px;height:20px;fill:currentColor}
.cel p,.nv p,.a-h p{margin:0}

/* Celular */
.cel{width:330px;max-width:100%;padding:8px;border-radius:50px;background:#0E0F10;box-shadow:0 18px 40px rgba(30,39,44,.26),inset 0 0 0 1px #3A3D40}
.cel-pant{position:relative;display:flex;flex-direction:column;height:680px;overflow:hidden;border-radius:42px;background:#FFF}
.c-status{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;height:48px;padding:6px 24px 0 34px;background:inherit;color:#000}
.c-hora{font-size:15px;font-weight:600;letter-spacing:-.01em}
.c-isla{position:absolute;left:50%;top:10px;width:88px;height:26px;margin-left:-44px;border-radius:14px;background:#0E0F10}
.c-ind{display:flex;align-items:center;gap:5px}
.c-ind svg{width:16px;height:11px}
.c-ind svg.bat{width:25px;height:11px}
.c-home{position:absolute;z-index:3;left:50%;bottom:7px;width:118px;height:4.5px;margin-left:-59px;border-radius:3px;background:#000}
.a-wa,.a-g,.a-ia{flex:1;min-height:0;display:flex;flex-direction:column}

/* WhatsApp */
.wa-top{flex:none;display:flex;align-items:center;gap:10px;padding:5px 12px 9px 6px;background:#FFF;border-bottom:1px solid #E9E9E9;color:#111B21}
.wa-top svg{width:23px;height:23px}
.wa-top svg.wa-atras{width:24px;height:24px}
.wa-top svg.wa-foto{width:36px;height:36px;margin-left:-6px}
.wa-quien{flex:1;min-width:0;display:grid}
.wa-quien b{font-size:16px;font-weight:600;line-height:1.2}
.wa-quien small{font-size:12px;color:#54656F;white-space:nowrap}
.wa-chat{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:10px 12px 8px;overflow:hidden;background-color:#EFEAE2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' stroke='%237d7466' stroke-opacity='.12' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18h16v12H19l-5 4zM70 14l4 8 9 1-6 6 1 9-8-4-8 4 1-9-6-6 9-1zM128 18a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 5v3l2 2M158 56c0-5 8-5 8 0s-8 9-8 9-8-4-8-9 8-5 8 0zM22 72h20v14H22zm3-3v3m14-3v3M92 66l11 11M103 66L92 77M56 100c6-6 14-6 20 0M61 106c4-3 7-3 11 0M66 112h1M128 92h16l4 8h-24zM134 100v8h6v-8M20 124a9 9 0 1 0 18 0c0-5-9-14-9-14s-9 9-9 14zM94 128h20v3a10 10 0 0 1-20 0zM114 130h4a3 3 0 0 1 0 6h-5M100 122c0-2 2-2 2-4M108 122c0-2 2-2 2-4M152 132l14 14M166 132l-14 14M48 150h16v12H48zm4 0v-3a4 4 0 0 1 8 0v3M100 158l6-6 6 6-6 6z'/%3E%3C/svg%3E");background-size:180px 180px}
.wa-cifra{align-self:center;max-width:92%;margin-bottom:auto;padding:6px 10px;border-radius:8px;background:#FFEFC2;color:#54503A;font-size:11.5px;line-height:1.35;text-align:center}
.wa-dia{align-self:center;margin:8px 0 6px;padding:4px 10px;border-radius:8px;background:#FFF;color:#54656F;font-size:11.5px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wb{position:relative;max-width:84%;padding:6px 8px 6px 9px;border-radius:9px;font-size:14.5px;line-height:1.33;color:#111B21;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wb.otro{align-self:flex-start;background:#FFF}
.wb.yo{align-self:flex-end;background:#D9FDD3}
.wb.otro+.wb.yo,.wb.yo+.wb.otro{margin-top:6px}
.wa-dia+.wb.otro,.wb.yo+.wb.otro{border-top-left-radius:2px}
.wa-dia+.wb.yo,.wb.otro+.wb.yo{border-top-right-radius:2px}
.wm{float:right;display:inline-flex;align-items:center;gap:3px;margin:7px 0 -2px 10px;font-size:11px;line-height:1;color:#5B6B73}
.wm time{white-space:nowrap}
.cel .wm svg{width:16px;height:11px;fill:none;color:#1D93CF}
.wa-abajo{flex:none;display:flex;align-items:center;gap:10px;padding:7px 10px 24px;background:#FFF;color:#111B21}
.wa-abajo svg{width:23px;height:23px}
.wa-caja{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 9px 0 13px;border:1px solid #E2E2E2;border-radius:18px;font-size:14.5px;color:#5C6B73}
.wa-caja svg{width:20px;height:20px;color:#54656F}

/* Búsqueda */
.g-caja{flex:none;display:flex;align-items:center;gap:10px;height:42px;margin:4px 12px 8px;padding:0 13px;border-radius:21px;background:#FFF;box-shadow:0 1px 5px rgba(32,33,36,.28);font-size:15px;color:#202124}
.g-caja span{flex:1}
.g-caja svg{width:18px;height:18px;color:#5F6368}
.g-pest{flex:none;display:flex;gap:17px;padding:0 15px;border-bottom:1px solid #E8EAED;font-size:13px;color:#5F6368}
.g-pest span{padding:7px 0 8px;border-bottom:3px solid transparent;white-space:nowrap}
.g-pest .on{color:#202124;font-weight:500;border-bottom-color:#202124}
.g-cuerpo{flex:1;min-height:0;overflow:hidden}
.g-sec{padding:10px 15px 7px;font-size:17px;color:#202124}
.cel svg.g-mapa{width:100%;height:118px;fill:initial}
.g-res{padding:9px 15px 10px;border-top:1px solid #E8EAED;font-size:12.5px;line-height:1.38;color:#4D5156}
.g-nom{display:block;font-size:15.5px;font-weight:500;color:#202124;line-height:1.3}
.g-nota span{color:#4D5156}
.g-est{position:relative;display:inline-block;font-size:12px;letter-spacing:-.5px;line-height:1;vertical-align:0}
.g-est::before{content:"★★★★★";color:#DADCE0}
.g-est::after{content:"★★★★★";position:absolute;left:0;top:0;width:calc(var(--n)/5*100%);overflow:hidden;white-space:nowrap;color:#E9A100}
.g-abierto{color:#137333;font-weight:500}
.g-bot{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px!important}
.g-bot span{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid #DADCE0;border-radius:14px;color:#0B57D0;font-size:12px;font-weight:500}
.g-bot svg{width:13px;height:13px}

/* Asistente */
.ia-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 16px 10px;color:#0D0D0D}
.ia-top b{font-size:16px;font-weight:600}
.ia-top svg{width:22px;height:22px}
.ia-chat{flex:1;min-height:0;padding:6px 16px;overflow:hidden;font-size:14.5px;line-height:1.46;color:#0D0D0D}
.ia-yo{width:fit-content;max-width:84%;margin-left:auto!important;margin-bottom:16px!important;padding:9px 14px;border-radius:18px;background:#F1F1F1}
.ia-resp ol{margin:9px 0;padding-left:21px;list-style:decimal}
.ia-resp li{margin-bottom:8px;padding-left:2px}
.ia-resp b{font-weight:600}
.ia-acc{display:flex;gap:13px;margin-top:10px!important;color:#5D5D5D}
.ia-acc svg{width:17px;height:17px}
.ia-abajo{flex:none;padding:6px 12px 22px}
.ia-caja{padding:9px 12px 8px 15px;border:1px solid #E3E3E3;border-radius:22px;box-shadow:0 1px 5px rgba(0,0,0,.07)}
.ia-caja>span{font-size:14.5px;color:#6E6E6E}
.ia-caja p{display:flex;align-items:center;gap:12px;margin-top:6px!important;color:#3F3F3F}
.ia-caja p i{flex:1}
.ia-caja svg{width:21px;height:21px}
.ia-caja em{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0D0D0D;color:#FFF}
.ia-caja em svg{width:17px;height:17px}
.ia-abajo small{display:block;margin-top:7px;font-size:10.5px;line-height:1.3;color:#5F5F5F;text-align:center}

/* Navegador */
.nv{border-radius:9px 9px 3px 3px;overflow:hidden;background:#FFF;box-shadow:0 14px 34px rgba(30,39,44,.2),0 0 0 1px rgba(30,39,44,.14)}
.nv-pest{display:flex;align-items:flex-end;height:38px;padding:0 0 0 8px;background:#DFE3E8}
.nv-tab{display:flex;align-items:center;gap:8px;width:220px;max-width:62%;height:31px;padding:0 9px 0 11px;border-radius:8px 8px 0 0;background:#FFF;font-size:12px;color:#202124}
.nv-tab span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nv-tab svg{width:14px;height:14px;color:#5F6368}
.nv-tab svg.nv-x{width:12px;height:12px}
.nv-ventana{display:flex;align-self:stretch;margin-left:auto}
.nv-ventana i{position:relative;width:42px}
.nv-ventana i::before{content:"";position:absolute;left:16px;top:14px;width:10px;height:10px;border:1px solid #3C4043}
.nv-ventana i:nth-child(1)::before{top:19px;height:0;border-width:1px 0 0}
.nv-ventana i:nth-child(3)::before{width:13px;height:0;left:14px;top:19px;border-width:1px 0 0;transform:rotate(45deg)}
.nv-ventana i:nth-child(3)::after{content:"";position:absolute;width:13px;left:14px;top:19px;border-top:1px solid #3C4043;transform:rotate(-45deg)}
.nv-barra{display:flex;align-items:center;gap:9px;padding:5px 10px;border-bottom:1px solid #E3E5E8;color:#5F6368}
.nv-barra>svg{width:17px;height:17px}
.nv-barra svg.tenue{opacity:.4}
.nv-url{flex:1;min-width:0;display:flex;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:15px;background:#F0F2F4;font-size:12.5px;color:#202124;white-space:nowrap;overflow:hidden}
.nv-url svg{width:13px;height:13px}
.nv-url em{display:inline-flex;align-items:center;gap:5px;padding-right:8px;margin-right:1px;border-right:1px solid #BDC1C6;font-style:normal;color:#B3261E}
.nv-url>span{overflow:hidden;text-overflow:ellipsis}
.solo-pc-bloque .nv-sitio{height:480px;overflow:hidden}
.solo-cel-bloque{display:none}
.m-url{flex:none;display:flex;align-items:center;justify-content:center;gap:6px;margin:0 12px 7px;height:34px;border-radius:17px;background:#EEF0F2;font-size:13.5px;color:#202124}
.cel .m-url svg{width:12px;height:12px}
.m-cap{flex:1;min-height:0;overflow:hidden}
.m-cap img{width:100%}

/* Web vieja */
.vj{background:#F4F4E8;font-family:"Times New Roman",Times,serif;font-size:13.5px;line-height:1.28;color:#000}
.vj-banda{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:11px 14px;background:#00336A;color:#FFD400}
.vj-banda b{font-size:25px;font-style:italic}
.vj-banda span{font-size:13px;color:#FFF}
.vj-menu{display:flex;flex-wrap:wrap;background:#BDBDBD;padding:2px;font-family:Arial,Helvetica,sans-serif;font-size:11.5px;font-weight:700;color:#00336A}
.vj-menu span{padding:3px 9px;border:2px outset #E9E9E9;background:#D2D2D2}
.vj-cuerpo{display:grid;grid-template-columns:118px minmax(0,1fr) 118px;align-items:start}
.vj-izq,.vj-der{display:grid;gap:3px;padding:9px 10px;font-size:12.5px}
.vj-izq b,.vj-der b{display:block;padding:1px 5px;background:#00336A;color:#FFF}
.vj-izq{border-right:1px solid #999}
.vj-der{border-left:1px solid #999}
.vj u{color:#0000CC}
.vj-rota{display:grid;grid-template-columns:18px auto;align-items:center;gap:4px;margin-top:8px;height:64px;padding:3px;border:1px solid #888;background:#FFF;font-size:11.5px;color:#333}
.vj-rota i{position:relative;align-self:start;width:16px;height:16px;border:1px solid #888;background:#E7E7E7}
.vj-rota i::before{content:"";position:absolute;left:2px;top:6px;width:10px;border-top:2px solid #C00;transform:rotate(45deg)}
.vj-cen{padding:11px 14px 14px}
.vj-cen h6{margin:0 0 8px;font-size:15px;font-weight:700;color:#A00000;text-align:center}
.vj-cen p{margin-bottom:8px;text-align:justify}
.vj-form{margin-top:6px;border-collapse:collapse;font-size:12.5px}
.vj-form td{padding:2px 4px}
.vj-form i{display:block;width:210px;max-width:100%;height:19px;border:2px inset #CFCFCF;background:#FFF}
.vj-form i.alto{height:46px}
.vj-form em{display:inline-block;padding:1px 9px;border:2px outset #E0E0E0;background:#D4D0C8;font-family:Arial,sans-serif;font-size:11.5px;font-style:normal}
.vj-cont{display:flex;gap:1px}
.vj-cont span{padding:1px 3px;background:#000;color:#3DFF3D;font-family:"Courier New",monospace;font-size:12px}
.vj-pie{padding:6px 12px;border-top:1px solid #999;font-size:11.5px;text-align:center;color:#333}

/* Formulario web */
.a-f{background:#FFF;color:#1F2933}
.f-cab{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;border-bottom:1px solid #E7E9EC;font-size:13.5px}
.f-cab b{font-size:16px;font-weight:700;color:#111}
.f-cab>span{display:flex;gap:16px}
.f-cab .on{font-weight:600;text-decoration:underline;text-underline-offset:5px}
.f-cuerpo{padding:18px 22px 22px}
.f-cuerpo h5{margin:0;font-size:22px;font-weight:600;color:#111}
.f-intro{margin:3px 0 14px!important;font-size:13.5px;color:#52606D}
.f-dos{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.a-f label{display:block;font-size:13px;font-weight:500}
.a-f label>span{display:block;margin-bottom:4px}
.a-f label>i{display:block;height:36px;border:1px solid #C5CCD3;border-radius:6px;background:#FFF}
.f-msg{margin-top:10px}
.a-f .f-msg>i{height:64px}
.f-aviso{margin-top:12px;padding:10px 12px;border:1px solid #E1E5E9;border-radius:6px;background:#F7F8F9;font-size:12.5px;line-height:1.42;color:#3E4C59}
.f-aviso b{display:block;margin-bottom:2px;color:#111;font-weight:600}
.a-f .f-acepto{display:flex;align-items:flex-start;gap:9px;margin-top:11px;font-weight:400;line-height:1.35}
.a-f .f-acepto>i{flex:none;width:18px;height:18px;border:1.5px solid #7B8794;border-radius:3px}
.a-f .f-acepto>span{margin:0}
.a-f .f-acepto u{color:#0B57D0}
.f-cookies{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:9px 20px;border-top:1px solid #E1E5E9;background:#F7F8F9;font-size:12.5px;color:#3E4C59}
.f-cookies span{margin-right:auto}
.f-cookies b{padding:4px 10px;border:1px solid #C5CCD3;border-radius:6px;background:#FFF;color:#1F2933;font-weight:500}
.f-enviar{display:inline-block;margin-top:13px;padding:9px 26px;border-radius:6px;background:#1F2933;color:#FFF;font-size:14px;font-weight:600}

/* Planilla */
.a-h{border-radius:6px;overflow:hidden;background:#FFF;font-size:12px;box-shadow:0 14px 34px rgba(30,39,44,.2),0 0 0 1px rgba(30,39,44,.14);min-width:0}
.h-tit{padding:8px 12px 5px;background:#F9FBFD}
.h-tit b{display:block;font-size:15.5px;font-weight:400;color:#1F1F1F}
.h-menu{display:flex;flex-wrap:wrap;gap:0 11px;margin-top:2px;font-size:12px;color:#444746}
.h-herr{display:flex;align-items:center;gap:9px;margin:2px 8px 6px;padding:5px 12px;border-radius:15px;background:#EDF2FA;color:#444746;white-space:nowrap;overflow:hidden}
.h-herr svg{width:15px;height:15px}
.h-herr i{width:1px;height:15px;background:#C7C7C7}
.h-herr b{font-weight:700}
.h-herr em{font-family:Georgia,serif}
.h-form{display:flex;align-items:center;gap:9px;height:26px;padding-right:8px;border-block:1px solid #E1E3E6;color:#1F1F1F}
.h-ref{width:52px;height:100%;display:grid;place-items:center;border-right:1px solid #E1E3E6;color:#444746}
.h-form em{font-family:Georgia,serif;color:#80868B}
.h-grilla{overflow:hidden}
.a-h table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;color:#1F1F1F}
.a-h th{width:30px;height:23px;padding:0;border:1px solid #E1E3E6;background:#F8F9FA;color:#444746;font-weight:400;text-align:center}
.a-h th.sel{background:#D3E3FD;color:#0B3B8C;font-weight:600}
.a-h td{position:relative;height:25px;padding:0 5px;border:1px solid #E1E3E6;white-space:nowrap;overflow:hidden}
.a-h th.cA{width:13%}.a-h th.cB{width:21%}.a-h th.cC{width:23%}.a-h th.cD{width:7%}.a-h th.cE{width:19%}.a-h th.cF{width:17%}
.a-h tr.cab td{font-weight:600;background:#FBFBFB}
.a-h tr.nueva td{background:#E9F4EC}
.a-h td.activa{overflow:visible;outline:2px solid #1A73E8;outline-offset:-1px;background:#FFF}
.a-h td.activa::after{content:"";position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border:1px solid #FFF;background:#1A73E8}
.cursor{display:inline-block;width:1px;height:13px;margin-left:1px;vertical-align:-2px;background:#000}
.h-hojas{display:flex;align-items:center;gap:13px;padding:6px 12px;border-top:1px solid #E1E3E6;background:#F9FBFD;color:#444746}
.h-hojas .on{padding:2px 9px;border-radius:4px;background:#E1E9F7;color:#0B57D0;font-weight:600}
.h-resuelto{display:grid;grid-template-columns:minmax(0,1fr) 214px;gap:14px;align-items:start;font-family:var(--sistema);line-height:1.3}
.h-sale{display:grid;gap:12px;min-width:0}
.doc{padding:13px 14px;background:#FFF;color:#1F2933;font-size:12px;box-shadow:0 8px 22px rgba(30,39,44,.16),0 0 0 1px rgba(30,39,44,.1)}
.doc p{margin:0}
.doc-cab{display:grid;gap:1px;padding-bottom:8px;border-bottom:1px solid #1F2933}
.doc-cab b{font-size:14.5px}
.doc dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:9px 0 10px}
.doc dt{color:#52606D}
.doc-pie{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid #E1E5E9;font-weight:500}
.doc-pie svg{width:15px;height:15px;fill:none}
.notif{display:flex;gap:10px;padding:10px 11px;border-radius:15px;background:#FFF;color:#111;font-size:12.5px;line-height:1.32;box-shadow:0 8px 22px rgba(30,39,44,.18),0 0 0 1px rgba(30,39,44,.08)}
.notif p{margin:0}
.notif p:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:1px}
.notif b{font-weight:600}
.notif time{color:#5F6368;font-size:11.5px}
.notif-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#E7EEF0;color:#00626A}
.notif-ic svg{width:18px;height:18px;fill:none}


/* Paso 3 */
.caso-zyrus{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);row-gap:32px;border-top:1px solid var(--tinta);padding-top:20px}
.caso-resumen{grid-column:1/6}
.caso-envio{grid-column:7/13}
.caso-eti{font-size:.88rem;color:var(--apagado)}
.caso-cuenta{margin-top:4px;font-weight:700;font-size:clamp(25px,2.6vw,38px);line-height:1.1;letter-spacing:-.03em}
.caso-lista{margin-top:14px;border-top:1px solid var(--linea)}
.caso-lista li{display:grid;grid-template-columns:24px 1fr 44px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--linea)}
.cl-check .ic{width:18px;height:18px;color:var(--acento);display:block}
.cl-txt{display:grid;gap:1px;font-size:.9rem;line-height:1.38;color:var(--apagado)}
.cl-txt b{font-weight:500;font-size:1rem;color:var(--tinta)}
.caso-quitar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--apagado)}
.caso-quitar:hover{background:var(--piedra);color:var(--tinta)}
.caso-quitar .ic{width:16px;height:16px}
.caso-vacio{margin-top:12px;color:var(--regla)}
.caso-volver{display:inline-flex;align-items:center;min-height:48px;margin-top:6px;font-weight:500;text-underline-offset:4px}
.caso-burbuja{margin-top:8px;padding:18px 18px 12px;border-radius:18px;background-color:#EFEAE2}
.caso-burbuja p{width:fit-content;max-width:92%;margin-left:auto;padding:9px 11px;border-radius:9px 2px 9px 9px;background:#D9FDD3;font-family:var(--sistema);font-size:15px;line-height:1.38;color:#111B21;white-space:pre-line;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.caso-burbuja small{display:block;margin-top:8px;font-size:.84rem;text-align:right;color:#4A5553}
.caso-wa{width:100%;margin-top:14px}
.caso-correo{width:100%;margin-top:8px}
.caso-nota{margin-top:12px;font-size:.88rem;line-height:1.45;color:var(--apagado)}

/* Formularios: siempre tarjeta blanca, también sobre color */
.correo-form{
  --papel:#FFF;--papel-2:#F5F5F3;--piedra:#ECECE8;--linea:#DCDCD8;--linea-fuerte:#8A8A86;
  --tinta:#111;--regla:#333;--apagado:#5E5E5E;--acento:#007A83;--acento-2:#00626A;--sobre-acento:#FFF;
  margin-top:32px;padding:clamp(18px,2.6vw,36px);border-radius:22px;background:#FFF;color:var(--tinta);box-shadow:0 0 0 1px var(--linea)
}
.cf-cab{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid var(--linea)}
.cf-tit{display:flex;align-items:center;gap:10px;font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.2;letter-spacing:-.02em}
.cf-tit .ic{display:none}
.cf-cerrar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%}
.cf-cerrar:hover{background:var(--piedra)}
.cf-grilla{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.cf-grilla label{display:block;font-size:.92rem;font-weight:500;line-height:1.35}
.cf-ancho{grid-column:1/-1}
.cf-opcional{font-weight:400;color:var(--apagado)}
.cf-ayuda{display:block;margin-top:4px;font-size:.84rem;font-weight:400;color:var(--apagado)}
.cf-trampa{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.correo-form input[type=text],.correo-form input[type=tel],.correo-form input[type=email],.correo-form textarea{display:block;width:100%;min-height:48px;margin-top:5px;padding:10px 14px;border:1px solid var(--linea-fuerte);border-radius:12px;background:#FFF;font-size:16px;line-height:1.4;color:var(--tinta)}
.correo-form textarea{resize:vertical;font-family:var(--sans)}
.correo-form input:focus-visible,.correo-form textarea:focus-visible{outline:2px solid var(--acento);outline-offset:0;border-color:var(--acento)}
.correo-form ::placeholder{color:#6A6A6A}
.cf-acepto{display:flex;align-items:flex-start;gap:12px;margin:18px 0;font-size:.92rem;line-height:1.45;cursor:pointer}
.cf-acepto input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--acento)}
.cf-acepto a{color:var(--acento);text-underline-offset:3px}
.cf-aviso{margin-top:18px}
.cf-ok,.cf-error{padding:14px 16px;border-left:3px solid var(--acento);border-radius:0 12px 12px 0;background:#EAF5F6}
.cf-error{border-left-color:#8C2F1F;background:#F8EDE8}
.cf-ok p+p{margin-top:4px}
.cf-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:10px}
.cf-correo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px}
.cf-copiar{min-height:44px;padding:0 16px;border:1px solid var(--tinta);border-radius:999px;font-weight:500}

/* Quiénes somos: plano oscuro con títulos de contorno */
.zyrus .sec-tit h2{font-size:clamp(38px,5.6vw,86px)}
.zyrus .sec-tit h2 span{color:var(--tinta)}
@supports (-webkit-text-stroke:1px #fff){
  .zyrus .sec-tit h2 span{color:transparent;-webkit-text-stroke:1.5px #FFF}
}
.persona{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);row-gap:30px;margin-top:clamp(36px,4.6vw,68px);align-items:start}
.video-nico{grid-column:1/8}
.persona-texto{grid-column:8/13}
.video-marco{aspect-ratio:16/9;background:var(--piedra);overflow:hidden;border-radius:18px}
.video-marco video{width:100%;height:100%;object-fit:cover}
.video-marcador{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center}
.video-logo{width:48px;height:48px}
.video-play{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--tinta);border-radius:50%;color:var(--tinta)}
.video-play .ic{width:22px;height:22px;fill:currentColor}
.video-marcador p{display:grid;gap:1px}
.video-marcador b{font-weight:500;font-size:1.1rem}
.video-marcador span:not(.video-play){font-size:.88rem;color:var(--apagado)}
.video-nico figcaption{margin-top:10px;font-size:.88rem;color:var(--apagado)}
.persona-nombre{padding-bottom:10px;border-bottom:1px solid var(--linea);font-size:.95rem;color:var(--regla)}
.persona-nombre b{font-weight:500;color:var(--tinta)}
.carta{margin-top:14px;font-size:clamp(1.06rem,1.35vw,1.2rem);line-height:1.56}
.carta p+p{margin-top:12px}
.firma{font-size:.9rem;color:var(--apagado)}
.garantia-nico{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);margin-top:clamp(52px,6vw,88px);padding:clamp(26px,3vw,42px) 0;border-block:1px solid var(--linea-fuerte)}
.garantia-eti{grid-column:1/3;font-size:.92rem;color:var(--apagado)}
.garantia-cita{grid-column:3/13;font-weight:700;font-size:clamp(28px,3.8vw,58px);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.garantia-nico footer{grid-column:3/13;margin-top:14px;font-size:.92rem;color:var(--regla)}
.confianza-fila{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);row-gap:24px;margin-top:clamp(40px,5vw,72px);align-items:start}
.persona-bajada{grid-column:1/8;font-weight:500;font-size:clamp(22px,2.3vw,32px);line-height:1.22;letter-spacing:-.02em}
.empresa{grid-column:8/13;padding-top:10px;border-top:1px solid var(--linea-fuerte);font-size:.95rem;line-height:1.5;color:var(--regla)}
.empresa-eti{font-size:.86rem;color:var(--apagado)}
.empresa-nom{font-weight:500;font-size:1.1rem;color:var(--tinta)}
.confian{margin-top:clamp(40px,5vw,72px)}
.confian-tit{font-size:.92rem;color:var(--apagado)}
.confian-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.confian-logos li{display:grid;place-items:center;height:96px;padding:14px 18px;border-radius:14px;background:#FFF}
.confian-logos img{max-height:50px;width:auto;max-width:100%;mix-blend-mode:multiply}
.ver-web{display:inline-flex;align-items:center;gap:9px;min-height:48px;font-weight:500;text-underline-offset:4px}
.dos-col{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);margin-top:clamp(44px,5.5vw,80px);padding-top:12px;border-top:1px solid var(--linea-fuerte)}
.pasos-tit{grid-column:1/4;font-weight:700;font-size:clamp(23px,2.1vw,30px);line-height:1.12;letter-spacing:-.025em;padding-right:14px}
.pasos{grid-column:4/13;display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--col)}
.paso-num{display:block;font-weight:700;font-size:clamp(36px,3.4vw,50px);line-height:1;letter-spacing:-.03em;color:var(--acento)}
.pasos h4{margin-top:10px;font-weight:500;font-size:1.1rem;line-height:1.26}
.pasos p{margin-top:5px;font-size:.94rem;line-height:1.5;color:var(--regla)}
.pasos b{font-weight:500}
.garantias{grid-column:4/13}
.garantias li{display:grid;grid-template-columns:5fr 4fr;gap:6px 28px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--linea)}
.garantias li:first-child{padding-top:2px}
.garantias b{font-weight:500;font-size:1.08rem;line-height:1.28}
.garantias span{font-size:.94rem;line-height:1.46;color:var(--regla)}

/* Trabajo hecho */
.casos{margin-top:clamp(32px,4vw,56px)}
.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.logo-btn{display:grid;align-content:start;gap:8px;min-height:102px;padding:14px clamp(12px,1.5vw,20px) 12px;border:1px solid var(--linea);border-radius:16px;transition:background-color .15s,border-color .15s}
.logo-btn img{height:40px;width:auto;max-width:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.logo-btn span{font-size:.88rem;line-height:1.3;color:var(--apagado)}
.logo-btn:hover{background:var(--papel-2)}
.logo-btn[aria-selected="true"]{border-color:var(--tinta);background:var(--papel-2)}
.logo-btn[aria-selected="true"] span{color:var(--tinta);font-weight:500}
.caso{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);row-gap:24px;padding-top:clamp(24px,3vw,44px)}
.caso.entra,.capa.entra{animation:funde .24s ease-out}
.caso-info{grid-column:1/5}
.caso-vista{grid-column:5/13;min-width:0}
.caso-rubro{font-size:.88rem;line-height:1.4;color:var(--apagado)}
.caso-info h3{margin-top:6px;font-weight:700;font-size:clamp(30px,3.4vw,50px);line-height:1.02;letter-spacing:-.035em}
.caso-hecho{margin-top:12px;font-size:.96rem;line-height:1.52}
.capas{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:16px;border-bottom:1px solid var(--linea)}
.capa-btn{min-height:44px;padding:8px 0;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:.94rem;color:var(--regla)}
.capa-btn:hover{border-bottom-color:var(--linea-fuerte)}
.capa-btn[aria-selected="true"]{border-bottom-color:var(--acento);color:var(--tinta);font-weight:500}
.capa-nota{margin-top:12px;font-size:.9rem;line-height:1.48;color:var(--regla)}
.navegador{overflow:hidden;border:1px solid #BDBDB8;border-radius:14px;background:#FFF}
.nav-barra{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--linea);background:#F3F3F1;font:13px/1.2 var(--sistema);color:#3C4043}
.nav-barra i{display:none}
.pantalla{--alto:540px;height:var(--alto);overflow:hidden;background:#FFF}
.pantalla.fija{height:auto}
.pantalla img{width:100%}
.solo-cel{display:none!important}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .recorre{transition:transform var(--dur,24s) linear}
  .pantalla:hover .recorre{transform:translateY(calc(-100% + var(--alto)))}
}
.telefono{width:330px;max-width:100%;margin-inline:auto;padding:8px;border-radius:44px;background:#0E0F10}
.app{height:600px;display:flex;flex-direction:column;overflow:hidden;border-radius:36px;background:#F4F5F6;font-family:var(--sistema);color:#14202A;font-size:13.5px;line-height:1.35}
.app-cab{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:26px 16px 12px;background:#FFF;border-bottom:1px solid #E3E6E9}
.app-cab span{font-size:13px;color:#0B57D0}
.app-cab b{font-size:14.5px;font-weight:600}
.app-cab em{font-style:normal;font-size:11.5px;padding:1px 6px;border:1px solid #AEB6BD;border-radius:3px;color:#4B5560}
.app-marco{flex:1;min-height:0;overflow:hidden}
.app-cuerpo{padding:12px 12px 20px}
.app-ot{font-size:12px;color:#4B5560;margin-bottom:9px}
.app-bloque{margin-bottom:9px;padding:11px;border-radius:9px;background:#FFF;box-shadow:0 0 0 1px #E3E6E9}
.app-tit{margin-bottom:7px;font-weight:600}
.app-fila{display:grid;grid-template-columns:1.5fr 1fr;gap:6px;margin-top:5px}
.app-b{display:grid;place-items:center;min-height:32px;padding:4px;border:1px solid #C5CCD3;border-radius:6px;font-size:12.5px}
.app-b.azul{background:#1F4E79;border-color:#1F4E79;color:#FFF}
.app-b.naranjo{background:#9A4A12;border-color:#9A4A12;color:#FFF}
.app-ia{margin-top:7px;padding:7px 9px;border-radius:6px;background:#EEF2F4;font-size:12.5px}
.app-ia b{display:block;font-weight:600}
.app-audio{display:flex;align-items:center;gap:7px;font-size:12.5px}
.app-audio i{width:9px;height:9px;border-radius:50%;background:#00626A}
.app-check{position:relative;padding:3px 0 3px 21px;font-size:12.5px}
.app-check::before{content:"";position:absolute;left:1px;top:5px;width:13px;height:13px;border-radius:2px;background:#00626A}
.app-check::after{content:"";position:absolute;left:5px;top:7px;width:5px;height:8px;border:solid #FFF;border-width:0 1.5px 1.5px 0;transform:rotate(40deg)}
.app-listo{padding:10px;border-radius:7px;background:#00626A;color:#FFF;font-weight:500;text-align:center;font-size:12.5px}
.ejemplo-aviso{margin-top:10px;font-size:.84rem;line-height:1.4;text-align:center;color:var(--apagado)}
.remate{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;margin-top:clamp(40px,5vw,72px);padding-top:18px;border-top:1px solid var(--tinta)}
.remate p{font-weight:700;font-size:clamp(25px,3vw,44px);line-height:1.08;letter-spacing:-.03em}
.remate span{display:block;color:var(--gris-tit)}

/* Preguntas: filas con líneas finas */
.acordeon{margin-top:clamp(30px,3.6vw,52px);border-top:1px solid var(--tinta)}
.acordeon details{border-bottom:1px solid var(--linea)}
.acordeon summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:12px 0;font-weight:500;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.28;letter-spacing:-.015em;cursor:pointer;list-style:none}
.acordeon summary::-webkit-details-marker{display:none}
.acordeon summary::after{content:"";flex:none;width:15px;height:15px;background:linear-gradient(var(--tinta),var(--tinta)) center/100% 1.5px no-repeat,linear-gradient(var(--tinta),var(--tinta)) center/1.5px 100% no-repeat}
.acordeon details[open] summary::after{background:linear-gradient(var(--tinta),var(--tinta)) center/100% 1.5px no-repeat}
.acordeon summary:hover{color:var(--acento)}
.acordeon p{max-width:46em;padding:0 34px 20px 0;line-height:1.56;color:var(--regla)}

/* Contacto: plano de color a todo el ancho */
.contacto{--papel:#007A83;--papel-2:#00707A;--linea:rgba(255,255,255,.35);--tinta:#FFF;--regla:#FFF;--apagado:#FFF;--acento:#FFF;--acento-2:#E8F6F7;--sobre-acento:#00565C;background:var(--papel);color:var(--tinta)}
.contacto-caja{padding-block:var(--seccion) clamp(56px,6vw,96px)}
.contacto-grilla{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--col);row-gap:26px;align-items:end}
.contacto h2{grid-column:1/8;font-size:clamp(46px,7vw,108px)}
.contacto-acc{grid-column:8/13;display:grid;gap:10px;justify-items:stretch}
.contacto .bajada{margin:0 0 6px;padding:0;font-size:1rem}
.boton-gigante{min-height:62px;background:#FFF;border-color:#FFF;color:#111;font-size:1rem}
.boton-gigante:hover{background:#E8F6F7;border-color:#E8F6F7;color:#111}
.boton-gigante b{font-weight:500;white-space:nowrap}
.correo{font-size:.9rem;overflow-wrap:anywhere}
.pie{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 32px;padding-block:26px 30px;font-size:.86rem;color:var(--regla)}
.pie img{width:auto;height:30px}
.pie a{color:inherit}

/* WhatsApp fijo */
.wa-flotante{position:fixed;z-index:40;right:18px;bottom:18px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--acento);color:#FFF;box-shadow:0 6px 20px rgba(10,10,10,.28);transition:opacity .2s,background-color .15s}
.wa-flotante:hover{background:var(--acento-2)}
.wa-flotante .ic{width:26px;height:26px}
.js .wa-flotante{opacity:0;pointer-events:none}
.js .wa-flotante.ver{opacity:1;pointer-events:auto}
.js .wa-flotante.ver.en-caso{opacity:0;pointer-events:none}

/* Aparición sobria */
.js.io [data-aparece]{opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}
.js.io [data-aparece].visto,.listo [data-aparece]{opacity:1;transform:none}

/* Portada apilada: la foto arriba, los textos debajo sobre negro */
@media (max-width:1240px){
  .portada{--alto-foto:56vw;display:block;min-height:0}
  .pf-foto{position:relative;inset:auto;z-index:0;height:var(--alto-foto)}
  .pf-esc{bottom:0;width:100vw}
  .pf-velo{background:linear-gradient(to top,#0A0A0A 0,rgba(10,10,10,.82) 14%,rgba(10,10,10,0) 34%)}
  .pf-contenido{padding-block:20px 30px}
  .portada h1{white-space:normal}
  .pf-tres{position:static;width:fit-content;margin-top:22px}
  .pf-credito{top:calc(var(--alto-foto) - 28px);bottom:auto;right:var(--pad)}
}

/* Hasta tablet */
@media (max-width:1040px){
  .menu-boton{display:inline-flex}
  .menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 18px;border-radius:22px;background:#FFF;box-shadow:0 12px 34px rgba(10,10,10,.18)}
  .menu.abierto{display:flex}
  .menu>a:not(.boton){display:flex;align-items:center;min-height:54px;font-size:1.1rem;border-bottom:1px solid var(--linea)}
  .menu .boton{margin-top:14px;min-height:50px}
  .panel-cab,.panel-texto{grid-column:1/-1}
  .panel-cab{grid-row:1}
  .escena{grid-column:1/-1;grid-row:2;margin-top:18px}
  .panel-texto{grid-row:3;margin-top:8px}
  .panel{grid-template-rows:none}
  .persona-texto,.video-nico{grid-column:1/-1}
  .caso-info,.caso-vista{grid-column:1/-1}
}

/* Celular */
@media (max-width:760px){
  .problemas,.preguntas{background-image:repeating-linear-gradient(90deg,rgba(17,17,17,.055) 0 1px,transparent 1px 50%)}
  .f-cookies span{flex:1 0 100%;margin:0}
  .marca{display:flex;align-items:center;min-height:44px}
  .bajada .enlace{display:inline-block;padding:12px 0}
  .contenedor.cabecera-fila{min-height:58px;padding:6px 6px 6px 18px}
  .marca img{height:26px}
  .portada{--alto-foto:86vw}
  .pf-esc{width:132vw}
  .pf-kicker{gap:10px;font-size:.82rem}
  .pf-kicker::before{width:20px}
  .portada h1{font-size:clamp(36px,11.2vw,52px)}
  .pf-bajada{font-size:1rem}
  .pf-acc{flex-direction:column;align-items:stretch}
  .pf-acc .boton{padding-inline:14px;font-size:.96rem}
  .pf-tres{width:auto;grid-template-columns:repeat(3,minmax(0,1fr))}
  .pf-tres li{padding:11px 10px}
  .pf-tres b{font-size:.8rem;white-space:normal;letter-spacing:-.01em}
  .pf-tres small{font-size:.74rem}
  .pf-credito{top:calc(var(--alto-foto) - 30px);font-size:.66rem;text-align:left}
  .sellos-lista{grid-template-columns:1fr}
  .sello,.sello:not(:nth-child(3n+1)),.sello:nth-child(3n+1){padding:14px 0;border-left:0;border-bottom:1px solid var(--linea)}
  .sello:nth-last-child(-n+3){border-bottom:1px solid var(--linea)}
  .sello:last-child{border-bottom:0}
  .sec-tit{display:block}
  .bajada{margin-top:16px;padding-bottom:0}
  .ruta{grid-template-columns:1fr}
  .ruta li{border-bottom:1px solid var(--linea)}
  .ruta li.actual{border-bottom:2px solid var(--acento)}
  .paso-cab{display:block}
  .paso-n{margin-bottom:8px}
  .sintoma{grid-template-columns:30px minmax(0,1fr) 28px;column-gap:10px;padding:16px 0;align-items:start}
  .sintoma[aria-pressed="true"]{padding-left:0}
  .ind-n{grid-column:1;grid-row:1;padding-left:6px;font-size:.86rem;line-height:1.75}
  .sin-tit{grid-column:2;grid-row:1;font-size:1.14rem}
  .sin-sub{grid-column:2;grid-row:2;margin-top:4px;font-size:.9rem}
  .sin-marca{grid-column:3;grid-row:1/3;padding-right:4px;align-self:start}
  .sin-estado{display:none}
  .paso-pie{flex-direction:column;align-items:stretch}
  .paso-pie .enlace-paso{justify-content:center;width:100%}
  .viendo{display:block}
  .viendo-eti{padding:0 0 4px}
  .viendo-lista{gap:0 18px}
  .escena{margin-inline:calc(var(--pad)*-1);min-width:0}
  .interruptor{display:grid;margin:0 var(--pad) 10px;min-width:0}
  .lienzo{padding:14px 12px;border-radius:0}
  .esc-nota{margin-inline:var(--pad)}
  .con-lado .esc{display:block}
  /* En celular cada escena ocupa solo su alto: sin espacio vacio bajo la pantalla mas corta */
  .escena:not(.con) .esc-con,.escena.con .esc-antes{display:none}
  .escena:not(.con) .esc-antes,.escena.con .esc-con{animation:funde .2s ease-out}
  .con-lado .esc-pie{margin:12px 8px 0;font-size:1.02rem}
  .esc-pie{margin-inline:8px}
  .cel{margin-inline:auto}
  .cel-pant{height:640px}
  /* Web a 390 */
  .solo-pc-bloque{display:none}
  .solo-cel-bloque{display:block}
  .vj{font-size:13px}
  .vj-cuerpo{grid-template-columns:94px minmax(0,1fr)}
  .vj-der{display:none}
  .vj-izq{padding:7px;font-size:12px}
  .vj-cen{padding:9px}
  .vj-form i{width:100%}
  .nv-ventana i{width:26px}
  .nv-ventana i::before{left:8px}
  .nv-ventana i:nth-child(3)::before,.nv-ventana i:nth-child(3)::after{left:7px}
  .nv-tab{width:auto;flex:1;max-width:66%}
  .nv-barra>svg:nth-child(2),.nv-barra>svg:last-child{display:none}
  .f-cab,.f-cuerpo{padding-inline:15px}
  .f-cab>span{gap:10px;font-size:12.5px}
  /* Planilla a 390 */
  .h-resuelto{grid-template-columns:minmax(0,1fr)}
  .a-h th.cD,.a-h td.cD,.a-h th.cE,.a-h td.cE{display:none}
  .a-h th.cA{width:17%}.a-h th.cB{width:31%}.a-h th.cC{width:32%}.a-h th.cF{width:20%}
  .a-h table{font-size:11.5px}
  .a-h td{padding:0 4px}
  .a-h th{width:24px}
  .h-herr span:nth-of-type(2),.h-herr span:nth-of-type(3){display:none}
  /* Paso 3 */
  .caso-zyrus{display:block}
  .caso-envio{margin-top:30px}
  .caso-burbuja{margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);border-radius:0}
  .cf-grilla{grid-template-columns:1fr}
  .correo-form .boton{width:100%}
  /* Quiénes somos */
  .garantia-nico{display:block}
  .garantia-eti{margin-bottom:10px}
  .confianza-fila{display:block}
  .empresa{margin-top:22px}
  .confian-logos{grid-template-columns:1fr 1fr}
  .confian-logos li{height:84px;padding:10px 14px}
  .dos-col{display:block}
  .pasos-tit{padding:0 0 14px}
  .pasos{display:block}
  .pasos li{display:grid;grid-template-columns:48px 1fr;padding:12px 0;border-top:1px solid var(--linea)}
  .pasos h4{margin:0;grid-column:2}
  .pasos p{grid-column:2}
  .paso-num{grid-row:1/3;font-size:2rem}
  .garantias li{display:block}
  .garantias span{display:block;margin-top:2px}
  /* Trabajo hecho */
  .logos{grid-template-columns:1fr 1fr}
  .logo-btn{min-height:84px;padding:10px 12px}
  .logo-btn img{height:34px}
  .pantalla{--alto:520px}
  .solo-pc{display:none!important}
  .solo-cel{display:block!important}
  .remate .boton{width:100%}
  .contacto-grilla{display:block}
  .contacto-acc{margin-top:22px}
  .boton-gigante{padding-inline:12px}
  .wa-flotante{right:14px;bottom:14px}
  .boton-chico{min-height:48px}
}
@media (max-width:380px){
  .nv-url em{font-size:0;gap:0;padding-right:6px}
}

/* Sin movimiento */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js.io [data-aparece]{opacity:1;transform:none}
}

/* Sin video (hasta que se grabe): el texto de Nicolás queda en la columna de los títulos */
@media (min-width:1041px){.persona.sin-video .persona-texto{grid-column:4/11}}
.pie a{color:inherit}

/* Política de privacidad y página 404 */
.pagina-simple{min-height:100vh;display:flex;flex-direction:column}
.pagina-simple main{flex:1}
.legal{max-width:calc(740px + var(--pad)*2);padding-block:clamp(110px,12vw,150px) clamp(56px,7vw,104px)}
.legal-eti{font-size:.95rem;color:var(--apagado)}
.legal h1{margin-top:10px;font-weight:700;font-size:clamp(38px,5vw,60px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
.legal-fecha{margin-top:14px;padding-bottom:22px;border-bottom:1px solid var(--tinta);font-size:.95rem;color:var(--apagado)}
.legal h2{margin-top:clamp(34px,4vw,48px);font-weight:700;font-size:clamp(21px,2.1vw,26px);line-height:1.22;letter-spacing:-.02em}
.legal p,.legal ul{margin-top:12px}
.legal ul{padding-left:1.15em}
.legal li+li{margin-top:9px}
.legal b{font-weight:600}
.legal a:not(.boton){color:var(--acento);text-underline-offset:3px;overflow-wrap:anywhere}
.legal-fuente{margin-top:26px!important;padding-top:14px;border-top:1px solid var(--linea);font-size:.95rem;color:var(--apagado)}
.legal .boton{margin-top:26px}
.p404{display:grid;align-content:center;gap:14px;max-width:calc(740px + var(--pad)*2);min-height:70vh;padding-block:120px 56px}
.p404-eti{font-size:.95rem;color:var(--apagado)}
.p404 h1{font-weight:700;font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
.p404-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}