.story{background-color:var(--color-background)}.story__track{display:grid;gap:clamp(3rem,9vw,4.5rem)}.story__stage{display:grid;gap:var(--spacing-lg)}.story__figure{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-medium);background-color:var(--color-background-secondary);aspect-ratio:4 / 5}.story__figure img{width:100%;height:100%;object-fit:cover}.story__body{display:grid;gap:var(--spacing-md)}@media(max-width:767px){.story__track{gap:var(--spacing-xl)}.story__stage{gap:var(--spacing-md)}.story__figure{aspect-ratio:4 / 3}}.story__index{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted)}.story__of{color:var(--color-text-muted);opacity:.55}.story__index:after{content:"";flex:1;height:1px;max-width:64px;background-color:var(--color-border);background-image:linear-gradient(var(--color-text),var(--color-text));background-repeat:no-repeat;background-size:var(--story-progress, 0%) 100%;transition:background-size var(--motion-swap) var(--ease-standard)}.story__lede{max-width:46ch}.story__specs{display:grid;gap:0;margin:0;padding-top:var(--spacing-sm)}.story__spec{display:flex;justify-content:space-between;gap:var(--spacing-md);padding-block:var(--spacing-sm);border-top:1px solid var(--color-border)}.story__spec dt{color:var(--color-text-muted)}.story__spec dd{margin:0;font-weight:var(--weight-medium);text-align:right}@media(min-width:1024px){.story__track{grid-template-columns:minmax(0,5fr) minmax(0,5fr);grid-template-rows:repeat(var(--story-stages, 4),auto);column-gap:clamp(2.5rem,5vw,6rem);row-gap:0;align-items:start}.story__stage{display:contents}.story__figure{grid-column:1;grid-row:1 / -1;align-self:start;justify-self:center;width:100%;position:sticky;top:calc(var(--header-height) + var(--spacing-xl));max-height:min(60svh,560px);opacity:0;transform:scale(1.012);transition:opacity var(--motion-swap) var(--ease-standard),transform var(--motion-swap) var(--ease-product);pointer-events:none}.story__stage:first-child .story__figure{opacity:1;transform:none}.story__stage[data-active=true] .story__figure{opacity:1;transform:none;pointer-events:auto}.story__stage:not([data-active=true]):first-child .story__figure{opacity:0}.story__body{grid-column:2;align-content:center;max-width:46ch;min-height:clamp(380px,62svh,600px);padding-block:var(--spacing-xl)}.story__stage .story__body{opacity:.42;transition:opacity var(--motion-swap) var(--ease-standard),transform var(--motion-swap) var(--ease-out)}.story__stage[data-position=future] .story__body{transform:translate3d(0,10px,0)}.story__stage[data-position=past] .story__body{transform:translate3d(0,-10px,0)}.story__stage[data-active=true] .story__body{opacity:1;transform:none}.story__index:after{background-size:0% 100%}.story__stage[data-active=true] .story__index:after,.story__stage[data-position=past] .story__index:after{background-size:var(--story-progress, 100%) 100%}}.no-js .story__body{opacity:1!important}@media(prefers-reduced-motion:reduce){.story__figure,.story__body,.story__index:after{transition-duration:1ms}.story__stage .story__body{opacity:1;transform:none}.story__figure{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/zona-historia.css.map */