/* pantalla de inicio: cajón de sodería, el chorro escribe el logo y telón de soda */
body.cargando{overflow:hidden}
.in{position:fixed;inset:0;z-index:100;overflow:hidden;background:#071A40;cursor:pointer;touch-action:manipulation}
.in__fondo{position:absolute;inset:0;background:#071A40}
.in__logo{position:absolute;left:50%;top:46%;width:min(62vw,540px);transform:translate(-50%,-50%);opacity:0;will-change:clip-path,filter,opacity;z-index:3}
.in__cono{position:absolute;bottom:0;width:min(34vw,300px);height:78vh;left:50%;transform:translateX(-50%);background:linear-gradient(#ffffff55,#ffffff00 82%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:0;z-index:1}
.in__caja{position:absolute;left:50%;bottom:0;width:min(78vw,460px);transform:translate(-50%,130%);z-index:2;will-change:transform}
.in__caja svg{display:block;width:100%;height:auto;overflow:visible}
.in__sif{position:absolute;left:0;top:0;opacity:0;z-index:4;will-change:transform;overflow:visible;filter:drop-shadow(0 18px 18px rgba(0,0,0,.4))}
.in__vaso{position:absolute;left:50%;top:46%;width:min(26vw,110px);height:min(38vw,160px);margin:calc(min(38vw,160px)*-.5) 0 0 calc(min(26vw,110px)*-.5);opacity:0;z-index:2;border:3px solid #ffffffcc;border-top:0;border-radius:2px 2px 18px 18px;background:linear-gradient(#c8eef91a,#8fd6f744);overflow:hidden;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}
.in__vaso i{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(#D2563A,#8E301D)}
.in__liq{position:absolute;left:0;right:0;top:0;height:100%;background:linear-gradient(#37B4EC,#1B6FB5);transform:translateY(105vh);z-index:2;will-change:transform}
.in__liq svg{position:absolute;left:0;top:-19px;width:100%;height:20px}
.in__cv{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.in__saltar{position:absolute;right:16px;bottom:14px;z-index:6;font:600 .72rem Inter,sans-serif;letter-spacing:.08em;color:#fff;opacity:.5;background:none;border:0;cursor:pointer}
@media (prefers-reduced-motion:reduce){.in{display:none}body.cargando{overflow:auto}}
