@font-face{font-family:"Space Grotesk";src:url('../assets/branding/SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--fondo:#f7f8ff;--tinta:#211d55;--suave:#575a7c;--verde:#e9e9ff;--naranja:#a8a1ff;--linea:#dcdcf0;--radio:16px}h1,h2,h3,.marca{font-family:"Space Grotesk",Inter,sans-serif}
body{background:var(--fondo)}.marca{color:var(--tinta);letter-spacing:1px;font-weight:800}.marca span{margin:0;color:inherit}.hero h1 em,.rejilla-funciones article>span,.paso-demo b{color:#4e4cdb}.boton{background:#4e4cdb;border-color:#4e4cdb;color:#fff}.boton:hover{background:#3d3bb4}.boton.secundario{background:transparent;color:#38369f;border-color:#aaa7dc}.plan.destacado{background:#eeedff;border-color:#7772db}.planes,.negocio{background:#f0effc}.tarjeta-dolor{background:#ececfa}.franja,.bloque-agente,.contacto-final{background:#211d55}.bloque-agente .enlace,.franja span:first-child,.sello,.contacto-final .ceja{color:#d6ceff}.detalle-perfil .ejemplo{border-color:#6b65e6;background:#f4f1ff}.contacto-final select{background:#302b68}.cabecera .marca img{flex:none}.hero .punto{background:#4e4cdb}.plan .pagar-plan{margin-top:9px;width:100%}.normal-plan{font-size:12px;margin:6px 0;color:var(--suave)}.descuento-plan{font-size:11px;font-weight:800;color:#39319b;margin:0 0 5px}.detalle-precio{font-size:12px;line-height:1.5;min-height:58px;margin:9px 0!important}.periodos{display:inline-flex;gap:5px;padding:4px;border:1px solid var(--linea);border-radius:12px;margin-bottom:22px}.periodos button{border:0;background:none;color:var(--tinta);padding:12px 18px;border-radius:9px;font:600 12px inherit;cursor:pointer;min-height:44px}.periodos button[aria-pressed=true]{background:#4e4cdb;color:white}.compra-contenido{max-width:760px;padding:45px 20px;margin:auto;min-height:80vh}.compra-contenido h1{font-size:clamp(32px,6vw,52px);letter-spacing:-1.8px}.compra-contenido h2{font-size:26px;margin-top:28px}.compra-contenido p{line-height:1.7}.resumen-compra{border:1px solid var(--linea);border-radius:16px;background:white;padding:24px;margin:22px 0}.resumen-compra select{width:100%;padding:12px;border:1px solid var(--linea);border-radius:9px;color:var(--tinta);background:var(--fondo);font:inherit;margin:8px 0 16px}.aceptacion{display:block;font-size:13px;line-height:1.7;margin:20px 0}.aceptacion input{width:18px;height:18px;accent-color:#4e4cdb;vertical-align:middle;margin-right:9px}.aceptacion a{color:#4e4cdb;text-decoration:underline}#estado-compra{font-size:13px;color:#38369f}.compra-contenido section{scroll-margin-top:20px}.compra-contenido form>.boton{width:100%}[hidden]{display:none!important}
.abi-flotante{position:fixed;right:14px;bottom:14px;z-index:50;max-width:calc(100vw - 24px);color:#9e8bff}.abi-boton{display:block;width:70px;height:78px;border:0;background:transparent;padding:0;cursor:pointer;touch-action:none;color:inherit}.abi-art svg{display:block;width:100%;height:100%;overflow:visible}.abi-cuerpo{transform-origin:50px 58px;animation:abi-flotar 5s ease-in-out infinite}.abi-atomo{animation:abi-energia var(--abi-ritmo,3s) ease-in-out infinite}.abi-estrellas{animation:abi-luz var(--abi-ritmo,4s) ease-in-out infinite alternate}.abi-brazo{transform-origin:50px 45px;animation:abi-brazos 6s ease-in-out infinite}.abi-boton[data-estado=escuchando]{color:#8ce3ef;--abi-ritmo:.9s}.abi-boton[data-estado=hablando]{color:#f5cf83;--abi-ritmo:.55s}.abi-boton[data-estado=pensando]{color:#bca9ff;--abi-ritmo:1.3s}.abi-boton[data-estado=pensando] .abi-estrellas{animation:abi-pensar 1.4s linear infinite}.abi-boton:focus-visible{outline:2px solid #4e4cdb;border-radius:22px}.abi-nube{position:absolute;bottom:100%;right:0;width:min(310px,calc(100vw - 24px));background:#fffffff0;backdrop-filter:blur(8px);border:1px solid #dad9f1;border-radius:14px;padding:12px;box-shadow:0 9px 30px #211d5515;color:var(--tinta);font-size:12px}.abi-nube p{margin:4px 0;line-height:1.5}.abi-nube label{font-size:10px;display:flex;gap:6px;align-items:center}.abi-nube input[type=range]{min-width:0;flex:1}.abi-saludo{position:absolute;bottom:100%;right:0;white-space:nowrap;border-radius:12px;padding:8px 12px;background:#fff;box-shadow:0 5px 20px #211d5520;font-size:12px;font-weight:650;color:#4e4cdb}.abi-nube .hablar-abi{width:100%;margin-top:8px;font-size:12px;padding:8px;min-height:38px}.abi-texto{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.abi-nube textarea{width:100%;min-height:42px;max-height:70px;border:1px solid var(--linea);border-radius:7px;font:inherit;padding:6px;margin-top:7px;resize:none}.abi-nube .contacto{display:block;margin-top:7px;color:#4e4cdb;font-size:11px}
@keyframes abi-flotar{50%{transform:translateY(-3px) rotate(1deg)}}@keyframes abi-luz{50%{opacity:.55;filter:drop-shadow(0 0 3px currentColor)}}@keyframes abi-energia{50%{opacity:.65}}@keyframes abi-brazos{50%{transform:rotate(-3deg)}}@keyframes abi-pensar{50%{opacity:.3;transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.abi-cuerpo,.abi-atomo,.abi-estrellas,.abi-brazo{animation:none!important}}

/* Constelación ABI: acentos de estado y movimiento sin superficie de captura extra. */
.abi-art { display: block; width: 100%; height: 100%; pointer-events: none; }
.abi-chispas { transform-origin: 50px 56px; animation: abi-constelacion 5s ease-in-out infinite; }
[data-estado="pensando"] .abi-chispas { animation-duration: 2.4s; }
[data-estado="escuchando"] .abi-chispas { opacity: calc(.65 + var(--nivel, 0) * .35); }
[data-estado="hablando"] .abi-chispas { animation-duration: 1.8s; }
@keyframes abi-constelacion { 50% { opacity: .45; transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) {
  .abi-art, .abi-art *, .robot-asistente, .abi-boton { animation: none !important; transition: none !important; transform: none !important; }
}

/* Se preservan los eventos de js/abi.js y el contrato data-estado. */
.abi-flotante { pointer-events: none; }
.abi-flotante > * { pointer-events: auto; }
.abi-flotante .abi-saludo { pointer-events: none; }
.abi-boton[data-estado="escuchando"] { color: #2385aa; }
.abi-boton[data-estado="pensando"] { color: #7c3aed; }
.abi-boton[data-estado="hablando"] { color: #d87c1d; }
.abi-boton:focus-visible { outline-offset: 4px; }
.abi-nube { max-height: min(360px, 65dvh); overflow-y: auto; }
.abi-nube textarea, .abi-nube .contacto { min-height: 44px; }
.abi-nube .contacto { display: flex; align-items: center; }
.abi-nube input[type="range"] { min-height: 44px; }