/* Campana local 2026. Todas las reglas dependen del modo estacional. */
.yeyix-halloween{--hw-gold:#f2cc58;--hw-purple:#ba39df;--hw-orange:#ff922b}
.yeyix-halloween .hw-campaign-badge,.yeyix-halloween .hw-products-mark{pointer-events:none}
.yeyix-halloween.catalogo-publico .header,.yeyix-halloween.producto-publico .header{
 background-color:#09090b;
 background-image:url('../img/halloween/web.svg'),url('../img/halloween/web.svg');
 background-size:70px 70px,70px 70px;background-position:left top,right top;background-repeat:no-repeat;
}
.yeyix-halloween .header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a522df,#fa64df 30%,#7636c7 52%,#ff9b28);box-shadow:0 0 9px #d333e6;pointer-events:none}
.yeyix-halloween .header::before{content:"";position:absolute;left:3px;right:3px;top:64px;height:29px;background-image:url('../img/halloween/pumpkin.svg'),url('../img/halloween/bat.svg'),radial-gradient(ellipse,#ffc965,transparent 70%);background-position:left center,right center,right 8px top;background-size:30px 29px,36px 18px,9px 9px;background-repeat:no-repeat;pointer-events:none}
/* Dos paneles: imagen comercial original y escena vectorial a la izquierda. */
.yeyix-halloween.catalogo-publico .catalog-intro-new{min-height:280px;background:#0b0712;box-shadow:0 0 0 1px #cb47df,0 0 18px #9226ba45}
.yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-banner-picture{left:49%;z-index:-1}
.yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-intro-art{object-fit:cover;object-position:right center}
.yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-intro-copy{
 width:49%;max-width:none;min-height:280px;box-sizing:border-box;padding:29px 32px 26px;
 background-image:url('../img/halloween/scene.svg'),radial-gradient(ellipse at 90% 100%,#57113f 0,transparent 65%),linear-gradient(120deg,#0a0710,#160a23);
 background-repeat:no-repeat;background-size:285px 158px,100% 100%,100% 100%;background-position:right bottom;
}
.yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-eyebrow{display:inline-block;vertical-align:middle;font-size:11px;letter-spacing:.2px}
.yeyix-halloween .hw-campaign-badge{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:23px;padding:4px 9px 4px 17px;min-height:27px;box-sizing:border-box;border:1px solid #ee65dc;border-radius:8px;background:linear-gradient(110deg,#251021,#160c25);color:#ffc45b;font:800 12px/1.3 system-ui,sans-serif;white-space:nowrap;box-shadow:0 0 5px #ff8e2870,inset 0 0 5px #da33d750}
.yeyix-halloween .hw-campaign-badge::before{content:"";position:absolute;left:-25px;top:-9px;width:39px;height:39px;background:url('../img/halloween/pumpkin.svg') center/contain no-repeat}
.yeyix-halloween.catalogo-publico .catalog-intro-new h1{position:relative;max-width:430px;font-size:32px;line-height:1.12;margin:14px 0 10px;color:#fff;text-shadow:0 2px 10px #000}
.yeyix-halloween.catalogo-publico .catalog-intro-new p{position:relative;font-size:15px;margin-bottom:17px;color:#fff}
.yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-action{position:relative;z-index:1}
/* Bordes decorativos separados del titulo y del boton. */
.yeyix-halloween.catalogo-publico .catalog-intro-new::before{content:"";position:absolute;left:0;bottom:0;width:27px;height:105px;background:url('../img/halloween/web.svg') left bottom/105px 105px no-repeat;transform:scaleY(-1);pointer-events:none}
.yeyix-halloween.catalogo-publico .catalog-intro-new::after{content:"";position:absolute;left:41%;top:35px;width:65px;height:30px;background:url('../img/halloween/bat.svg') center/contain no-repeat;pointer-events:none}
.yeyix-halloween .hw-products-mark{display:inline-block;width:43px;height:22px;margin-left:11px;vertical-align:middle;background:url('../img/halloween/bat.svg') center/contain no-repeat}
/* Destellos estaticos sin animaciones ni JavaScript. */
.yeyix-halloween .catalog-intro-copy::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(ellipse,#ffd57d 0 8%,#ed8e3360 20%,transparent 65%),radial-gradient(ellipse,#ffe6b8 0 8%,#ec782b55 20%,transparent 65%),radial-gradient(ellipse,#ffc76d 0 8%,#e9983750 20%,transparent 65%);background-size:15px 15px,12px 12px,10px 10px;background-position:95% 22%,3px 35%,74% 7%;background-repeat:no-repeat}
@media(min-width:769px) and (max-width:1100px){
 .yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-intro-copy{padding:24px;min-height:290px;background-size:220px 122px,100% 100%,100% 100%}
 .yeyix-halloween .hw-campaign-badge{font-size:10px;margin-left:20px;padding-right:6px;padding-left:12px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new h1{font-size:28px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new::before{width:18px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new::after{width:40px;left:43%;top:6px;height:18px}
}
@media(max-width:768px){
 .yeyix-halloween.catalogo-publico .header,.yeyix-halloween.producto-publico .header{background-size:24px 24px,24px 24px}
 .yeyix-halloween .header::before{display:none}
 .yeyix-halloween.catalogo-publico .catalog-intro-new{min-height:246px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-banner-picture{left:59%}
 .yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-intro-art{object-position:65% 72%}
 .yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-intro-copy{width:59%;min-height:246px;padding:13px 14px 76px;background-size:130px 72px,100% 100%,100% 100%}
 .yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-eyebrow{display:block;font-size:10px;margin-bottom:8px}
 .yeyix-halloween .hw-campaign-badge{margin-left:12px;padding:3px 5px 3px 13px;font-size:9px;min-height:22px;border-radius:5px}
 .yeyix-halloween .hw-campaign-badge::before{width:27px;height:29px;left:-18px;top:-5px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new h1{font-size:22px;line-height:1.12;margin:10px 0 8px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new p{font-size:12px;line-height:1.35;margin-bottom:12px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new .catalog-action{font-size:12px;padding:8px 9px;min-height:40px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new::before{width:10px;height:65px;background-size:65px 65px}
 .yeyix-halloween.catalogo-publico .catalog-intro-new::after{left:auto;right:5px;top:7px;width:31px;height:14px}
 .yeyix-halloween .hw-products-mark{width:31px;height:18px;margin-left:8px}
}

@media(min-width:769px) and (max-width:1499px){
 .yeyix-halloween.catalogo-publico .header,.yeyix-halloween.producto-publico .header{background-size:18px 32px,18px 32px}
 .yeyix-halloween .header::before{display:none}
}