@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fuentes/instrument-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fuentes/instrument-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fuentes/instrument-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fuentes/instrument-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fuentes/source-serif-4-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fuentes/source-serif-4-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fuentes/source-serif-4-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fuentes/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fuentes/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
/* =========================================================
   LEXIA · línea gráfica v1.0 — todo el CSS vive bajo .lx
   para poder incrustar este bloque dentro de plataformaac8.com
   sin que se pise con los estilos del sitio.
   ========================================================= */
.lx{
  --papel:#FBFAF8; --blanco:#FFFFFF; --tinta:#101215; --gris:#4A4D55; --tenue:#82858E;
  --linea:#E2E0D9; --linea2:#EDEBE5; --hueso:#F1EFEA;
  --verde:#1B4D3E; --verde-cl:#487268; --verde-s:#E9F0EC; --verde-t:#1B5E43;
  --ambar:#8A6410; --ambar-s:#F8F1DF; --ambar-b:#E8D9AE; --ambar-t:#6E4F0C;
  --rojo:#9B2F26; --rojo-s:#F8EAE8; --rojo-b:#EFCFC9;
  --azul:#26456F; --azul-s:#EDF1F7;
  --sombra:0 1px 2px rgba(16,18,21,.04),0 20px 50px -30px rgba(16,18,21,.35);
  --sombra-alta:0 2px 4px rgba(16,18,21,.05),0 34px 70px -34px rgba(16,18,21,.45);
  /* superficies fijas: NO cambian con el tema (regla del 31-ago) */
  --fijo-verde:#17493B; --fijo-fg:#F4F2ED; --fijo-mute:#C3D6CE; --fijo-acento:#A6CFBD;
  --fijo-linea:rgba(255,255,255,.22);
  --fijo-tinta:#0D1114; --fijo-tinta-mute:#A3ABB4; --fijo-tinta-linea:#252C33;
  --btn-claro-bg:#F4F2ED; --btn-claro-fg:#101215;
  color:var(--tinta);
  font-family:"Instrument Sans",Arial,Helvetica,sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
@media (prefers-color-scheme:dark){
  .lx:not([data-tema="light"]){
    --papel:#0F1317; --blanco:#171D23; --tinta:#E9EDF1; --gris:#A5AEB8; --tenue:#7C858F;
    --linea:#262E35; --linea2:#20272E; --hueso:#1B2229;
    --verde:#6FB49A; --verde-cl:#5E9482; --verde-s:#142B23; --verde-t:#7CC3A8;
    --ambar:#D3A153; --ambar-s:#2B2313; --ambar-b:#4A3C1C; --ambar-t:#E0B871;
    --rojo:#DE8B83; --rojo-s:#2E1917; --rojo-b:#4A2723;
    --azul:#7FA5D8; --azul-s:#182430;
    --sombra:0 1px 2px rgba(0,0,0,.5),0 20px 50px -30px rgba(0,0,0,.9);
    --sombra-alta:0 2px 4px rgba(0,0,0,.55),0 34px 70px -34px rgba(0,0,0,.95);
  }
}
.lx[data-tema="dark"]{
  --papel:#0F1317; --blanco:#171D23; --tinta:#E9EDF1; --gris:#A5AEB8; --tenue:#7C858F;
  --linea:#262E35; --linea2:#20272E; --hueso:#1B2229;
  --verde:#6FB49A; --verde-cl:#5E9482; --verde-s:#142B23; --verde-t:#7CC3A8;
  --ambar:#D3A153; --ambar-s:#2B2313; --ambar-b:#4A3C1C; --ambar-t:#E0B871;
  --rojo:#DE8B83; --rojo-s:#2E1917; --rojo-b:#4A2723;
  --azul:#7FA5D8; --azul-s:#182430;
  --sombra:0 1px 2px rgba(0,0,0,.5),0 20px 50px -30px rgba(0,0,0,.9);
  --sombra-alta:0 2px 4px rgba(0,0,0,.55),0 34px 70px -34px rgba(0,0,0,.95);
}
.lx,.lx *,.lx *::before,.lx *::after{box-sizing:border-box}
.lx{background:var(--papel)}
.lx a{color:inherit}
.lx img{max-width:100%}
.lx .wrap{max-width:1140px;margin:0 auto;padding:0 26px}
.lx .mono{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
.lx .eyebrow{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--verde);margin:0 0 14px}
.lx h1,.lx h2,.lx h3,.lx h4{margin:0;color:var(--tinta);font-weight:600}
.lx b,.lx strong{font-weight:600}
.lx table{border-collapse:collapse}
.lx button{font-family:inherit;color:inherit}
.lx h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:clamp(26px,3.5vw,36px);line-height:1.14;letter-spacing:-.018em;margin:0 0 14px;text-wrap:balance;max-width:20ch}
.lx h3{font-weight:600;font-size:18px;letter-spacing:-.008em;margin:0 0 7px}
.lx p{margin:0 0 14px;max-width:64ch;color:var(--gris)}
.lx p strong{color:var(--tinta);font-weight:600}
.lx .lede{font-size:18.5px;color:var(--gris);max-width:62ch}
.lx .ph{background:var(--ambar-s);color:var(--ambar-t);padding:1px 6px;border-radius:4px;font-family:"IBM Plex Mono",monospace;font-size:.86em;white-space:nowrap}
.lx ul{margin:0;padding:0}

