/* Capa de temporada: quitarla recupera el diseño Original sin cambiar ajustes. */
.halloween-dracula{position:absolute;left:-8px;bottom:20%;width:106px;animation:halloween-dracula-visit 24s ease-in-out infinite;filter:drop-shadow(0 4px 5px #35204733)}
.halloween-dracula svg{display:block;width:100%}.dracula-hand{transform-origin:88px 98px;animation:halloween-dracula-wave 1.6s ease-in-out infinite alternate}.dracula-cape{transform-origin:60px 84px;animation:halloween-dracula-cape 2.5s ease-in-out infinite alternate}
@keyframes halloween-dracula-visit{0%,22%{transform:translateX(0) translateY(0) rotate(5deg)}10%{transform:translateX(5px) translateY(-10px) rotate(0)}30%,85%{transform:translateX(-115%) rotate(0)}92%,100%{transform:translateX(0) translateY(0) rotate(5deg)}}
@keyframes halloween-dracula-wave{from{transform:rotate(-9deg)}to{transform:rotate(13deg)}}
@keyframes halloween-dracula-cape{from{transform:scaleX(.94)}to{transform:scaleX(1.04)}}
.halloween-motion-off .halloween-dracula{display:none}
@media(max-width:640px){.halloween-dracula{width:72px;bottom:22%}}
@media(prefers-reduced-motion:reduce){.halloween-dracula{display:none}}
.halloween-ghost{position:absolute;right:-8px;bottom:34%;width:64px;transform:translateX(110%);animation:halloween-ghost-peek 22s ease-in-out infinite;filter:drop-shadow(0 3px 5px #35204733)}
.halloween-ghost svg{display:block;width:100%}
@keyframes halloween-ghost-peek{0%,12%,48%,100%{transform:translateX(110%) rotate(0)}20%,38%{transform:translateX(0) rotate(-12deg)}28%{transform:translate(-8px,-12px) rotate(-6deg)}}
.halloween-motion-off .halloween-bat,.halloween-motion-off .halloween-ghost{display:none}
.halloween-motion-off .spider-body,.halloween-motion-off .halloween-cloud{animation:none}
.halloween-motion-off .halloween-cloud{transform:translateX(25px)}
.halloween-motion-off .halloween-cloud-back{transform:translateX(100px)}
.storefront.tema-halloween .home-section-title h2::before{content:"";display:inline-block;vertical-align:middle;width:1em;height:1em;margin-right:.45em;background:url('../img/halloween-calabaza.svg') center/contain no-repeat;transform-origin:50% 80%;transition:transform .25s ease}
.storefront.tema-halloween .home-section-title:hover h2::before{transform:rotate(-12deg) scale(1.12)}
.storefront.tema-halloween .halloween-sale-badge{background:#ffad5c;color:#291636;font-size:12px;font-weight:700;padding:7px 10px;border-radius:7px;max-width:calc(100% - 24px)}
.halloween-motion-off .home-section-title h2::before{transition:none;transform:none!important}
@media(max-width:640px){.halloween-ghost{width:45px}.storefront.tema-halloween .home-section-title h2::before{width:.85em;height:.85em;margin-right:.25em}}
@media(prefers-reduced-motion:reduce){.halloween-ghost{display:none}.storefront.tema-halloween .home-section-title h2::before{transition:none;transform:none!important}}
.tema-halloween .site-header,.tema-halloween .site-footer{position:relative}
.tema-halloween .site-header::before,.tema-halloween .site-footer::after{content:"";position:absolute;width:clamp(65px,9vw,125px);height:clamp(65px,9vw,125px);background:url('../img/halloween-telarana.svg') no-repeat top left;background-size:contain;pointer-events:none;z-index:2;opacity:.6}
.tema-halloween .site-header::before{top:0;left:0}.tema-halloween .site-footer::after{right:0;top:0;transform:scaleX(-1);opacity:.4}
.storefront.tema-halloween .product-copy button,.storefront.tema-halloween .product-copy .product-read-more,.tema-halloween .halloween-season a,.storefront.tema-halloween .product-search button{transition:box-shadow .22s ease,background-color .22s ease}
.storefront.tema-halloween .product-copy button:hover,.storefront.tema-halloween .product-copy button:focus-visible,.storefront.tema-halloween .product-copy .product-read-more:hover,.storefront.tema-halloween .product-copy .product-read-more:focus-visible,.tema-halloween .halloween-season a:hover,.tema-halloween .halloween-season a:focus-visible,.storefront.tema-halloween .product-search button:hover{box-shadow:0 0 0 2px #ffb264,0 0 22px #ff8a3b88}
.halloween-sky{position:absolute;right:0;bottom:100px;width:460px;max-width:42%;height:130px;overflow:hidden;pointer-events:none;z-index:0}
.halloween-season-copy{position:relative;z-index:1}
.halloween-cloud{position:absolute;top:30px;left:0;width:240px;height:76px;background:url('../img/halloween-nube.svg') center/contain no-repeat;opacity:.65;animation:halloween-cloud-drift 26s linear infinite;will-change:transform}
.halloween-cloud-back{width:180px;top:4px;opacity:.3;animation-duration:38s;animation-delay:-19s}
@keyframes halloween-cloud-drift{from{transform:translateX(-260px)}to{transform:translateX(460px)}}
@media(max-width:640px){.halloween-sky{bottom:28px;max-width:34%;height:64px}.halloween-cloud{width:125px;height:40px;top:14px}.halloween-cloud-back{width:90px;top:0}}
@media(prefers-reduced-motion:reduce){.halloween-cloud{animation:none;transform:translateX(25px)}.halloween-cloud-back{transform:translateX(100px)}.storefront.tema-halloween .product-copy button,.storefront.tema-halloween .product-copy .product-read-more,.tema-halloween .halloween-season a,.storefront.tema-halloween .product-search button{transition:none}}
.halloween-effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:85;contain:layout paint}
.halloween-bat{position:absolute;left:0;width:64px;top:16%;animation:halloween-flight 21s linear infinite;will-change:transform;opacity:.85}
.halloween-bat svg{display:block;width:100%;overflow:visible}.bat-wings{transform-origin:50px 26px;animation:halloween-flap .45s ease-in-out infinite alternate}
.halloween-bat-1{top:38%;width:45px;animation-duration:27s;animation-delay:-9s;animation-direction:reverse;opacity:.65}
.halloween-bat-2{top:9%;width:52px;animation-duration:24s;animation-delay:-15s}
.halloween-bat-3{top:55%;width:36px;animation-duration:32s;animation-delay:-22s;animation-direction:reverse;opacity:.55}
.halloween-spider{position:absolute;top:0;right:clamp(12px,3vw,54px);width:56px;height:var(--spider-drop,110px)}
.spider-thread{position:absolute;top:0;bottom:43px;left:50%;width:1px;background:#9b819e;box-shadow:0 0 1px #fff}
.spider-body{position:absolute;bottom:0;left:0;width:56px;height:54px;filter:drop-shadow(0 2px 2px #fff8);transform-origin:50% 0;animation:halloween-sway 4s ease-in-out infinite alternate}
@keyframes halloween-flight{0%{transform:translate3d(-90px,0,0) rotate(-8deg)}25%{transform:translate3d(25vw,-35px,0) rotate(7deg)}50%{transform:translate3d(50vw,25px,0) rotate(-5deg)}75%{transform:translate3d(75vw,-20px,0) rotate(6deg)}100%{transform:translate3d(calc(100vw + 90px),0,0) rotate(-8deg)}}
@keyframes halloween-flap{from{transform:scaleY(.5)}to{transform:scaleY(1)}}
@keyframes halloween-sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
@media(max-width:640px){.halloween-bat-2,.halloween-bat-3{display:none}.halloween-bat{width:44px}.halloween-bat-1{width:34px}.halloween-spider{width:44px}.spider-body{width:44px;height:42px}.spider-thread{bottom:34px}}
@media(prefers-reduced-motion:reduce){.halloween-bat{display:none}.spider-body{animation:none}}
.storefront.tema-halloween{--brand-blue:#6e318d;--brand-yellow:#ffad5c;--ink:#2b2037;--muted:#655a6b;--line:#e4d8eb;background:#faf6fd;color:var(--ink)}
.tema-halloween .site-header{background:#fff;border-bottom:0}
.storefront.tema-halloween .social-bar{background:#21142f}
.storefront.tema-halloween .category-nav{background:#352047;border-bottom:3px solid #ffad5c}
.tema-halloween .header-main{background:#fff}
.tema-halloween .product-search{border-color:#d7c4e2;border-radius:8px}
.storefront.tema-halloween .product-search button{background:#5e287b;border-radius:0 7px 7px 0}
.tema-halloween .category-submenu{background:#fff;color:#2b2037;border-top:3px solid #b35b14}
.tema-halloween .category-submenu a{color:#2b2037}
.tema-halloween .category-scroll>a:hover,.tema-halloween .category-item>a:hover{color:#ffd1a3}
.storefront.tema-halloween .home-section-title{background:linear-gradient(110deg,#352047,#582871);border-left:6px solid #ffad5c;border-radius:10px}
.storefront.tema-halloween .home-section-title h2{color:#fff;font-size:clamp(1.4rem,3vw,34px)}
.storefront.tema-halloween .benefits-strip{background:#352047;border-radius:12px}
.storefront.tema-halloween .product-card{border-color:#e4d8eb;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #35204708}
.tema-halloween .product-card:hover{border-color:#be8bd6;box-shadow:0 8px 24px #35204716}
.tema-halloween .product-image{background:#fff}
.tema-halloween .price{color:#652b83}
.storefront.tema-halloween .product-copy button,.storefront.tema-halloween .product-copy .product-read-more{background:#4d2565;color:#fff;border-radius:7px}
.storefront.tema-halloween .product-copy button:hover,.storefront.tema-halloween .product-copy .product-read-more:hover{background:#321743}
.storefront.tema-halloween a:focus-visible,.storefront.tema-halloween button:focus-visible{outline-color:#a84b08}
.tema-halloween .site-footer{background:#21142f;border-top:4px solid #ffad5c;color:#fff}
.halloween-season{margin-top:24px;margin-bottom:0;position:relative;isolation:isolate;overflow:hidden;min-height:210px;padding:38px 38px;border:1px solid #6f4985;border-radius:16px;background:linear-gradient(110deg,#21142f,#352047);color:#fff}
.halloween-season::after{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:460px;max-width:48%;background:url('../img/halloween-decor.svg') no-repeat right bottom;background-size:contain;pointer-events:none}
.halloween-season-copy{max-width:65%}.halloween-season-kicker{display:block;color:#ffcb96;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.halloween-season h1,.halloween-season h2{color:#fff;font-size:clamp(1.8rem,4vw,38px);line-height:1.15;margin:12px 0}
.halloween-season p{color:#eadff0;margin:0 0 20px;font-size:1rem}
.halloween-season a{display:inline-block;background:#ffad5c;color:#291636;border-radius:8px;text-decoration:none;padding:12px 22px;font-weight:700;min-height:44px}
.theme-preview-notice{background:#fff2c9;color:#362818;padding:12px 20px;text-align:center;font-size:.9rem;border-bottom:1px solid #d6b46d}.theme-preview-notice a{color:#362818;text-decoration:underline;font-weight:700}
@media(max-width:640px){.halloween-season{padding:24px;min-height:230px}.halloween-season-copy{max-width:76%}.halloween-season::after{max-width:40%;width:210px;opacity:.75}.halloween-season h1,.halloween-season h2{font-size:26px}.halloween-season p{font-size:.9rem}}