:root{--m21-admin-offset:0px;--m21-light-height:28px}
#m21-navidad-root,#m21-navidad-root *,.m21-hat,.m21-pine{box-sizing:border-box;pointer-events:none!important;user-select:none}
#m21-navidad-root{position:fixed;inset:0;z-index:45;overflow:hidden;isolation:isolate}
.m21-lights{position:absolute;top:var(--m21-admin-offset);left:0;width:100%;height:39px;display:flex;justify-content:space-around;align-items:flex-start;padding:0 4px;background:linear-gradient(#fff8ef80,transparent)}
.m21-wire{position:absolute;left:0;right:0;top:0;height:9px;background:url('wire.svg') repeat-x top left;background-size:180px 9px}
.m21-bulb{display:block;position:relative;width:19px;height:34px;flex:none;transform:rotate(var(--tilt));transform-origin:50% 0;--m21-bulb-color:#e9ab39}
.m21-bulb svg{width:100%;height:100%;display:block;overflow:visible}
.m21-bulb.pink{--m21-bulb-color:#d8386b}.m21-bulb.green{--m21-bulb-color:#56815b}
.m21-glass{fill:var(--m21-bulb-color);filter:drop-shadow(0 2px 4px var(--m21-bulb-color));animation:m21-bulb-pulse 3.8s ease-in-out infinite}
.m21-bulb.group-1 .m21-glass{animation-delay:-1.3s}.m21-bulb.group-2 .m21-glass{animation-delay:-2.6s}
@keyframes m21-bulb-pulse{0%,12%,100%{opacity:.45}28%,60%{opacity:1}76%,90%{opacity:.5}}
.m21-n-has-lights body{padding-top:var(--m21-light-height)}
html.m21-n-has-lights .shipping-banner.m21-shipping-with-lights:not(.not-sticky){top:calc(var(--m21-admin-offset) + var(--m21-light-height))!important}
.m21-snow{position:absolute;inset:0;overflow:hidden}
.m21-snow i{position:absolute;left:var(--x);top:-12px;width:var(--size);height:var(--size);border-radius:50%;background:#fff;box-shadow:0 0 1px #dcb2c9;opacity:.6;animation:m21-snow-fall var(--duration) var(--delay) linear infinite}
@keyframes m21-snow-fall{0%{transform:translate3d(0,-15px,0);opacity:0}10%{opacity:.6}90%{opacity:.6}100%{transform:translate3d(var(--drift),105vh,0);opacity:0}}
html body #productos .products>.product.m21-hat-host{position:relative;overflow:visible}
html body #productos .products>.product>img.m21-hat{position:absolute!important;z-index:4;aspect-ratio:auto!important;height:auto!important;max-width:none!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;transform:rotate(-10deg)!important;transform-origin:65% 85%;transition:none!important;pointer-events:none!important}
html body #productos .products>.product>img.m21-hat.m21-hat-right{transform:scaleX(-1) rotate(-10deg)!important;transform-origin:50% 85%}
.m21-peek{position:absolute;display:block;overflow:hidden;contain:layout paint;aspect-ratio:3/2;pointer-events:none}
.m21-peek-image{display:block;width:100%;height:100%;object-fit:contain;animation:m21-character-peek 5.5s cubic-bezier(.22,.65,.35,1) both;transform-origin:50% 100%}
@keyframes m21-character-peek{0%,100%{transform:translateY(105%)}18%,80%{transform:translateY(0)}40%{transform:translateY(0) rotate(-3deg)}60%{transform:translateY(0) rotate(2deg)}}
html body main .m21-pine-host{position:relative}
.m21-pine{position:absolute;right:0;top:0;width:clamp(55px,10vw,115px);height:76px;background-size:contain;background-repeat:no-repeat;background-position:top right;z-index:1;opacity:.9}
.m21-pause{position:fixed;left:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:61;border:1px solid #e6d4dd;border-radius:20px;padding:8px 12px;background:#fff9fced;color:#78435e;font:11px/1.4 Arial,sans-serif;min-height:36px;box-shadow:0 2px 8px #34222a12;cursor:pointer}
.m21-pause:focus-visible{outline:3px solid #c82e58;outline-offset:3px}
.m21-preview-label{position:fixed;right:10px;top:calc(var(--m21-admin-offset) + 45px);z-index:62;background:#242125;color:white;border-radius:20px;padding:7px 12px;font:11px/1.4 Arial,sans-serif;pointer-events:none}
html.m21-n-paused #m21-navidad-root *,html.m21-n-paused .m21-peek-image{animation-play-state:paused!important}
html.m21-n-paused .m21-snow,html.m21-n-paused .m21-peek{visibility:hidden}
@media(max-width:640px){.m21-bulb:nth-of-type(n+14){display:none}.m21-bulb{width:16px;height:31px}.m21-pine{width:66px;height:48px}.m21-pause{font-size:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);max-width:126px;min-height:40px}}
@media(prefers-reduced-motion:reduce){#m21-navidad-root *{animation:none!important}.m21-snow,.m21-peek{display:none!important}.m21-glass{opacity:.8;filter:none!important}}
/* Keep the visitor pause control above the site's existing social dock. */
.m21-pause{bottom:calc(env(safe-area-inset-bottom,0px) + 94px)}
@media(max-width:640px){.m21-pause{bottom:calc(env(safe-area-inset-bottom,0px) + 85px)}}
