/* Halloween (eptemas): colores, fondos y dibujos absolutos; dibujos de cabecera con z-index:-1 dentro de #header */
/* 1. Barra y dibujos (SVG en línea) */
html.ept-halloween{--ept-barra-fondo:#ff7a00;--ept-barra-texto:#1a0b24;--ept-barra-acento:#1a0b24;
--hw-bat:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23070310' stroke='%23c4a3ff' stroke-opacity='.9' stroke-width='2.2' d='M32 8.2L33.6 7.8L35.4 2.6L36.6 9.2Q45 4.6 63 6.2Q58.4 9.6 57.2 16Q53 12.2 49.2 17.2Q44.6 14.6 40.6 20.2Q37.2 20.8 35.2 22.6Q34.2 27 32 30.5Q29.8 27 28.8 22.6Q26.8 20.8 23.4 20.2Q19.4 14.6 14.8 17.2Q11 12.2 6.8 16Q5.6 9.6 1 6.2Q19 4.6 27.4 9.2L28.6 2.6L30.4 7.8L32 8.2Z'/></svg>");
--hw-web:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'><path d='M0 0L12 8M0 0L12 48M0 0L1 9M0 0L48 9M0 0L16 9M18 0Q15 1 18 1Q15 3 17 7Q13 8 13 12Q9 12 8 16Q5 14 3 18Q1 15 0 18M36 0Q31 1 36 3Q3 7 33 13Q26 16 27 24Q19 24 17 32Q1 29 6 35Q3 31 0 36M56 0Q48 2 56 4Q46 11 52 21Q4 25 42 37Q29 37 26 49Q15 45 1 55Q4 48 0 56M78 0Q67 2 78 5Q65 15 72 29Q56 35 58 52Q41 52 37 69Q22 63 14 77Q6 67 0 78M104 0Q89 3 104 7Q86 2 96 39Q75 47 77 7Q54 69 49 92Q29 84 18 102Q8 89 0 104' fill='none' stroke='%23efe6ff' stroke-opacity='.6' stroke-width='1.05'/></svg>");
--hw-luna:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><circle cx='24' cy='24' r='20' fill='%23f8e4a8'/><circle cx='21' cy='21' r='15' fill='%23fff6d6'/><g fill='%23c9a35a' fill-opacity='.35'><circle cx='17' cy='18' r='4'/><circle cx='30' cy='29' r='5.5'/><circle cx='29' cy='14' r='2.2'/><circle cx='15' cy='31' r='2.6'/></g></svg>");
--hw-arana:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 70'><path d='M10 0V54' stroke='%23efe6ff' stroke-opacity='.6' stroke-width='.6'/><path d='M12 56Q15 52 19 52M12 58Q16 56 20 60M12 60Q15 59 18 67M8 56Q5 52 1 52M8 58Q4 56 0 60M8 60Q5 59 2 67' fill='none' stroke='%23e9ddff' stroke-width='1.2' stroke-linecap='round'/><g fill='%23170a24' stroke='%23e9ddff' stroke-width='.8'><circle cx='10' cy='59' r='4.6'/><circle cx='10' cy='53.6' r='2.6'/></g><path d='M9 53.4h0M11 53.4h0' stroke='%23ff7a00' stroke-width='1.5' stroke-linecap='round'/></svg>");
--hw-baba:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 16'><g fill='%23f57000'><path d='M0 0h300v7q-15 2-30 0t-30 0t-30 0t-30 0t-30 0t-30 0t-30 0t-30 0t-30 0t-30 0z'/><rect x='42' y='5' width='6' height='7' rx='3'/><circle cx='45' cy='12.4' r='3.3'/><rect x='102.5' y='5' width='5' height='6.5' rx='2.5'/><rect x='133' y='5' width='4' height='5' rx='2'/><rect x='161.5' y='5' width='7' height='7.5' rx='3.5'/><circle cx='165' cy='12.2' r='3.8'/><rect x='222.5' y='5' width='5' height='8' rx='2.5'/><rect x='282' y='5' width='6' height='6' rx='3'/><circle cx='285' cy='11.5' r='3.2'/></g><path d='M0 1.4H300' stroke='%23ffa347' stroke-width='1.2'/></svg>");
--hw-calabaza:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'><path d='M20 8c1-4 3-6 6-7' stroke='%234d6b1e' stroke-width='3' fill='none' stroke-linecap='round'/><ellipse cx='12' cy='22' rx='10' ry='12' fill='%23e86400'/><ellipse cx='28' cy='22' rx='10' ry='12' fill='%23e86400'/><ellipse cx='20' cy='22' rx='9' ry='13' fill='%23ff7a00'/><path fill='%23ffd34d' d='M9 18l5-4 2 6zM31 18l-5-4-2 6zM18 23h4l-2 3zM8 26q12 9 24 0l-3 1-2 3-3-2-2 3-2-3-3 2-2-3z'/></svg>");
--hw-tumbas:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 34'><path fill='%23431f63' d='M0 30q120-7 240 0t240 0v4H0zM24 31V17a8 8 0 0116 0v14zM70 31V12h-5V8h5V3h4v5h5v4h-5v19zM118 31V21q0-7 7-7t7 7v10zM196 31V14a10 10 0 0120 0v17zM262 31V22a6 6 0 0112 0v9zM330 31V14h-5v-4h5V5h4v5h5v4h-5v17zM384 31V18a9 9 0 0118 0v13zM440 31V23a5 5 0 0110 0v8z'/><ellipse cx='296' cy='28' rx='6' ry='5' fill='%23ff7a00'/><path d='M296 23v-3' stroke='%234d6b1e' stroke-width='2'/><path fill='%23241035' d='M293 27l1.5-1.5 1 2zM299 27l-1.5-1.5-1 2zM293 30h6l-3 1z'/></svg>");
--hw-ojos:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 12'><g fill='%23ffc21a'><path d='M1 6Q6 0 12 6Q6 12 1 6z'/><path d='M22 6Q28 0 33 6Q28 12 22 6z'/></g><g fill='%23260a04'><ellipse cx='6.5' cy='6' rx='1' ry='3.2'/><ellipse cx='27.5' cy='6' rx='1' ry='3.2'/></g></svg>")}
/* 2. Cielo de noche; lo de dentro, transparente */
html.ept-halloween #header{background:radial-gradient(70% 60% at 50% 135%,rgba(255,106,0,.34),transparent 70%),radial-gradient(35% 40% at 12% 100%,rgba(190,150,255,.16),transparent),radial-gradient(35% 40% at 88% 100%,rgba(190,150,255,.16),transparent),linear-gradient(180deg,#3a1663,#26103f 50%,#170a29)}
html.ept-halloween #header .header-nav{background:#0b0513;box-shadow:inset 0 -1px 0 rgba(255,122,0,.3)}
html.ept-halloween #header .header-nav a:hover,html.ept-halloween #header .header-btn:hover,html.ept-halloween #mobile-header .m-nav-btn:hover{color:#ff9a1f}
html.ept-halloween #desktop_logo,html.ept-halloween .ep-catbar,html.ept-halloween #mobile-header,html.ept-halloween #footer-container-main{position:relative}
html.ept-halloween #mobile-header,html.ept-halloween #mobile-header #mobile-header-sticky{background:transparent}
html.ept-halloween #header #desktop-header.stuck-header,html.ept-halloween #mobile-header #mobile-header-sticky.stuck-down,html.ept-halloween #mobile-header #mobile-header-sticky.visible-stuck-up{background:linear-gradient(180deg,#3a1663,#170a29);box-shadow:0 2px 0 #ff7a00,0 6px 18px rgba(255,122,0,.3)}
/* 3. Logo intacto (JPG azul): marco de letrero */
html.ept-halloween #header img.logo{border-radius:6px;box-shadow:0 0 0 5px #0a2f87,0 0 0 7px rgba(255,122,0,.8),0 0 24px 8px rgba(255,100,0,.45)}
html.ept-halloween #desktop-header .form-search-control{border-color:#ff7a00}
/* 4. Menú translúcido; halo de vela en «Elige…» */
html.ept-halloween #header #iqitmegamenu-horizontal{background:rgba(8,3,14,.42);border-top-color:rgba(255,122,0,.22)}
html.ept-halloween #header .cbp-horizontal>ul>li>a:hover,html.ept-halloween #header .cbp-horizontal>ul>li.cbp-hropen>a{color:#ff9a1f;background:rgba(255,122,0,.1);text-shadow:0 0 8px rgba(255,122,0,.85),0 0 18px rgba(255,80,0,.5)}
html.ept-halloween #header #cbp-hrmenu-tab-5>a,html.ept-halloween #header #cbp-hrmenu-tab-5>a:hover{background:linear-gradient(180deg,#ffa133,#ff6f00);color:#1a0b24;text-shadow:none}
html.ept-halloween #header #cbp-hrmenu-tab-5>a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 16px 3px rgba(255,122,0,.75);pointer-events:none;animation:hw-vela 3.6s infinite}
@keyframes hw-vela{0%,100%{opacity:.5}8%{opacity:1}12%{opacity:.35}20%{opacity:.9}55%{opacity:.6}72%{opacity:1}}
/* 5. Tira de iconos y calabazas */
html.ept-halloween .ep-catbar{background:rgba(6,2,12,.45);border-top-color:rgba(255,122,0,.18)}
html.ept-halloween .ep-catbar__item:hover,html.ept-halloween .ep-catbar__item:focus-visible{color:#ff9a1f}
html.ept-halloween .ep-catbar__item:hover .ep-catbar__icon svg *,html.ept-halloween .ep-catbar__item:focus-visible .ep-catbar__icon svg *{stroke:#ff9a1f}
html.ept-halloween .ep-catbar__label{background:#1a0a2e;color:#ff9a1f}
html.ept-halloween .ep-catbar__item--feat .ep-catbar__icon{background:#ff7a00;animation:none;box-shadow:0 0 0 3px rgba(255,122,0,.3),0 0 14px rgba(255,122,0,.7)}
html.ept-halloween .ep-catbar .ep-catbar__item--feat .ep-catbar__icon svg *{stroke:#1a0b24}
@media (min-width:1400px){html.ept-halloween .ep-catbar::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--hw-calabaza) calc(50% - 672px) 50%/34px no-repeat,var(--hw-calabaza) calc(50% + 672px) 50%/34px no-repeat,radial-gradient(28px at calc(50% - 672px) 50%,rgba(255,140,0,.45),transparent),radial-gradient(28px at calc(50% + 672px) 50%,rgba(255,140,0,.45),transparent);pointer-events:none}}
/* 6. Telarañas, luna, araña, ojos y murciélagos (tema.js) */
html.ept-halloween #mobile-header::before,html.ept-halloween #mobile-header::after{content:"";position:absolute;top:0;left:0;width:84px;height:63px;background:var(--hw-web) 0 0/100% 100% no-repeat;pointer-events:none;z-index:-1}
@media (min-width:992px){html.ept-halloween #header::before,html.ept-halloween .ep-catbar::after{content:"";position:absolute;left:0;bottom:79px;width:126px;height:98px;background:var(--hw-web) 0 0/100% 100% no-repeat;pointer-events:none;z-index:-1}
html.ept-halloween .ep-catbar::after{left:auto;bottom:calc(100% + 24px)}}
html.ept-halloween #mobile-header::after,html.ept-halloween .ep-catbar::after{right:0;left:auto;transform:scaleX(-1)}
@media (min-width:1200px){html.ept-halloween #desktop_logo::after{content:"";position:absolute;left:calc(100% + 4px);top:50%;width:124px;height:124px;margin-top:-62px;background:var(--hw-bat) 66% 64%/30px 15px no-repeat,var(--hw-luna) center/52px no-repeat,radial-gradient(circle,rgba(255,226,150,.42),rgba(255,226,150,.12) 34%,transparent 64%);pointer-events:none;z-index:-1}}
@media (min-width:1300px){html.ept-halloween .ep-catbar__inner::after{content:"";position:absolute;bottom:calc(100% + 47px);right:56px;width:22px;height:77px;background:var(--hw-arana) 0 0/100% 100% no-repeat;pointer-events:none;z-index:-1;animation:hw-arana 5s ease-in-out infinite}}
@keyframes hw-arana{0%,100%{transform:translateY(-12px)}50%{transform:translateY(4px)}}
@media (min-width:1200px){html.ept-halloween #desktop-header .header-top::before,html.ept-halloween #desktop-header-container::before{content:"";position:absolute;width:56px;height:28px;background:var(--hw-ojos) center/42px 15px no-repeat,radial-gradient(closest-side,rgba(255,140,0,.35),transparent);pointer-events:none;z-index:-1;opacity:0;animation:hw-ojos 9s infinite}
html.ept-halloween #desktop-header .header-top::before{left:61%;bottom:64px}
html.ept-halloween #desktop-header-container::before{right:146px;top:50%;margin-top:-14px;animation-delay:-4s}}
@keyframes hw-ojos{0%,40%,90%,100%{opacity:0;transform:none}48%,58%,62%,82%{opacity:1;transform:none}60%{opacity:1;transform:scaleY(.1)}}
html.ept-halloween #header .ept-hw-cielo{position:absolute;z-index:-1}
html.ept-halloween .ept-hw-bat{position:absolute;left:0;top:0;width:36px;height:18px;filter:drop-shadow(0 0 2px rgba(255,140,40,.75));animation:hw-vuelo var(--d,16s) ease-in-out var(--r,0s) infinite backwards}
html.ept-halloween .ept-hw-bat i{display:block;height:100%;background:var(--hw-bat) center/100% 100% no-repeat;animation:hw-aleteo .14s linear infinite alternate}
@keyframes hw-aleteo{to{transform:scaleY(.35)}}
@keyframes hw-vuelo{0%{transform:translate3d(-60px,var(--y),0) scale(var(--s))}10%{transform:translate3d(25vw,calc(var(--y) - 14px),0) scale(var(--s))}20%{transform:translate3d(50vw,calc(var(--y) + 8px),0) scale(var(--s))}30%{transform:translate3d(75vw,calc(var(--y) - 10px),0) scale(var(--s))}40%,100%{transform:translate3d(calc(100vw + 60px),var(--y),0) scale(var(--s))}}
/* 7. Baba bajo la cabecera */
html.ept-halloween #header::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px;margin-top:-6px;background:var(--hw-baba) 0 0/300px 16px repeat-x;pointer-events:none}
/* 8. Títulos de la portada */
html.ept-halloween body#index .elementor-widget-heading .page-title::after{width:104px;background:linear-gradient(90deg,#ff7a00 36%,transparent 36%,transparent 64%,#ff7a00 64%)}
html.ept-halloween body#index .elementor-widget-heading .page-title::before{content:"";position:absolute;left:50%;bottom:calc(.55rem - 5.5px);width:30px;height:15px;margin-left:-15px;background:var(--hw-bat) center/100% 100% no-repeat;pointer-events:none}
/* 9. Descuentos y compra (!important: la tienda los pinta con !important) */
html.ept-halloween #wrapper .product-flags .product-flag.discount,html.ept-halloween #wrapper .product-flags .product-flag.on-sale,html.ept-halloween #wrapper .product-flags .product-flag.discount-percentage{background:#ff7a00;color:#1a0b24}
html.ept-halloween #wrapper .product-miniature .add-to-cart,html.ept-halloween #wrapper .product-miniature .product-add-cart>.btn-product-list,html.ept-halloween #product .product-actions .add-to-cart{background:linear-gradient(180deg,#ff9326,#ff6f00)!important;color:#1a0b24!important}
html.ept-halloween #wrapper .product-miniature .add-to-cart:hover,html.ept-halloween #wrapper .product-miniature .product-add-cart>.btn-product-list:hover,html.ept-halloween #product .product-actions .add-to-cart:hover{background:#ffa640!important;color:#1a0b24!important}
/* 10. Banner de categoría, oferta y pie */
html.ept-halloween #footer{background:linear-gradient(180deg,#1a0a2e,#0e0618)}
html.ept-halloween #wrapper #js-product-list-header h1.page-title{background:linear-gradient(135deg,#1e0b35,#3a1663);border-left-color:#ff7a00}
html.ept-halloween #wrapper .ep-subcats__title::after{background:#ff7a00}
html.ept-halloween body#index .ep-deal{background:linear-gradient(135deg,#1e0b35,#3a1663)}
html.ept-halloween #footer #footer-copyrights{background:#07030c}
html.ept-halloween #footer .block-title{color:#ff9a1f}
html.ept-halloween #footer a:hover{color:#ff9a1f}
html.ept-halloween #footer .ps-emailsubscription-block .newsletter-input-group{background:transparent}
html.ept-halloween #footer-container-main::before{content:"";position:absolute;left:0;right:0;top:0;height:34px;background:var(--hw-tumbas) 0 0/480px 34px repeat-x;pointer-events:none}
/* 11. Sin animaciones: quieto, ojos abiertos */
html.ept-halloween.ept-sin-anim #header #cbp-hrmenu-tab-5>a::after,html.ept-halloween.ept-sin-anim .ep-catbar__inner::after,html.ept-halloween.ept-sin-anim #desktop-header .header-top::before,html.ept-halloween.ept-sin-anim #desktop-header-container::before{animation:none;opacity:1}
/* 12. Móvil sin decoraciones: solo colores */
@media (max-width:767px){html.ept-halloween.ept-sin-movil #header::after,html.ept-halloween.ept-sin-movil #mobile-header::before,html.ept-halloween.ept-sin-movil #mobile-header::after,html.ept-halloween.ept-sin-movil .page-title::before,html.ept-halloween.ept-sin-movil #footer-container-main::before{display:none}}