/* ---- revelado al hacer scroll ---- */
.lx .rv{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.lx .rv.on{opacity:1;transform:none}
.lx .rv.d1{transition-delay:.08s}.lx .rv.d2{transition-delay:.16s}.lx .rv.d3{transition-delay:.24s}.lx .rv.d4{transition-delay:.32s}
.lx .rv-izq{opacity:0;transform:translateX(-22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.lx .rv-der{opacity:0;transform:translateX(22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.lx .rv-izq.on,.lx .rv-der.on{opacity:1;transform:none}

/* ---- barra de progreso de lectura ---- */
.lx .lectura{position:fixed;left:0;top:0;height:2px;width:100%;z-index:60;background:transparent;pointer-events:none}
.lx .lectura i{display:block;height:2px;width:0;background:var(--verde);transition:width .12s linear}

/* ---- banda promocional (superficie fija) ---- */
.lx .promo{background:var(--fijo-verde)}
.lx .promo .wrap{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:11px;padding-bottom:11px;flex-wrap:wrap;text-align:center}
.lx .promo p{margin:0;color:var(--fijo-mute);font-size:14.5px;max-width:none}
.lx .promo b{color:#fff;font-weight:600}
.lx .promo a{color:#fff;font-weight:600;font-size:14.5px;text-decoration:underline;text-underline-offset:3px}

/* ---- cabecera ---- */
.lx header.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--papel) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea);transition:height .25s ease}
.lx .nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px;transition:height .25s ease}
.lx .nav.chico .wrap{height:58px}
.lx .marca{display:flex;align-items:center;gap:11px;text-decoration:none}
.lx .marca .wm{font-family:"Source Serif 4",Georgia,serif;font-size:21px;font-weight:600;letter-spacing:.01em;line-height:1}
.lx .marca .endoso{display:block;font-family:"Instrument Sans",sans-serif;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--tenue);font-weight:500;margin-top:3px}
.lx .marca svg .hoja{transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.lx .marca:hover svg .hoja{transform:translateY(-1px)}
.lx .navlinks{display:flex;gap:22px}
.lx .navlinks a{font-size:14.5px;color:var(--gris);text-decoration:none;position:relative}
.lx .navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1.5px;background:var(--verde);transition:right .28s cubic-bezier(.2,.7,.3,1)}
.lx .navlinks a:hover{color:var(--verde)}
.lx .navlinks a:hover::after{right:0}

/* ---- botones ---- */
.lx .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;background:none;position:relative;overflow:hidden;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
@keyframes lx-brillo{to{left:150%}}
.lx .b-pri{background:var(--verde);color:var(--papel)}
.lx .b-pri:hover{background:var(--verde-cl);transform:translateY(-1px);box-shadow:0 10px 24px -14px var(--verde)}
.lx .b-sec{border-color:var(--linea);background:var(--blanco);color:var(--tinta)}
.lx .b-sec:hover{border-color:var(--verde);color:var(--verde);transform:translateY(-1px)}
.lx .b-claro{background:var(--btn-claro-bg);color:var(--btn-claro-fg)}
.lx .b-claro:hover{transform:translateY(-1px);background:#fff}
.lx .b-borde{border-color:var(--fijo-linea);color:var(--fijo-fg);background:transparent}
.lx .b-borde:hover{border-color:var(--fijo-fg);transform:translateY(-1px)}
.lx :focus-visible{outline:2px solid var(--verde);outline-offset:3px;border-radius:5px}

/* ---- hero ---- */
.lx .hero{padding:66px 0 54px;border-bottom:1px solid var(--linea);overflow:hidden;position:relative}
@keyframes lx-aliento{0%,100%{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(14px)}}
.lx .hero .cols{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center;position:relative}
.lx h1{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:clamp(36px,5.6vw,56px);line-height:1.04;letter-spacing:-.026em;margin:0 0 20px;text-wrap:balance}
.lx h1 .subr{background-image:linear-gradient(color-mix(in srgb, var(--verde) 24%, transparent),color-mix(in srgb, var(--verde) 24%, transparent));background-repeat:no-repeat;background-position:0 86%;background-size:0 .32em;animation:lx-subrayar 1s .5s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes lx-subrayar{to{background-size:100% .32em}}
.lx .hero .lede{font-size:19px;margin-bottom:26px}
.lx .acciones{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.lx .micro{font-size:13.5px;color:var(--tenue);margin:0}
.lx .tira{display:flex;align-items:center;margin:34px 0 0;padding:16px 0 0;border-top:1px solid var(--linea);flex-wrap:wrap}
.lx .tira .paso{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--tenue);transition:color .4s ease,background .4s ease}
.lx .tira .paso.act{color:var(--verde);background:var(--verde-s)}
.lx .tira .pt{width:9px;height:9px;border-radius:50%;background:var(--linea);flex:none;transition:background .4s ease,box-shadow .4s ease}
.lx .tira .paso.act .pt{background:var(--verde);box-shadow:0 0 0 4px color-mix(in srgb, var(--verde) 18%, transparent)}
.lx .tira .flecha{color:var(--linea);flex:none;padding:0 2px}

/* ---- pantalla genérica ---- */
.lx .pantalla{background:var(--blanco);border:1px solid var(--linea);border-radius:13px;overflow:hidden;box-shadow:var(--sombra)}
.lx .pantalla .top{background:var(--fijo-tinta);padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.lx .pantalla .top b{color:#F0EEE9;font-size:14px;font-weight:600}
.lx .pantalla .top .tag{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#D8A551;background:#3A2E17;padding:4px 8px;border-radius:4px}
.lx .pantalla .body{padding:18px}
.lx .chip{display:inline-flex;align-items:center;gap:5px;font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:4px;font-weight:500}
.lx .c-am{background:var(--ambar-s);color:var(--ambar)}
.lx .c-ok{background:var(--verde-s);color:var(--verde-t)}
.lx .c-ro{background:var(--rojo-s);color:var(--rojo)}
.lx .c-az{background:var(--azul-s);color:var(--azul)}
.lx .c-gr{background:var(--hueso);color:var(--gris)}
.lx .res{background:var(--hueso);border-left:3px solid var(--azul);border-radius:0 7px 7px 0;padding:11px 14px}
.lx .res .t{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--azul);display:block;margin-bottom:4px}
.lx .res p{font-size:13.5px;color:var(--tinta);margin:0}
.lx .pulso{animation:lx-pulso 2.6s ease-in-out infinite}
@keyframes lx-pulso{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ambar) 30%, transparent)}50%{box-shadow:0 0 0 7px transparent}}

/* ---- cinta de materias ---- */
.lx .cinta{border-bottom:1px solid var(--linea);background:var(--hueso);overflow:hidden;padding:13px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lx .cinta .rueda{display:flex;gap:0;width:max-content;animation:lx-rodar 34s linear infinite}
.lx .cinta:hover .rueda{animation-play-state:paused}
@keyframes lx-rodar{to{transform:translateX(-50%)}}
.lx .cinta .it{display:flex;align-items:center;gap:26px;padding-right:26px;font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--tenue);white-space:nowrap}
.lx .cinta .it b{color:var(--verde);font-weight:500}

/* ---- secciones ---- */
.lx section{padding:64px 0;border-bottom:1px solid var(--linea);position:relative}
.lx .tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.lx .tarjeta{background:var(--blanco);border:1px solid var(--linea);border-radius:12px;padding:24px;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,border-color .3s ease}
.lx .tarjeta:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:color-mix(in srgb, var(--verde) 30%, var(--linea))}
.lx .tarjeta .num{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--verde);display:block;margin-bottom:12px}
.lx .tarjeta p{margin-bottom:0}
.lx .par{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.lx .lista{list-style:none;padding:0;margin:18px 0 0}
.lx .lista li{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px;font-size:15.5px;color:var(--gris);line-height:1.5}
.lx .lista li svg{flex:none;margin-top:4px;color:var(--verde-t)}
.lx .lista li b{color:var(--tinta);font-weight:600}

/* =========================================================
   REPRODUCTOR DE DEMOSTRACIONES ("los gif")
   Pantallas reales de la plataforma reconstruidas en HTML:
   se mueven solas, en bucle, y cada marco acepta un <video>
   el día que se graben con OBS (ver .marco[data-video]).
   ========================================================= */
.lx .demos{display:flex;flex-direction:column;gap:46px;margin-top:38px}
.lx .demo-fila{display:grid;grid-template-columns:1.42fr .58fr;gap:40px;align-items:center}
.lx .demo-fila.inv{grid-template-columns:.58fr 1.42fr}
.lx .demo-fila.inv .demo{order:2}
.lx .demo-fila.fin{grid-template-columns:1.42fr .58fr}
.lx .demo-fila.fin .demo-txt{order:2}
.lx .demo-fila > *{min-width:0}
.lx .demo-txt .gan{white-space:normal;text-align:left}
.lx .demo-txt h3{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:600;letter-spacing:-.014em;margin-bottom:10px}
.lx .demo-txt p{font-size:15.5px}
.lx .demo-txt .gan{display:inline-flex;align-items:center;gap:8px;background:var(--verde-s);color:var(--verde-t);border-radius:7px;padding:9px 13px;font-size:13.5px;font-weight:600;margin-top:6px}
.lx .demo-txt .pasos-l{list-style:none;margin:14px 0 0;padding:0;counter-reset:pp}
.lx .demo-txt .pasos-l li{display:flex;gap:10px;font-size:13.5px;color:var(--tenue);margin-bottom:7px;line-height:1.4;transition:color .3s ease}
.lx .demo-txt .pasos-l li::before{counter-increment:pp;content:counter(pp,decimal-leading-zero);font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--linea);padding-top:2px;transition:color .3s ease}
.lx .demo-txt .pasos-l li.act{color:var(--tinta);font-weight:600}
.lx .demo-txt .pasos-l li.act::before{color:var(--verde)}

.lx .demo{position:relative}
.lx .marco{background:var(--blanco);border:1px solid var(--linea);border-radius:14px;overflow:hidden;box-shadow:var(--sombra-alta)}
.lx .crom{display:flex;align-items:center;gap:7px;padding:9px 14px;background:var(--hueso);border-bottom:1px solid var(--linea)}
.lx .crom .sem{width:9px;height:9px;border-radius:50%;background:var(--linea);flex:none}
.lx .crom .url{flex:1;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--tenue);background:var(--blanco);border:1px solid var(--linea);border-radius:6px;padding:4px 10px;max-width:300px;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx .crom .rec{display:flex;align-items:center;gap:6px;font-family:"IBM Plex Mono",monospace;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tenue);flex:none}
.lx .crom .rec i{width:7px;height:7px;border-radius:50%;background:var(--rojo);animation:lx-rec 1.8s ease-in-out infinite}
@keyframes lx-rec{0%,100%{opacity:1}50%{opacity:.25}}
.lx .lienzo{position:relative;background:var(--hueso);min-height:486px;overflow:hidden}
.lx .escena{position:absolute;inset:0;padding:18px;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.2,.7,.3,1),transform .5s cubic-bezier(.2,.7,.3,1);pointer-events:none;display:flex;flex-direction:column;gap:11px}
.lx .escena.vis{opacity:1;transform:none}
.lx [hidden]{display:none!important}
.lx .escena > *{flex:none}
.lx .dia span{display:block}
.lx .ap{opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.2,.7,.3,1),transform .5s cubic-bezier(.2,.7,.3,1),background .4s ease,border-color .4s ease,color .4s ease}
.lx .ap.vis{opacity:1;transform:none}
.lx .ap.desliza{transform:translateX(-14px)}
.lx .ap.desliza.vis{transform:none}
.lx .cursor{position:absolute;left:var(--cx,50%);top:var(--cy,50%);width:20px;height:20px;z-index:9;pointer-events:none;color:var(--tinta);transition:left .85s cubic-bezier(.45,0,.15,1),top .85s cubic-bezier(.45,0,.15,1);filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
.lx .cursor::after{content:"";position:absolute;left:-12px;top:-12px;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb, var(--verde) 40%, transparent);transform:scale(.2);opacity:0}
.lx .demo.clic .cursor::after{animation:lx-clic .6s ease-out}
@keyframes lx-clic{0%{transform:scale(.15);opacity:.9}100%{transform:scale(1);opacity:0}}
.lx .escaneo{position:absolute;left:0;right:0;top:0;height:64px;background:linear-gradient(180deg,transparent,color-mix(in srgb, var(--verde) 16%, transparent),transparent);opacity:0;pointer-events:none}
.lx .demo[data-paso="1"] .escaneo{opacity:1;animation:lx-escaneo 2.2s ease-in-out infinite}
@keyframes lx-escaneo{0%{transform:translateY(-70px)}100%{transform:translateY(486px)}}
.lx .ctrl{display:flex;align-items:center;gap:12px;margin-top:13px}
.lx .ctrl .pp{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--linea);background:var(--blanco);color:var(--tinta);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease,transform .2s ease}
.lx .ctrl .pp:hover{border-color:var(--verde);color:var(--verde);transform:scale(1.06)}
.lx .pista{flex:1;height:4px;background:var(--linea);border-radius:3px;overflow:hidden}
.lx .prog{display:block;height:4px;width:0;background:var(--verde);border-radius:3px}
.lx .leyenda{font-size:12.5px;color:var(--tenue);font-family:"IBM Plex Mono",monospace;letter-spacing:.04em;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.lx .bucle{display:inline-flex;align-items:center;gap:6px;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue)}

