/* ============================================================
   KENAVIA · el sitio publico con la piel nueva (15-sep-2026)

   «La fusion», aprobada por Diego: el lienzo calido de la casa,
   la composicion de Activate (tarjetas grandes, una tarjeta navy
   maciza por fila, nota flotante en el hero, cinta oscura de
   cierre) y el color y el simbolo del Figma (navy, magenta solo
   en la accion, azul para la informacion). Geist y pildoras.

   Se carga DESPUES de sitio.css y re-viste sus clases st-*. No
   toca una sola palabra: solo CSS. Tres apoyos oscuros por
   pagina como maximo.
   ============================================================ */

@font-face{font-family:'Geist';src:url('/fonts/geist-variable-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/fonts/geist-mono-variable-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}

/* ---- Los tokens ---- */
.st-body{
  --font-sans:'Geist','Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-mono:'Geist','Inter',system-ui,sans-serif;
  --canvas:#F7F5F0;
  --crema:#F7F5F0;
  --crema-oscura:#EFECE5;
  --surface:#FFFFFF;
  --tinta:#070B14;
  --carbon:#3E4558;
  --piedra:#7B8296;
  --line:#E8E3D8;
  --line-soft:#EEEAE2;
  --grafito:#0F1730;
  --grafito-2:#1A2342;
  --navy:#0F1730;
  --navy-2:#1A2342;
  --navy-claro:#B9C3E6;
  --magenta:#F221B9;
  --magenta-tinta:#C4148F;
  --magenta-suave:#FCE6F5;
  --azul:#3297FF;
  --azul-tinta:#1C6FD1;
  --azul-suave:#E7F1FF;
  --oliva:#1C6FD1;
  --oliva-soft:#E7F1FF;
  --oliva-hondo:#1655A8;
  --oliva-luz:#3297FF;
  --arena:#F1EEE6;
  --radius-pill:999px;
  --radius-control:12px;
  --radius-card:20px;
  --radius-frame:28px;
  --sombra:0 14px 36px rgba(7,11,20,.08);
  --glow-magenta:0 8px 24px rgba(242,33,185,.22);
  background:var(--canvas);
  font-size:16px;
}
.st-body b,.st-body strong{font-weight:700}

/* la rejilla de papel milimetrado se retira; el corte de 20 grados cede a la seccion recta */
.st-rejilla{background-image:none}
.st-corte-sup,.st-corte-inf{clip-path:none;margin-top:0}
.st-kick{font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--magenta-tinta)}

/* ---- Navegacion: barra marfil translucida ---- */
.st-nav{background:rgba(247,245,240,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.st-nav-in{padding-block:16px}
.st-brand b{font-size:17px;font-weight:800;letter-spacing:.05em;white-space:nowrap;color:var(--tinta)}
/* el KE del lockup trae color en linea desde la vista: aqui manda una sola tinta */
.st-brand b span{display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none;color:inherit!important;margin:0}
.st-brand > span > span:last-child{font-family:var(--font-sans);font-weight:500;font-size:9px;letter-spacing:.2em}
.st-links a{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--tinta);letter-spacing:0;text-transform:none}
.st-links a:hover{color:var(--azul-tinta)}
.st-links a[aria-current]{color:var(--magenta-tinta)}
.st-nav-burger{border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:600;padding:8px 14px;border:1.5px solid var(--line)}

/* el rotulo que agrupa */
.st-menu{position:relative}
.st-menu-btn{display:flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:15px;font-weight:600;
  color:var(--tinta);background:none;border:0;padding:0;cursor:pointer;line-height:inherit}
.st-menu-btn svg{transition:transform .18s ease}
.st-menu-btn:hover,.st-menu-btn[data-activo],.st-menu[data-abierto] .st-menu-btn{color:var(--azul-tinta)}
.st-menu[data-abierto] .st-menu-btn svg{transform:rotate(180deg)}
.st-menu-btn:focus-visible{outline:3px solid var(--azul);outline-offset:4px;border-radius:6px}
.st-menu-panel{display:none;position:absolute;top:calc(100% + 18px);left:-14px;z-index:50;
  background:var(--surface);border:1.5px solid var(--line);border-radius:16px;
  box-shadow:var(--sombra);padding:8px;min-width:250px}
.st-menu[data-abierto] .st-menu-panel{display:block}
.st-menu-panel a{display:block;padding:11px 14px;border-radius:10px;font-family:var(--font-sans);font-size:15px;
  font-weight:500;color:var(--tinta);text-decoration:none;white-space:nowrap}
.st-menu-panel a:hover,.st-menu-panel a[aria-current]{background:var(--azul-suave);color:var(--azul-tinta)}

/* la zona de acciones: idioma, entrar, hablemos */
.st-nav-acciones{display:flex;align-items:center;gap:14px;flex:none}
.st-nav-div{width:1px;height:20px;background:var(--line);margin:0 2px;flex:none}
.st-nav-entrar{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--tinta);text-decoration:none;white-space:nowrap}
.st-nav-entrar:hover{color:var(--azul-tinta)}
.st-links .st-solo-movil{display:none}
/* el selector de idioma: un boton (globo, codigo, flecha) que abre la
   lista de idiomas en su propio nombre (15-oct-2026) */
.st-idioma{position:relative}
.st-idioma-btn{display:flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:13px;font-weight:600;
  letter-spacing:.04em;color:var(--tinta);background:none;border:1.5px solid transparent;border-radius:999px;
  padding:7px 10px;cursor:pointer;line-height:1;white-space:nowrap}
.st-idioma-btn svg{flex:none;color:var(--carbon)}
.st-idioma-btn .st-idioma-flecha{transition:transform .18s ease}
.st-idioma-bandera{flex:none;width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(7,11,20,.12);object-fit:cover;vertical-align:-2px}
.st-idioma-lista .st-idioma-bandera{margin-right:10px}
.st-idioma-btn:hover,.st-idioma[data-abierto] .st-idioma-btn{background:var(--crema-oscura)}
.st-idioma[data-abierto] .st-idioma-flecha{transform:rotate(180deg)}
.st-idioma-btn:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.st-idioma-lista{display:none;position:absolute;top:calc(100% + 12px);right:0;z-index:50;list-style:none;margin:0;
  background:var(--surface);border:1.5px solid var(--line);border-radius:16px;box-shadow:var(--sombra);padding:6px;min-width:236px}
.st-idioma[data-abierto] .st-idioma-lista{display:block}
.st-idioma-lista a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:10px;
  font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--tinta);text-decoration:none;white-space:nowrap}
