/* Animación cinematográfica HIGIA, aislada de la tienda. */
.animacion-entrada{position:fixed;inset:0;z-index:200;overflow:hidden;background:#071109;color:#fff;transition:opacity .3s ease}
.animacion-entrada[hidden]{display:none}
.animacion-entrada.leaving{opacity:0;pointer-events:none}
.animacion-entrada.is-cinema{background:#071109;transition:none}
.animacion-entrada.is-cinema.leaving{transition:opacity .3s ease}
.animacion-entrada.is-cinema>.omitir-animacion{z-index:220;color:#f7e5b6;background:#0d170dcc;border-color:#f0cf7640;backdrop-filter:blur(10px);font-size:11px;letter-spacing:.2px}
.omitir-animacion{position:absolute;right:24px;bottom:22px;padding:11px 17px;border:1px solid #f0cf7640;border-radius:999px;cursor:pointer}
.lienzo-entrada{display:block;width:100%;height:100%;background:#fff8da}
.animacion-entrada.is-cinema>.lienzo-entrada{display:none}
.cinema{position:absolute;inset:0;overflow:hidden;isolation:isolate;perspective:1000px}
.cinema[hidden]{display:none}
.cinema-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 51% 58%,#38402080 0%,#0d211450 39%,transparent 66%),radial-gradient(ellipse at 12% 8%,#85602850,transparent 35%),linear-gradient(130deg,#090c06,#08130c 70%,#101508)}
.cinema-spotlight{position:absolute;left:50%;top:-30%;width:75%;height:135%;transform:translateX(-50%);background:conic-gradient(from 157deg at 50% 0%,transparent 0deg,#fce3a41a 9deg,#ffe6a83d 22deg,#fff0c618 31deg,transparent 43deg);filter:blur(12px);opacity:.75;mix-blend-mode:screen}
.cinema-floor{position:absolute;left:-20%;right:-20%;height:36%;bottom:-13%;background:radial-gradient(ellipse at 50% 30%,#b68e4445 0%,#13231922 45%,transparent 70%);transform:perspective(320px) rotateX(33deg);filter:blur(8px)}
.cinema-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cinema-vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px 35px #0008;pointer-events:none;z-index:10}
.cinema-heading{position:absolute;left:0;right:0;top:6.5%;text-align:center;font-size:9px;letter-spacing:4px;color:#d8ccaa;z-index:12;opacity:.8}
.cinema-heading i{display:inline-block;width:18px;height:1px;background:#c4a353;vertical-align:middle;margin:0 14px}
.cinema-stage{position:absolute;inset:0;transform-style:preserve-3d}
.cinema-halo{position:absolute;left:50%;top:44%;width:520px;height:520px;margin:-260px;background:radial-gradient(ellipse,#fff7d5c0 0%,#eeba3950 19%,#a677191a 45%,transparent 67%);opacity:0;pointer-events:none;mix-blend-mode:screen}
.cinema-core{position:absolute;left:50%;top:44%;width:240px;height:240px;margin:-120px;border-radius:50%;background:radial-gradient(circle,#fffdeebf,#f8d66950 25%,transparent 68%);opacity:0;mix-blend-mode:screen}
.cinema-ring{position:absolute;width:640px;height:440px;left:50%;top:44%;margin:-220px -320px;overflow:visible;opacity:0;pointer-events:none;filter:drop-shadow(0 0 5px #ffce65)}
.cinema-ring ellipse{fill:none;stroke:#f3ca6b;stroke-width:1.8;stroke-dasharray:1700;stroke-dashoffset:1700}
.cinema-ring .secondary{stroke:#b0ce58;stroke-width:.6;opacity:.5}
.cinema-box{position:absolute;width:360px;height:360px;left:50%;top:44%;margin:-180px;will-change:transform,opacity;z-index:5;opacity:0}
.cinema-box-rear{z-index:2}
/* One immutable carton body; only the four hinged lid panels move. */
.cinema-box-shell{clip-path:polygon(9% 28%,27.5% 40.5%,89.5% 31.7%,91% 100%,8% 100%)}
.cinema-lid{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cinema-flap{fill:url(#higia-cardboard);stroke:#ae8751;stroke-width:.3;stroke-linejoin:round}
.cinema-flap-left{filter:brightness(.78)}
.cinema-flap-right{filter:brightness(.88)}
.cinema-box-sprite{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden}
.cinema-box-sprite>img{position:absolute;left:0;top:0;width:200%;height:100%;max-width:none;pointer-events:none}
.cinema-box-open{opacity:0;transform-origin:50% 74%}
.cinema-box-closed{clip-path:inset(0 9% 0 0)}
.cinema-box-open>img{left:-100%}
.cinema-box-logo{position:absolute;width:49%;left:31%;top:55%;transform:skewY(-10deg);filter:brightness(.88) saturate(.95);opacity:.96}
.cinema-box-side-logo{position:absolute;width:12%;left:12%;top:55%;transform:skewY(32deg);filter:brightness(.46);opacity:.9}
.cinema-box-light{position:absolute;left:6%;top:-47%;width:90%;height:110%;background:radial-gradient(ellipse at 50% 70%,#fffbedf2, #ffe08a80 17%,#ffbb3330 35%,transparent 65%);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:4}
.cinema-shadow{position:absolute;left:50%;top:44%;width:410px;height:80px;margin:130px -205px;background:radial-gradient(ellipse,#000c,transparent 70%);filter:blur(8px)}
.cinema-product{position:absolute;left:50%;top:44%;width:230px;height:230px;margin:-115px;will-change:transform,opacity;opacity:0;z-index:4;transform-style:preserve-3d}
.cinema-product-visual{position:absolute;inset:0;filter:drop-shadow(6px 12px 10px #0008);backface-visibility:hidden}
.cinema-product-sprite{position:absolute;inset:0;overflow:hidden;background-image:url('/recursos/imagenes/entrada/productos-atlas.png');background-repeat:no-repeat;background-size:300% 200%}
.cinema-product-sprite>img{position:absolute;width:300%;height:200%;max-width:none;left:calc(var(--col) * -100%);top:calc(var(--row) * -100%);pointer-events:none}
.cinema-product-logo{position:absolute;left:var(--logo-x,31%);top:var(--logo-y,57%);width:var(--logo-width,36%);height:auto;transform:rotate(var(--logo-rotation,0deg));filter:brightness(.96);backface-visibility:hidden}
.cinema-brand{position:absolute;left:50%;top:44%;width:370px;margin-left:-185px;transform:translateY(-50%);z-index:8;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 18px #ffdd794d)}
.cinema-brand img{display:block;width:100%;height:auto}
.cinema-caption{position:absolute;top:calc(44% + 125px);left:0;right:0;text-align:center;color:#ead7a2;font-size:9px;letter-spacing:4px;z-index:9;opacity:0}
.cinema-progress{position:absolute;left:50%;bottom:7%;width:70px;height:1px;margin-left:-35px;background:#e6c56e25;z-index:11}
.cinema-progress>span{display:block;width:100%;height:100%;background:#ead18a;transform:scaleX(0);transform-origin:left}
.intro-choices{flex-wrap:wrap}.intro-choices button{white-space:nowrap}
@media(max-width:650px){.cinema-heading{font-size:7px;letter-spacing:2.6px;top:7%}.cinema-heading i{width:10px;margin:0 7px}.cinema-vignette{box-shadow:inset 0 0 80px 10px #0006}.cinema-ring{width:360px;height:330px;margin:-165px -180px}.cinema-halo{width:360px;height:400px;margin:-200px -180px}.cinema-caption{top:calc(44% + 78px);font-size:7px;letter-spacing:2.5px}.animacion-entrada.is-cinema>.omitir-animacion{bottom:22px;right:20px}.cinema-progress{bottom:8%}}
@media(prefers-reduced-motion:reduce){.cinema-product,.cinema-box,.cinema-ring,.cinema-atmosphere,.cinema-spotlight,.cinema-progress{display:none!important}}

.cinema-mist{position:absolute;left:50%;top:44%;z-index:6;pointer-events:none;opacity:0;will-change:transform,opacity;filter:blur(12px);background:radial-gradient(ellipse at 28% 58%,#f7edd5b3,transparent 48%),radial-gradient(ellipse at 61% 43%,#e6e9dbb3,transparent 44%),radial-gradient(ellipse at 80% 63%,#eed9a885,transparent 40%);border-radius:50%}
@media(prefers-reduced-motion:reduce){.cinema-mist{display:none!important}}