/* Landing transaccional /tienda-en-linea/: un solo objetivo, WhatsApp. Se apoya en estilo.css. */
.cab--lp .cont{display:flex;align-items:center;gap:16px}
.cab--lp .logo{margin-right:auto}
.lp-sello{font:600 .74rem var(--tit);letter-spacing:.08em;text-transform:uppercase;color:var(--tenue)}
.boton.wa,.boton.wa:hover{background:#1fae54;background-image:none;color:#fff;box-shadow:0 18px 40px -18px rgba(31,174,84,.9)}
.boton.wa.boton--fantasma{background:transparent;border-color:rgba(31,174,84,.6);box-shadow:none}
.plan--top .boton.wa{background:#1fae54}
.wa svg{width:20px;height:20px;fill:currentColor;flex:none}
.enlace-wa{color:#4ade80;font-weight:700;display:inline-flex;align-items:center;gap:.35em;border-bottom:1px solid rgba(74,222,128,.4)}
.enlace-wa svg{width:16px;height:16px;fill:currentColor}
.lp-hero{padding-top:130px}
.lp-hero h1{font-size:clamp(2.3rem,5.4vw,4.1rem)}
.lp-precio{display:inline-flex;flex-direction:column;gap:2px;padding:12px 18px;border:1px solid var(--linea2);border-radius:16px;background:rgba(19,11,42,.7);margin:6px 0 22px}
.lp-precio b{font:800 1.5rem/1.1 var(--tit);color:#fff}
.lp-precio span{color:var(--suave);font-size:.92rem}
.lp-confianza{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--suave);font-size:.9rem}
.lp-confianza li{display:flex;align-items:center;gap:.4em}
.lp-confianza li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--v2);margin-right:.5em}
.lp-planes{grid-template-columns:repeat(3,1fr)}
.lp-tabla{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--radio);background:var(--panel)}
.lp-tabla table{width:100%;border-collapse:collapse;min-width:640px;font-size:.95rem}
.lp-tabla th,.lp-tabla td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--linea);vertical-align:top}
.lp-tabla tr:last-child th,.lp-tabla tr:last-child td{border-bottom:0}
.lp-tabla thead th{font:700 .82rem var(--tit);letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.lp-tabla tbody th{font:600 .95rem var(--tit);color:var(--texto)}
.lp-tabla td{color:var(--suave)}
.lp-tabla .nos{background:rgba(102,1,241,.16);color:#fff;font-weight:600}
.lp-tabla thead .nos{color:var(--lila)}
.lp-quiz{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start;padding:clamp(24px,4vw,48px);border:1px solid var(--linea2);border-radius:28px;background:linear-gradient(160deg,#1d0e45,#0e0820 70%)}
.lp-quiz fieldset{border:0;padding:0;margin:0 0 18px}
.lp-quiz legend{font:600 .9rem var(--tit);color:var(--texto);margin-bottom:10px}
.lp-quiz .ops{display:flex;flex-wrap:wrap;gap:8px}
.chip-op input{position:absolute;opacity:0;pointer-events:none}
.chip-op span{display:inline-block;padding:.55em 1em;border:1px solid var(--linea2);border-radius:999px;font-size:.9rem;color:var(--suave);cursor:pointer;transition:.2s}
.chip-op input:checked+span{background:var(--v);border-color:var(--v2);color:#fff}
.chip-op input:focus-visible+span{outline:2px solid var(--lila);outline-offset:2px}
.lp-quiz .boton{width:100%;justify-content:center;margin-top:6px}
.hub .lista{margin-top:18px}
.pie-lp{padding:34px 0 110px}
.pie-lp .legal{border-top:0;margin-top:0;padding-top:0}
.pie-lp .legal a{color:var(--suave)}
.lp-barra{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border:1px solid var(--linea2);border-radius:18px;background:rgba(14,8,32,.94);backdrop-filter:blur(12px);transform:translateY(140%);transition:transform .35s}
.lp-barra.ver{transform:none}
.lp-barra b{display:block;font:800 1rem var(--tit)}
.lp-barra small{color:var(--tenue);font-size:.78rem}
.lp .flota-msj{display:none}
@media (max-width:980px){.lp-planes{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.lp-quiz{grid-template-columns:1fr}.lp-sello{display:none}}
@media (max-width:700px){.lp-barra{display:flex}.cab--lp .boton{display:none}.lp-hero{padding-top:100px}}
@media (max-width:700px){.lp-dolor .cifras{grid-template-columns:1fr}}
/* ---------- animacion del hero de /pagina-web/: Fable 5.1 escribe y lanza ---------- */
.ia-anim{position:relative;width:580px;max-width:100%;margin-inline:auto;aspect-ratio:1/0.95}
.ia-ed{position:absolute;left:0;top:0;width:86%;height:78%;display:flex;flex-direction:column;border:1px solid var(--linea2);border-radius:16px;background:#0b0618;box-shadow:0 40px 90px -35px rgba(143,77,255,.9);overflow:hidden;font:500 12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ia-cab{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--linea);background:#120a26}
.ia-cab i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.ia-cab i+i{background:#febc2e}.ia-cab i+i+i{background:#28c840}
.ia-tab{margin-left:10px;color:var(--suave);font:600 .76rem var(--tit)}
.ia-tab b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ia-estado{margin-left:auto;font:700 .66rem var(--tit);letter-spacing:.08em;text-transform:uppercase;padding:.35em .7em;border-radius:999px;background:rgba(143,77,255,.2);color:var(--lila)}
.ia-estado.escribe{background:rgba(72,224,255,.14);color:var(--cian)}
.ia-estado.lanza{background:rgba(31,174,84,.18);color:#4ade80}
.ia-piensa{padding:12px 14px 4px;color:var(--suave);min-height:78px}
.ia-piensa p{margin:0 0 3px;display:flex;gap:8px;opacity:0;transform:translateY(4px);transition:.35s}
.ia-piensa p.si{opacity:1;transform:none}
.ia-piensa p::before{content:"◆";color:var(--rosa);flex:none}
.ia-codigo{flex:1;margin:0;padding:6px 14px;overflow:hidden;color:#d9d3f0;white-space:pre-wrap;word-break:break-word}
.ia-codigo .t{color:#ff79c6}.ia-codigo .a{color:#8be9fd}.ia-codigo .s{color:#f1fa8c}.ia-codigo .c{color:#6f6a8a}
.ia-cursor{display:inline-block;width:7px;height:1.1em;vertical-align:-2px;background:var(--lila);animation:ia-parpadeo 1s steps(1) infinite}
@keyframes ia-parpadeo{50%{opacity:0}}
.ia-term{padding:8px 14px 12px;border-top:1px solid var(--linea);background:#080412;color:var(--tenue);min-height:62px}
.ia-term p{margin:0}.ia-term .ok{color:#4ade80}
.ia-web{position:absolute;right:0;bottom:0;width:66%;border:1px solid var(--linea2);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:0 30px 70px -20px rgba(0,0,0,.85);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.ia-web img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.ia-web .demo-barra{position:static}
.ia-sello{position:absolute;right:10px;bottom:10px;font:700 .7rem var(--tit);padding:.4em .8em;border-radius:999px;background:#1fae54;color:#fff}
.js .ia-anim.corre .ia-web{opacity:0;transform:translateY(24px) scale(.94)}
.js .ia-anim.corre.listo .ia-web{opacity:1;transform:none}
@media (max-width:520px){.ia-ed{width:100%;height:74%;font-size:11px}.ia-web{width:72%}}
@media (max-width:900px){.lp-hero .fig{max-width:100%;width:100%;min-width:0}.ia-anim{width:100%}}
@media (max-width:520px){.ia-anim{aspect-ratio:1/1.35}.ia-ed{height:72%}.ia-piensa{min-height:0;padding-top:8px}.ia-web{width:78%}}
/* ---------- sitio transaccional (2026-09-26): ofertas de la portada, flotante de WhatsApp ---------- */
.ofertas{grid-template-columns:repeat(3,1fr)}
.oferta{display:flex;flex-direction:column}
.oferta-img{margin:-6px -6px 16px;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:var(--panel2)}
.oferta-img img{width:100%;height:100%;object-fit:cover}
.flota-msj.wa-flota{background:#1fae54;box-shadow:0 14px 34px -12px rgba(31,174,84,.9)}
.flota-msj.wa-flota svg{fill:#fff}
.cab .cab-cta.wa{padding-inline:16px}
@media (max-width:980px){.ofertas{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}
@media (max-width:700px){.flota-msj{display:none}}
.nota a{display:inline-flex;align-items:center;gap:.35em}
.nota a svg,.centro.nota svg{width:16px;height:16px;flex:none}