@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:.28s cubic-bezier(.4,0,1,1) both vt-sale-raiz}::view-transition-new(root){animation:.5s cubic-bezier(.16,1,.3,1) 80ms both vt-entra-raiz}@keyframes vt-sale-raiz{to{opacity:0}}@keyframes vt-entra-raiz{0%{opacity:0;transform:translateY(10px)}}::view-transition-group(.botella){z-index:5;animation-duration:.7s;animation-timing-function:cubic-bezier(.16,1,.3,1)}html.vt-estado::view-transition-old(root),html.vt-estado::view-transition-new(root){animation:none}::view-transition-group(.pieza){animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(.pieza):only-child{animation:.5s cubic-bezier(.16,1,.3,1) 60ms both vt-pieza-entra}::view-transition-old(.pieza):only-child{animation:.22s cubic-bezier(.4,0,1,1) both vt-pieza-sale}@keyframes vt-pieza-entra{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes vt-pieza-sale{to{opacity:0;transform:scale(.98)}}.mov [data-rev=palabras] .pal{overflow-clip-margin:.12em;vertical-align:top;margin-bottom:-.06em;padding-bottom:.06em;display:inline-block;overflow:clip}.mov [data-rev=palabras] .pal>span{transform-origin:0 100%;transition:translate 1s cubic-bezier(.16,1,.3,1),rotate 1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--d,0s) + var(--w,0) * 70ms);display:inline-block;translate:0 108%;rotate:2deg}.mov [data-rev=palabras].visto .pal>span{translate:0;rotate:0deg}.mov [data-rev=grabado]{clip-path:inset(0 0 100%);transition:clip-path 1.4s cubic-bezier(.65, 0, .35, 1) var(--d,.1s)}.mov [data-rev=grabado].visto{clip-path:inset(0)}.mov [data-rev=texto]{opacity:0;filter:blur(4px);transition:opacity .8s cubic-bezier(.16, 1, .3, 1) var(--d,.15s), translate .9s cubic-bezier(.16, 1, .3, 1) var(--d,.15s), filter .8s cubic-bezier(.16, 1, .3, 1) var(--d,.15s);translate:0 12px}.mov [data-rev=texto].visto{opacity:1;filter:none;translate:0}.mov [data-rev=bloque]{opacity:0;transition:opacity .7s cubic-bezier(.16, 1, .3, 1) var(--d,.1s), translate .8s cubic-bezier(.16, 1, .3, 1) var(--d,.1s);translate:0 14px}.mov [data-rev=bloque].visto{opacity:1;translate:0}.mov [data-rev=pieza]{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 65ms);translate:0 22px}.mov [data-rev=pieza].visto{opacity:1;translate:0}.mov [data-rev=botella]{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate 1s cubic-bezier(.16,1,.3,1),scale 1s cubic-bezier(.16,1,.3,1);translate:0 24px;scale:.97}.mov [data-rev=botella].visto{opacity:1;translate:0;scale:1}@supports (animation-timeline:view()){.mov-scroll [data-scrub]{animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both;animation-timeline:view();animation-duration:auto}.mov-scroll [data-scrub=grabado]{animation-name:scrub-imprime;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-range:entry 5% cover 45%}.mov-scroll [data-scrub=texto]{animation-name:scrub-texto;animation-range:entry cover 28%}.mov-scroll [data-scrub=bloque]{animation-name:scrub-bloque;animation-range:entry cover 30%}.mov-scroll [data-scrub=pieza]{animation-name:scrub-pieza;animation-range:entry cover 32%}@keyframes scrub-imprime{0%{clip-path:inset(0 0 100%);translate:0 24px}to{clip-path:inset(0);translate:0}}@keyframes scrub-texto{0%{opacity:0;filter:blur(6px);translate:0 30px}to{opacity:1;filter:blur();translate:0}}@keyframes scrub-bloque{0%{opacity:0;translate:0 56px}to{opacity:1;translate:0}}@keyframes scrub-pieza{0%{opacity:0;translate:0 70px;scale:.96}to{opacity:1;translate:0;scale:1}}.mov-scroll .etapa .hito:before{transform-origin:0;animation:linear both scrub-linea view();animation-range:entry 20% cover 40%}@keyframes scrub-linea{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.mov:not(.mov-scroll) .etapa .hito:before{transform-origin:0;transition:transform .9s cubic-bezier(.65,0,.35,1);transition-delay:calc(var(--i,0) * .11s + .2s);transform:scaleX(0)}.mov:not(.mov-scroll) .etapa.visto .hito:before{transform:scaleX(1)}@supports (animation-timeline:view()){.b2 .portada{view-timeline:--portada block}.b2 .portada .lamina{animation:linear both b2-lamina --portada;animation-range:exit}@keyframes b2-lamina{to{transform:translateY(14%)}}.separador svg{animation:linear both b2-cordillera view();animation-range:entry exit 40%}@keyframes b2-cordillera{0%{transform:translateY(9%)}to{transform:translateY(-3%)}}}}
