.historias{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--crema);background:#000;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.historias::backdrop{background:#000}.historias-cargando{text-align:center;color:var(--gris);margin:0;padding:40vh 16px 0}.historias-barras{z-index:2;top:max(10px, env(safe-area-inset-top));pointer-events:none;gap:4px;display:flex;position:absolute;left:12px;right:12px}.hbarra{background:#ffffff40;border-radius:2px;flex:1;height:3px;overflow:hidden}.hbarra i{background:#fff;width:0;height:100%;display:block}.hbarra.vista i{width:100%}.hbarra.actual i{animation:5s linear forwards historia-avanza}.hbarra.actual.quieta i{width:100%;animation:none}.historias.pausa .hbarra.actual i{animation-play-state:paused}@keyframes historia-avanza{to{width:100%}}.historias-cabeza{z-index:2;top:calc(max(10px, env(safe-area-inset-top)) + 12px);text-shadow:0 1px 6px #000;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:.5rem;font:600 1.15rem Barlow Condensed,sans-serif;display:flex;position:absolute;left:16px;right:8px}.historias-cabeza strong{color:var(--oro)}.historias-servicio{color:var(--crema)}.historias-cerrar{color:#fff;cursor:pointer;background:#0006;border:0;border-radius:50%;width:48px;height:48px;font-size:2rem;line-height:1}.historias-pista{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x;height:100%;display:flex;overflow:auto hidden}.historias-pista::-webkit-scrollbar{display:none}.historia{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;place-items:center;height:100%;margin:0;display:grid}.historia img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.historias-pie{z-index:2;left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));position:absolute}.historias-pie .boton{width:100%}@media (prefers-reduced-motion:no-preference){.historias[open]{animation:.25s ease-out historias-entra}@keyframes historias-entra{0%{opacity:0;transform:scale(.96)}}}