.st-idioma-lista a:hover,.st-idioma-lista a:focus-visible{background:var(--crema-oscura);color:var(--tinta);outline:none}
.st-idioma-lista a[aria-current]{font-weight:600;color:var(--tinta)}
.st-idioma-lista a svg{flex:none;color:var(--magenta-tinta)}
.st-idioma-region{color:var(--piedra);font-weight:400}

/* ---- Botones: pildoras. La accion es magenta. ---- */
.st-btn{font-family:var(--font-sans);font-size:15px;font-weight:700;letter-spacing:0;padding:13px 26px;border-radius:999px;clip-path:none;
  background:var(--magenta);border:2px solid var(--magenta);color:#FFFFFF;box-shadow:var(--glow-magenta);
  transition:background .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}
.st-btn:hover{background:#DE1BA9;border-color:#DE1BA9;transform:translateY(-1px);box-shadow:0 12px 30px rgba(242,33,185,.3)}
.st-btn:active{transform:translateY(0)}
.st-btn:focus-visible{outline:3px solid var(--azul);outline-offset:3px;background:var(--magenta);border-color:var(--magenta)}
.st-btn.fantasma{background:var(--surface);color:var(--tinta);border-color:#D6CFC0;box-shadow:none}
.st-btn.fantasma:hover{background:var(--surface);border-color:var(--tinta);box-shadow:none}
.st-btn.fantasma:focus-visible{background:var(--surface);border-color:var(--tinta)}
.st-btn.claro{background:#FFFFFF;color:var(--navy);border-color:#FFFFFF;box-shadow:none}
.st-btn.claro:hover{background:#FFFFFF;border-color:#FFFFFF;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.st-btn.claro:focus-visible{background:#FFFFFF;border-color:#FFFFFF}
.st-reco{border-radius:999px;font-family:var(--font-sans);font-size:10.5px;font-weight:800;letter-spacing:.1em;background:var(--magenta);color:#fff;padding:5px 13px}
.entrada-saltar{border-radius:999px}

/* ---- Hero de la portada: texto a la izquierda, el programa produciendose en un panel navy ---- */
.st-hero{padding-block:64px 56px}
.st-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;text-align:left}
.st-hero-grid .st-kick{letter-spacing:.14em;color:var(--magenta-tinta)}
.st-h1{font-weight:800;font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-.03em;max-width:15ch;margin-inline:0;color:var(--tinta)}
.st-h1 b{font-weight:800;color:var(--tinta)}
.st-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--carbon);margin-inline:0;margin-top:22px;max-width:56ch}
.st-acciones{justify-content:flex-start;gap:12px;margin-top:32px}
.st-hero-grid .st-panel{width:100%;max-width:none;margin-top:0;text-align:left;border-radius:var(--radius-frame);border:0;
  background:radial-gradient(60% 70% at 85% 10%,rgba(242,33,185,.30),transparent 70%),radial-gradient(55% 60% at 8% 95%,rgba(50,151,255,.28),transparent 70%),linear-gradient(160deg,var(--navy-2),var(--tinta));
  color:#F5F3EE;box-shadow:var(--sombra);overflow:hidden;padding:8px 0 10px}
.st-panel-h{padding:16px 26px 12px;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--navy-claro);border-bottom:1px solid rgba(245,243,238,.12)}
.st-paso{padding:15px 26px;gap:16px;border-bottom:1px solid rgba(245,243,238,.08)}
.st-paso:last-child{border-bottom:0}
.st-punto{width:16px;height:16px;border-width:2px;border-color:rgba(245,243,238,.5);border-radius:50%}
.st-punto.lleno{background:var(--azul);border-color:var(--azul)}
.st-paso:last-child .st-punto.lleno{background:var(--magenta);border-color:var(--magenta);box-shadow:0 0 0 5px rgba(242,33,185,.22)}
.st-paso b{font-size:15px;font-weight:700;color:#F5F3EE}
.st-paso i{font-family:var(--font-sans);font-size:12px;margin-top:2px;display:block;color:var(--navy-claro)}
.st-paso .t{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--azul);letter-spacing:0}

/* ---- Trayecto y cifras: tarjetas sueltas ---- */
.st-trayecto{border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-card);padding:24px 28px;margin:0 0 26px}
.st-trayecto p{color:var(--carbon)}
.st-cifras{border:0;gap:18px}
.st-cifras div{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);border-right:1.5px solid var(--line);padding:28px 30px}
.st-cifras b{font-weight:800;color:var(--tinta)}
.st-cifras span{font-family:var(--font-sans);font-weight:700;letter-spacing:.1em;color:var(--azul-tinta)}
.st-body .st-cifras{margin-bottom:84px}

