/* Impuestamente · página principal (v5). Usa los tokens de marca.css.
   Blanco, títulos negros en mayúsculas, violeta de marca.
   El producto se muestra como una plataforma web: una sola ventana que cambia con el scroll. */

.cab-centro{text-align:center;max-width:780px;margin:0 auto clamp(28px,5vw,56px);display:grid;gap:14px;justify-items:center}
.cab-centro p{margin:0;font-size:var(--t-sub);color:var(--ink-2);line-height:1.45;max-width:54ch}

/* ---------- 1 · hero ---------- */
.hero{padding-block:clamp(32px,4.5vw,64px) clamp(28px,4vw,52px)}
.hero-in{display:grid;justify-items:center;text-align:center;gap:0}
.hero-marca{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.02em;color:var(--ink);margin:0 0 clamp(12px,1.8vw,22px)}
.hero-marca b{color:var(--teal);font-weight:800}
.hero .m-display{max-width:17ch;font-size:clamp(2.5rem,6.6vw,5.2rem)}
.hero-lede{font-size:clamp(1.1rem,1vw + .9rem,1.5rem);line-height:1.38;color:var(--ink-2);max-width:40ch;margin:clamp(16px,2.2vw,26px) 0 0;letter-spacing:-.01em}
.pildoras{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(20px,2.6vw,30px)}
.pildoras span{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:var(--sup-2);font-size:1rem;color:var(--ink-2);font-weight:500}
.pildoras span b{color:var(--ink);font-weight:700}
.hero-acc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(22px,3vw,34px)}
.hero-cta{padding:18px 30px;font-size:1.08rem}
.hero-sec{padding:18px 26px;font-size:1.08rem;background:var(--sup-2);color:var(--ink)}
.hero-sec:hover{background:var(--linea)}

/* ---------- 2 · la plataforma, paso a paso ---------- */
.historia{--pasos:6;position:relative;height:calc(100vh + var(--pasos)*75vh);height:calc(100svh + var(--pasos)*75svh)}
.hist-pin{position:sticky;top:0;height:100vh;height:100svh;padding-top:68px;display:grid;align-items:center;overflow:hidden}
.hist-in{display:grid;gap:clamp(12px,2vh,22px);width:100%}
.hist-pasos{display:grid;text-align:center;justify-items:center}
.hist-paso{grid-area:1/1;display:grid;gap:8px;justify-items:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s .35s}
.hist-paso.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hist-paso .m-label{color:var(--teal)}
.hist-paso h2{margin:0;font-size:clamp(1.6rem,3.6vw,2.9rem)}
.hist-paso p{margin:0;color:var(--ink-2);font-size:clamp(.95rem,.5vw + .85rem,1.15rem);line-height:1.4;max-width:56ch}
.hist-nota{margin:0;text-align:center;font-size:var(--t-caption);color:var(--ink-3)}

