.historia{--hf-ease:cubic-bezier(.77, 0, .175, 1);--hf-salida:cubic-bezier(.16, 1, .3, 1)}.historia-pasos{align-self:start;gap:.25rem;display:grid}.historia-paso-boton{text-align:left;width:100%;color:inherit;cursor:pointer;opacity:.45;transition:opacity .45s var(--hf-salida);border-top:1px solid #ffffff1f;grid-template-columns:2.25rem 1fr;gap:.75rem;padding:.85rem 0;display:grid}.historia-paso:first-child .historia-paso-boton{border-top:0}.historia-paso-boton:hover{opacity:.8}.historia-paso[data-estado=activo] .historia-paso-boton{opacity:1}.historia-paso-boton:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #fff}.historia-num{letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#fff9;padding-top:.15rem;font-size:.75rem;font-weight:600}.historia-paso-cuerpo{min-width:0;display:grid}.historia-paso-ceja{text-transform:uppercase;letter-spacing:.18em;color:#ffffff8c;font-size:.6875rem;font-weight:600}.historia-paso-titulo{letter-spacing:-.015em;margin-top:.3rem;font-size:1.0625rem;font-weight:600;line-height:1.3}.historia-paso-texto{color:#ffffffad;opacity:0;transition:grid-template-rows .6s var(--hf-ease), margin .6s var(--hf-ease), opacity .45s ease;grid-template-rows:0fr;font-size:.9375rem;line-height:1.6;display:grid}.historia-paso-texto>span{min-height:0;overflow:hidden}.historia-paso[data-estado=activo] .historia-paso-texto{opacity:1;grid-template-rows:1fr;margin-top:.45rem}.historia-paso-barra{opacity:0;background:#ffffff24;height:2px;margin-top:.85rem;transition:opacity .3s;display:block;position:relative;overflow:hidden}.historia-paso[data-estado=activo] .historia-paso-barra{opacity:1}.historia-paso-barra>span{transform-origin:0;background:#fff;position:absolute;inset:0;transform:scaleX(0)}.historia[data-corre] .historia-paso[data-estado=activo] .historia-paso-barra>span{animation:hf-barra var(--hf-duracion) linear both}.historia:not([data-corre]) .historia-paso[data-estado=activo] .historia-paso-barra>span{animation:hf-barra var(--hf-duracion) linear both;animation-play-state:paused}@keyframes hf-barra{to{transform:scaleX(1)}}.historia-marco{aspect-ratio:4/3;background:#0b0b0c;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -30px #000c}.historia-foto{z-index:1;clip-path:inset(0);opacity:0;margin:0;transition:opacity 0s linear 1.1s;position:absolute;inset:0}.historia-foto[data-estado=activo]{z-index:2;opacity:1;animation:hf-barrido 1.1s var(--hf-ease) both;transition:none}@keyframes hf-barrido{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.historia-zoom{transform-origin:50% 55%;position:absolute;inset:0}.historia-foto[data-estado=activo] .historia-zoom{animation:hf-zoom calc(var(--hf-duracion) + 1.5s) cubic-bezier(.25, .1, .25, 1) both}.historia:not([data-corre]) .historia-foto[data-estado=activo] .historia-zoom{animation-play-state:paused}@keyframes hf-zoom{0%{transform:scale(1.1)}to{transform:scale(1)}}.historia-foto:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000073 100%);position:absolute;inset:0}.historia-contador{z-index:10;letter-spacing:.14em;align-items:baseline;gap:.4rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:1.1rem;left:1.25rem}.historia-puntos{z-index:6;pointer-events:none;position:absolute;inset:0}.historia-punto{width:0;height:0;position:absolute}.historia-foto[data-estado=activo] .historia-punto{pointer-events:auto}.historia-foto[data-estado=activo] .historia-punto:hover{z-index:2}.historia-punto-dot{background:#fff;border-radius:999px;width:14px;height:14px;position:absolute;top:-7px;left:-7px;transform:scale(0);box-shadow:0 0 0 4px #ffffff38}.historia-punto-dot:after{content:"";border-radius:inherit;opacity:0;border:1px solid #fff;position:absolute;inset:-1px}.historia-punto-tarjeta{-webkit-backdrop-filter:blur(14px)saturate(1.2);color:#fff;opacity:0;background:#0c0c0e9e;border:1px solid #ffffff24;border-radius:5px;gap:.1rem;width:max-content;max-width:14rem;padding:.5rem .75rem .55rem;display:grid;position:absolute;top:0}.historia-punto[data-lado=derecha] .historia-punto-tarjeta{left:1.1rem;transform:translateY(-50%)}.historia-punto[data-lado=izquierda] .historia-punto-tarjeta{right:1.1rem;transform:translateY(-50%)}.historia-punto-tipo{text-transform:uppercase;letter-spacing:.16em;color:#fff9;font-size:.625rem;font-weight:600}.historia-punto-nombre{letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.historia-punto-dato{color:#ffffffb8;opacity:0;transition:grid-template-rows .45s var(--hf-salida), opacity .3s ease, margin .45s var(--hf-salida);grid-template-rows:0fr;font-size:.75rem;line-height:1.45;display:grid}.historia-punto-dato>span{min-height:0;overflow:hidden}.historia-punto:hover .historia-punto-dato{opacity:1;grid-template-rows:1fr;margin-top:.25rem}.historia-foto[data-estado=activo] .historia-punto-dot{animation:hf-dot .6s var(--hf-salida) calc(.9s + var(--k) * .18s) both}.historia-foto[data-estado=activo] .historia-punto-dot:after{animation:hf-pulso 2.4s var(--hf-salida) calc(1.6s + var(--k) * .18s) infinite}.historia-foto[data-estado=activo] .historia-punto-tarjeta{animation:hf-tarjeta .7s var(--hf-salida) calc(1.1s + var(--k) * .18s) both}@keyframes hf-dot{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hf-tarjeta{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@keyframes hf-pulso{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (max-width:767px){.historia-punto-tarjeta{padding:.35rem .55rem}.historia-punto-tipo,.historia-punto-dato{display:none}.historia-punto-nombre{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.historia-foto[data-estado=activo],.historia-foto[data-estado=activo] .historia-zoom,.historia-paso-barra>span{animation:none!important}.historia-foto[data-estado=activo] .historia-punto-dot,.historia-foto[data-estado=activo] .historia-punto-tarjeta{opacity:1;transform:none;animation:none!important}.historia-punto[data-lado] .historia-punto-tarjeta{transform:translateY(-50%)}.historia-punto-dot:after{animation:none!important}}