/* ---- Secciones ---- */
.st-sec{padding:88px 0}
.st-sec-t{font-weight:800;font-size:clamp(30px,4vw,50px);letter-spacing:-.03em;line-height:1.05;color:var(--tinta)}
.st-sec-p{font-size:17.5px;line-height:1.65;color:var(--carbon)}
.st-sec-p b,.st-sec-p strong{color:var(--tinta)}
/* la seccion oscura: banda navy redondeada dentro del lienzo */
.st-oscura{background:var(--navy);color:#F5F3EE;border-radius:var(--radius-frame);max-width:1316px;margin:0 auto;width:calc(100% - 48px)}
.st-oscura .st-kick{color:var(--azul)}
.st-oscura .st-sec-t{color:#F5F3EE}
.st-oscura .st-sec-p{color:rgba(245,243,238,.72)}
.st-oscura .st-sec-p b,.st-oscura .st-sec-p strong{color:#F5F3EE}
.st-vinetas li{color:var(--carbon);padding-left:24px}
.st-vinetas li::before{width:9px;height:9px;border-radius:999px;background:var(--azul);top:9px}
.st-oscura .st-vinetas li{color:rgba(245,243,238,.8)}
.st-oscura .st-vinetas li::before{background:var(--magenta)}
.st-vinetas strong{color:var(--tinta)}
.st-oscura .st-vinetas strong{color:#F5F3EE}
.st-desde,.st-desde-min{font-family:var(--font-sans);font-weight:700;font-size:11px;letter-spacing:.06em;color:var(--azul-tinta)}
.st-desde{border-top:1px solid var(--line)}
.st-desde.todos{color:var(--piedra)}
.st-oscura .st-desde-min{color:var(--azul)}

/* ---- Escenas y capacidades: tarjetas sueltas ---- */
.st-escenas{gap:18px;border:0;background:transparent}
.st-esc{border:1.5px solid var(--line);border-radius:var(--radius-card);padding:30px 28px 32px}
.st-oscura .st-esc{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#F5F3EE}
.st-oscura .st-esc p{color:rgba(245,243,238,.7)}
.st-esc .num{font-family:var(--font-sans);font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--magenta-tinta)}
.st-oscura .st-esc .num{color:var(--azul)}
.st-esc h3{font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--tinta)}
.st-oscura .st-esc h3{color:#F5F3EE}
.st-esc p{color:var(--carbon)}
.st-caps{gap:18px;border:0;background:transparent}
.st-cap{border:1.5px solid var(--line);border-radius:var(--radius-card);padding:26px 26px 28px;background:var(--surface)}
.st-cap h4{font-weight:800;font-size:16px;color:var(--tinta)}
.st-cap p{color:var(--carbon)}
.st-confianza{gap:18px;border:0;margin-top:36px}
.st-confianza div{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);border-right:1.5px solid var(--line);padding:24px 26px}
.st-confianza b{font-family:var(--font-sans);font-weight:700;letter-spacing:.1em;color:var(--azul-tinta)}
.st-confianza p{color:var(--carbon)}

/* ---- El caso con cita ---- */
.st-cita{border-radius:var(--radius-card);border:1.5px solid var(--line);background:var(--surface);border-left:4px solid var(--magenta)}
.st-cita-quien em{font-family:var(--font-sans)}
.st-oscura .st-cita{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);border-left-color:var(--magenta)}
.st-caso-ilustrativo{font-family:var(--font-sans);font-weight:600;letter-spacing:.1em}

/* ---- El telefono ---- */
.st-tel{border-radius:38px;box-shadow:0 40px 90px rgba(7,11,20,.28);background:var(--navy)}
.st-tel-pantalla{border-radius:30px}
.st-tel-top,.st-caso-top{background:var(--navy);color:#F5F3EE}
.st-tel-top span,.st-caso-top span{font-family:var(--font-sans);color:var(--navy-claro)}
.st-tarjeta{border-radius:12px;border:1.5px solid var(--line)}
.st-tarjeta i,.st-caso-firma{font-family:var(--font-sans)}
.st-tel-bar div{font-family:var(--font-sans);font-weight:600}
.st-tel-bar div.on{color:var(--magenta-tinta)}
.st-repro{background:var(--navy)}
.st-repro-top,.st-repro-info span,.st-repro-tiempos,.st-repro-ctrl .ct,.st-repro-cola span,.st-repro-cola em,.st-repro-pie{font-family:var(--font-sans)}
.st-repro-caratula{background:radial-gradient(60% 70% at 80% 20%,rgba(242,33,185,.35),transparent 70%),linear-gradient(150deg,#1A2342,#070B14);border:1px solid rgba(245,243,238,.1);border-radius:16px}
.st-repro-barra span,.st-repro-barra::after{background:var(--azul)}
.st-repro-ctrl .grande{background:var(--magenta);color:#fff}
.st-repro-cola div{border-radius:10px}
.st-repro-cola div.on{background:rgba(50,151,255,.16)}
.st-repro-cola span,.st-repro-pie{color:var(--azul)}
.st-caso-bloque{border-radius:12px;border:1.5px solid var(--line)}
.st-caso-bloque .et{font-family:var(--font-sans);font-weight:700;color:var(--azul-tinta)}
.st-caso-bloque.reporte{border-left:3px solid var(--magenta)}
.st-caso-bloque.profe{background:var(--azul-suave);border-color:var(--azul)}
.st-caso-bloque.profe p{color:var(--azul-tinta)}
.st-caso-racha{background:var(--navy);border-radius:12px}
.st-caso-racha span{font-family:var(--font-sans);color:var(--azul)}
.st-caso{background:var(--canvas)}

/* ---- Cierre: la cinta navy ---- */
.st-cierre{background:var(--navy);color:#F5F3EE;padding:72px 0;border-radius:var(--radius-frame);max-width:1316px;margin:0 auto 40px;width:calc(100% - 48px)}
.st-cierre .st-kick{color:var(--azul)}
.st-cierre .st-h1{color:#F5F3EE;max-width:18ch;font-size:clamp(32px,4.4vw,56px)}
.st-cierre .st-lead{color:rgba(245,243,238,.75)}
.st-cierre .st-lead b{color:#F5F3EE}
.st-cierre .st-btn.fantasma{background:transparent;color:#F5F3EE;border-color:rgba(245,243,238,.4)}
.st-cierre .st-btn.fantasma:hover{border-color:#F5F3EE;background:rgba(245,243,238,.08)}
.st-campo label{font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:none;color:rgba(245,243,238,.75)}
.st-campo input,.st-campo select,.st-campo textarea{border-radius:12px;background:rgba(245,243,238,.07);border:1.5px solid rgba(245,243,238,.22);color:#F5F3EE}
.st-campo input:focus,.st-campo select:focus,.st-campo textarea:focus{border-color:var(--azul);box-shadow:0 0 0 4px rgba(50,151,255,.22)}
.st-campo select option{background:var(--navy)}
.st-error{font-family:var(--font-sans);color:#FF8FA3}
.st-ok{border-radius:var(--radius-card);border:1.5px solid var(--azul);background:rgba(50,151,255,.12)}
.st-ok b{color:#F5F3EE}

/* ---- Pie ---- */
.st-pie{background:var(--canvas);border-top:1px solid var(--line);padding:48px 0 40px}
.st-pie a{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--carbon)}
.st-pie a:hover{color:var(--tinta)}
.st-pie small{font-family:var(--font-sans);font-size:12.5px;color:var(--piedra)}

/* ============================================================
   PRECIOS
   ============================================================ */
/* la cabecera a dos columnas: el texto a la izquierda y un panel navy con
   el brillo de la casa a la derecha, sin tocar el marcado */
.st-rejilla > .st-wrap:not(.st-hero){display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto auto auto;column-gap:56px;align-items:start}
.st-rejilla > .st-wrap:not(.st-hero) > *{grid-column:1}
.st-rejilla > .st-wrap:not(.st-hero)::before{content:"";grid-column:2;grid-row:1/4;align-self:stretch;min-height:320px;border-radius:var(--radius-frame);
  background:radial-gradient(60% 70% at 85% 15%,rgba(242,33,185,.32),transparent 70%),radial-gradient(55% 60% at 10% 90%,rgba(50,151,255,.30),transparent 70%),linear-gradient(160deg,var(--navy-2),var(--tinta));box-shadow:var(--sombra)}
.st-rejilla > .st-wrap:not(.st-hero) > .st-moneda-fila,.st-rejilla > .st-wrap:not(.st-hero) > .st-acciones{grid-column:1/-1}
.st-rejilla > .st-wrap:not(.st-hero) > .st-h1{max-width:16ch}
.st-moneda-fila{margin-top:40px;gap:20px;justify-content:space-between}
.st-precio-nota{font-family:var(--font-sans);font-size:12.5px;color:var(--piedra)}
.st-moneda{border:1.5px solid var(--line);border-radius:999px;background:var(--surface);padding:3px;overflow:visible}
.st-moneda a{padding:7px 16px;border-radius:999px;border-right:0;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.04em}
.st-moneda a.on{background:var(--navy);color:#fff}

.st-escalera{border-radius:var(--radius-card);border:1.5px solid var(--line)}
.st-esca b{color:var(--tinta);font-weight:700}
.st-esca span{font-family:var(--font-sans);font-weight:600}
.st-esca-flecha{color:var(--azul)}
.st-grupo{margin-top:60px}
.st-grupo-h{align-items:center;gap:18px;margin-bottom:22px}
.st-grupo-h h2{font-weight:800;font-size:26px;letter-spacing:-.02em;white-space:nowrap}
.st-grupo-h span{height:1.5px;background:var(--line)}
.st-grupo-h em{font-family:var(--font-sans);font-size:13px;white-space:nowrap}
.st-planes{gap:24px;border:0;background:transparent}
/* Con dos planes (Para empezar desde el 27-sep-2026) la rejilla no deja un hueco: dos tarjetas anchas, una sola columna en el telefono. */
.st-planes[data-n="2"]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.st-plan{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);padding:30px}
.st-plan h3{font-weight:800;font-size:20px}
.st-plan .modo{font-family:var(--font-sans);font-weight:700;font-size:11px;letter-spacing:.1em;margin-top:8px}
.st-precio{margin-top:20px;font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}
.st-precio small{font-size:13px;font-weight:500;color:var(--piedra)}
.st-plan .st-precio-nota{margin-top:10px}
.st-pp{margin-top:14px;font-family:var(--font-sans);font-size:12.5px;font-weight:700;background:var(--azul-suave);color:var(--azul-tinta);padding:7px 13px;border-radius:999px;align-self:flex-start}
.st-plan ul{margin:20px 0 22px;gap:10px}
.st-plan li{font-size:14px;color:var(--carbon);padding-left:20px}
.st-plan li::before{width:8px;height:8px;border-radius:999px;background:var(--azul);top:7px}
.st-plan .st-btn{width:100%;text-align:center}
.st-garantia{font-family:var(--font-sans);font-size:12px;letter-spacing:0;color:var(--piedra)}
.st-garantia a{color:var(--tinta);border-bottom:1px solid var(--line)}
/* la recomendada: tarjeta navy maciza, como la del centro en Activate */
.st-plan.destaca{background:var(--navy);border-color:var(--navy);color:#F5F3EE;box-shadow:var(--sombra)}
.st-plan.destaca h3,.st-plan.destaca .st-precio{color:#F5F3EE}
.st-plan.destaca .modo,.st-plan.destaca .st-precio small,.st-plan.destaca .st-precio-nota{color:var(--navy-claro)}
.st-plan.destaca .st-precio-nota[style*="oliva-hondo"]{color:var(--azul)!important}
.st-plan.destaca li{color:#F5F3EE}
.st-plan.destaca li::before{background:var(--magenta)}
.st-plan.destaca .st-pp{background:var(--navy-2);color:#F5F3EE}
.st-plan.destaca .st-reco{position:absolute;top:26px;right:26px;margin:0}
.st-plan.destaca .st-garantia{color:var(--navy-claro)}
.st-plan.destaca .st-garantia a{color:#F5F3EE;border-bottom-color:rgba(245,243,238,.3)}
/* Enterprise: el marcado trae fondo grafito en linea; aqui va blanco con borde navy */
.st-plan[style*="grafito"]{background:var(--surface)!important;color:var(--tinta)!important;border:2px solid var(--navy)}
.st-plan[style*="grafito"] h3,.st-plan[style*="grafito"] .st-precio{color:var(--tinta)!important}
.st-plan[style*="grafito"] .modo,.st-plan[style*="grafito"] .st-precio-nota{color:var(--piedra)!important}
.st-plan[style*="grafito"] li{color:var(--carbon)!important}
.st-plan[style*="grafito"] li::before{background:var(--navy)}
.st-plan[style*="grafito"] .st-btn.claro{background:var(--navy);color:#fff;border-color:var(--navy)}
.st-plan[style*="grafito"] .st-btn.claro:hover{background:var(--navy-2);border-color:var(--navy-2)}
/* banda y tabla */
.st-banda{max-width:none;padding:26px 30px;border-radius:var(--radius-card);background:var(--surface);border:1.5px solid var(--line);border-left:4px solid var(--magenta);font-size:17px;margin:0 0 44px}
.st-comparativa{border-radius:var(--radius-card);border:1.5px solid var(--line)}
.st-tabla{font-size:14px}
.st-tabla th,.st-tabla td{border-bottom:1px solid var(--line-soft)}
.st-tabla thead th{background:var(--navy);color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;border-bottom:1px solid var(--navy)}
.st-tabla thead th small{color:var(--navy-claro);font-weight:500}
.st-tabla thead th:first-child{background:var(--navy);border-right:0}
.st-tabla td:first-child{font-weight:600;border-right:1px solid var(--line-soft)}
.st-tabla .grupo td{background:var(--canvas);font-family:var(--font-sans);font-weight:800;font-size:11px;letter-spacing:.12em;color:var(--azul-tinta)}
.st-tabla .grupo td:first-child{background:var(--canvas)}
.st-tabla .destacada td{background:var(--magenta-suave);font-weight:700}
.st-tabla .destacada td:first-child{background:var(--magenta-suave)}
.st-si{color:var(--azul-tinta);font-weight:800}
.st-no{color:#D6CFC0}
.st-val{font-weight:700}
.st-tabla a.st-val{color:var(--azul-tinta)}
.st-nota-tabla{font-family:var(--font-sans)}
.st-para-quien{color:var(--carbon)}
.st-addons{border:0;background:transparent;display:grid;gap:14px}
.st-addon{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);padding:26px 30px;gap:28px}
.st-addon:last-child{border-bottom:1.5px solid var(--line)}
.st-addon b{font-weight:800;font-size:17px}
.st-addon .val{font-family:var(--font-sans);font-weight:800;font-size:16px;color:var(--tinta)}
.st-addon .val small,.st-tabla small{font-family:var(--font-sans)!important;color:var(--piedra)!important;font-weight:500}
.st-addon p a,.legal-cuerpo a,.st-faq p a{color:var(--azul-tinta)}
/* «no se que plan necesito» como cinta navy con el enlace dentro */
.st-no-se{margin:56px 0 0;background:var(--navy);border-radius:32px;padding:48px 64px;text-align:left}
.st-no-se a{font-family:var(--font-sans);font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#F5F3EE;text-decoration:none;display:inline-block;max-width:16ch;text-wrap:balance}
.st-no-se a::after{content:"→";display:inline-block;margin-left:14px;color:var(--magenta);transition:transform .15s}
.st-no-se a:hover{color:#fff}
.st-no-se a:hover::after{transform:translateX(6px)}
/* preguntas */
.st-faq{margin-top:64px;border-top:0;max-width:820px}
.st-faq details{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:0 22px;margin-bottom:10px}
.st-faq summary{font-weight:700;font-size:16px;padding:18px 0}
.st-faq summary::after{font-family:var(--font-sans);font-size:22px;font-weight:300;color:var(--magenta-tinta)}
.st-faq p{color:var(--carbon);font-size:15px}

/* ---- Paginas legales y soporte ---- */
.legal-cuerpo h2,.legal-cuerpo h3,.legal-cuerpo strong{color:var(--tinta)}
.legal-cuerpo h2{font-weight:800}
.legal-cuerpo th{font-family:var(--font-sans);font-weight:700;letter-spacing:.08em}
.legal-aviso{border-left:3px solid var(--azul);border-radius:0 12px 12px 0;background:var(--azul-suave)}
.st-previa{background:var(--magenta);font-family:var(--font-sans);font-weight:600}

/* ============================================================
   LA ENTRADA · cuatro actos, en navy con el brillo de la casa
   ============================================================ */
.entrada{position:fixed;inset:0;z-index:100;background:#070B14;color:#F5F3EE;overflow:hidden;font-family:var(--font-sans)}
.entrada.se-va{opacity:0;transition:opacity .9s ease}
.entrada-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:70vh;
  background:radial-gradient(ellipse at 30% 40%,rgba(50,151,255,.16),transparent 60%),radial-gradient(ellipse at 72% 60%,rgba(242,33,185,.18),transparent 60%);pointer-events:none}
.entrada-marca{position:absolute;top:44px;left:50%;transform:translateX(-50%);opacity:0;animation:entradaMarca .8s ease .1s both}
@keyframes entradaMarca{from{opacity:0}to{opacity:1}}
.entrada-acto{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;padding:0 24px}
.entrada-a1{animation:entradaActo 2.8s cubic-bezier(.22,1,.36,1) .2s both}
.entrada-a2{animation:entradaActo 2.8s cubic-bezier(.22,1,.36,1) 3.1s both}
@keyframes entradaActo{0%{opacity:0;transform:translateY(26px)}14%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-16px)}}
.entrada-a1 div{font-size:clamp(34px,4.6vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.1;max-width:22ch}
.entrada-a2 .peq{font-size:clamp(22px,2.8vw,38px);font-weight:600;color:var(--navy-claro)}
.entrada-a2 .ke{font-size:clamp(34px,4.4vw,62px);font-weight:900;letter-spacing:-.02em;color:#F5F3EE;margin-top:10px}
.entrada-a2 .ke b{color:var(--magenta);font-weight:900}
.entrada-a3{animation:entradaA3 5.4s ease-out 6.1s both}
@keyframes entradaA3{0%{opacity:0}6%{opacity:1}90%{opacity:1}100%{opacity:0}}
.entrada-hitos{display:flex;justify-content:space-between;align-items:flex-end;width:min(1220px,92vw)}
.entrada-hito{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0}
.entrada-hito b{font-size:clamp(15px,2.3vw,33px);font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.entrada-hito .p{width:12px;height:12px;border-radius:50%;background:var(--azul)}
.entrada-hito.exito b{color:var(--magenta);font-size:clamp(19px,2.9vw,41px)}
.entrada-hito.exito .p{background:var(--magenta);box-shadow:0 0 0 7px rgba(242,33,185,.22)}
.entrada-hito:nth-child(1){animation:entradaHito .7s cubic-bezier(.22,1,.36,1) 6.4s both}
.entrada-hito:nth-child(2){animation:entradaHito .7s cubic-bezier(.22,1,.36,1) 6.95s both}
.entrada-hito:nth-child(3){animation:entradaHito .7s cubic-bezier(.22,1,.36,1) 7.5s both}
.entrada-hito:nth-child(4){animation:entradaHito .7s cubic-bezier(.22,1,.36,1) 8.05s both}
.entrada-hito:nth-child(5){animation:entradaHito .7s cubic-bezier(.22,1,.36,1) 8.6s both}
.entrada-hito:nth-child(6){animation:entradaHito .7s cubic-bezier(.22,1,.36,1) 9.15s both}
.entrada-hito:nth-child(7){animation:entradaExito .8s cubic-bezier(.34,1.56,.64,1) 9.8s both}
@keyframes entradaHito{from{opacity:0;transform:translateY(16px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes entradaExito{from{opacity:0;transform:scale(.82);filter:blur(12px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
.entrada-via{width:min(1020px,80vw);height:2px;background:rgba(50,151,255,.25);position:relative;margin-top:44px}
.entrada-via i{position:absolute;left:0;top:0;height:2px;background:linear-gradient(90deg,var(--azul),var(--magenta));width:0;animation:entradaVia 3.4s cubic-bezier(.4,0,.2,1) 6.4s both}
@keyframes entradaVia{to{width:100%}}
.entrada-a4{animation:entradaA4 3s cubic-bezier(.22,1,.36,1) 11.7s both}
@keyframes entradaA4{0%{opacity:0;transform:scale(.97)}18%{opacity:1;transform:scale(1)}100%{opacity:1}}
.entrada-a4 .nombre{font-size:clamp(34px,4vw,54px);font-weight:900;letter-spacing:.04em;margin-top:26px}
.entrada-a4 .nombre b{color:#F5F3EE;font-weight:900}
.entrada-a4 .bajada{font-family:var(--font-sans);font-weight:500;font-size:12px;letter-spacing:.42em;color:var(--navy-claro);margin-top:14px;text-transform:uppercase}
.entrada-a4 .eslogan{font-size:22px;font-weight:600;color:var(--navy-claro);margin-top:30px}
.entrada-saltar{position:absolute;bottom:32px;right:38px;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--navy-claro);background:none;border:1.5px solid rgba(185,195,230,.35);border-radius:999px;padding:10px 20px;cursor:pointer;text-transform:uppercase}
.entrada-saltar:hover{color:#F5F3EE;border-color:#F5F3EE}
@media (prefers-reduced-motion: reduce){.entrada{display:none}}
@media (max-width: 720px){
  .entrada-hitos{flex-direction:column;align-items:center;gap:14px}
  .entrada-hito{flex-direction:row;gap:12px}
  .entrada-via{display:none}
}

/* ============================================================
   PANTALLAS
   ============================================================ */
@media (max-width:1100px){.st-hero-grid{gap:32px}}
@media (max-width:940px){
  .st-hero{padding-block:48px 40px}
  .st-hero-grid{grid-template-columns:1fr;gap:28px}
  .st-cifras{grid-template-columns:1fr;gap:14px}
  .st-oscura,.st-cierre{width:calc(100% - 32px);border-radius:24px}
  .st-rejilla > .st-wrap:not(.st-hero){grid-template-columns:1fr}
  .st-rejilla > .st-wrap:not(.st-hero)::before{display:none}
  .st-rejilla > .st-wrap:not(.st-hero) > *{grid-column:1}
  .st-no-se{padding:36px 28px;border-radius:24px}
  .st-links{display:none}
  .st-links.abierto{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 16px;border-bottom:1px solid var(--line)}
  .st-links.abierto a{padding:11px 0;font-size:15px}
  .st-menu-btn{display:none}
  .st-menu,.st-menu-panel{position:static;display:block}
  .st-menu-panel{border:0;box-shadow:none;padding:0;min-width:0;background:none;border-radius:0}
  .st-menu-panel a{padding:11px 0;font-size:15px;border-radius:0}
  .st-menu-panel a:hover,.st-menu-panel a[aria-current]{background:none}
  .st-links .st-solo-movil{display:block}
  .st-nav-acciones .st-nav-div,.st-nav-acciones .st-nav-entrar{display:none}
  .st-links.abierto{gap:0}
  .st-links .st-menu-idiomas{display:none}
}
@media (max-width:720px){
  .st-nav-in{gap:8px;min-width:0}
  .st-brand{min-width:0}
  .st-brand > span > span:last-child{display:none}
  .st-brand b{font-size:16px}
  .st-nav-acciones{gap:6px}
  .st-nav-in .st-btn{padding:9px 16px;font-size:13px}
  .st-nav-acciones .st-idioma{display:none}
  /* en el menu el boton queda a la izquierda y la lista se abre debajo, en
     la misma columna, sin flotar sobre los enlaces */
  .st-links.abierto .st-menu-idiomas{display:block;width:100%;padding:12px 0 4px;border-top:1px solid var(--line);margin-top:6px}
  .st-menu-idiomas .st-idioma-btn{margin-left:-10px;font-size:14px}
  .st-menu-idiomas .st-idioma-lista{position:static;box-shadow:none;margin-top:6px;min-width:0;width:100%}
  .st-links.abierto .st-menu-idiomas .st-idioma-lista a{padding:12px;font-size:15px}
  .st-nav-burger{padding:7px 12px;font-size:12px}
  .st-comparativa{max-width:100%}
  .st-addon{flex-wrap:wrap;gap:6px 12px;padding:22px}
  .st-addon .val{flex:1 1 100%;min-width:0;text-align:left!important;white-space:normal}
  .st-oscura,.st-cierre{width:calc(100% - 24px);border-radius:20px}
  .st-sec{padding:56px 0}
  .st-cierre{padding:48px 0}
}

/* ---- Precios v2 (16-sep-2026): banda Enterprise, packs de asesores y selector de la comparativa ---- */
.st-ent{margin:24px 0 0;background:var(--surface);border:2px solid var(--navy);border-radius:var(--radius-card);padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.st-ent b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}
.st-ent span{color:var(--carbon);font-size:15px;line-height:1.5}
.st-ent .st-btn{background:var(--navy);border-color:var(--navy);box-shadow:none;flex:none}
.st-ent .st-btn:hover{background:var(--navy-2);border-color:var(--navy-2)}
.st-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.st-pack{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);padding:30px}
.st-pack.destaca{background:var(--navy);color:#F5F3EE;border-color:var(--navy);box-shadow:var(--sombra)}
.st-pack h3{margin:0;font-size:20px;font-weight:800;padding-right:120px}
.st-pack .st-reco{position:absolute;top:26px;right:26px;margin:0}
.st-pack .st-precio{margin-top:14px;font-size:40px}
.st-pack.destaca .st-precio,.st-pack.destaca h3{color:#F5F3EE}
.st-pack.destaca .st-precio-nota{color:var(--navy-claro)}
.st-pack table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
.st-pack td{padding:10px 0;border-bottom:1px solid var(--line)}
.st-pack.destaca td{border-bottom-color:rgba(245,243,238,.14)}
.st-pack td:last-child{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.st-toggle{display:inline-flex;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:4px;gap:4px;margin:0 0 20px}
.st-toggle button{border:0;background:transparent;font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--piedra);padding:10px 22px;border-radius:999px;cursor:pointer}
.st-toggle button.on{background:var(--navy);color:#fff}
.st-toggle button:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
@media (max-width:940px){.st-packs{grid-template-columns:1fr}.st-ent{padding:22px}}
.st-btn-chico{padding:9px 18px;font-size:13.5px}
.st-grupo-h .st-btn-chico{flex:none}
.st-sec-p a{color:var(--azul-tinta);text-decoration:underline;text-decoration-color:rgba(28,111,209,.35)}
.st-nota-tabla a{color:var(--azul-tinta)}
/* Los botones de tienda (29-sep-2026): 40 px de alto, el arte oficial sin retocar. */
.st-tiendas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.st-tiendas a{display:inline-block;line-height:0;border:0}
.st-tiendas img{height:40px;width:auto;display:block}
.st-pie .st-tiendas{margin-top:12px}
.st-app{padding-top:56px;padding-bottom:56px;border-top:1px solid var(--line)}