/* la ventana */
.ven{width:100%;max-width:1040px;margin-inline:auto;border-radius:18px;background:#fff;border:1px solid var(--linea-2);box-shadow:var(--elev);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);height:clamp(380px,calc(100svh - 330px),560px)}
.ven-barra{display:flex;align-items:center;gap:12px;padding:9px 14px;background:var(--sup-2);border-bottom:1px solid var(--linea);font-size:12px;color:var(--ink-3)}
.ven-pts{display:flex;gap:6px}
.ven-pts i{width:9px;height:9px;border-radius:50%;background:var(--linea-2)}
.ven-url{flex:1;max-width:340px;margin-inline:auto;text-align:center;background:#fff;border-radius:999px;padding:4px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ven-demo{font-weight:600;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--marca-fondo);padding:4px 9px;border-radius:999px;white-space:nowrap}
.ven-cuerpo{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0}
.ven-nav{display:flex;flex-direction:column;gap:2px;padding:16px 10px;border-right:1px solid var(--linea);background:#fbfbfd}
.ven-logo{display:flex;align-items:center;gap:7px;padding:2px 10px 14px;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:-.02em}
.ven-logo b{font-weight:800;padding-top:3px}.ven-logo i{font-style:normal;color:var(--teal)}
.ven-nav button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--ink-2);transition:background .2s,color .2s}
.ven-nav button::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--linea-2);transition:background .2s,transform .2s}
.ven-nav button:hover{color:var(--ink)}
.ven-nav button:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
.ven-nav button.hecho::before{background:var(--ink)}
.ven-nav button.on{background:var(--marca-fondo);color:var(--marca-fuerte);font-weight:600}
.ven-nav button.on::before{background:var(--teal);transform:scale(1.3)}
.ven-anio{margin-top:auto;padding:10px;font-size:11px;color:var(--ink-3)}
.ven-vistas{display:grid;min-height:0;min-width:0}
.vista{grid-area:1/1;min-width:0;min-height:0;overflow:hidden;padding:clamp(16px,2.4vw,28px);display:flex;flex-direction:column;gap:clamp(10px,1.6vh,16px);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s var(--ease),transform .4s var(--ease),visibility 0s .4s}
.vista.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.v-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.v-cab h3{margin:0;font-size:clamp(1.05rem,1.2vw + .7rem,1.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.v-cab p{margin:2px 0 0;font-size:12.5px;color:var(--ink-3)}
.v-fila{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--sup-2);font-size:13.5px}
.v-fila b,.kpi b,.cap b,.op b.c,.esc b,.seg b{font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* vista 1 · perfil */
.pf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pf-d{padding:14px;border-radius:14px;background:var(--sup-2);display:grid;gap:3px;align-content:start;opacity:0;transform:translateY(8px)}
.vista.on .pf-d{animation:entra .45s var(--ease) both;animation-delay:calc(var(--k)*70ms + 120ms)}
@keyframes entra{to{opacity:1;transform:none}}
.pf-d span{font-size:12px;color:var(--ink-3)}
.pf-d b{font-size:clamp(1rem,1vw + .7rem,1.3rem);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pf-d small{font-size:11.5px;color:var(--ink-2)}
.pf-d.falta{background:#fff;box-shadow:inset 0 0 0 1.5px var(--linea-2)}
.pf-d.falta b{color:var(--ink-3);font-weight:600}

/* vista 2 · situación */
.kpis{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}
.kpi{padding:16px;border-radius:14px;background:var(--sup-2);display:grid;gap:4px;align-content:start}
.kpi span{font-size:12px;color:var(--ink-3)}
.kpi b{font-size:clamp(1.05rem,1.3vw + .6rem,1.5rem);font-weight:700}
.kpi.pri{background:var(--marca-degradado);color:#fff}
.kpi.pri span{color:rgba(255,255,255,.85)}
.kpi.pri b{font-size:clamp(1.3rem,2vw + .6rem,2rem)}
.cap{padding:16px;border-radius:14px;background:var(--sup-2);display:grid;gap:9px}
.cap-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;color:var(--ink-2)}
.cap-cab b{font-size:1.1rem;color:var(--ink)}
.cap .m-barra{height:10px;border-radius:5px;background:#fff}
.cap .m-barra i.libre{background:var(--marca-degradado)}
.cap-pie{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3)}

/* vista 3 · oportunidades */
.op{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.op li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--sup-2);opacity:0;transform:translateY(8px)}
.vista.on .op li{animation:entra .45s var(--ease) both;animation-delay:calc(var(--k)*110ms + 120ms)}
.op .t{font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1.25}
.op .d{grid-column:1;margin:0;font-size:12.5px;color:var(--ink-2);line-height:1.4}
.op .n{grid-column:2;grid-row:1/3;text-align:right;display:grid;gap:1px}
.op b.c{font-size:1.25rem;font-weight:700;color:var(--atencion)}
.op li.ok b.c{color:var(--teal)}
.op .n span{font-size:11px;color:var(--ink-3)}

/* vista 4 · escenarios */
.esc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,2vw,24px);align-items:start}
.esc-ctl{display:grid;gap:6px;padding:18px;border-radius:14px;background:var(--sup-2)}
.esc-ctl label{font-size:12.5px;color:var(--ink-2)}
.esc-valor{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.esc-ctl .m-rango{--rango-on:var(--teal);--rango-off:var(--linea-2)}
.esc-base{font-size:11.5px;color:var(--ink-3)}
.esc-res{display:grid;gap:10px}
.esc-par{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:end}
.esc-par>div{display:grid;gap:2px}
.esc-par span{font-size:12px;color:var(--ink-3)}
.esc-par b{font-size:clamp(1.05rem,1.4vw + .6rem,1.5rem);font-weight:700}
.esc-par .m-ico{color:var(--ink-3);margin-bottom:5px}
.esc-delta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px;border-radius:14px;background:var(--ink);color:#fff;font-size:13.5px}
.esc-delta b{font-size:1.35rem;font-weight:700}
.esc-delta[data-dir="baja"] b{color:#5fe0b0}
.esc-delta[data-dir="sube"] b{color:#ffa45c}
.esc-delta[data-dir="igual"] b{color:var(--sobre-2)}
.esc-nota{margin:0;font-size:12.5px;color:var(--ink-2);line-height:1.45}
.esc-nota b{color:var(--ink)}

/* vista 5 · plan */
.plan{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.plan li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:12px 0 12px 22px;position:relative;font-size:13.5px;color:var(--ink-2);line-height:1.4;opacity:0;transform:translateY(8px)}
.vista.on .plan li{animation:entra .45s var(--ease) both;animation-delay:calc(var(--k)*110ms + 120ms)}
.plan li::before{content:"";position:absolute;left:4px;top:18px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--linea-2)}
.plan li::after{content:"";position:absolute;left:8px;top:30px;bottom:-16px;width:1.5px;background:var(--linea-2)}
.plan li:last-child::after{display:none}
.plan li.hoy::before{background:var(--teal);box-shadow:0 0 0 4px var(--marca-fondo)}
.plan b{font-weight:700;color:var(--ink);font-size:14px}
.plan b small{display:block;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}

/* vista 6 · seguimiento */
.g-regla i{height:22px;border-radius:5px;background:var(--marca-fondo)}
.g-regla i.libre{background:var(--teal)}
.g-regla i.pasado{background:var(--ink)}
.g-regla i.hoy{background:var(--atencion-fuerte)}
.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px}
.seg div{padding:14px;border-radius:14px;background:var(--sup-2);display:grid;gap:3px;align-content:start}
.seg span{font-size:12px;color:var(--ink-3)}
.seg b{font-size:clamp(1rem,1vw + .7rem,1.25rem);font-weight:700}
.seg small{font-size:11.5px;color:var(--ink-2);line-height:1.35}

/* en pantallas anchas la vista ocupa toda la ventana */
@media (min-width:821px){
  .vista{gap:clamp(12px,2vh,20px)}
  .v-cab p{font-size:13.5px}
  .pf{flex:1;grid-auto-rows:1fr;gap:12px;max-height:340px}
  .pf-d{padding:18px 20px;align-content:center;gap:5px}
  .pf-d span{font-size:13px}.pf-d small{font-size:12.5px}
  .pf-d b{font-size:clamp(1.2rem,1.2vw + .7rem,1.6rem)}
  .kpis{gap:12px}
  .kpi{padding:20px;gap:6px}
  .kpi span{font-size:13px}
  .kpi b{font-size:clamp(1.3rem,1.5vw + .6rem,1.8rem)}
  .kpi.pri b{font-size:clamp(1.6rem,2.2vw + .6rem,2.4rem)}
  .cap{padding:20px;gap:11px}
  .cap-cab{font-size:14px}.cap-cab b{font-size:1.25rem}
  .cap-pie{font-size:12.5px}
  .v-fila{padding:16px 20px;font-size:14.5px}
  .op{gap:12px}
  .op li{padding:18px 22px}
  .op .t{font-size:17px}.op .d{font-size:13.5px}
  .op b.c{font-size:1.55rem}.op .n span{font-size:12px}
  .esc-ctl{padding:24px;gap:10px}
  .esc-ctl label{font-size:13.5px}
  .esc-res{gap:14px}
  .esc-par span{font-size:13px}
  .esc-delta{padding:18px 20px;font-size:15px}.esc-delta b{font-size:1.6rem}
  .esc-nota{font-size:13.5px}
  .plan li{grid-template-columns:130px minmax(0,1fr);padding-block:16px;font-size:15px}
  .plan b{font-size:16px}
  .plan li::before{top:22px}.plan li::after{top:34px}
  .g-regla i{height:34px;border-radius:7px}
  .seg{gap:12px;margin-top:10px}
  .seg div{padding:18px 20px;gap:5px}
  .seg span{font-size:13px}.seg small{font-size:12.5px}
  .seg b{font-size:clamp(1.15rem,1.1vw + .7rem,1.5rem)}
}

/* sin espacio para fijar la ventana: se navega con las pestañas */
.historia.plana{height:auto;padding-block:clamp(24px,5vw,56px)}
.historia.plana .hist-pin{position:static;height:auto;padding-top:0;overflow:visible}
.historia.plana .ven{height:auto;min-height:420px}

/* ---------- 3 · por qué planear ---------- */
.sec-problema{background:var(--sup-2);border-radius:clamp(28px,4vw,44px);margin-inline:var(--gut)}
.dos-anios{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px)}
.anio{display:grid;align-content:start}
.anio-cab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.anio-cab .m-data{font-family:var(--f-display);font-size:2rem;font-weight:800;line-height:1}
.anio .m-regla i{height:30px;border-radius:6px;background:#fff}
.anio p{margin:16px 0 0;color:var(--ink-2);max-width:44ch}
#regla-26 i{background:var(--teal)}
#regla-26 i.pasado{background:var(--ink-3)}
#regla-26 i.hoy{background:var(--atencion-fuerte)}
.regla-27 i.declara{background:var(--ink)}
.ciclo{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(1rem,1.6vw,1.35rem);letter-spacing:-.01em}
.ciclo li{display:flex;align-items:center}
.ciclo li+li::before{content:"→";font-family:var(--f-body);font-weight:400;color:var(--teal);margin-inline:clamp(8px,1.4vw,18px)}

/* ---------- reglas, tecnología, personas ---------- */
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4)}
.tres-col{padding:clamp(20px,2.6vw,32px);border-radius:var(--r3);background:var(--sup-2);display:grid;gap:var(--e3);align-content:start}
.tres-col h3{font-weight:700;font-size:1.25rem;letter-spacing:-.02em;line-height:1.15;margin:0}
.tres-col p{margin:0;color:var(--ink-2);font-size:var(--t-small)}
.tres-col .m-filas dd{font-size:13.5px;text-align:right;white-space:normal}
.tres-col .m-filas dt{font-size:13.5px}
.tres-acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}

