.heroe{position:relative;height:clamp(640px,94vh,900px);overflow:hidden;isolation:isolate}.escena{position:absolute;inset:0;overflow:hidden}.heroe .capa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}.heroe .maca{position:absolute;inset:0;z-index:1}.heroe .maca canvas{width:100%;height:100%;display:block}.heroe .delante{z-index:2;pointer-events:none}.escena:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#f4f0f8db,#f4f0f88c 30%,#f4f0f800 52%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .escena:after{background:linear-gradient(90deg,#14121ed1,#14121e80 30%,#14121e00 52%)}}:root[data-theme=dark] .escena:after{background:linear-gradient(90deg,#14121ed1,#14121e80 30%,#14121e00 52%)}.cabecera{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}.columna{position:absolute;z-index:4;left:0;top:0;bottom:0;width:min(560px,46%);display:flex;flex-direction:column;justify-content:center;gap:26px;padding-block:96px 40px;padding-left:max(48px,env(safe-area-inset-left,0px));padding-right:16px}h1{font:800 clamp(44px,5.6vw,76px)/.98 var(--display);letter-spacing:-.02em;margin:0;text-wrap:balance}h1 em{font-style:normal;color:var(--indigo)}.entradilla{margin:0;color:var(--tinta-suave);font-size:18px;max-width:40ch;text-wrap:pretty}.columna{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--linea) transparent}.columna.con-resultado{justify-content:flex-start;padding-top:84px;gap:16px}.columna h1,.entradilla{transition:font-size .5s,opacity .4s}.columna.con-resultado h1{font-size:clamp(34px,3.4vw,46px)}.columna.con-resultado .entradilla{display:none}.panel{background:var(--cristal);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--linea);border-radius:22px;padding:20px;box-shadow:0 18px 48px #281e4624;display:grid;gap:14px;min-height:92px;transition:opacity .35s,transform .35s}.panel[data-esperando=true]{opacity:.55}.panel .quien{display:flex;align-items:center;gap:8px;font:700 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}.panel .quien b{color:var(--indigo)}.opciones{display:flex;flex-wrap:wrap;gap:10px}.opcion{font:600 16px/1 var(--texto);padding:13px 18px;border-radius:999px;border:1.5px solid var(--linea);background:var(--papel);color:var(--tinta);cursor:pointer;transition:transform .15s,border-color .15s,background .15s;animation:entra .4s both}.opcion:nth-child(2){animation-delay:.06s}.opcion:nth-child(3){animation-delay:.12s}.opcion:nth-child(4){animation-delay:.18s}.opcion:hover{border-color:var(--indigo);transform:translateY(-1px)}.opcion:active{transform:translateY(1px) scale(.98)}.opcion.principal{background:var(--indigo);border-color:var(--indigo);color:#fff}:root[data-theme=dark] .opcion.principal{color:#15142a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .opcion.principal{color:#15142a}}.opcion:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--melocoton);outline-offset:2px}@keyframes entra{0%{opacity:0;transform:translateY(8px)}}.importe{display:grid;gap:12px;animation:entra .4s both}.importe output{font:800 54px/1 var(--display);letter-spacing:-.03em}.importe output small{font:700 26px/1 var(--display);color:var(--tinta-suave);margin-left:4px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:36px;background:transparent;cursor:grab}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--indigo) var(--lleno, 30%),var(--linea) var(--lleno, 30%))}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:var(--linea)}input[type=range]::-moz-range-progress{height:8px;border-radius:999px;background:var(--indigo)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:var(--papel);border:3px solid var(--indigo);box-shadow:0 4px 12px #1e1e5040}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--papel);border:3px solid var(--indigo);box-shadow:0 4px 12px #1e1e5040}.resultado{display:grid;gap:14px;animation:entra .5s both}.resultado .gran{font:800 60px/1 var(--display);letter-spacing:-.03em;color:var(--sube)}.resultado .sub{color:var(--tinta-suave);font-size:15px;margin-top:-6px}.cuentas{display:grid;gap:8px;margin:0;padding:0;list-style:none}.cuentas li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 12px;align-items:center;background:var(--papel);border-radius:14px;padding:10px 12px;border:1px solid var(--linea)}.escudo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:800 14px/1 var(--display);color:#fff;grid-row:span 2}.cuentas b{font-weight:700}.cuentas .neto{font:800 18px/1 var(--display);color:var(--sube);text-align:right}.cuentas small{color:var(--tinta-suave);font-size:13px;grid-column:2 / 4}.cuentas a{color:var(--indigo);font-weight:600;font-size:13px;text-decoration:none}.cuentas a:hover{text-decoration:underline}.grafica{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;height:84px}.grafica div{display:grid;gap:4px;align-items:end;height:100%;text-align:center;font-size:12px;color:var(--tinta-suave)}.grafica .barra{background:linear-gradient(180deg,var(--sube),color-mix(in oklab,var(--sube) 55%,transparent));border-radius:8px 8px 3px 3px;height:0;transition:height .9s cubic-bezier(.2,.8,.2,1)}.grafica strong{color:var(--tinta);font:700 14px/1 var(--texto)}.letra{font-size:12.5px;color:var(--tinta-suave);margin:0}.ver-plan{justify-self:start;font:700 15px/1.2 var(--texto);color:var(--indigo);text-decoration:none;padding:10px 14px;margin-top:-4px;border-radius:999px;background:var(--indigo-suave)}.ver-plan:hover{background:var(--indigo);color:var(--sobre-indigo)}.escribir{display:flex;gap:8px;align-items:center;border-top:1px solid var(--linea);padding-top:14px}.escribir input{flex:1;min-width:0;font:500 16px/1.2 var(--texto);color:var(--tinta);background:var(--papel);border:1.5px solid var(--linea);border-radius:999px;padding:12px 16px;transition:border-color .15s}.escribir input::placeholder{color:var(--tinta-suave);opacity:.8}.escribir input:focus{border-color:var(--indigo);outline:none}.escribir button{flex:none;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--indigo);color:#fff;transition:transform .15s,opacity .2s}.escribir button:active{transform:scale(.94)}.escribir[data-esperando=true] button{opacity:.45;cursor:wait}:root[data-theme=dark] .escribir button{color:#15142a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .escribir button{color:#15142a}}.eco{text-transform:none;letter-spacing:0;font:italic 500 13px/1.2 var(--texto);color:var(--tinta);margin-left:4px;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.con-tarjeta{display:grid;gap:14px}.extra:empty{display:none}.extra a{font-weight:600;color:var(--indigo);text-decoration:none}.extra a:hover{text-decoration:underline}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bocadillo{position:absolute;z-index:6;left:0;top:0;max-width:min(340px,40vw);background:#fff;color:#1c1a2b;border-radius:22px;padding:14px 20px;font:500 19px/1.38 var(--maca);filter:drop-shadow(0 10px 26px rgb(40 30 70 / .22));pointer-events:none;transition:opacity .25s;text-wrap:pretty}.bocadillo:after{content:"";position:absolute;right:-16px;bottom:18px;width:26px;height:20px;background:#fff;clip-path:polygon(0 0,100% 75%,0 100%)}.bocadillo[data-tipo=piensa]{border-radius:999px;font-style:italic}.bocadillo[data-tipo=piensa]:after{width:14px;height:14px;border-radius:50%;clip-path:none;right:-12px;bottom:-6px}.bocadillo[data-tipo=piensa]:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;right:-24px;bottom:-18px}.bocadillo[hidden]{display:block!important;opacity:0}.bocadillo[data-lado=arriba][data-tipo=habla]:after{right:auto;left:58%;bottom:-16px;width:22px;height:20px;clip-path:polygon(0 0,100% 0,30% 100%)}@media(max-width:820px){.heroe{height:auto;overflow:visible}.escena{position:relative;height:62vh;min-height:420px}.escena .capa{object-position:50% 50%}.escena:after{background:linear-gradient(180deg,#f4f0f8b3,#f4f0f800 22%)}.cabecera{padding-block:14px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.marca{font-size:20px}.marca img{height:34px}.columna{position:relative;width:auto;padding:22px 16px 8px;gap:16px;overflow:visible}h1{font-size:clamp(36px,10.5vw,48px)}.columna.con-resultado h1{font-size:32px}.columna.con-resultado{padding-top:22px}.entradilla{display:none}.bocadillo{max-width:58vw;font-size:16px;padding:12px 16px}.resultado .gran{font-size:48px}}@media(prefers-reduced-motion:reduce){.opcion,.importe,.resultado{animation:none}.grafica .barra{transition:none}.robot i{animation:none}}