.historia[data-astro-cid-jqtstxai]{gap:2rem;display:grid}.historia-riel[data-astro-cid-jqtstxai],.historia-punto[data-astro-cid-jqtstxai]{display:none}.historia-pantalla[data-astro-cid-jqtstxai]{margin-bottom:2.5rem}.historia-pantalla[data-astro-cid-jqtstxai].es-telefono .historia-marco[data-astro-cid-jqtstxai]{max-width:280px;margin-inline:auto}@media (width>=1024px){.js .historia[data-astro-cid-jqtstxai]{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:0 4.5rem}.js .historia-paso[data-astro-cid-jqtstxai]{--cerca:0;grid-column:1;grid-row:var(--fila);min-height:78vh;opacity:calc(.35 + .65 * var(--cerca));transform:translateX(calc((1 - var(--cerca)) * -8px));flex-direction:column;justify-content:center;padding-left:2.25rem;display:flex;position:relative}.js .historia-paso[data-astro-cid-jqtstxai][data-paso="0"]{--cerca:1}.js .historia-pantalla[data-astro-cid-jqtstxai]{--entra:0;--sale:0;grid-column:2;grid-row:var(--filas);pointer-events:none;opacity:calc(1 - var(--sale));visibility:hidden;margin:0}.js .historia-pantalla[data-astro-cid-jqtstxai][data-pantalla="0"]{--entra:1}.js .historia-pantalla[data-astro-cid-jqtstxai][data-visible],.js .historia-pantalla[data-astro-cid-jqtstxai][data-pantalla="0"]:not([data-oculta]){visibility:visible}.js .historia-pantalla[data-astro-cid-jqtstxai][data-activo]{pointer-events:auto}.js .historia-marco[data-astro-cid-jqtstxai]{position:sticky;top:max(6rem,50vh - 17rem)}.js .historia-pantalla[data-astro-cid-jqtstxai].es-telefono .historia-marco[data-astro-cid-jqtstxai]{max-width:250px}.js .historia-capa[data-astro-cid-jqtstxai]{transform-origin:50% 40%;transform:translateY(calc((1 - var(--entra)) * 48px + var(--sale) * -18px)) scale(calc(1 - var(--sale) * .06));filter:blur(calc(var(--sale) * 3px)) brightness(calc(1 - var(--sale) * .45));clip-path:inset(calc((1 - var(--entra)) * 100%) -80px -80px -80px);will-change:transform, clip-path;position:relative}.js .historia-capa[data-astro-cid-jqtstxai]:after{content:"";inset-inline:-6px;top:calc((1 - var(--entra)) * 100%);background:var(--color-cyan);height:2px;box-shadow:0 0 12px 1px var(--color-cyan), 0 0 40px 6px color-mix(in oklab, var(--color-cyan) 35%, transparent);opacity:calc(var(--entra) * (1 - var(--entra)) * 4);pointer-events:none;border-radius:9999px;position:absolute}[data-guion] [data-g-aparece]{transition:opacity .38s var(--curva-salida), transform .52s var(--curva-salida)}[data-guion] [data-g-aparece]:not([data-g-hecho]){opacity:0;transform:translateY(10px)scale(.9)}[data-guion] .g-salto{animation:g-salto .42s var(--curva-salida)}[data-guion] .g-presionado{animation:g-presionado .32s var(--curva-salida)}.historia-dedo{z-index:5;background:color-mix(in oklab, var(--color-ink) 28%, transparent);width:44px;height:44px;box-shadow:0 6px 18px -4px color-mix(in oklab, var(--color-ink) 70%, transparent);pointer-events:none;opacity:0;transition:transform .62s cubic-bezier(.65, 0, .35, 1), opacity .26s var(--curva-salida), scale .26s var(--curva-salida);border:2px solid #ffffffe6;border-radius:9999px;position:absolute;top:-22px;left:-22px;scale:.6}.historia-dedo[data-visible]{opacity:1;scale:1}.historia-dedo.g-toca:after{content:"";border-radius:inherit;border:2px solid var(--color-cyan);animation:g-onda .56s var(--curva-salida) forwards;position:absolute;inset:-2px}.historia-dedo.g-toca{animation:g-toque .3s var(--curva-salida)}.js .historia-riel[data-astro-cid-jqtstxai]{grid-column:1;grid-row:var(--filas);background:var(--color-line);border-radius:9999px;width:2px;margin:39vh 0 39vh 5px;display:block;position:relative;overflow:hidden}.js .historia-progreso[data-astro-cid-jqtstxai]{background:var(--color-cyan);transform-origin:top;transform:scaleY(var(--progreso,0));position:absolute;inset:0}.js .historia-punto[data-astro-cid-jqtstxai]{border:2px solid var(--color-graphite);background:var(--color-carbon);width:12px;height:12px;transition:border-color var(--duracion-cambio), background-color var(--duracion-cambio), transform var(--duracion-cambio) var(--curva-salida);border-radius:9999px;display:block;position:absolute;left:0}.js .historia-paso[data-astro-cid-jqtstxai][data-activo] .historia-punto[data-astro-cid-jqtstxai]{border-color:var(--color-cyan);background:var(--color-cyan);transform:scale(1.25)}}@keyframes g-salto{40%{transform:scale(1.3)}}@keyframes g-presionado{40%{transform:scale(.93)}}@keyframes g-toque{40%{scale:.8}}@keyframes g-onda{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}