/* ---------- seguridad ---------- */
.seg-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e4)}
.seg-lista li{padding:clamp(20px,2.4vw,28px);border-radius:var(--r3);background:var(--sup-2);display:grid;gap:8px;align-content:start;justify-items:start}
.seg-lista b{font-weight:700;font-size:1.15rem;letter-spacing:-.02em;line-height:1.15}
.seg-lista span{color:var(--ink-2);font-size:var(--t-small)}
.seg-lista .m-btn{margin-top:6px}
.seg-operador{text-align:center;margin:var(--e6) 0 0;font-size:var(--t-caption);color:var(--ink-3)}

/* ---------- preguntas ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:start}
.faq details{border-bottom:1px solid var(--linea)}
.faq details:first-child{border-top:1px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--e4);padding:20px 0;font-weight:600;font-size:1.15rem;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;font-weight:400;color:var(--ink-3);transition:transform .2s var(--ease);flex:none;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 22px;color:var(--ink-2);max-width:60ch}

/* ---------- lecturas ---------- */
.sec-lecturas{padding-top:0}
.lecturas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,48px)}
.lectura{display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--ink)}
.lectura h3{font-weight:500;font-size:1.5rem;line-height:1.08;letter-spacing:-.02em;margin:0}
.lectura p{margin:0;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lectura span{font-weight:500}
.lectura:hover span{color:var(--teal)}

/* ---------- cierre ---------- */
.final{display:grid;justify-items:center;text-align:center}
.final .m-display{color:var(--ink);max-width:14ch;font-size:clamp(2.3rem,7vw,5.4rem)}

/* ---------- responsive: la plataforma se adapta, no se encoge ---------- */
@media (max-width:1000px){
  .tres{grid-template-columns:minmax(0,1fr)}
  .seg-lista{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .faq-grid{grid-template-columns:minmax(0,1fr)}
  .lecturas{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
  .ven{border-radius:16px;height:clamp(380px,calc(100svh - 268px),600px)}
  .ven-cuerpo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .ven-nav{flex-direction:row;gap:4px;padding:8px 10px;border-right:0;border-bottom:1px solid var(--linea);overflow-x:auto;scrollbar-width:none}
  .ven-nav::-webkit-scrollbar{display:none}
  .ven-logo,.ven-anio{display:none}
  .ven-nav button{flex:none;padding:7px 12px;border-radius:999px;font-size:12.5px}
  .ven-nav button::before{display:none}
  .ven-pts{display:none}
  .ven-url{margin-inline:0;text-align:left;flex:0 1 auto}
  .ven-barra{justify-content:space-between}
  .hist-paso p{font-size:.93rem}
  .hist-nota{display:none}
  .pf{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .pf-d{padding:11px 12px}
  .kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .kpi{padding:12px}
  .kpi.pri{grid-column:1/-1}
  .solo-d{display:none}
  .op li{padding:12px 14px}
  .op .d{display:none}
  .op .t{font-size:14px}
  .op b.c{font-size:1.1rem}
  .esc{grid-template-columns:minmax(0,1fr)}
  .esc-ctl{padding:14px}
  .esc-nota{display:none}
  .plan li{grid-template-columns:minmax(0,1fr);gap:1px;padding-block:9px}
  .seg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .seg div{padding:11px 12px}
  .dos-anios{grid-template-columns:minmax(0,1fr)}
  .sec-problema{margin-inline:0;border-radius:0}
  .anio .m-regla i{height:24px;border-radius:4px}
}
@media (max-width:520px){
  .seg-lista{grid-template-columns:minmax(0,1fr)}
  .pildoras span{padding:10px 16px;font-size:.95rem}
  .hero-acc{width:100%;display:grid}
  .ciclo{flex-direction:column;align-items:center;gap:2px}
  .ciclo li+li::before{content:none}
}
@media (prefers-reduced-motion:reduce){
  .vista,.hist-paso{transition:none}
  .vista.on .pf-d,.vista.on .op li,.vista.on .plan li{animation:none;opacity:1;transform:none}
}

/* =========================================================
   La ventana muestra las pantallas reales de la app (rediseño v5)
   ========================================================= */
.pv-cab{display:grid;gap:4px}
.pv-k{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.pv-cab h3{margin:0;font-size:clamp(1.1rem,1.5vw + .6rem,1.7rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;text-wrap:balance}
.pv-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.pv-cifras>div{padding:14px 16px;display:grid;gap:3px;align-content:start;border-left:1px solid var(--linea);opacity:0;transform:translateY(8px)}
.pv-cifras>div:first-child{border-left:0;padding-left:0}
.vista.on .pv-cifras>div,.vista.on .pv-nodo,.vista.on .pv-ops li{animation:entra .45s var(--ease) both;animation-delay:calc(var(--k)*80ms + 100ms)}
.pv-cifras span{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pv-cifras b{font-size:clamp(1.05rem,1.6vw + .5rem,1.75rem);font-weight:700;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}
.pv-cifras>div:last-child b{color:var(--marca-fuerte)}
.pv-cifras small{font-size:12px;color:var(--ink-2)}
.pv-foco{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}
.pv-foco article{padding:16px 18px;border-radius:18px;display:grid;gap:5px;align-content:start}
.pv-foco .op{background:var(--marca-fondo)}
.pv-foco .acc{background:var(--ink);color:#fff}
.pv-foco span,.pv-prox span{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.pv-foco .acc span{color:var(--sobre-2)}
.pv-foco b{font-size:clamp(.95rem,.7vw + .7rem,1.15rem);font-weight:700;letter-spacing:-.02em;line-height:1.22}
.pv-foco p{margin:0;font-size:13px;color:var(--ink-2);line-height:1.4}
.pv-foco .acc p{color:var(--sobre-2)}

.pv-est{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.pv-est i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}
.pv-est.ok i{background:var(--ok-fondo);color:var(--ok)}
.pv-est.revisar i{background:var(--atencion-fondo);color:var(--atencion)}
.pv-est.oportunidad i{background:var(--marca-fondo);color:var(--teal);font-size:8px}
.pv-est.pendiente i{background:#fff;box-shadow:inset 0 0 0 1.5px var(--linea-2);font-size:0}
.pv-mapa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pv-nodo{padding:14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--linea);display:grid;gap:6px;align-content:start;opacity:0;transform:translateY(8px)}
.pv-nodo.oportunidad{box-shadow:inset 0 0 0 1.5px var(--teal-claro)}
.pv-nodo.revisar{box-shadow:inset 0 0 0 1.5px #ffcf9e}
.pv-nodo>div{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
.pv-nodo b{font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.pv-nodo p{margin:0;font-size:12.5px;color:var(--ink-2);line-height:1.4}

.pv-ops{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea)}
.pv-ops li{padding:13px 0;border-bottom:1px solid var(--linea);display:grid;gap:4px;justify-items:start;opacity:0;transform:translateY(8px)}
.pv-prio{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--sup-2);color:var(--ink-2)}
.pv-prio.alta{background:var(--atencion-fondo);color:var(--atencion)}
.pv-prio.media{background:var(--marca-fondo);color:var(--marca-fuerte)}
.pv-ops b{font-size:clamp(.95rem,.6vw + .75rem,1.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.22}
.pv-ops p{margin:0;font-size:13px;color:var(--ink-2);line-height:1.4}
.pv-ops em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--teal)}

.pv-ver{margin:0;padding:12px 14px;border-radius:14px;background:var(--sup-2);display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2)}
.pv-ver.ok{background:var(--ok-fondo)}.pv-ver.revisar{background:var(--atencion-fondo)}
.pv-ver b{color:var(--ink)}
.pv-graf{flex:1;min-height:70px;max-height:150px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end}
.pv-graf div{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:4px;justify-items:center}
.pv-graf span{height:100%;display:flex;align-items:flex-end;gap:3px}
.pv-graf i{width:7px;border-radius:3px 3px 0 0;background:var(--teal)}
.pv-graf i.r{background:var(--ink)}
.pv-graf .fut i{opacity:.3}
.pv-graf em{font-style:normal;font-size:10px;color:var(--ink-3)}
.pv-graf .hoy em{color:var(--marca-fuerte);font-weight:700}

.pv-tira{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px}
.pv-tira li{display:grid;justify-items:center;gap:6px}
.pv-tira em{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.pv-tira i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--sup-2);color:var(--ink-3)}
.pv-tira .hoy i{background:var(--teal);color:#fff;box-shadow:0 0 0 4px var(--marca-fondo);font-size:8px}
.pv-tira .hoy em{color:var(--marca-fuerte)}
.pv-tira .pendiente i{background:var(--atencion-fondo);color:var(--atencion)}
.pv-tira .fut i{background:#fff;box-shadow:inset 0 0 0 1.5px var(--linea-2)}
.pv-prox{padding:16px 18px;border-radius:18px;background:var(--marca-fondo);display:grid;gap:4px}
.pv-prox b{font-size:clamp(.95rem,.7vw + .7rem,1.15rem);font-weight:700;letter-spacing:-.02em;line-height:1.22}
.pv-prox p{margin:0;font-size:13px;color:var(--ink-2)}
.pv-tareas{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pv-tareas li{padding:12px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--linea);display:grid;gap:2px}
.pv-tareas span{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pv-tareas b{font-size:14px;font-weight:600;letter-spacing:-.01em}
@media (max-width:820px){
  .pv-cifras>div{padding:10px 8px}
  .pv-cifras small{display:none}
  .pv-cifras span{font-size:9px;letter-spacing:.04em}
  .pv-foco{grid-template-columns:minmax(0,1fr);gap:8px}
  .pv-foco article{padding:12px 14px}
  .pv-mapa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .pv-nodo{padding:11px 12px}
  .pv-ops li{padding:10px 0}
  .pv-tira i{width:18px;height:18px;font-size:9px}
  .pv-tira em{font-size:8px;letter-spacing:0}
  .pv-graf{gap:3px}.pv-graf i{width:5px}
}
@media (prefers-reduced-motion:reduce){
  .vista.on .pv-cifras>div,.vista.on .pv-nodo,.vista.on .pv-ops li{animation:none;opacity:1;transform:none}
}
@media (min-width:821px){.pv-tareas{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:820px){.pv-cifras b{font-size:.98rem;letter-spacing:-.04em}}

.hero-alcance{margin:clamp(14px,2vw,20px) auto 0;max-width:62ch;font-size:.95rem;line-height:1.5;color:var(--ink-3);text-align:center}

/* =========== home v7 · firma tributaria =========== */
.banda{background:var(--noche);color:#fff;font-size:.92rem}
.banda-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;padding-block:10px;text-align:center}
.banda-t b{color:#ffb15c}
.banda-a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hero-k{color:var(--teal);margin-bottom:clamp(14px,2vw,20px)}
.historia.plana{height:auto}
.hist-cab{margin-bottom:clamp(8px,2vw,20px)}
.historia.plana .hist-paso h2{font-size:clamp(1.25rem,2.2vw,1.7rem)}
.historia.plana .hist-paso .m-label{display:none}
/* servicios */
.sec-servicios{padding-top:clamp(24px,4vw,48px)}
.srv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4);align-items:stretch}
.srv-c{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.6vw,32px);border-radius:var(--r3);background:var(--sup-2)}
.srv-c h3{margin:0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(1.35rem,2vw,1.7rem);letter-spacing:-.02em;line-height:1.05}
.srv-c p{margin:0;color:var(--ink-2);font-size:.98rem}
.srv-c ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:.92rem;color:var(--ink)}
.srv-c li{display:flex;gap:9px;align-items:baseline}
.srv-c li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--teal);transform:translateY(-1px)}
.srv-tag{align-self:flex-start;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);background:#fff;padding:6px 11px;border-radius:999px}
.srv-b{margin-top:auto;background:var(--ink);color:#fff!important}
.srv-b:hover{background:#2a2a33}
.srv-dest{background:var(--noche);color:#fff}
.srv-dest p{color:var(--sobre-2)}.srv-dest ul{color:#fff}
.srv-dest li::before{background:var(--teal-claro)}
.srv-dest .srv-tag{background:var(--teal);color:#fff}
.srv-dest .srv-b{background:var(--teal)}.srv-dest .srv-b:hover{background:var(--marca-fuerte)}
.srv-emp{margin-top:var(--e4);display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:18px 24px;border-radius:var(--r3);border:1px dashed var(--linea-2);color:var(--ink);text-decoration:none}
.srv-emp b{font-weight:600}.srv-emp span:last-child{color:var(--teal);font-weight:600;margin-left:auto}
.srv-emp:hover{background:var(--sup-2)}
/* cómo trabajamos */
.pasos3{list-style:none;counter-reset:p;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4)}
.pasos3 li{counter-increment:p;display:grid;gap:8px;padding:clamp(22px,2.6vw,30px);border-radius:var(--r3);background:var(--sup-2)}
.pasos3 li::before{content:counter(p);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--f-display);font-weight:800;font-size:1.1rem;margin-bottom:6px}
.pasos3 b{font-size:1.12rem}.pasos3 span{color:var(--ink-2);font-size:.96rem}
.como-firma{text-align:center;margin:var(--e6) 0 0;color:var(--ink-2);font-size:.95rem}
.final-t{margin:14px 0 0;color:var(--ink-2);font-size:var(--t-sub);text-align:center}
.sec-final .hero-acc{justify-content:center}
/* WhatsApp flotante */
.wa-flot{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.35);transition:transform .15s}
.wa-flot:hover{transform:scale(1.06)}
.wa-flot svg{width:30px;height:30px}
@media (max-width:900px){
 .srv,.pasos3{grid-template-columns:minmax(0,1fr)}
 .srv-emp span:last-child{margin-left:0}
}