/* piezas de interfaz dentro de las demostraciones */
.lx .mini{background:var(--blanco);border:1px solid var(--linea);border-radius:10px;padding:12px 14px}
.lx .mini.alerta{border-color:var(--ambar-b);background:var(--ambar-s)}
.lx .mini.malo{border-color:var(--rojo-b);background:var(--rojo-s)}
.lx .mini.bueno{border-color:color-mix(in srgb, var(--verde) 28%, transparent);background:var(--verde-s)}
.lx .mini .tl1{font-size:14px;font-weight:600;color:var(--tinta)}
.lx .mini .tl2{font-size:12.5px;color:var(--gris);margin:2px 0 0}
.lx .fila-b{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lx .btn-falso{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:7px;background:var(--verde);color:#F2F5F3;font-size:12.5px;font-weight:600;white-space:nowrap}
.lx .btn-falso.gris{background:var(--blanco);color:var(--tinta);border:1px solid var(--linea)}
.lx .btn-falso.pulsado{transform:scale(.96);filter:brightness(.92)}
.lx .cabecilla{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--linea);margin-bottom:2px}
.lx .cabecilla b{font-size:13.5px}
.lx .cabecilla .hora{font-family:"IBM Plex Mono",monospace;font-size:10px;color:var(--tenue)}
.lx .medidor{height:6px;border-radius:3px;background:var(--linea);overflow:hidden}
.lx .medidor i{display:block;height:6px;width:0;background:var(--verde);border-radius:3px;transition:width 1.6s cubic-bezier(.3,.8,.4,1)}
.lx .cifra{font-family:"Source Serif 4",Georgia,serif;font-size:23px;font-weight:600;line-height:1.05;color:var(--tinta)}
.lx .cajita{flex:1;min-width:96px;border-radius:9px;padding:10px 12px;background:var(--blanco);border:1px solid var(--linea)}
.lx .cajita p{font-size:11.5px;margin:2px 0 0;line-height:1.3}
.lx .burbu{max-width:80%;padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.45;background:var(--blanco);border:1px solid var(--linea);border-bottom-left-radius:4px;align-self:flex-start;color:var(--tinta)}
.lx .burbu.mia{background:var(--verde-s);border-color:color-mix(in srgb, var(--verde) 25%, transparent);border-bottom-left-radius:12px;border-bottom-right-radius:4px;align-self:flex-end;color:var(--verde-t)}
.lx .burbu .hh{display:block;font-family:"IBM Plex Mono",monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-top:4px}
.lx .tecleo{display:flex;gap:4px;align-items:center;background:var(--blanco);border:1px solid var(--linea);border-radius:12px;border-bottom-right-radius:4px;padding:11px 13px;align-self:flex-end}
.lx .tecleo i{width:5px;height:5px;border-radius:50%;background:var(--tenue);display:block;animation:lx-punto 1.1s ease-in-out infinite}
.lx .tecleo i:nth-child(2){animation-delay:.18s}
.lx .tecleo i:nth-child(3){animation-delay:.36s}
@keyframes lx-punto{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.lx .lineas-doc div{height:6px;border-radius:3px;background:var(--linea2);margin-bottom:7px}
.lx .telefono{width:212px;margin:0 auto;background:var(--fijo-tinta);border-radius:26px;padding:9px;box-shadow:0 20px 40px -22px rgba(0,0,0,.6)}
.lx .telefono .pant{background:var(--blanco);border-radius:19px;overflow:hidden;min-height:322px;display:flex;flex-direction:column}
.lx .telefono .barra{background:#7A2E39;color:#fff;padding:11px 13px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}
.lx .telefono .cuerpo{padding:12px;display:flex;flex-direction:column;gap:9px;flex:1}
.lx .aviso{position:absolute;left:50%;top:14px;transform:translate(-50%,-70px);background:var(--fijo-tinta);color:#F2F0EB;border-radius:11px;padding:10px 14px;font-size:12px;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);z-index:8;transition:transform .55s cubic-bezier(.2,1.2,.4,1),opacity .4s ease;opacity:0;max-width:88%}
.lx .aviso.vis{transform:translate(-50%,0);opacity:1}

/* ---- recorrido por pestañas ---- */
.lx .pestanas{display:flex;gap:6px;flex-wrap:wrap;margin:30px 0 20px}
.lx .pestanas button{border:1px solid var(--linea);background:var(--blanco);color:var(--gris);border-radius:8px;padding:11px 15px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;position:relative;overflow:hidden;transition:color .2s ease,border-color .2s ease,transform .2s ease}
.lx .pestanas button:hover{border-color:var(--verde-cl);color:var(--tinta);transform:translateY(-1px)}
.lx .pestanas button[aria-selected="true"]{background:var(--verde);border-color:var(--verde);color:var(--papel)}
.lx .pestanas button .n{font-family:"IBM Plex Mono",monospace;font-size:11px;opacity:.7}
.lx .pestanas button .barra{position:absolute;left:0;bottom:0;height:2px;width:0;background:rgba(255,255,255,.6)}
.lx .panelbox{background:var(--blanco);border:1px solid var(--linea);border-radius:13px;overflow:hidden;box-shadow:var(--sombra)}
.lx .panelcols{display:grid;grid-template-columns:1.32fr 1fr;animation:lx-entra .45s cubic-bezier(.2,.7,.3,1) both}
@keyframes lx-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lx .panelvis{padding:22px;background:var(--hueso);border-right:1px solid var(--linea);min-height:410px}
.lx .panelinfo{padding:26px 28px;display:flex;flex-direction:column;justify-content:center}
.lx .panelinfo h3{font-family:"Source Serif 4",Georgia,serif;font-size:23px;letter-spacing:-.012em;margin-bottom:10px}
.lx .panelinfo p:last-of-type{margin-bottom:0}
.lx .gan{display:inline-flex;align-items:center;gap:8px;background:var(--verde-s);color:var(--verde-t);border-radius:7px;padding:9px 13px;font-size:13.5px;font-weight:600;margin-top:14px;align-self:flex-start}
.lx .wa{display:flex;flex-direction:column;gap:9px;min-height:266px}
.lx .burb{max-width:82%;padding:10px 13px;border-radius:12px;font-size:13.5px;line-height:1.45;animation:lx-burbuja .38s cubic-bezier(.2,.7,.3,1) both}
@keyframes lx-burbuja{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}
.lx .burb.ent{background:var(--blanco);border:1px solid var(--linea);border-bottom-left-radius:4px;align-self:flex-start;color:var(--tinta)}
.lx .burb.sal{background:var(--verde-s);border:1px solid color-mix(in srgb, var(--verde) 25%, transparent);border-bottom-right-radius:4px;align-self:flex-end;color:var(--verde-t)}
.lx .burb .h{display:block;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-top:5px}
.lx .escribiendo{display:flex;gap:4px;align-items:center;background:var(--blanco);border:1px solid var(--linea);border-radius:12px;border-bottom-right-radius:4px;padding:12px 14px;align-self:flex-end;animation:lx-burbuja .3s ease both}
.lx .escribiendo i{width:6px;height:6px;border-radius:50%;background:var(--tenue);display:block;animation:lx-punto 1.1s ease-in-out infinite}
.lx .escribiendo i:nth-child(2){animation-delay:.18s}
.lx .escribiendo i:nth-child(3){animation-delay:.36s}
.lx .doc{background:var(--blanco);border:1px solid var(--linea);border-radius:5px;padding:22px 26px;font-family:"Source Serif 4",Georgia,serif;font-size:12px;line-height:1.75;color:var(--gris)}
.lx .doc .mem{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1.5px solid #7A2E39;padding-bottom:10px;margin-bottom:13px}
.lx .doc h4{font-family:"Instrument Sans",sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;color:var(--tinta);text-align:center}
.lx .doc p{font-family:inherit;font-size:12px;line-height:1.75;margin:0 0 9px;color:var(--gris);max-width:none;text-align:justify}
.lx table.t{border-collapse:collapse;width:100%;font-size:13px}
.lx table.t th,.lx table.t td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--linea2)}
.lx table.t th{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--tenue);font-weight:400;background:var(--hueso)}
.lx table.t tbody tr:last-child td{border-bottom:none}
.lx table.t td.r{text-align:right;font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
.lx .bfila{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--linea2)}
.lx .bfila:last-child{border-bottom:none}
.lx .bfila .qn{width:104px;flex:none;font-size:13px;font-weight:600}
.lx .bpista{flex:1;height:22px;background:var(--hueso);border-radius:0 4px 4px 0}
.lx .bbar{height:22px;background:var(--verde);border-radius:0 4px 4px 0;width:0;transition:width 1.4s cubic-bezier(.3,.8,.4,1)}
.lx .bbar.baja{background:var(--ambar)}
.lx .bfila .qv{width:44px;text-align:right;flex:none;font-family:"IBM Plex Mono",monospace;font-size:12.5px;font-variant-numeric:tabular-nums}
.lx .tl{display:flex;flex-direction:column}
.lx .tlf{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start;padding-bottom:14px;position:relative}
.lx .tlf:last-child{padding-bottom:0}
.lx .tlp{width:11px;height:11px;border-radius:50%;background:var(--verde);margin:5px auto 0;position:relative;z-index:1}
.lx .tlf:not(:last-child)::before{content:"";position:absolute;left:10.5px;top:14px;bottom:0;width:2px;background:var(--linea)}
.lx .tlt{font-size:13.5px;font-weight:600}
.lx .tls{font-size:12px;color:var(--tenue);margin-top:1px}
.lx .tld{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--tenue);white-space:nowrap;padding-top:2px}

/* ---- calculadora ---- */
.lx .calc{background:var(--blanco);border:1px solid var(--linea);border-radius:13px;overflow:hidden;box-shadow:var(--sombra)}
.lx .calc .ch{padding:15px 22px;border-bottom:1px solid var(--linea);display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.lx .calc .ch b{font-size:16px}
.lx .calc .cb{padding:22px;display:grid;grid-template-columns:270px 1fr;gap:24px}
.lx .campo{margin-bottom:15px}
.lx .campo label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}
.lx .campo select,.lx .campo input{width:100%;height:46px;border:1px solid var(--linea);border-radius:8px;background:var(--blanco);color:var(--tinta);font-family:inherit;font-size:14.5px;padding:0 12px}
.lx .resultado{background:var(--verde-s);border:1px solid color-mix(in srgb, var(--verde) 25%, transparent);border-radius:11px;padding:18px 20px;margin-bottom:16px}
.lx .resultado .k{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--verde-t)}
.lx .resultado .v{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(21px,2.6vw,28px);font-weight:600;letter-spacing:-.015em;margin:5px 0 2px;line-height:1.1}
.lx .resultado p{margin:0;color:var(--verde-t);font-size:13.5px}
.lx .dias{display:flex;gap:6px;flex-wrap:wrap}
.lx .dia{width:56px;border-radius:8px;padding:8px 4px;text-align:center;flex:none;border:1px solid transparent;animation:lx-pop .3s cubic-bezier(.2,.7,.3,1) both}
@keyframes lx-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.lx .dia .d{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.09em;text-transform:uppercase;opacity:.8}
.lx .dia .f{font-size:16px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.lx .dia .n{font-size:9px;margin-top:2px;line-height:1.2}
.lx .d-cuenta{background:var(--verde);color:#F3F1EC}
.lx .d-no{background:var(--rojo-s);color:var(--rojo);border-color:var(--rojo-b)}
.lx .d-ini{background:var(--hueso);color:var(--gris);border-color:var(--linea)}
.lx .d-fin{background:var(--verde);color:#F3F1EC;box-shadow:0 0 0 3px var(--verde-s)}

/* ---- conmutador y marca blanca ---- */
.lx .conmutador{display:inline-flex;background:var(--hueso);border:1px solid var(--linea);border-radius:9px;padding:4px;gap:4px;margin-bottom:18px}
.lx .conmutador button{border:none;background:none;border-radius:6px;padding:9px 15px;font-size:14px;font-weight:600;font-family:inherit;color:var(--gris);cursor:pointer;min-height:40px;transition:background .2s ease,color .2s ease}
.lx .conmutador button[aria-pressed="true"]{background:var(--blanco);color:var(--tinta);box-shadow:0 1px 2px rgba(16,18,21,.08)}
.lx .lock{display:flex;align-items:center;gap:11px;text-align:left}
.lx .mk{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:15px;letter-spacing:.02em;line-height:1}
.lx .mk.borde{border:1.4px solid currentColor;border-radius:2px}
.lx .mk.circ{border:1.4px solid currentColor;border-radius:50%}
.lx .mk.lleno{border-radius:3px;color:#fff}
.lx .lock .txt .n1{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:14.5px;letter-spacing:-.005em;color:var(--tinta);line-height:1.15;white-space:nowrap;display:block}
.lx .lock .txt .n1.sans{font-family:"Instrument Sans",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase}
.lx .lock .txt .n2{font-family:"Instrument Sans",sans-serif;font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:var(--tenue);margin-top:3px;white-space:nowrap;display:block}
.lx .mbmuestras{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.lx .mbmuestras button{background:var(--blanco);border:1px solid var(--linea);border-radius:11px;padding:15px 16px;cursor:pointer;font-family:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;text-align:left}
.lx .mbmuestras button:hover{transform:translateY(-2px);box-shadow:var(--sombra)}
.lx .mbmuestras button[aria-pressed="true"]{border-color:var(--tinta);box-shadow:0 0 0 1px var(--tinta)}
.lx #mb-demo{--mb:#7A2E39;--mb-s:#F6E9EB}
.lx #mb-demo .top,.lx #mb-demo .barrita,.lx #mb-demo .bot{transition:background .45s ease,color .45s ease}
.lx #mb-logo{display:flex;width:30px;height:30px;align-items:center;justify-content:center;background:#fff;border-radius:6px}
.lx #mb-logo .mk{width:22px;height:22px;font-size:9.5px}

/* ---- consultores y planes ---- */
.lx .cons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.lx .consc{background:var(--blanco);border:1px solid var(--linea);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
.lx .consc:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.lx .consc .ic{width:40px;height:40px;border-radius:9px;background:var(--verde-s);color:var(--verde-t);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.lx .consc p{margin:0;font-size:14.5px}
.lx .precios{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;align-items:stretch}
.lx .plan{background:var(--blanco);border:1px solid var(--linea);border-radius:13px;padding:24px 22px;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
.lx .plan:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.lx .plan.destacado{border:2px solid var(--verde);padding:23px 21px;position:relative}
.lx .plan .etiqueta{position:absolute;top:-11px;left:21px;background:var(--verde);color:var(--papel);font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:4px}
.lx .plan .nm{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tenue);margin-bottom:10px}
.lx .plan .tam{font-family:"Source Serif 4",Georgia,serif;font-size:25px;font-weight:600;letter-spacing:-.018em;line-height:1.1}
.lx .plan .quien{font-size:14px;color:var(--gris);margin:9px 0 16px;min-height:44px}
.lx .plan ul{list-style:none;padding:0;margin:0 0 20px}
.lx .plan li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--gris);margin-bottom:9px;line-height:1.45}
.lx .plan li svg{flex:none;margin-top:4px;color:var(--verde-t)}
.lx .plan li b{color:var(--tinta);font-weight:600}
.lx .plan .btn{margin-top:auto;width:100%}
.lx .oferta{background:var(--fijo-verde);border-radius:14px;padding:34px 36px;margin-top:28px;display:grid;grid-template-columns:1fr 300px;gap:34px;align-items:center}
.lx .oferta .eyebrow{color:var(--fijo-acento)}
.lx .oferta h3{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(23px,3vw,30px);letter-spacing:-.018em;color:#fff;margin:0 0 10px;max-width:22ch;font-weight:600}
.lx .oferta p{color:var(--fijo-mute);margin:0;max-width:54ch;font-size:16px}
.lx .oferta p strong{color:#fff}
.lx .oferta .tres-puntos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.lx .oferta .tres-puntos div{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--fijo-mute);line-height:1.4}
.lx .oferta .tres-puntos svg{flex:none;margin-top:3px;color:var(--fijo-acento)}
.lx .oferta .lado{display:flex;flex-direction:column;gap:14px}
.lx .fundador{border:1px solid var(--fijo-linea);border-radius:11px;padding:16px 18px}
.lx .fundador .k{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--fijo-acento);display:block;margin-bottom:7px}
.lx .fundador p{font-size:14px;color:var(--fijo-mute);margin:0}
.lx .fundador b{color:#fff}

/* ---- preguntas ---- */
.lx .faq{margin-top:28px;border-top:1px solid var(--linea)}
.lx details{border-bottom:1px solid var(--linea)}
.lx summary{padding:19px 0;font-size:17px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.lx summary::-webkit-details-marker{display:none}
.lx summary::after{content:"+";font-family:"IBM Plex Mono",monospace;font-size:20px;color:var(--verde);flex:none;line-height:1;transition:transform .25s ease}
.lx details[open] summary::after{content:"–"}
.lx details p{padding-bottom:19px;margin:0;max-width:74ch}
.lx details p + p{padding-top:0;margin-top:-8px}
.lx details[open] p{animation:lx-entra .3s ease both}

/* ---- cierre, AC8 y pie ---- */
.lx .cierre{background:var(--fijo-tinta);border-bottom:none}
.lx .cierre h2{color:#F4F2ED}
.lx .cierre p{color:var(--fijo-tinta-mute)}
.lx .cierre .eyebrow{color:var(--fijo-acento)}
.lx .ac8{background:var(--hueso);border-bottom:1px solid var(--linea)}
.lx .ac8 .caja{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.lx .ac8 .sello{display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px 26px;border:1px solid var(--linea);border-radius:13px;background:var(--blanco);min-width:190px}
.lx .ac8 .sello .n{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;letter-spacing:-.01em}
.lx .ac8 .sello .u{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--tenue);text-align:center}
.lx footer.pie{background:var(--fijo-tinta);color:var(--fijo-tinta-mute);padding:34px 0 44px}
.lx footer.pie .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--fijo-tinta-linea);padding-top:26px}
.lx footer.pie a{color:var(--fijo-tinta-mute);text-decoration:none}
.lx footer.pie a:hover{color:#F4F2ED}
.lx footer.pie p{color:var(--fijo-tinta-mute)}
.lx .marca-pie{display:flex;align-items:center;gap:10px;color:#F4F2ED}
.lx .marca-pie .wm{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600}

/* ---- adaptación a pantallas pequeñas ---- */

/* ---- siete herramientas → una ---- */
.lx .reemp{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;margin-top:34px}
.lx .reemp .lista-h{display:flex;flex-direction:column;gap:9px}
.lx .reemp .h{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;background:var(--blanco);border:1px solid var(--linea);border-radius:10px;padding:11px 14px;position:relative;overflow:hidden}
.lx .reemp .h .ic{width:38px;height:38px;border-radius:9px;background:var(--hueso);color:var(--gris);display:flex;align-items:center;justify-content:center;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500}
.lx .reemp .h .n{font-weight:600;font-size:14.5px;position:relative;display:inline-block}
.lx .reemp .h .n::after{content:"";position:absolute;left:0;top:55%;height:2px;width:0;background:var(--rojo);transition:width .5s cubic-bezier(.2,.7,.3,1)}
.lx .reemp .h .s{font-size:12.5px;color:var(--tenue);margin:0;max-width:none}
.lx .reemp .h .a{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--verde-t);background:var(--verde-s);padding:4px 8px;border-radius:4px;opacity:0;transform:translateX(8px);transition:opacity .4s ease,transform .4s ease;white-space:nowrap}
.lx .reemp .h.on .n::after{width:100%;transition-delay:var(--dl,.4s)}
.lx .reemp .h.on .a{opacity:1;transform:none;transition-delay:calc(var(--dl,.4s) + .25s)}
.lx .reemp .h.on .n{color:var(--tenue);transition:color .4s ease calc(var(--dl,.4s) + .1s)}
.lx .uno{background:var(--fijo-verde);border-radius:16px;padding:32px 30px;color:var(--fijo-fg);position:relative;overflow:hidden}
.lx .uno .eyebrow{color:var(--fijo-acento)}
.lx .uno .cifra-g{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(44px,6vw,72px);font-weight:600;line-height:1;letter-spacing:-.03em;display:flex;align-items:center;gap:14px;margin:6px 0 10px}
.lx .uno .cifra-g svg{flex:none}
.lx .uno h3{font-family:"Source Serif 4",Georgia,serif;font-size:23px;font-weight:600;letter-spacing:-.014em;color:#fff;margin-bottom:10px}
.lx .uno p{color:var(--fijo-mute);font-size:15px;margin-bottom:0}
.lx .uno ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.lx .uno li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--fijo-mute);line-height:1.45}
.lx .uno li svg{flex:none;margin-top:4px;color:var(--fijo-acento)}
.lx .uno li b{color:#fff;font-weight:600}

/* ---- las horas que vuelven ---- */
.lx .horas{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:32px}
.lx .hora-c{background:var(--blanco);border:1px solid var(--linea);border-radius:12px;padding:20px 18px;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
.lx .hora-c:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.lx .hora-c .big{font-family:"Source Serif 4",Georgia,serif;font-size:40px;font-weight:600;line-height:1;letter-spacing:-.025em;color:var(--verde)}
.lx .hora-c .big small{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);margin-left:4px}
.lx .hora-c .t{font-weight:600;font-size:14.5px;margin:10px 0 4px}
.lx .hora-c .av{font-size:12.5px;color:var(--tenue);margin:0;max-width:none;line-height:1.45}
.lx .hora-c .av b{color:var(--rojo);font-weight:600}
.lx .hora-c .av i{color:var(--verde-t);font-style:normal;font-weight:600}
.lx .total-h{margin-top:22px;background:var(--verde-s);border:1px solid color-mix(in srgb, var(--verde) 28%, transparent);border-radius:14px;padding:22px 26px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.lx .total-h .big{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(40px,5vw,60px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--verde-t);white-space:nowrap}
.lx .total-h .big small{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-left:6px}
.lx .total-h p{margin:0;max-width:none;color:var(--verde-t)}
.lx .total-h p strong{color:var(--tinta)}
.lx .total-h .barra-sem{display:flex;gap:4px;margin-top:12px}
.lx .total-h .barra-sem i{display:block;height:10px;flex:1;border-radius:3px;background:var(--linea)}
.lx .total-h .barra-sem i.l{background:var(--verde)}
.lx .total-h .barra-sem i.l{animation:lx-pop .4s cubic-bezier(.2,.7,.3,1) both}

/* trazabilidad: filas atenuadas al filtrar */
.lx .tlf.ok .tlt{color:var(--verde-t)}
.lx .tlf .aut{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);margin-top:2px}

@media (max-width:1000px){
  .lx .demo-fila,.lx .demo-fila.inv,.lx .demo-fila.fin{grid-template-columns:1fr;gap:24px}
  .lx .demo-fila.fin .demo-txt{order:2}
  .lx .demo-fila.inv .demo{order:0}
}
@media (max-width:940px){
  .lx .reemp{grid-template-columns:1fr;gap:26px}
  .lx .horas{grid-template-columns:repeat(2,1fr)}
  .lx .total-h{grid-template-columns:1fr;gap:12px}
  .lx .hero .cols,.lx .par,.lx .panelcols,.lx .calc .cb{grid-template-columns:1fr;gap:0}
  .lx .hero .cols,.lx .par{gap:36px}
  .lx .panelvis{border-right:none;border-bottom:1px solid var(--linea);min-height:0}
  .lx .calc .cb{gap:22px;padding:20px}
  .lx .tres,.lx .cons{grid-template-columns:1fr}
  .lx .precios,.lx .mbmuestras{grid-template-columns:repeat(2,1fr)}
  .lx .navlinks{display:none}
  .lx .oferta{grid-template-columns:1fr;padding:26px 24px;gap:24px}
  .lx .oferta .tres-puntos{grid-template-columns:1fr}
  .lx .ac8 .caja{grid-template-columns:1fr}
}
@media (max-width:600px){
  .lx .horas{grid-template-columns:1fr}
  .lx .reemp .h{grid-template-columns:38px 1fr}
  .lx .reemp .h .a{grid-column:2;justify-self:start;white-space:normal;margin-top:2px}
  .lx .total-h .big{white-space:normal;font-size:38px}
  .lx .uno .cifra-g{font-size:44px}
  .lx .precios,.lx .mbmuestras{grid-template-columns:1fr}
  .lx .nav .wrap,.lx .nav.chico .wrap{height:auto;padding-top:10px;padding-bottom:10px;gap:12px}
  .lx .nav .btn{min-height:40px;padding:0 14px;font-size:13.5px}
  .lx .marca .wm{font-size:19px}
  .lx .marca .endoso{font-size:7.5px;letter-spacing:.13em}
  .lx .hero{padding:42px 0 40px}
  .lx section{padding:46px 0}
  .lx .lienzo{min-height:610px}
  .lx #d5 .lienzo{min-height:730px}
  .lx .leyenda{display:none}
}
@media (prefers-reduced-motion:reduce){
  .lx *,.lx *::before,.lx *::after{animation:none!important;transition:none!important}
  .lx .rv,.lx .rv-izq,.lx .rv-der{opacity:1!important;transform:none!important}
  .lx .ap,.lx .escena{opacity:1!important;transform:none!important}
  .lx .cursor{display:none}
}

html{scroll-behavior:smooth}
body{margin:0;padding:0;background:#FBFAF8}
@media (prefers-color-scheme:dark){body{background:#0F1317}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.lx .saltar{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--verde);color:var(--papel);padding:10px 14px;border-radius:6px}
.lx .saltar:focus{left:12px}
.lx .marca .logo{display:block;width:auto;color:var(--tinta)}
.lx .marca .lg{display:flex;flex-direction:column;gap:4px}
.lx .marca .endoso{margin-top:0}
.lx .nav .acc{display:flex;gap:10px;align-items:center}
.lx .marca-pie .logo{display:block;width:auto;color:#F4F2ED}
.lx .ac8 .sello .logo{display:block;width:auto;color:var(--verde)}
.lx .chip-prox{margin-left:8px;vertical-align:middle}
.lx .solo-movil{display:none}
@media (max-width:600px){.lx .solo-ancho{display:none}.lx .solo-movil{display:inline}.lx .nav .acc{gap:6px}}
/* páginas legales */
.lx .legal{padding:56px 0 72px}
.lx .legal .wrap{max-width:820px}
.lx .legal h1{font-size:clamp(30px,4.6vw,42px);margin:0 0 10px}
.lx .legal p.fecha{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);margin:0 0 30px}
.lx .legal h2{font-size:clamp(21px,2.6vw,25px);max-width:none;margin:40px 0 12px}
.lx .legal p,.lx .legal li{max-width:none;color:var(--gris);font-size:16px}
.lx .legal ul{padding-left:22px;margin:0 0 16px}
.lx .legal li{margin-bottom:7px}
.lx .legal strong{color:var(--tinta)}
.lx .legal a{color:var(--verde);text-underline-offset:3px}
.lx .legal .tabla{overflow-x:auto;margin:6px 0 22px;border:1px solid var(--linea);border-radius:10px;background:var(--blanco)}
.lx .legal table{width:100%;font-size:14.5px}
.lx .legal .ancha table{min-width:640px}
.lx .legal p.eyebrow{font-size:10.5px;color:var(--verde)}
.lx .legal th,.lx .legal td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--linea2);vertical-align:top;color:var(--gris)}
.lx .legal th{font-weight:600;color:var(--tinta);background:var(--hueso);font-size:13.5px}
.lx .legal tr:last-child td{border-bottom:none}
.lx .legal .volver{display:inline-block;margin-top:34px}
.lx .err{min-height:62vh;display:flex;align-items:center}