/* AII · Halloween 2026 · P2.25 REBASE VISUAL
   Una sola capa estacional, sin CSS acumulado.
   Paleta: negro/ciruela + naranja calabaza + morado + amarillo vela + blanco. */

html.campaign-theme-halloween{
  --hw-bg:#09070b;
  --hw-ink:#171019;
  --hw-panel:#1c131f;
  --hw-panel-2:#241829;
  --hw-orange:#b95618;
  --hw-orange-hover:#a44810;
  --hw-orange-dark:#7f350d;
  --hw-purple:#6b3a83;
  --hw-purple-soft:#8b5aa0;
  --hw-candle:#f0c46a;
  --hw-white:#fbf8f2;
  --hw-muted:#c9bdcb;
  --hw-green:#72c994;
  --hw-line:rgba(240,196,106,.15);
  --campaign-global-bg:var(--hw-bg);
  --campaign-global-accent:var(--hw-orange);
  --campaign-global-text:var(--hw-white);
}

/* Campaña activa pero el cliente conserva Claro/Oscuro: sólo un acento discreto. */
html.campaign-theme-halloween:not(.campaign-user-theme-halloween) .nav-main{
  box-shadow:inset 0 -2px 0 rgba(185,86,24,.18);
}
html.campaign-theme-halloween:not(.campaign-user-theme-halloween) .theme-btn::after{
  border-color:rgba(185,86,24,.38);
}

/* Tercer estilo Halloween: navbar sobrio + barra de categorías naranja calabaza. */
html.campaign-user-theme-halloween{
  color-scheme:dark;
  --primary:var(--hw-orange);
}
html.campaign-user-theme-halloween body{background:var(--hw-bg)}
html.campaign-user-theme-halloween .nav-main{
  background:#161018!important;
  border-bottom-color:rgba(240,196,106,.10)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 -1px 0 rgba(185,86,24,.28)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.campaign-user-theme-halloween .categories-row{
  background:var(--hw-orange)!important;
  border-bottom:1px solid var(--hw-orange-dark)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(87,34,7,.16)!important;
}
html.campaign-user-theme-halloween .categories-row .nav-link{color:#fff!important}
html.campaign-user-theme-halloween .categories-row .nav-link:hover,
html.campaign-user-theme-halloween .categories-row .nav-link[aria-current="page"],
html.campaign-user-theme-halloween .categories-row .nav-link.active{
  background:rgba(63,22,5,.18)!important;
}
html.campaign-user-theme-halloween footer{
  background:#110c13!important;
  border-top-color:rgba(185,86,24,.20)!important;
}

/* Calabaza del selector: recupera el halo del Halloween anterior, sin efecto pesado. */
html.campaign-user-theme-halloween .theme-btn{
  position:relative;
  background:#231821!important;
  box-shadow:inset 0 0 0 1px rgba(185,86,24,.34)!important;
}
html.campaign-user-theme-halloween .theme-btn::after{
  inset:-3px!important;
  border-color:rgba(240,142,62,.72)!important;
  opacity:1!important;
  box-shadow:0 0 0 3px rgba(185,86,24,.12),0 0 15px rgba(240,142,62,.20)!important;
  animation:hwPumpkinRing 2.8s ease-in-out infinite;
}
html.campaign-user-theme-halloween .theme-btn__iconWrap::before{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(240,196,106,.24) 0%,rgba(185,86,24,.14) 43%,transparent 72%);
  pointer-events:none;
  animation:hwPumpkinAura 2.8s ease-in-out infinite;
}
html.campaign-user-theme-halloween .theme-btn__sun,
html.campaign-user-theme-halloween .theme-btn__moon{display:none!important}
html.campaign-user-theme-halloween .theme-btn__pumpkin{
  display:inline-grid!important;
  place-items:center;
  width:1.25rem;height:1.25rem;
  font-size:1.08rem;line-height:1;
  filter:drop-shadow(0 0 4px rgba(255,220,145,.46)) drop-shadow(0 0 9px rgba(185,86,24,.34));
}
@keyframes hwPumpkinRing{
  0%,100%{box-shadow:0 0 0 3px rgba(185,86,24,.10),0 0 13px rgba(240,142,62,.16)}
  50%{box-shadow:0 0 0 4px rgba(185,86,24,.15),0 0 21px rgba(240,142,62,.28)}
}
@keyframes hwPumpkinAura{0%,100%{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}

/* Fondo continuo: un solo lienzo durante todo el scroll. */
html.campaign-theme-halloween{background:var(--hw-bg)}
html.campaign-theme-halloween .campaign-page{
  position:relative;
  isolation:isolate;
  overflow:clip;
  padding-top:1.35rem;
  background:transparent!important;
  color:var(--hw-white);
}
html.campaign-theme-halloween .campaign-page::before{
  content:""!important;
  display:block!important;
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:#09070b url('../../img/aii-halloween-bg-desktop.webp') center center/cover no-repeat;
  transform:translateZ(0);
}
html.campaign-theme-halloween .campaign-page::after{
  content:""!important;
  display:block!important;
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(8,5,10,.56);
}
html.campaign-theme-halloween .campaign-shell{position:relative;z-index:1}

/* Hero abierto, integrado al fondo. */
html.campaign-theme-halloween .campaign-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(330px,40vw,470px);
  overflow:hidden;
  border:0!important;
  border-radius:20px;
  background:rgba(10,7,12,.18)!important;
  box-shadow:none!important;
}
html.campaign-theme-halloween .campaign-hero::before{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(7,5,9,.92) 0%,rgba(7,5,9,.72) 38%,rgba(7,5,9,.28) 67%,rgba(7,5,9,.06) 100%)!important;
  pointer-events:none;
}
html.campaign-theme-halloween .campaign-hero::after,
html.campaign-theme-halloween .campaign-hero__visual::before,
html.campaign-theme-halloween .campaign-hero__visual::after{display:none!important;animation:none!important}
html.campaign-theme-halloween .campaign-hero__inner{width:min(690px,100%)}
html.campaign-theme-halloween .campaign-kicker{
  color:var(--hw-candle)!important;
  background:rgba(18,12,20,.74)!important;
  border:1px solid rgba(185,86,24,.30)!important;
  box-shadow:none!important;
}
html.campaign-theme-halloween .campaign-kicker i{color:#e68a43!important;filter:none!important}
html.campaign-theme-halloween .campaign-title{
  color:var(--hw-white)!important;
  text-shadow:0 2px 14px rgba(0,0,0,.48)!important;
}
html.campaign-theme-halloween .campaign-lead{color:#e9e0e9!important;max-width:48ch}
html.campaign-theme-halloween .campaign-status{
  color:var(--hw-candle)!important;
  background:rgba(18,12,20,.78)!important;
  border-color:rgba(185,86,24,.28)!important;
}
html.campaign-theme-halloween .campaign-timer__item{
  background:rgba(18,12,20,.84)!important;
  border-color:rgba(240,196,106,.14)!important;
  box-shadow:none!important;
}
html.campaign-theme-halloween .campaign-timer__num{color:var(--hw-white)!important;text-shadow:none!important}
html.campaign-theme-halloween .campaign-timer__label{color:#d7c9d8!important}

/* Acción: naranja sólido, sin degradados plásticos. */
html.campaign-theme-halloween .campaign-btn--primary,
html.campaign-theme-halloween .campaign-easter-promo__cta,
html.campaign-theme-halloween .campaign-preview-add,
html.campaign-theme-halloween .campaign-gift-modal__continue,
html.campaign-theme-halloween .campaign-empty>a{
  background:var(--hw-orange)!important;
  border:1px solid #cb6c2b!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(91,36,8,.20)!important;
  text-shadow:none!important;
}
html.campaign-theme-halloween .campaign-btn--primary:hover,
html.campaign-theme-halloween .campaign-easter-promo__cta:hover,
html.campaign-theme-halloween .campaign-preview-add:hover,
html.campaign-theme-halloween .campaign-gift-modal__continue:hover,
html.campaign-theme-halloween .campaign-empty>a:hover{
  background:var(--hw-orange-hover)!important;
  border-color:#b95618!important;
  transform:translateY(-1px);
}

/* Combos y packs: sin contenedor doble; sólo encabezado + cards. */
html.campaign-theme-halloween .halloween-pack-showcase{
  margin:30px 0 0;
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.campaign-theme-halloween .halloween-pack-showcase__head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  margin-bottom:14px;padding:0 2px;
}
html.campaign-theme-halloween .halloween-pack-showcase__eyebrow{
  font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#e58b45!important;
}
html.campaign-theme-halloween .halloween-pack-showcase__head h2{
  margin:4px 0 4px;font-size:clamp(24px,2.7vw,34px);line-height:1.08;font-weight:900;color:var(--hw-white)!important;
}
html.campaign-theme-halloween .halloween-pack-showcase__head p{
  margin:0;max-width:650px;color:var(--hw-muted)!important;font-size:13px;line-height:1.45;
}
html.campaign-theme-halloween .halloween-pack-showcase__date{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 11px;border-radius:999px;
  background:rgba(24,16,27,.88);border:1px solid rgba(185,86,24,.30);color:var(--hw-candle);font-size:11px;font-weight:850;white-space:nowrap;
}
html.campaign-theme-halloween .halloween-pack-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;
}
html.campaign-theme-halloween .halloween-pack-showcase:not(.halloween-combo-showcase) .halloween-pack-grid{
  grid-template-columns:repeat(auto-fit,minmax(270px,330px));justify-content:center;
}
html.campaign-theme-halloween .halloween-pack-card{
  display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;
  border:1px solid rgba(240,196,106,.14);border-top:2px solid var(--hw-orange);border-radius:18px;
  background:rgba(23,16,25,.96);box-shadow:0 12px 26px rgba(0,0,0,.24);
  transition:transform .15s ease,border-color .15s ease;
}
@media(hover:hover){
  html.campaign-theme-halloween .halloween-pack-card:hover{transform:translateY(-2px);border-color:rgba(240,196,106,.24);border-top-color:#d76f28}
}
html.campaign-theme-halloween .halloween-pack-components{
  order:1;display:flex;align-items:flex-start;justify-content:center;gap:0;
  min-height:206px;padding:16px 10px 3px;background:transparent!important;border:0!important;
}
html.campaign-theme-halloween .halloween-pack-component{
  position:relative;z-index:2;flex:1 1 0;max-width:46%;display:flex;flex-direction:column;align-items:center;
  gap:1px;min-width:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center;text-decoration:none;color:inherit;
}
html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component{max-width:31%}
html.campaign-theme-halloween .halloween-pack-component__image{
  width:min(146px,100%);aspect-ratio:1/1;height:auto;margin:0 auto 7px;display:flex;align-items:center;justify-content:center;
  border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px rgba(0,0,0,.18);
}
html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component__image{width:min(108px,100%)}
html.campaign-theme-halloween .halloween-pack-component:nth-child(1) .halloween-pack-component__image{transform:rotate(-2.5deg) translateX(10px)}
html.campaign-theme-halloween .halloween-pack-component:nth-child(3) .halloween-pack-component__image{transform:rotate(2.5deg) translateX(-10px)}
html.campaign-theme-halloween .halloween-pack-component:nth-child(5) .halloween-pack-component__image{transform:rotate(4deg) translateX(-11px)}
html.campaign-theme-halloween .halloween-pack-component__image img{width:100%;height:100%;object-fit:contain;display:block}
html.campaign-theme-halloween .halloween-pack-component__copy{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;width:100%}
html.campaign-theme-halloween .halloween-pack-component__copy strong{width:100%;font-size:11px;line-height:1.17;color:var(--hw-white);overflow-wrap:anywhere}
html.campaign-theme-halloween .halloween-pack-component__copy span{font-size:9px;line-height:1.22;color:#cbbfcd}
html.campaign-theme-halloween .halloween-pack-component__copy small{
  margin-top:3px;padding:2px 7px;border-radius:999px;background:#35213c;color:#eadcf0;font-size:8.5px;line-height:1.15;font-weight:850;
}
html.campaign-theme-halloween .halloween-pack-plus{
  position:relative;z-index:4;align-self:flex-start;flex:0 0 auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  margin:51px -10px 0;border-radius:999px;background:var(--hw-purple);color:#fff;border:2px solid var(--hw-panel-2);font-size:12px;line-height:1;font-weight:900;box-shadow:none;
}
html.campaign-theme-halloween .halloween-pack-card__top{
  order:2;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 14px 4px;text-align:center;background:transparent;
}
html.campaign-theme-halloween .halloween-pack-card__label{font-size:8.4px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#e58b45}
html.campaign-theme-halloween .halloween-pack-card__top>strong{font-size:15px;line-height:1.16;color:var(--hw-white);text-align:center;max-width:17ch}
html.campaign-theme-halloween .halloween-pack-card__details{margin-top:0;align-self:center;font-size:9px;line-height:1.2;font-weight:800;color:#c99adc;text-decoration:none}
html.campaign-theme-halloween .halloween-pack-card__details:hover{text-decoration:underline}
html.campaign-theme-halloween .halloween-pack-card__note{margin:1px auto 0;max-width:34ch;color:#c9bdcb;font-size:9.5px;line-height:1.35;text-align:center}
html.campaign-theme-halloween .halloween-pack-card__foot{
  order:3;margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:6px 14px 14px;border:0;background:transparent;
}
html.campaign-theme-halloween .halloween-pack-card__price{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}
html.campaign-theme-halloween .halloween-pack-card__price s{font-size:9px;color:#8b808e}
html.campaign-theme-halloween .halloween-pack-card__price span{font-size:8.8px;color:#c4b8c6;font-weight:700}
html.campaign-theme-halloween .halloween-pack-card__price strong{font-size:25px;line-height:1;color:var(--hw-candle);font-weight:900}
html.campaign-theme-halloween .halloween-pack-card__price small{font-size:8.8px;color:var(--hw-green);font-weight:850}
html.campaign-theme-halloween .halloween-pack-card__locked{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;padding:8px 10px;border-radius:10px;
  border:1px solid rgba(185,86,24,.45);background:#2a1b20;color:#eec7aa;font-size:10px;font-weight:850;cursor:not-allowed;opacity:1;text-align:center;
}
html.campaign-theme-halloween .halloween-pack-card__buy{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;padding:8px 10px;border-radius:10px;
  border:1px solid #d8742f;background:var(--hw-orange);color:#fff;font-size:10px;font-weight:900;cursor:pointer;text-align:center;text-decoration:none;
  box-shadow:0 7px 18px rgba(185,86,24,.18);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
html.campaign-theme-halloween .halloween-pack-card__buy:hover{
  filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 22px rgba(185,86,24,.24);text-decoration:none;
}
html.campaign-theme-halloween .halloween-pack-card__buy:focus-visible{outline:2px solid var(--hw-candle);outline-offset:2px}

/* Sorpresas AII: una franja, no otra tarjeta dentro de la página. */
html.campaign-theme-halloween .halloween-aII-throwback{
  margin:26px 0 0;padding:14px 2px;border-top:1px solid rgba(185,86,24,.28);border-bottom:1px solid rgba(240,196,106,.12);background:rgba(12,8,14,.54);
}
html.campaign-theme-halloween .halloween-aII-throwback__copy{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
html.campaign-theme-halloween .halloween-aII-throwback__copy h2{margin:2px 0 0;color:var(--hw-white);font-size:18px;line-height:1.15}
html.campaign-theme-halloween .halloween-aII-throwback__copy p{margin:4px 0 0;max-width:680px;color:var(--hw-muted);font-size:12px;line-height:1.45}
html.campaign-theme-halloween .halloween-aII-throwback__items{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
html.campaign-theme-halloween .halloween-aII-throwback__items span{padding:6px 9px;border-radius:999px;background:#211623;border:1px solid rgba(240,196,106,.10);color:#ddd1de;font-size:10px}
html.campaign-theme-halloween .halloween-aII-throwback__theme{
  flex:0 0 auto;border:1px solid #cb6c2b;background:var(--hw-orange);color:#fff;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:850;box-shadow:none;
}
html.campaign-theme-halloween .halloween-aII-throwback__theme:hover{background:var(--hw-orange-hover)}
html.campaign-theme-halloween .campaign-hero .halloween-aII-throwback__theme{margin-top:14px}
html.campaign-theme-halloween .halloween-aII-chests{background:rgba(18,12,20,.66)}
html.campaign-theme-halloween .halloween-aII-secret{margin-top:12px;background:transparent;border-top-color:rgba(240,196,106,.10);border-bottom-color:rgba(240,196,106,.08)}
html.campaign-theme-halloween .halloween-aII-secret .halloween-pack-showcase__eyebrow{opacity:.78}

/* Ofertas normales de la campaña: mismas reglas visuales, sin plástico. */
html.campaign-theme-halloween .campaign-card,
html.campaign-theme-halloween .campaign-promo-card,
html.campaign-theme-halloween .campaign-empty,
html.campaign-theme-halloween .campaign-preview-lab{
  background:rgba(23,16,25,.95)!important;border:1px solid rgba(240,196,106,.13)!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html.campaign-theme-halloween .campaign-card::before{background:var(--hw-orange)!important;opacity:.8!important}
html.campaign-theme-halloween .campaign-card__media{background:#160f18!important}
html.campaign-theme-halloween .campaign-card__name,
html.campaign-theme-halloween .campaign-promo-card h3,
html.campaign-theme-halloween .campaign-promo-card strong,
html.campaign-theme-halloween .campaign-empty h2,
html.campaign-theme-halloween .campaign-preview-lab h2{color:var(--hw-white)!important}
html.campaign-theme-halloween .campaign-meta,
html.campaign-theme-halloween .campaign-promo-card p,
html.campaign-theme-halloween .campaign-promo-card span,
html.campaign-theme-halloween .campaign-empty p,
html.campaign-theme-halloween .campaign-preview-lab p{color:var(--hw-muted)!important}
html.campaign-theme-halloween .campaign-price{color:var(--hw-candle)!important;text-shadow:none!important}
html.campaign-theme-halloween .campaign-price-note,
html.campaign-theme-halloween .campaign-section__eyebrow,
html.campaign-theme-halloween .campaign-promo-card__eyebrow{color:#e58b45!important}
html.campaign-theme-halloween .campaign-badge{background:var(--hw-orange)!important;border-color:#cb6c2b!important;box-shadow:none!important}
html.campaign-theme-halloween .campaign-badge--special{background:var(--hw-purple)!important;border-color:#84539b!important;box-shadow:none!important}

/* Rendimiento: nada de blur/backdrop dentro de la landing. */
html.campaign-theme-halloween .campaign-page *,
html.campaign-theme-halloween .campaign-page *::before,
html.campaign-theme-halloween .campaign-page *::after{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media(max-width:1040px){
  html.campaign-theme-halloween .halloween-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.campaign-theme-halloween .halloween-pack-showcase:not(.halloween-combo-showcase) .halloween-pack-grid{grid-template-columns:repeat(auto-fit,minmax(260px,330px))}
  html.campaign-theme-halloween .halloween-pack-components{min-height:192px}
  html.campaign-theme-halloween .halloween-pack-component__image{width:min(132px,100%)}
}

@media(max-width:680px){
  html.campaign-theme-halloween .campaign-page{padding-top:.8rem}
  html.campaign-theme-halloween .campaign-page::before{
    background-image:url('../../img/aii-halloween-bg-mobile.webp');
    background-position:60% center;
  }
  html.campaign-theme-halloween .campaign-page::after{background:rgba(8,5,10,.62)}
  html.campaign-theme-halloween .campaign-hero{min-height:390px;border-radius:16px;background:rgba(10,7,12,.10)!important}
  html.campaign-theme-halloween .campaign-hero::before{background:linear-gradient(180deg,rgba(7,5,9,.36) 0%,rgba(7,5,9,.60) 46%,rgba(7,5,9,.90) 100%)!important}
  html.campaign-theme-halloween .campaign-title{font-size:clamp(2.1rem,11vw,3.05rem)}
  html.campaign-theme-halloween .campaign-lead{max-width:30ch}
  html.campaign-theme-halloween .halloween-pack-showcase__head{align-items:flex-start;flex-direction:column;gap:9px}
  html.campaign-theme-halloween .halloween-pack-showcase__date{white-space:normal}
  html.campaign-theme-halloween .halloween-pack-grid,
  html.campaign-theme-halloween .halloween-pack-showcase:not(.halloween-combo-showcase) .halloween-pack-grid{grid-template-columns:1fr}
  html.campaign-theme-halloween .halloween-pack-card{max-width:390px;width:100%;margin-inline:auto}
  html.campaign-theme-halloween .halloween-pack-components{min-height:174px;padding:13px 8px 3px}
  html.campaign-theme-halloween .halloween-pack-component__image{width:min(112px,100%)}
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component__image{width:min(84px,100%)}
  html.campaign-theme-halloween .halloween-pack-plus{margin-top:39px}
  html.campaign-theme-halloween .halloween-aII-throwback__copy{flex-direction:column}
  html.campaign-user-theme-halloween .categories-row{background:var(--hw-orange)!important}
}

@media(max-width:390px){
  html.campaign-theme-halloween .campaign-page::before{background-position:58% center}
  html.campaign-theme-halloween .halloween-pack-components{min-height:160px;padding-inline:6px}
  html.campaign-theme-halloween .halloween-pack-component__image{width:min(96px,100%)}
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component__image{width:min(72px,100%)}
  html.campaign-theme-halloween .halloween-pack-plus{width:21px;height:21px;margin:32px -9px 0;font-size:11px}
  html.campaign-theme-halloween .halloween-pack-card__top>strong{font-size:13.8px}
  html.campaign-theme-halloween .halloween-pack-card__price strong{font-size:22px}
}

@media(prefers-reduced-motion:reduce){
  html.campaign-theme-halloween .halloween-pack-card{transition:none!important}
  html.campaign-user-theme-halloween .theme-btn::after,
  html.campaign-user-theme-halloween .theme-btn__iconWrap::before{animation:none!important}
}

/* P2.26 · Navbar Halloween coherente en desktop + móvil
   Mantener la oferta Kaspersky+Windows sin cambios visuales. */
html.campaign-user-theme-halloween .nav-main{
  background:#2b1c33!important;
  border-bottom:1px solid rgba(240,196,106,.11)!important;
  box-shadow:0 8px 20px rgba(9,5,11,.22),inset 0 -2px 0 rgba(185,86,24,.28)!important;
}
html.campaign-user-theme-halloween .nav-main .theme-btn,
html.campaign-user-theme-halloween .nav-main .icon-btn,
html.campaign-user-theme-halloween .nav-main .mobile-hamburger-btn{
  color:#fff!important;
}
html.campaign-user-theme-halloween .nav-main .icon-btn:hover,
html.campaign-user-theme-halloween .nav-main .mobile-hamburger-btn:hover{
  background:rgba(185,86,24,.14)!important;
}

/* Desktop: naranja calabaza para navegación de categorías; ciruela para activo. */
html.campaign-user-theme-halloween .categories-row{
  background:#b95618!important;
  border-bottom-color:#7f350d!important;
}
html.campaign-user-theme-halloween .categories-row .nav-link:hover{
  background:rgba(43,28,51,.20)!important;
}
html.campaign-user-theme-halloween .categories-row .nav-link[aria-current="page"],
html.campaign-user-theme-halloween .categories-row .nav-link.active{
  background:#5f3274!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
html.campaign-user-theme-halloween .categories-row .menu-panel,
html.campaign-user-theme-halloween .categories-row .submenu-panel{
  background:#261a2c!important;
  border-color:rgba(240,196,106,.13)!important;
  box-shadow:0 14px 30px rgba(8,5,10,.30)!important;
}
html.campaign-user-theme-halloween .categories-row .menu-panel .menu-item,
html.campaign-user-theme-halloween .categories-row .menu-panel .tab-btn,
html.campaign-user-theme-halloween .categories-row .submenu-panel .menu-item{
  color:#f8f3fa!important;
}
html.campaign-user-theme-halloween .categories-row .menu-panel .menu-item:hover,
html.campaign-user-theme-halloween .categories-row .submenu-panel .menu-item:hover,
html.campaign-user-theme-halloween .categories-row .menu-panel .tab-btn.active{
  color:#f0c46a!important;
  background:rgba(185,86,24,.12)!important;
}
html.campaign-user-theme-halloween .categories-row .menu-divider,
html.campaign-user-theme-halloween .categories-row .tabs{
  border-color:rgba(240,196,106,.12)!important;
  background:transparent!important;
}

@media(max-width:767.98px){
  /* En móvil no existe categories-row; la identidad pasa a toda la navbar. */
  html.campaign-user-theme-halloween .nav-main{
    background:#5f3274!important;
    box-shadow:0 5px 16px rgba(24,11,31,.25),inset 0 -3px 0 #b95618!important;
  }
  html.campaign-user-theme-halloween .mobile-hamburger-btn{
    background:#b95618!important;
    color:#fff!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-open .mobile-hamburger-btn{
    background:#a44810!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-backdrop{
    background:rgba(8,5,10,.76)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet{
    background:#24182b!important;
    color:#fbf8f2!important;
    border-right:1px solid rgba(240,196,106,.13)!important;
    box-shadow:18px 0 42px rgba(5,3,7,.42)!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-heading{
    border-bottom-color:rgba(240,196,106,.15)!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-heading__title{
    color:#fff!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-heading__sub{
    color:#cdbfd1!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link,
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link span,
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link i,
  html.campaign-user-theme-halloween .mobile-menu-sheet button{
    color:#fbf8f2!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link{
    padding:.56rem .62rem!important;
    border-radius:.72rem!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link:hover,
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link:focus-visible{
    background:rgba(185,86,24,.14)!important;
    color:#f0c46a!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet a:not(.nav-link){
    color:#d9cddd!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet a:not(.nav-link):hover{
    color:#f0c46a!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet form input{
    background:#160f1a!important;
    color:#fff!important;
    border-color:rgba(240,196,106,.18)!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet form input::placeholder{
    color:#a998ae!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet form button[type="submit"]{
    background:#b95618!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet form button[type="submit"]:hover{
    background:#a44810!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-close-fixed{
    background:#b95618!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:0 10px 22px rgba(8,5,10,.30)!important;
  }
}

/* P2.27 · Halloween navbar final · ciruela premium + naranja como acento
   CSS-only: la clase campaign-user-theme-halloween se aplica en <head> antes del primer paint. */
html.campaign-user-theme-halloween{
  --hw-nav-plum-950:#1d1222;
  --hw-nav-plum-900:#28172f;
  --hw-nav-plum-850:#321c3a;
  --hw-nav-plum-800:#3d2248;
  --hw-nav-plum-700:#553064;
  --hw-nav-orange:#c45a1a;
  --hw-nav-orange-hover:#aa4812;
  --hw-nav-candle:#f0c46a;
  --hw-nav-white:#fffaf5;
  --hw-nav-muted:#d4c7d8;
}

/* Sin transiciones estructurales al cargar/cambiar página: evita flash de color. */
html.campaign-user-theme-halloween .topbarpro,
html.campaign-user-theme-halloween .nav-main,
html.campaign-user-theme-halloween .categories-row{
  transition:none!important;
}

/* Topbar: misma familia cromática, un tono más oscuro para separar niveles. */
html.campaign-user-theme-halloween .topbarpro{
  background:var(--hw-nav-plum-950)!important;
  border-bottom-color:rgba(240,196,106,.08)!important;
  color:var(--hw-nav-white)!important;
}
html.campaign-user-theme-halloween .topbarpro__badge,
html.campaign-user-theme-halloween .topbarpro__btn--ghost,
html.campaign-user-theme-halloween .topbarpro__seg{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(240,196,106,.11)!important;
  color:var(--hw-nav-white)!important;
}
html.campaign-user-theme-halloween .topbarpro__badge:hover,
html.campaign-user-theme-halloween .topbarpro__btn--ghost:hover,
html.campaign-user-theme-halloween .topbarpro__seg a:hover{
  background:rgba(196,90,26,.12)!important;
}
html.campaign-user-theme-halloween .topbarpro__btn--cta{
  background:var(--hw-nav-white)!important;
  border-color:rgba(255,255,255,.82)!important;
  color:#201326!important;
}
html.campaign-user-theme-halloween .topbarpro__btn--cta:hover{
  background:#f4eadf!important;
}
html.campaign-user-theme-halloween .topbarpro__hello,
html.campaign-user-theme-halloween .topbarpro__seg a,
html.campaign-user-theme-halloween .topbarpro__badgeText,
html.campaign-user-theme-halloween .topbarpro__caret{
  color:var(--hw-nav-muted)!important;
}

/* Navbar principal: ciruela sólido, sin degradado. */
html.campaign-user-theme-halloween .nav-main{
  background:var(--hw-nav-plum-900)!important;
  border-bottom:1px solid rgba(240,196,106,.10)!important;
  box-shadow:0 7px 18px rgba(8,4,10,.20),inset 0 -2px 0 rgba(196,90,26,.30)!important;
}
html.campaign-user-theme-halloween .nav-main a,
html.campaign-user-theme-halloween .nav-main .theme-btn,
html.campaign-user-theme-halloween .nav-main .icon-btn,
html.campaign-user-theme-halloween .nav-main .mobile-hamburger-btn{
  color:var(--hw-nav-white)!important;
}
html.campaign-user-theme-halloween .nav-main input[type="search"]{
  background:#211528!important;
  border-color:rgba(240,196,106,.13)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween .nav-main input[type="search"]::placeholder{color:#a997ae!important}
html.campaign-user-theme-halloween .nav-main input[type="search"]:focus{
  border-color:rgba(196,90,26,.55)!important;
  box-shadow:0 0 0 2px rgba(196,90,26,.12)!important;
}
html.campaign-user-theme-halloween .nav-main .icon-btn:hover,
html.campaign-user-theme-halloween .nav-main .mobile-hamburger-btn:hover{
  background:rgba(196,90,26,.13)!important;
}

/* Calabaza: recuperar halo estable, sin parpadeo. */
html.campaign-user-theme-halloween .theme-btn{
  background:#2a1930!important;
  box-shadow:inset 0 0 0 1px rgba(196,90,26,.34),0 0 0 1px rgba(240,196,106,.05)!important;
}
html.campaign-user-theme-halloween .theme-btn::after{
  inset:-3px!important;
  border-color:rgba(196,90,26,.72)!important;
  opacity:1!important;
  box-shadow:0 0 0 3px rgba(196,90,26,.10),0 0 14px rgba(196,90,26,.18),0 0 24px rgba(105,55,126,.16)!important;
  animation:aiiHalloweenPumpkinHalo 2.8s ease-in-out infinite!important;
}
html.campaign-user-theme-halloween .theme-btn__iconWrap::before{
  content:"";position:absolute;inset:-6px;border-radius:999px;pointer-events:none;
  background:radial-gradient(circle,rgba(240,196,106,.20) 0%,rgba(196,90,26,.10) 42%,transparent 72%);
  animation:aiiHalloweenPumpkinGlow 2.8s ease-in-out infinite!important;
}
html.campaign-user-theme-halloween .theme-btn__pumpkin{
  filter:drop-shadow(0 0 4px rgba(255,218,142,.42)) drop-shadow(0 0 8px rgba(196,90,26,.28))!important;
}
@keyframes aiiHalloweenPumpkinHalo{
  0%,100%{box-shadow:0 0 0 3px rgba(196,90,26,.08),0 0 12px rgba(196,90,26,.15),0 0 20px rgba(105,55,126,.12)}
  50%{box-shadow:0 0 0 4px rgba(196,90,26,.13),0 0 18px rgba(196,90,26,.25),0 0 30px rgba(105,55,126,.18)}
}
@keyframes aiiHalloweenPumpkinGlow{0%,100%{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.06)}}

/* Desktop: barra completa ciruela. Naranja sólo marca interacción/estado. */
html.campaign-user-theme-halloween .categories-row{
  background:var(--hw-nav-plum-700)!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  border-bottom:2px solid var(--hw-nav-orange)!important;
  box-shadow:0 5px 14px rgba(11,5,14,.18)!important;
}
html.campaign-user-theme-halloween .categories-row .nav-link{
  color:var(--hw-nav-white)!important;
  border-radius:.62rem!important;
}
html.campaign-user-theme-halloween .categories-row .nav-link i{color:#f7d89a!important;opacity:.95!important}
html.campaign-user-theme-halloween .categories-row .nav-link:hover,
html.campaign-user-theme-halloween .categories-row button.nav-link[aria-expanded="true"]{
  background:rgba(196,90,26,.20)!important;
  color:#fff!important;
  box-shadow:inset 0 -2px 0 var(--hw-nav-orange)!important;
}
html.campaign-user-theme-halloween .categories-row .nav-link[aria-current="page"],
html.campaign-user-theme-halloween .categories-row .nav-link.active{
  background:rgba(196,90,26,.24)!important;
  box-shadow:inset 0 -2px 0 var(--hw-nav-candle)!important;
}

/* Desplegables: todos los niveles heredan Halloween; no gris genérico. */
html.campaign-user-theme-halloween .categories-row .menu-panel,
html.campaign-user-theme-halloween .categories-row .submenu-panel,
html.campaign-user-theme-halloween .categories-row .relative>div.absolute{
  background:var(--hw-nav-plum-850)!important;
  border:1px solid rgba(240,196,106,.14)!important;
  border-top:2px solid var(--hw-nav-orange)!important;
  border-radius:.78rem!important;
  box-shadow:0 16px 34px rgba(6,3,8,.38)!important;
}
html.campaign-user-theme-halloween .categories-row .tabs{
  background:#28172f!important;
  border-color:rgba(240,196,106,.11)!important;
}
html.campaign-user-theme-halloween .categories-row .menu-panel .menu-item,
html.campaign-user-theme-halloween .categories-row .menu-panel .tab-btn,
html.campaign-user-theme-halloween .categories-row .submenu-panel .menu-item,
html.campaign-user-theme-halloween .categories-row .relative>div.absolute a{
  color:#f7f1f8!important;
  background:transparent!important;
}
html.campaign-user-theme-halloween .categories-row .menu-panel .menu-item i,
html.campaign-user-theme-halloween .categories-row .submenu-panel .menu-item i{color:#e9c57a!important}
html.campaign-user-theme-halloween .categories-row .menu-panel .menu-item:hover,
html.campaign-user-theme-halloween .categories-row .submenu-panel .menu-item:hover,
html.campaign-user-theme-halloween .categories-row .relative>div.absolute a:hover{
  color:#fff!important;
  background:rgba(196,90,26,.16)!important;
}
html.campaign-user-theme-halloween .categories-row .menu-panel .tab-btn.active{
  color:var(--hw-nav-candle)!important;
  background:rgba(196,90,26,.14)!important;
  border-color:var(--hw-nav-orange)!important;
}
html.campaign-user-theme-halloween .categories-row .menu-divider{
  border-color:rgba(240,196,106,.10)!important;
  background:rgba(240,196,106,.10)!important;
}

/* El buscador desplegado también debe verse parte de la misma navegación. */
html.campaign-user-theme-halloween .aii-search-panel,
html.campaign-user-theme-halloween .search-suggest{
  background:var(--hw-nav-plum-850)!important;
  border-color:rgba(240,196,106,.14)!important;
  box-shadow:0 18px 38px rgba(5,3,7,.40)!important;
}
html.campaign-user-theme-halloween .aii-search-row{color:#f7f1f8!important}
html.campaign-user-theme-halloween .aii-search-row:hover,
html.campaign-user-theme-halloween .aii-search-row.is-focused{
  background:rgba(196,90,26,.14)!important;
}
html.campaign-user-theme-halloween .aii-search-product-title,
html.campaign-user-theme-halloween .aii-search-variant-title,
html.campaign-user-theme-halloween .aii-search-price__main{color:#fff!important}
html.campaign-user-theme-halloween .aii-search-meta,
html.campaign-user-theme-halloween .aii-search-price__from{color:#cdbfd1!important}
html.campaign-user-theme-halloween .aii-search-discount{background:var(--hw-nav-orange)!important;color:#fff!important}

@media(max-width:767.98px){
  /* Móvil: misma jerarquía lila/ciruela; naranja sólo como acción/acento. */
  html.campaign-user-theme-halloween .topbarpro{background:#211327!important}
  html.campaign-user-theme-halloween .nav-main{
    background:var(--hw-nav-plum-700)!important;
    box-shadow:0 5px 15px rgba(17,7,21,.24),inset 0 -3px 0 var(--hw-nav-orange)!important;
  }
  html.campaign-user-theme-halloween .mobile-hamburger-btn{
    background:var(--hw-nav-orange)!important;color:#fff!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-open .mobile-hamburger-btn{background:var(--hw-nav-orange-hover)!important}
  html.campaign-user-theme-halloween .mobile-menu-backdrop{
    background:rgba(8,4,10,.78)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet{
    background:var(--hw-nav-plum-900)!important;color:var(--hw-nav-white)!important;
    border-right:1px solid rgba(240,196,106,.12)!important;
    box-shadow:18px 0 42px rgba(5,3,7,.44)!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-heading{background:#211327!important;border-bottom-color:rgba(240,196,106,.12)!important}
  html.campaign-user-theme-halloween .mobile-menu-heading__title{color:#fff!important}
  html.campaign-user-theme-halloween .mobile-menu-heading__sub{color:#cdbfd1!important}
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link,
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link span,
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link i,
  html.campaign-user-theme-halloween .mobile-menu-sheet button{color:#f9f4fa!important}
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link:hover,
  html.campaign-user-theme-halloween .mobile-menu-sheet .nav-link:focus-visible,
  html.campaign-user-theme-halloween .mobile-menu-sheet [aria-expanded="true"]{
    background:rgba(196,90,26,.15)!important;color:#fff!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet a:not(.nav-link){color:#dacddd!important}
  html.campaign-user-theme-halloween .mobile-menu-sheet a:not(.nav-link):hover{color:var(--hw-nav-candle)!important}
  html.campaign-user-theme-halloween .mobile-menu-sheet form input{
    background:#19101e!important;color:#fff!important;border-color:rgba(240,196,106,.15)!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet form input::placeholder{color:#a897ad!important}
  html.campaign-user-theme-halloween .mobile-menu-sheet form button[type="submit"],
  html.campaign-user-theme-halloween .mobile-menu-close-fixed{
    background:var(--hw-nav-orange)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important;
  }
  html.campaign-user-theme-halloween .mobile-menu-sheet form button[type="submit"]:hover,
  html.campaign-user-theme-halloween .mobile-menu-close-fixed:hover{background:var(--hw-nav-orange-hover)!important}
}

@media(prefers-reduced-motion:reduce){
  html.campaign-user-theme-halloween .theme-btn::after,
  html.campaign-user-theme-halloween .theme-btn__iconWrap::before{animation:none!important}
}

/* P2.28 · Combos superiores unidos como Pack especial + calabaza centrada */
/* Los 3 combos del catálogo deben sentirse como una sola oferta, igual que el pack Kaspersky + Windows. */
html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-components{
  min-height:198px;
  padding:14px 6px 3px;
  overflow:visible;
}
html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component{
  max-width:48%;
}
html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__image{
  width:min(154px,100%);
  margin-bottom:7px;
  box-shadow:0 9px 20px rgba(0,0,0,.19);
}
html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(1) .halloween-pack-component__image{
  transform:rotate(-2deg) translateX(17px);
}
html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(3) .halloween-pack-component__image{
  transform:rotate(2deg) translateX(-17px);
}
html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(5) .halloween-pack-component__image{
  transform:rotate(3deg) translateX(-14px);
}
html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-plus{
  width:24px;
  height:24px;
  margin:52px -15px 0;
  z-index:6;
  border-color:#211724;
  box-shadow:0 4px 10px rgba(0,0,0,.20);
}
html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__copy{
  position:relative;
  z-index:3;
}

/* Calabaza del selector: centrado geométrico dentro del botón, no dependiente de baseline del emoji. */
html.campaign-user-theme-halloween .theme-btn__iconWrap{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:1.25rem!important;
  height:1.25rem!important;
  line-height:1!important;
}
html.campaign-user-theme-halloween .theme-btn__pumpkin{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  font-size:1.04rem!important;
  transform:translateY(-.35px)!important;
  transform-origin:center!important;
}

@media(max-width:1040px){
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-components{min-height:190px;padding-inline:5px}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__image{width:min(138px,100%)}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(1) .halloween-pack-component__image{transform:rotate(-2deg) translateX(13px)}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(3) .halloween-pack-component__image{transform:rotate(2deg) translateX(-13px)}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-plus{margin:47px -12px 0}
}
@media(max-width:680px){
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-components{min-height:172px;padding:12px 7px 3px}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__image{width:min(112px,100%)}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(1) .halloween-pack-component__image{transform:rotate(-2deg) translateX(10px)}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(3) .halloween-pack-component__image{transform:rotate(2deg) translateX(-10px)}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-plus{width:22px;height:22px;margin:39px -10px 0;font-size:11px}
}
@media(max-width:390px){
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-components{min-height:160px;padding-inline:5px}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__image{width:min(98px,100%)}
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-plus{margin:34px -9px 0}
}

/* P2.29 · Mobile-first cards: composición unida + precio protagonista */
@media(max-width:680px){
  html.campaign-theme-halloween .halloween-pack-showcase{padding:12px 10px 14px}
  html.campaign-theme-halloween .halloween-pack-grid,
  html.campaign-theme-halloween .halloween-pack-showcase:not(.halloween-combo-showcase) .halloween-pack-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  html.campaign-theme-halloween .halloween-pack-card{
    width:100%!important;
    max-width:430px!important;
    margin-inline:auto!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  /* Zona visual siempre horizontal: producto + producto como una sola oferta. */
  html.campaign-theme-halloween .halloween-pack-components,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-components{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:0!important;
    width:100%!important;
    min-height:188px!important;
    padding:14px 7px 5px!important;
    overflow:visible!important;
  }
  html.campaign-theme-halloween .halloween-pack-component,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component{
    flex:1 1 0!important;
    width:0!important;
    max-width:48%!important;
    min-width:0!important;
  }
  html.campaign-theme-halloween .halloween-pack-component__image,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__image{
    width:min(126px,100%)!important;
    margin:0 auto 7px!important;
  }
  html.campaign-theme-halloween .halloween-pack-component:nth-child(1) .halloween-pack-component__image,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(1) .halloween-pack-component__image{
    transform:rotate(-2deg) translateX(13px)!important;
  }
  html.campaign-theme-halloween .halloween-pack-component:nth-child(3) .halloween-pack-component__image,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(3) .halloween-pack-component__image{
    transform:rotate(2deg) translateX(-13px)!important;
  }
  html.campaign-theme-halloween .halloween-pack-plus,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-plus{
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    margin:46px -12px 0!important;
    z-index:8!important;
    font-size:12px!important;
  }

  html.campaign-theme-halloween .halloween-pack-component__copy strong{font-size:10.6px!important;line-height:1.15!important}
  html.campaign-theme-halloween .halloween-pack-component__copy span{font-size:8.9px!important;line-height:1.2!important}
  html.campaign-theme-halloween .halloween-pack-component__copy small{font-size:8.6px!important;padding:2px 7px!important}

  /* Nombre del combo compacto, para que el precio tenga prioridad visual. */
  html.campaign-theme-halloween .halloween-pack-card__top{
    padding:7px 14px 2px!important;
    gap:3px!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__label{font-size:8.4px!important}
  html.campaign-theme-halloween .halloween-pack-card__top>strong{
    font-size:15px!important;
    line-height:1.16!important;
    max-width:20ch!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__details{font-size:9px!important}

  /* Precio: el elemento más notorio de la card móvil. */
  html.campaign-theme-halloween .halloween-pack-card__foot{
    position:relative!important;
    padding:8px 13px 13px!important;
    gap:9px!important;
    border-top:1px solid rgba(240,196,106,.11)!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price{
    width:100%!important;
    min-height:76px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "label old"
      "label price"
      "saving saving"!important;
    align-items:end!important;
    column-gap:10px!important;
    padding:8px 11px 7px!important;
    border:1px solid rgba(240,196,106,.13)!important;
    border-radius:12px!important;
    background:#1b121f!important;
    text-align:left!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price span{
    grid-area:label!important;
    align-self:center!important;
    font-size:10px!important;
    line-height:1.15!important;
    color:#d7c9d9!important;
    font-weight:750!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price s{
    grid-area:old!important;
    justify-self:end!important;
    font-size:9.5px!important;
    color:#8f8391!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price strong{
    grid-area:price!important;
    justify-self:end!important;
    font-size:32px!important;
    line-height:.98!important;
    letter-spacing:-.025em!important;
    color:#f0c46a!important;
    font-weight:950!important;
    text-shadow:0 1px 0 rgba(0,0,0,.16)!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price small{
    grid-area:saving!important;
    justify-self:end!important;
    margin-top:3px!important;
    font-size:10px!important;
    color:#75d6a6!important;
    font-weight:900!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__locked{
    min-height:42px!important;
    font-size:10.5px!important;
    border-radius:11px!important;
  }
}

@media(max-width:390px){
  html.campaign-theme-halloween .halloween-pack-showcase{padding-inline:7px}
  html.campaign-theme-halloween .halloween-pack-components,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-components{
    min-height:174px!important;
    padding-inline:4px!important;
  }
  html.campaign-theme-halloween .halloween-pack-component__image,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__image{
    width:min(108px,100%)!important;
  }
  html.campaign-theme-halloween .halloween-pack-component:nth-child(1) .halloween-pack-component__image,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(1) .halloween-pack-component__image{
    transform:rotate(-2deg) translateX(10px)!important;
  }
  html.campaign-theme-halloween .halloween-pack-component:nth-child(3) .halloween-pack-component__image,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component:nth-child(3) .halloween-pack-component__image{
    transform:rotate(2deg) translateX(-10px)!important;
  }
  html.campaign-theme-halloween .halloween-pack-plus,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-plus{
    width:22px!important;height:22px!important;flex-basis:22px!important;
    margin:39px -10px 0!important;font-size:11px!important;
  }
  html.campaign-theme-halloween .halloween-pack-component__copy strong{font-size:9.8px!important}
  html.campaign-theme-halloween .halloween-pack-component__copy span{font-size:8.4px!important}
  html.campaign-theme-halloween .halloween-pack-card__top>strong{font-size:14px!important}
  html.campaign-theme-halloween .halloween-pack-card__price strong{font-size:29px!important}
  html.campaign-theme-halloween .halloween-pack-card__price{padding-inline:9px!important}
}

/* P2.30 · Cierre móvil · cards compactas, sin doble contenedor de precio */
@media(max-width:680px){
  /* Mantener la unión visual de productos, pero recuperar algunos píxeles verticales. */
  html.campaign-theme-halloween .halloween-pack-components,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-components{
    min-height:182px!important;
    padding-top:12px!important;
    padding-bottom:3px!important;
  }
  html.campaign-theme-halloween .halloween-pack-component__image,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__image{
    width:min(124px,100%)!important;
    margin-bottom:5px!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__top{
    padding:5px 14px 1px!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__top>strong{
    font-size:15.2px!important;
    line-height:1.14!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__details{
    margin-top:1px!important;
  }

  /* Precio sin una segunda tarjeta dentro de la tarjeta principal. */
  html.campaign-theme-halloween .halloween-pack-card__foot{
    padding:8px 14px 13px!important;
    gap:7px!important;
    border-top:1px solid rgba(240,196,106,.13)!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price{
    min-height:62px!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "label old"
      "label price"
      "saving saving"!important;
    align-items:end!important;
    column-gap:10px!important;
    padding:3px 2px 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price span{
    grid-area:label!important;
    align-self:center!important;
    font-size:10.2px!important;
    color:#d9cddc!important;
    font-weight:760!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price s{
    grid-area:old!important;
    justify-self:end!important;
    align-self:end!important;
    font-size:9.5px!important;
    color:#96899a!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price strong{
    grid-area:price!important;
    justify-self:end!important;
    font-size:34px!important;
    line-height:.96!important;
    letter-spacing:-.03em!important;
    color:#f0c46a!important;
    font-weight:950!important;
    text-shadow:0 1px 0 rgba(0,0,0,.18)!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price small{
    grid-area:saving!important;
    justify-self:end!important;
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1.15!important;
    color:#75d6a6!important;
    font-weight:900!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__locked{
    min-height:39px!important;
    padding:8px 10px!important;
  }
}

@media(max-width:390px){
  html.campaign-theme-halloween .halloween-pack-components,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-components{
    min-height:168px!important;
  }
  html.campaign-theme-halloween .halloween-pack-component__image,
  html.campaign-theme-halloween .halloween-combo-showcase .halloween-pack-component__image{
    width:min(106px,100%)!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price strong{
    font-size:31px!important;
  }
  html.campaign-theme-halloween .halloween-pack-card__price{
    min-height:58px!important;
  }
}

/* P2.34 · copy comercial de packs antivirus */
@media (max-width:760px){
  html.campaign-theme-halloween .halloween-pack-card__note{max-width:30ch;font-size:9px;line-height:1.32}
}

/* P2.35 · Packs antivirus agrupados · Kaspersky / Bitdefender */
html.campaign-theme-halloween .halloween-antivirus-group{margin-top:18px}
html.campaign-theme-halloween .halloween-antivirus-group:first-of-type{margin-top:8px}
html.campaign-theme-halloween .halloween-antivirus-group__head{margin:0 2px 10px;padding-bottom:8px;border-bottom:1px solid rgba(240,196,106,.10)}
html.campaign-theme-halloween .halloween-antivirus-group__head h3{margin:0 0 3px;color:var(--hw-white);font-size:17px;line-height:1.15;font-weight:900}
html.campaign-theme-halloween .halloween-antivirus-group__head p{margin:0;max-width:680px;color:var(--hw-muted);font-size:11px;line-height:1.4}

@media(max-width:680px){
  html.campaign-theme-halloween .halloween-antivirus-group{margin-top:15px}
  html.campaign-theme-halloween .halloween-antivirus-group__head{margin-inline:1px}
  html.campaign-theme-halloween .halloween-antivirus-group__head h3{font-size:16px}
  html.campaign-theme-halloween .halloween-antivirus-group__head p{font-size:10.5px}

  /* Los 3-en-1 deben seguir siendo tres productos visibles, no dos tarjetas apretadas. */
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component{
    flex:1 1 0!important;
    width:0!important;
    max-width:31%!important;
  }
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component__image{
    width:min(82px,100%)!important;
  }
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-plus{
    flex-basis:18px!important;
    width:18px!important;
    height:18px!important;
    margin:31px -8px 0!important;
    font-size:9px!important;
  }
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component__copy strong{font-size:9.2px!important}
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component__copy span{font-size:8px!important}
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component__copy small{font-size:7.8px!important;padding-inline:5px!important}
}

@media(max-width:390px){
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-component__image{width:min(70px,100%)!important}
  html.campaign-theme-halloween .halloween-pack-components[style*="--pack-components:3"] .halloween-pack-plus{margin-top:27px!important}
}

/* P2.44.6 · Cierre visual Halloween: legibilidad sobre fondos ilustrados. */
html.campaign-theme-halloween .halloween-aII-secret{
  margin-top:14px;
  padding:17px 18px;
  border:1px solid rgba(240,196,106,.14)!important;
  border-left:3px solid rgba(229,139,69,.78)!important;
  border-radius:14px;
  background:rgba(14,9,17,.82)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.20);
}
html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);
  align-items:center;
  gap:26px;
}
html.campaign-theme-halloween .halloween-aII-secret .halloween-pack-showcase__eyebrow{
  opacity:1;
  color:#f09a56!important;
  text-shadow:0 1px 10px rgba(0,0,0,.38);
}
html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy h2{
  margin:3px 0 0;
  color:#fff!important;
  font-size:clamp(18px,1.7vw,22px);
  line-height:1.18;
  font-weight:900;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}
html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy p{
  margin:0;
  max-width:none;
  color:#eee4ef!important;
  font-size:13px;
  line-height:1.55;
  text-shadow:0 1px 9px rgba(0,0,0,.34);
}

/* Encabezados de secciones: mejor lectura sin convertirlos en nuevas tarjetas. */
html.campaign-theme-halloween .halloween-pack-showcase__head{
  margin-bottom:17px;
}
html.campaign-theme-halloween .halloween-pack-showcase__head h2{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.50);
}
html.campaign-theme-halloween .halloween-pack-showcase__head p{
  color:#eee4ef!important;
  font-size:13.5px;
  line-height:1.52;
  text-shadow:0 1px 9px rgba(0,0,0,.34);
}
html.campaign-theme-halloween .halloween-pack-showcase__date{
  background:rgba(16,10,19,.94);
  border-color:rgba(229,139,69,.46);
  color:#f4d286;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}

@media(max-width:900px){
  html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy{
    grid-template-columns:1fr;
    gap:8px;
  }
  html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy p{
    max-width:680px;
  }
}

@media(max-width:640px){
  html.campaign-theme-halloween .halloween-aII-secret{
    margin-top:10px;
    padding:14px 14px 15px;
    border-radius:12px;
  }
  html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy h2{
    font-size:18px;
  }
  html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy p{
    font-size:12.5px;
    line-height:1.5;
  }
  html.campaign-theme-halloween .halloween-pack-showcase__head p{
    font-size:13px;
  }
}

/* P2.44.7 · Encabezados centrados y legibles sobre la ilustración Halloween. */
html.campaign-theme-halloween .halloween-pack-showcase__head{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:center!important;
  gap:9px!important;
  width:min(980px,calc(100% - 8px));
  margin:0 auto 19px!important;
  padding:14px 20px 15px!important;
  text-align:center!important;
  border-top:1px solid rgba(240,196,106,.12);
  border-bottom:1px solid rgba(240,196,106,.12);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(12,8,15,.28) 0%,rgba(14,9,17,.79) 24%,rgba(14,9,17,.86) 50%,rgba(14,9,17,.79) 76%,rgba(12,8,15,.28) 100%)!important;
}
html.campaign-theme-halloween .halloween-pack-showcase__head>div{
  width:100%;
  min-width:0;
}
html.campaign-theme-halloween .halloween-pack-showcase__eyebrow{
  color:#f09a56!important;
  font-size:10.5px!important;
  letter-spacing:.15em!important;
  text-shadow:0 1px 9px rgba(0,0,0,.48);
}
html.campaign-theme-halloween .halloween-pack-showcase__head h2{
  max-width:900px;
  margin:5px auto 6px!important;
  font-size:clamp(26px,3vw,38px)!important;
  line-height:1.06!important;
  color:#fff!important;
  text-align:center!important;
  text-shadow:0 3px 16px rgba(0,0,0,.62)!important;
}
html.campaign-theme-halloween .halloween-pack-showcase__head p{
  max-width:760px!important;
  margin:0 auto!important;
  color:#f1e9f2!important;
  font-size:13.5px!important;
  line-height:1.5!important;
  text-align:center!important;
  text-shadow:0 1px 10px rgba(0,0,0,.46)!important;
}
html.campaign-theme-halloween .halloween-pack-showcase__date{
  justify-self:center!important;
  margin-top:2px;
}

/* Los grupos internos siguen la misma jerarquía visual. */
html.campaign-theme-halloween .halloween-antivirus-group__head{
  width:min(780px,calc(100% - 4px));
  margin:0 auto 12px!important;
  padding:10px 14px 9px!important;
  text-align:center!important;
  border-bottom:1px solid rgba(240,196,106,.14)!important;
}
html.campaign-theme-halloween .halloween-antivirus-group__head h3{
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.16!important;
  text-shadow:0 2px 12px rgba(0,0,0,.48);
}
html.campaign-theme-halloween .halloween-antivirus-group__head p{
  max-width:680px!important;
  margin:0 auto!important;
  color:#e9dfea!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  text-align:center!important;
}

@media(max-width:680px){
  html.campaign-theme-halloween .halloween-pack-showcase__head{
    width:100%;
    padding:13px 13px 14px!important;
    gap:8px!important;
    border-radius:12px;
    background:rgba(14,9,17,.84)!important;
  }
  html.campaign-theme-halloween .halloween-pack-showcase__head h2{
    font-size:clamp(23px,8vw,30px)!important;
  }
  html.campaign-theme-halloween .halloween-pack-showcase__head p{
    max-width:34ch!important;
    font-size:12.8px!important;
  }
  html.campaign-theme-halloween .halloween-pack-showcase__date{
    white-space:normal!important;
    text-align:center!important;
  }
  html.campaign-theme-halloween .halloween-antivirus-group__head{
    width:100%;
    padding:9px 8px 8px!important;
  }
  html.campaign-theme-halloween .halloween-antivirus-group__head h3{
    font-size:16.5px!important;
  }
  html.campaign-theme-halloween .halloween-antivirus-group__head p{
    max-width:34ch!important;
    font-size:10.8px!important;
  }
}

/* P2.44.8 · Mayor presencia para los encabezados internos de combos. */
html.campaign-theme-halloween .halloween-antivirus-group__head{
  width:min(820px,calc(100% - 8px));
  margin:18px auto 14px!important;
  padding:13px 18px 12px!important;
  border:1px solid rgba(240,154,86,.22)!important;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(14,9,17,.42),rgba(14,9,17,.80) 24%,rgba(14,9,17,.86) 50%,rgba(14,9,17,.80) 76%,rgba(14,9,17,.42))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.15);
}
html.campaign-theme-halloween .halloween-antivirus-group__head h3{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:clamp(19px,2vw,22px)!important;
  line-height:1.12!important;
  font-weight:900!important;
  text-shadow:0 3px 14px rgba(0,0,0,.58)!important;
}
html.campaign-theme-halloween .halloween-antivirus-group__head p{
  max-width:720px!important;
  margin:0 auto!important;
  color:#f2e9f2!important;
  font-size:12.5px!important;
  line-height:1.48!important;
  text-shadow:0 1px 9px rgba(0,0,0,.40);
}
@media(max-width:680px){
  html.campaign-theme-halloween .halloween-antivirus-group__head{
    width:100%;
    margin:14px auto 11px!important;
    padding:11px 11px 10px!important;
    background:rgba(14,9,17,.86)!important;
  }
  html.campaign-theme-halloween .halloween-antivirus-group__head h3{
    font-size:18px!important;
  }
  html.campaign-theme-halloween .halloween-antivirus-group__head p{
    max-width:36ch!important;
    font-size:11.5px!important;
  }
}


/* AII P2.44.9 · Halloween limpio: sin iconografía decorativa tipo emoji.
   Se conservan controles funcionales (WhatsApp y cerrar). */
.campaign-page--halloween .campaign-preview-notice > i,
.campaign-page--halloween .campaign-kicker > i,
.campaign-page--halloween .campaign-status > i,
.campaign-page--halloween [data-halloween-theme-preview] > i,
.campaign-page--halloween .halloween-pack-showcase__date > i,
.campaign-page--halloween .halloween-pack-card__buy > i,
.campaign-page--halloween .halloween-pack-card__locked > i,
.campaign-page--halloween [data-pack-add-single] > i,
.campaign-page--halloween [data-pack-add-bundle] > i,
.campaign-page--halloween .halloween-aII-throwback__items > span > i,
.campaign-page--halloween .campaign-preview-reroll > i,
.campaign-page--halloween .campaign-empty__icon,
.campaign-page--halloween .campaign-empty a > i {
  display: none !important;
}


/* AII P2.44.10 · accesos rápidos de combos + ajuste móvil de la pista Halloween. */
html.campaign-theme-halloween .halloween-quick-links{
  display:grid;
  grid-template-columns:auto repeat(6,minmax(0,1fr));
  align-items:center;
  gap:8px;
  width:min(1120px,100%);
  margin:13px auto 0;
}
html.campaign-theme-halloween .halloween-quick-links__label{
  padding-right:4px;
  color:#cdbfd0;
  font-size:10.5px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
html.campaign-theme-halloween .halloween-quick-links a{
  min-width:0;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 10px;
  border:1px solid rgba(240,196,106,.25);
  border-radius:10px;
  background:rgba(24,15,29,.90);
  color:#fff;
  font-size:11.5px;
  line-height:1.22;
  font-weight:850;
  text-align:center;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
@media(hover:hover){
  html.campaign-theme-halloween .halloween-quick-links a:hover{
    border-color:rgba(240,154,86,.62);
    background:rgba(42,24,48,.96);
    transform:translateY(-1px);
  }
}
html.campaign-theme-halloween #halloween-products,
html.campaign-theme-halloween #halloween-packs-x2,
html.campaign-theme-halloween #halloween-windows-office,
html.campaign-theme-halloween #halloween-productivity2021,
html.campaign-theme-halloween #halloween-productivity2024,
html.campaign-theme-halloween #halloween-kaspersky,
html.campaign-theme-halloween #halloween-bitdefender{
  scroll-margin-top:110px;
}
html.campaign-theme-halloween .halloween-pack-showcase__date{
  width:fit-content;
  max-width:100%;
}

@media(max-width:680px){
  html.campaign-theme-halloween .halloween-aII-secret{
    text-align:center;
  }
  html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy{
    justify-items:center;
  }
  html.campaign-theme-halloween .halloween-aII-secret .halloween-aII-throwback__copy p{
    max-width:36ch;
    margin-inline:auto;
  }
  html.campaign-theme-halloween .halloween-quick-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
  }
  html.campaign-theme-halloween .halloween-quick-links__label{
    flex:0 0 100%;
    padding:0 0 1px;
    text-align:center;
  }
  html.campaign-theme-halloween .halloween-quick-links a{
    flex:1 1 calc(50% - 4px);
    width:calc(50% - 4px);
    min-height:44px;
    padding:9px 8px;
    font-size:11.5px;
  }
}

@media(max-width:360px){
  html.campaign-theme-halloween .halloween-quick-links{
    gap:7px;
  }
  html.campaign-theme-halloween .halloween-quick-links a{
    min-height:46px;
    padding:8px 6px;
    font-size:10.8px;
  }
}

/* AII P2.44.12 · accesos completos + desplazamiento suave. */
html.campaign-theme-halloween{
  scroll-behavior:smooth;
}
@media(prefers-reduced-motion:reduce){
  html.campaign-theme-halloween{scroll-behavior:auto;}
}

/* R5.10.10 · Ficha de producto Halloween + combos x3
   Capa visual únicamente. No altera carrito, precios, promociones ni fulfillment. */
html.campaign-user-theme-halloween main#content{
  background:
    radial-gradient(circle at 82% 8%,rgba(124,58,237,.075),transparent 26rem),
    radial-gradient(circle at 8% 34%,rgba(196,90,26,.045),transparent 23rem);
}
html.campaign-user-theme-halloween main#content nav[aria-label="Breadcrumb"]{color:#aa9caf!important}
html.campaign-user-theme-halloween main#content nav[aria-label="Breadcrumb"] a:hover{color:#f0c46a!important}
html.campaign-user-theme-halloween .product-detail-card{
  position:relative;
  background:linear-gradient(155deg,#211428 0%,#1a111f 58%,#171019 100%)!important;
  border:1px solid rgba(139,90,160,.34)!important;
  box-shadow:0 18px 42px rgba(8,4,10,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html.campaign-user-theme-halloween .product-detail-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg,transparent,#8b5aa0 28%,#c45a1a 72%,transparent);
  opacity:.82;
  pointer-events:none;
}
html.campaign-user-theme-halloween .product-detail-card>div:first-child h1{color:#fffaf5!important}
html.campaign-user-theme-halloween .product-detail-card>div:first-child p{color:#cdbfd1!important}
html.campaign-user-theme-halloween .product-detail-card>hr{border-color:rgba(240,196,106,.10)!important}

html.campaign-user-theme-halloween .product-purchase-card{
  background:#18101d!important;
  border-color:rgba(139,90,160,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html.campaign-user-theme-halloween .product-option-panel{border-bottom-color:rgba(139,90,160,.28)!important}
html.campaign-user-theme-halloween .product-option-title,
html.campaign-user-theme-halloween .product-option-count{color:#bfaec5!important}
html.campaign-user-theme-halloween .product-option-edition{color:#fffaf5!important}
html.campaign-user-theme-halloween .product-option-meta{color:#d2c4d6!important}
html.campaign-user-theme-halloween .product-option-meta>i{color:#d8b4fe!important}
html.campaign-user-theme-halloween .product-option-component{color:#d5c9d8!important}
html.campaign-user-theme-halloween .product-option-component>i{color:#72c994!important}
html.campaign-user-theme-halloween .product-option-change-text{
  color:#eadcff!important;
  background:#25172c!important;
  border-color:rgba(192,132,252,.34)!important;
}
html.campaign-user-theme-halloween button.product-option-mobile:hover .product-option-change-text{
  color:#fff!important;background:#2d1a36!important;border-color:rgba(192,132,252,.52)!important;
}

html.campaign-user-theme-halloween .product-price-label{color:#cbbccc!important}
html.campaign-user-theme-halloween .product-price-number{color:#d8b4fe!important;text-shadow:0 0 18px rgba(124,58,237,.16)}
html.campaign-user-theme-halloween .product-price-old{color:#9f91a5!important}
html.campaign-user-theme-halloween .product-price-saving{color:#86efac!important}
html.campaign-user-theme-halloween .product-price-payment,
html.campaign-user-theme-halloween .product-price-points{color:#8be0a8!important}
/* El badge comercial se ve durante la campaña aunque el usuario conserve Claro/Oscuro. */
html.campaign-theme-halloween .product-price-halloween-off{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:4px 9px;
  border:1px solid rgba(216,180,254,.42);
  border-radius:999px;
  background:#7c3aed;
  color:#fff;
  box-shadow:0 5px 13px rgba(88,28,135,.22),inset 0 1px 0 rgba(255,255,255,.13);
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
}
html.campaign-user-theme-halloween .product-more-info{
  background:#24172a!important;
  border-color:rgba(139,90,160,.32)!important;
  color:#e8ddec!important;
}
html.campaign-user-theme-halloween .product-more-info i:first-child{color:#d8b4fe!important}
html.campaign-user-theme-halloween .product-more-info i:last-child{color:#b9a8bf!important}
html.campaign-user-theme-halloween .product-more-info:hover{
  background:#2c1a34!important;border-color:rgba(192,132,252,.46)!important;color:#fff!important;
}

html.campaign-user-theme-halloween .product-actions-buttons .btn-primary{
  background:#7c3aed!important;
  border:1px solid #8b5cf6!important;
  color:#fff!important;
  box-shadow:0 9px 18px rgba(76,29,149,.22)!important;
}
html.campaign-user-theme-halloween .product-actions-buttons .btn-primary:hover{background:#6d28d9!important}
html.campaign-user-theme-halloween .product-actions-buttons .btn-outline{
  background:#24172a!important;
  border-color:#c45a1a!important;
  color:#fffaf5!important;
}
html.campaign-user-theme-halloween .product-actions-buttons .btn-outline:hover{
  background:#2d1a34!important;
  border-color:#df7430!important;
}
html.campaign-user-theme-halloween .benefit-pill{
  background:#201526!important;
  border-color:rgba(139,90,160,.28)!important;
  color:#e9dfea!important;
}
html.campaign-user-theme-halloween .benefit-pill i{color:#d8b4fe!important}

/* Barra fija de compra: elimina el azul genérico mientras el usuario usa Halloween. */
html.campaign-user-theme-halloween .buy-sticky,
html.campaign-user-theme-halloween .buy-sticky-d{
  background:rgba(29,18,34,.975)!important;
  color:#fffaf5!important;
  border-top:1px solid rgba(139,90,160,.34)!important;
  box-shadow:0 -12px 28px rgba(8,4,10,.34),inset 0 2px 0 rgba(196,90,26,.24)!important;
}
html.campaign-user-theme-halloween .buy-sticky .bs-kicker{color:#bfaec5!important}
html.campaign-user-theme-halloween .buy-sticky .bs-old,
html.campaign-user-theme-halloween .buy-sticky-d .d-old{color:#a99aad!important}
html.campaign-user-theme-halloween .buy-sticky .bs-price,
html.campaign-user-theme-halloween .buy-sticky-d .d-now{
  color:#d8b4fe!important;
  text-decoration-color:rgba(216,180,254,.52)!important;
}
html.campaign-user-theme-halloween .buy-sticky .bs-btn,
html.campaign-user-theme-halloween .buy-sticky-d .d-btn-primary{
  background:#7c3aed!important;
  border-color:#8b5cf6!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(76,29,149,.24)!important;
}
html.campaign-user-theme-halloween .buy-sticky-d .d-btn:not(.d-btn-primary){
  background:#24172a!important;
  border-color:#c45a1a!important;
  color:#fffaf5!important;
}

/* Selector y bloque de combos: lila/ciruela, sin cambiar datos ni handlers. */
html.campaign-user-theme-halloween .catalog-bundle-selector{
  border-color:rgba(192,132,252,.28)!important;
  background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(62,37,70,.18))!important;
}
html.campaign-user-theme-halloween .catalog-bundle-selector__title>span{color:#d8b4fe!important}
html.campaign-user-theme-halloween .catalog-bundle-selector__title>small,
html.campaign-user-theme-halloween .catalog-bundle-selector__group-label{color:#cbbccc!important}
html.campaign-user-theme-halloween .catalog-bundle-selector__chip{
  background:#211528!important;
  border-color:rgba(192,132,252,.28)!important;
  color:#e9d5ff!important;
}
html.campaign-user-theme-halloween .catalog-bundle-selector__chip:hover{
  background:#2b1933!important;border-color:rgba(216,180,254,.48)!important;
}
html.campaign-user-theme-halloween .catalog-bundle-selector__chip.is-active{
  background:#7c3aed!important;
  border-color:#a78bfa!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(88,28,135,.20)!important;
}
html.campaign-user-theme-halloween .catalog-bundle-card{
  border-color:rgba(192,132,252,.32)!important;
  background:linear-gradient(145deg,rgba(67,42,78,.72),rgba(38,24,45,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html.campaign-user-theme-halloween .catalog-bundle-kicker{color:#d8b4fe!important}
html.campaign-user-theme-halloween .catalog-bundle-title{color:#fffaf5!important}
html.campaign-user-theme-halloween .catalog-bundle-product{
  background:#191020!important;
  border-color:rgba(168,139,184,.22)!important;
}
html.campaign-user-theme-halloween .catalog-bundle-product.is-current{
  background:rgba(124,58,237,.15)!important;
  border-color:rgba(216,180,254,.48)!important;
  box-shadow:0 0 0 1px rgba(124,58,237,.09)!important;
}
html.campaign-user-theme-halloween .catalog-bundle-current-badge{
  background:#7c3aed!important;color:#fff!important;border:1px solid rgba(216,180,254,.30)!important;
}
html.campaign-user-theme-halloween .catalog-bundle-plus{
  background:#c45a1a!important;
  border-color:#24172a!important;
  box-shadow:0 4px 10px rgba(88,31,8,.22)!important;
}
html.campaign-user-theme-halloween .catalog-bundle-product-copy strong{color:#fffaf5!important}
html.campaign-user-theme-halloween .catalog-bundle-product-copy span:not(.catalog-bundle-current-badge){color:#cbbccc!important}
html.campaign-user-theme-halloween .catalog-bundle-product-copy .catalog-bundle-validity{color:#d8b4fe!important}
html.campaign-user-theme-halloween .catalog-bundle-product-copy small{color:#f0c46a!important}
html.campaign-user-theme-halloween .catalog-bundle-summary{border-color:rgba(192,132,252,.20)!important}
html.campaign-theme-halloween .catalog-bundle-halloween-off{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  margin-bottom:3px;
  padding:4px 8px;
  border:1px solid rgba(216,180,254,.42);
  border-radius:999px;
  background:#7c3aed;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 5px 12px rgba(88,28,135,.20);
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
}
html.campaign-user-theme-halloween .catalog-bundle-price>span:not(.catalog-bundle-halloween-off){color:#9f91a5!important}
html.campaign-user-theme-halloween .catalog-bundle-price>strong{color:#d8b4fe!important;text-shadow:0 0 14px rgba(124,58,237,.16)}
html.campaign-user-theme-halloween .catalog-bundle-price>small{color:#86efac!important}
html.campaign-user-theme-halloween .catalog-bundle-button{
  background:#7c3aed!important;
  border:1px solid #8b5cf6!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(76,29,149,.20)!important;
}
html.campaign-user-theme-halloween .catalog-bundle-button:hover{background:#6d28d9!important}

/* En x3 el precio queda abajo y el CTA no roba ancho a las tres tarjetas. */
html.campaign-user-theme-halloween .catalog-bundle-card.is-three .catalog-bundle-summary{
  padding:10px 0 0!important;
  border-left:0!important;
  border-top:1px solid rgba(192,132,252,.20)!important;
}

@media(max-width:760px){
  html.campaign-user-theme-halloween .product-detail-card{border-radius:15px!important}
  html.campaign-user-theme-halloween .catalog-bundle-card.is-three .catalog-bundle-summary{align-items:center!important}
}
@media(max-width:520px){
  html.campaign-theme-halloween .catalog-bundle-halloween-off{align-self:center}
  html.campaign-user-theme-halloween .catalog-bundle-card.is-three .catalog-bundle-price{align-items:center}
}


/* R5.10.13 · landing Halloween: catálogo individual compacto y sin recortes. */
html.campaign-theme-halloween .halloween-pack-card__details--static{
  cursor:default;
  text-decoration:none!important;
  color:#bfa8c9;
}
html.campaign-theme-halloween #halloween-products .campaign-grid--halloween-individuals{
  align-items:stretch;
  gap:14px;
}
html.campaign-theme-halloween #halloween-products .campaign-card{
  min-width:0;
  border-radius:14px;
}
html.campaign-theme-halloween #halloween-products .campaign-card__media{
  aspect-ratio:4/3;
  padding:6px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,rgba(28,17,31,.98),rgba(18,12,20,.98))!important;
}
html.campaign-theme-halloween #halloween-products .campaign-card__media img{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  transform:none!important;
}
html.campaign-theme-halloween #halloween-products .campaign-card__body{
  padding:.72rem .72rem .78rem;
}
html.campaign-theme-halloween #halloween-products .campaign-card__name{
  min-height:2.45em;
  font-size:.84rem;
  line-height:1.22;
}
html.campaign-theme-halloween #halloween-products .campaign-meta{
  margin-top:.42rem;
  font-size:.62rem;
}
html.campaign-theme-halloween #halloween-products .campaign-pricing{
  padding-top:.58rem;
}
html.campaign-theme-halloween #halloween-products .campaign-old-price{
  font-size:.7rem;
}
html.campaign-theme-halloween #halloween-products .campaign-price{
  font-size:1.3rem;
}
html.campaign-theme-halloween #halloween-products .campaign-actions{
  gap:.4rem;
  margin-top:.58rem;
}
html.campaign-theme-halloween #halloween-products .campaign-btn{
  min-height:2.2rem;
  padding:.48rem .5rem;
  font-size:.7rem;
}
@media(min-width:760px) and (max-width:1099px){
  html.campaign-theme-halloween #halloween-products .campaign-grid--halloween-individuals{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(min-width:1100px){
  html.campaign-theme-halloween #halloween-products .campaign-grid--halloween-individuals{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}
@media(max-width:560px){
  html.campaign-theme-halloween #halloween-products .campaign-grid--halloween-individuals{
    gap:9px;
  }
  html.campaign-theme-halloween #halloween-products .campaign-card__media{
    aspect-ratio:1/1;
    padding:4px;
  }
  html.campaign-theme-halloween #halloween-products .campaign-card__body{
    padding:.58rem;
  }
  html.campaign-theme-halloween #halloween-products .campaign-card__name{
    font-size:.76rem;
  }
  html.campaign-theme-halloween #halloween-products .campaign-actions{
    grid-template-columns:1fr;
  }
}

/* AII Halloween P2.4 · TERCER TEMA VISUAL AISLADO + COBERTURA EXTENDIDA
   - Solo entra cuando el cliente selecciona Halloween.
   - Claro y Oscuro conservan sus estilos propios.
   - Sin filtros blur, fondos fixed nuevos ni sombras pesadas.
   - Las superficies Halloween son propias para evitar mezclar azul/gris del dark theme. */

html.campaign-user-theme-halloween[data-aii-theme="halloween"]{
  --hw3-bg:#0b070d;
  --hw3-surface:#130d16;
  --hw3-surface-2:#1b111f;
  --hw3-surface-3:#241629;
  --hw3-border:rgba(216,180,232,.16);
  --hw3-border-strong:rgba(216,180,232,.30);
  --hw3-text:#fbf8f2;
  --hw3-muted:#c9bdcb;
  --hw3-purple:#9b63b3;
  --hw3-purple-soft:#d8b4e8;
  --hw3-orange:#c86625;
  --hw3-orange-soft:#e09a5a;
  --hw3-candle:#f0c46a;
}

/* Rendimiento: el tercer tema no añade efectos de composición caros. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero{background-attachment:scroll!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .home-festive__tags span,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .home-festive__timer{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* HOME · una tercera paleta coherente, no un tinte sobre Dark. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero form button,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero a.bg-primary{
  background:var(--hw3-purple)!important;
  border-color:var(--hw3-border-strong)!important;
  color:#fff!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero form button:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero a.bg-primary:hover{background:#86519d!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero .home-hero-pay i{color:var(--hw3-candle)!important}

/* Beneficios: superficies Halloween propias. No heredan gris/azul de Dark. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #beneficios .card{
  background:var(--hw3-surface-2)!important;
  border:1px solid var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #beneficios .card>i{color:var(--hw3-candle)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #beneficios .card h3{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #beneficios .card p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #beneficios .card li{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #beneficios .card li i{color:var(--hw3-orange-soft)!important}

/* Secciones del home: acento consistente, sin repintar la página completa. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #beneficios h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #testimonios h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #como-comprar h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #empresas h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares h2{color:var(--hw3-text)!important}

html.campaign-user-theme-halloween[data-aii-theme="halloween"] #como-comprar .card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash .deal-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .deal-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares .deal-card{
  border-color:var(--hw3-border)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #como-comprar i.text-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #testimonios .text-primary{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash .sparkle{color:var(--hw3-orange-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash .progress-stripes{background-color:var(--hw3-purple)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #testimonios .border-primary{border-color:var(--hw3-purple)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .deal-card>div[class*="bg-primary"]{
  background:rgba(155,99,179,.14)!important;
  color:var(--hw3-purple-soft)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .mt-8>a{background:var(--hw3-purple)!important;color:#fff!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .mt-8>a:hover{background:#86519d!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #empresas .home-b2b-head>span,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #empresas .home-b2b-kicker,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #empresas .home-b2b-card a{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #empresas .home-b2b-icon{
  background:rgba(155,99,179,.14)!important;
  color:var(--hw3-purple-soft)!important;
}

/* MI CUENTA · dashboard. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #sidebar,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #sidebar>div,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #quickLinks>a,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-account-summary-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-suggest-box,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-suggest-card{
  background:var(--hw3-surface-2)!important;
  border:1px solid var(--hw3-border)!important;
  box-shadow:none!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #sidebar a:not(.text-red-500){color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #sidebar a:not(.text-red-500):hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #sidebar a.bg-primary\/10{
  background:rgba(155,99,179,.15)!important;
  color:var(--hw3-purple-soft)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #quickLinks>a:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-suggest-card:hover{border-color:var(--hw3-border-strong)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #quickLinks>a>div{
  background:rgba(155,99,179,.15)!important;
  color:var(--hw3-purple-soft)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-suggest-title,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-suggest-name{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-suggest-sub,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-recent-order-date{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-suggest-price,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account a.text-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account button.text-primary{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .bg-primary:not(.country-pill){background:var(--hw3-purple)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .bg-accent{background:var(--hw3-orange)!important}

/* CARTERA. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-page{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-balance-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-guide,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-stat,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-panel,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-tx-card{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-balance-card:after{background:rgba(200,102,37,.10)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-back,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-amount{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-label,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-note,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-guide p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-panel-head p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-stat span,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-stat small{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-action.primary{background:var(--hw3-purple)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-action.secondary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-method{background:var(--hw3-surface-3)!important;color:var(--hw3-text)!important;border-color:var(--hw3-border)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-dot{background:var(--hw3-orange-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-table thead th{background:#201425!important;color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-table tbody tr{background:#120b15!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .wallet-table tbody tr:hover{background:#211426!important}

/* PEDIDOS. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-page{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-filters,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-table-wrap,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-empty,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .order-card{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-back,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .order-code,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .detail-btn{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-head p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .order-date{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-filters input,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-filters select,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-filters button{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-table thead th{background:#201425!important;color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-table tbody tr{background:#120b15!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .orders-table tbody tr:hover{background:#211426!important}

/* PUNTOS. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-page{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .movements-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .tx-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .empty-box{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-hero>.points-card:first-child{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border-strong)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-hero>.points-card:first-child:after{background:rgba(200,102,37,.10)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-back,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-balance strong{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-sub,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-label,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .redeem-text,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .movements-head p{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-mini,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .redeem-input{background:var(--hw3-surface-3)!important;border-color:var(--hw3-border)!important;color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .redeem-btn{background:var(--hw3-purple)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-link-btn{background:var(--hw3-surface-3)!important;color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .redeem-estimate{background:rgba(155,99,179,.14)!important;border-color:var(--hw3-border-strong)!important;color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-table th{background:#201425!important;color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .points-table td{background:#120b15!important;border-color:var(--hw3-border)!important}

/* CUPONES. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .coupons-page{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .coupons-hero,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .coupon-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .used-table-wrap,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .used-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .review-panel,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .empty-coupons{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .coupons-back,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .coupon-code{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .coupon-btn.primary{background:var(--hw3-purple)!important;color:#fff!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .coupon-btn.soft{background:var(--hw3-surface-3)!important;color:var(--hw3-text)!important;border-color:var(--hw3-border)!important}

/* DESCARGAS. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .downloads-page{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .downloads-info,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .downloads-table-wrap,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .downloads-empty,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .download-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .learn-box,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .learn-card{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .downloads-back,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .order-link,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .learn-actions a{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .downloads-info a,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .res-installer{background:var(--hw3-purple)!important;color:#fff!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .downloads-table th{background:#201425!important;color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .downloads-table tbody tr:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .learn-card:hover{background:#211426!important}

/* SOPORTE. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-page{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-hero,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-step,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-tip,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .ticket-item{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-back,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-mini-link{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-step-num,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-submit,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-message.user .support-bubble{background:var(--hw3-purple)!important;color:#fff!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-input,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-select,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-textarea{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-input:focus,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-select:focus,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-textarea:focus{
  border-color:var(--hw3-purple)!important;
  box-shadow:0 0 0 3px rgba(155,99,179,.14)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .support-message.staff .support-bubble{background:var(--hw3-surface-3)!important;color:var(--hw3-text)!important}

/* Hover discreto y barato. */
@media (hover:hover){
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] #beneficios .card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] #como-comprar .card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash .deal-card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .deal-card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares .deal-card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account #quickLinks>a:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] #account .aii-account-summary-card:hover{
    border-color:var(--hw3-border-strong)!important;
  }
}

/* P2.4 · COBERTURA EXTRA DEL TERCER TEMA
   Reglas exclusivas del modo Halloween seleccionado por el cliente. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] body{
  background:var(--hw3-bg)!important;
  color:var(--hw3-text);
}

/* FOOTER · superficie propia, sin contaminar Claro/Oscuro. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"]{
  background:#0d0910!important;
  border-top:1px solid rgba(200,102,37,.20)!important;
  color:var(--hw3-muted)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] h3,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] .footer-pay-title-clean,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] .newsletter-compact-title{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] a:not(.newsletter-compact-button){color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] a:hover{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] .footer-pay-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] .newsletter-footer-compact{
  background:var(--hw3-surface)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] .newsletter-compact-input{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] .newsletter-compact-button{background:var(--hw3-purple)!important;color:#fff!important}

/* BUSCADOR HOME + /buscar. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero .aii-search-panel,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-hero,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-empty-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-grid .deal-card{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero .aii-search-row:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #hero .aii-search-row.is-focused{background:var(--hw3-surface-3)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-hero h1,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-empty-card h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-card-price{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-hero p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-result-line,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-empty-card p{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-form input,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-form select{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-form input:focus,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-form select:focus{border-color:var(--hw3-purple)!important;box-shadow:0 0 0 3px rgba(155,99,179,.12)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-form button{background:var(--hw3-purple)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-quick-links a,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-variant-chip,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-suggestions a{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-muted)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-quick-links a:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-variant-chip:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-suggestions a:hover{border-color:var(--hw3-border-strong)!important;color:var(--hw3-purple-soft)!important}

/* CATEGORÍAS · filtros y ayudas, sin alterar la lógica de producto. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-sidebar>div,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-filter-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-choice-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-guide-links,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-guide-link,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-mobile-options,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-mobile-other,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-empty-state,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #productGrid .deal-card{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-filter-head h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-guide-links-head h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-empty-state h3,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-mobile-options h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-mobile-other h2{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-filter-head p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-guide-links-head p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-guide-link-copy small,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-empty-state p{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-filter-grid input,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-filter-grid select,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-clear-filter{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-filter-grid button,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-empty-reset{background:var(--hw3-purple)!important;color:#fff!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-other-link{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-other-link:hover{background:var(--hw3-surface-3)!important;color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-choice-icon,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-guide-link-media,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-empty-icon{background:rgba(155,99,179,.13)!important;color:var(--hw3-purple-soft)!important}

/* AUTENTICACIÓN · login, registro, recuperación y verificación. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-card{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-card h1,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-card h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-title{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-card p:not(.aii-auth-error),
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-sub,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-help{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-field input,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-field select,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-field textarea,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-input{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-field input:focus,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-field select:focus,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-field textarea:focus,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-input:focus{border-color:var(--hw3-purple)!important;box-shadow:0 0 0 3px rgba(155,99,179,.12)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-auth-submit,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-btn.primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-btn.accent{background:var(--hw3-purple)!important;color:#fff!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-step,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-note{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-muted)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .verify-step b{background:var(--hw3-purple)!important}

/* PERFIL · datos personales, contraseña y newsletter. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-page{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-hero,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .readonly-note,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .password-rules .rule:not(.ok){
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
  color:var(--hw3-muted)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-back,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-card a{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-head p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-hero p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-card .card-sub,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .field small{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-page .input,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-page .select,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-page .textarea{
  background:var(--hw3-surface-3)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-text)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-page .btn-primary{background:var(--hw3-purple)!important}

/* MEMBRESÍAS · sólo presentación pública; botones/acciones conservan su lógica. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .memberships-shell{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-hero,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-hero-panel,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .monthly-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-table-wrap,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-rules-preview,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-faq-item,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-final-cta{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-eyebrow,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-price-row,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .monthly-number{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-lead,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-tagline,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-table-note{color:var(--hw3-muted)!important}

@media (hover:hover){
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] .search-grid .deal-card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] #productGrid .deal-card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-choice-card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cat-guide-link:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] .profile-card:hover,
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] .membership-card:hover{
    border-color:var(--hw3-border-strong)!important;
  }
}


/* AII Halloween P2.5 · CIERRE VISUAL HOME + PRODUCTO + CATÁLOGO
   Tercer tema real únicamente. Un mismo fondo liviano en móvil y escritorio. */

/* HOME · elimina los últimos azules visibles de acciones y acentos. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash .bg-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash button[data-buy],
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares .bg-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares button[data-buy],
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .bg-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #como-comprar .bg-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #testimonios .bg-primary{
  background:var(--hw3-purple)!important;
  border-color:var(--hw3-purple)!important;
  color:#fff!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash .bg-primary:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash button[data-buy]:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares .bg-primary:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares button[data-buy]:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .bg-primary:hover{
  background:#86519d!important;
  border-color:#86519d!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash .text-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares .text-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .text-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #como-comprar .text-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #testimonios .text-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #sobre-nosotros .text-primary{
  color:var(--hw3-purple-soft)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #ofertas-flash .border-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #populares .border-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #categorias-principales .border-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] #testimonios .border-primary{
  border-color:var(--hw3-purple)!important;
}

/* FONDO DE PÁGINA · mismo tratamiento para cualquier viewport; sin imagen ni fixed. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-category-page,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-search-page,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-catalog-page{
  background:
    radial-gradient(circle at 16% 7%,rgba(155,99,179,.085),transparent 33%),
    radial-gradient(circle at 86% 14%,rgba(200,102,37,.05),transparent 29%),
    linear-gradient(180deg,#0d0910 0%,#0a070c 56%,#0d0910 100%)!important;
  color:var(--hw3-text)!important;
}

/* PRODUCTO · completa superficies que aún heredaban el Dark azul/gris. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-care-note,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page #productTabs,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-shell,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-card{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  color:var(--hw3-text)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-head h2,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-copy strong{color:var(--hw3-text)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-head p,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-copy small{color:var(--hw3-muted)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-kicker,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-cta,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .related-more,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .rel-now{color:var(--hw3-purple-soft)!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page .product-guide-card:hover{
  border-color:var(--hw3-border-strong)!important;
  box-shadow:none!important;
}

/* CATÁLOGO /catalogo · su CSS usa variables propias. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-catalog-page{
  --cat-bg:#0a070c;
  --cat-surface:var(--hw3-surface-2);
  --cat-soft:var(--hw3-surface-3);
  --cat-heading:var(--hw3-text);
  --cat-text:var(--hw3-muted);
  --cat-muted:#aa9caf;
  --cat-border:var(--hw3-border);
  --cat-primary:var(--hw3-purple-soft);
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-catalog-hero,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-catalog-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-catalog-help{box-shadow:none!important}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-catalog-card-icon{
  background:rgba(155,99,179,.13)!important;
  color:var(--hw3-purple-soft)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-catalog-card:hover{
  border-color:var(--hw3-border-strong)!important;
  box-shadow:none!important;
}

/* CATEGORÍAS + BUSCAR · reafirma cards, botones y texto sobre el fondo Halloween. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-category-page #productGrid .deal-card,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-search-page .search-grid .deal-card{
  background:var(--hw3-surface-2)!important;
  border-color:var(--hw3-border)!important;
  box-shadow:none!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-category-page #productGrid .deal-card .bg-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-search-page .search-grid .deal-card .bg-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-category-page .cat-filter-grid button,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-search-page .search-form button{
  background:var(--hw3-purple)!important;
  border-color:var(--hw3-purple)!important;
  color:#fff!important;
}

/* AII Halloween P2.6 · aviso de tema + cierre de footer/avatar.
   Sólo se activa cuando el cliente está realmente en el tercer estilo Halloween. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] #newsletter-footer .newsletter-compact-button,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .newsletter-confirm-button.is-primary{
  background:var(--hw3-purple)!important;
  border-color:var(--hw3-purple)!important;
  color:#fff!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] #newsletter-footer .newsletter-compact-button:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .newsletter-confirm-button.is-primary:hover{
  background:#86519d!important;
  border-color:#86519d!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] footer[role="contentinfo"] img[src*="avat-halloween"]{
  border-radius:999px;
  box-shadow:0 0 0 2px rgba(155,99,179,.38),0 0 0 4px rgba(200,102,37,.13);
}
.aii-theme-intro{
  --aii-theme-intro-left:10px;
  --aii-theme-intro-top:74px;
  --aii-theme-intro-arrow-x:50%;
  position:fixed;
  left:var(--aii-theme-intro-left);
  top:var(--aii-theme-intro-top);
  z-index:120;
  width:min(286px,calc(100vw - 20px));
  padding:11px 34px 12px 13px;
  border-radius:17px;
  border:1px solid rgba(200,102,37,.42);
  background:linear-gradient(145deg,#1a0c1b 0%,#110913 100%);
  color:#f8f3fa;
  box-shadow:0 13px 28px rgba(5,2,8,.30),inset 0 0 0 1px rgba(155,99,179,.15);
  opacity:0;
  transform:translateY(-4px) scale(.99);
  transition:opacity .16s ease,transform .16s ease;
}
.aii-theme-intro::before{
  content:"";
  position:absolute;
  left:var(--aii-theme-intro-arrow-x);
  top:-7px;
  width:13px;
  height:13px;
  transform:translateX(-50%) rotate(45deg);
  border-left:1px solid rgba(200,102,37,.42);
  border-top:1px solid rgba(200,102,37,.42);
  background:#180b19;
  border-radius:3px 0 0 0;
}
.aii-theme-intro[hidden]{display:none!important}
.aii-theme-intro.is-visible{opacity:1;transform:translateY(0) scale(1)}
.aii-theme-intro__copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:3px;line-height:1.28}
.aii-theme-intro__copy strong{font-size:.82rem;color:#fff;font-weight:900}
.aii-theme-intro__copy span{font-size:.71rem;color:#d1c4d2;line-height:1.35}
.aii-theme-intro__close{position:absolute;z-index:2;right:7px;top:7px;width:24px;height:24px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.035);color:#b9abbc;cursor:pointer}
.aii-theme-intro__close:hover{background:rgba(255,255,255,.075);color:#fff}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .theme-btn.aii-theme-intro-target{outline:2px solid rgba(200,102,37,.58);outline-offset:3px}
@media(max-width:390px){
  .aii-theme-intro{padding:10px 31px 10px 12px;border-radius:15px}
  .aii-theme-intro__copy strong{font-size:.78rem}
  .aii-theme-intro__copy span{font-size:.68rem}
  .aii-theme-intro__close{right:6px;top:6px;width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){.aii-theme-intro{transition:none!important}}



/* P2.7.1 consolidado · Producto usa el mismo fondo visual de /halloween.
   Desktop y móvil reutilizan los assets existentes; sin alterar Claro/Oscuro. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page{
  position:relative;
  isolation:isolate;
  background:transparent!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page::before{
  content:"";
  display:block;
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:#09070b url('../../img/aii-halloween-bg-desktop.webp') center center/cover no-repeat;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page::after{
  content:"";
  display:block;
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(8,5,10,.69);
}
@media(max-width:680px){
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page::before{
    background-image:url('../../img/aii-halloween-bg-mobile.webp');
    background-position:60% center;
  }
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-product-page::after{
    background:rgba(8,5,10,.73);
  }
}

/* AII · Halloween P2.8 · cierre de navegación + drawer/notificaciones.
   Sólo se activa con el tercer estilo Halloween real. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"]{
  --hw-nav-plum-950:#150b19;
  --hw-nav-plum-900:#211327;
  --hw-nav-plum-850:#2b1833;
  --hw-nav-plum-800:#371f41;
  --hw-nav-plum-700:#472653;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .nav-main{
  background:var(--hw-nav-plum-900)!important;
  box-shadow:0 7px 18px rgba(6,3,8,.28),inset 0 -2px 0 rgba(196,90,26,.30)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .categories-row{
  background:var(--hw-nav-plum-700)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .nav-badge-counter{
  background:#7c3aed!important;
  color:#fff!important;
  box-shadow:0 0 0 2px var(--hw-nav-plum-900),0 0 10px rgba(124,58,237,.38)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .nav-alert-ring{
  border-color:#c084fc!important;
  box-shadow:0 0 0 3px rgba(192,132,252,.12),0 0 12px rgba(124,58,237,.28)!important;
}

/* Drawer: carrito, notificaciones y cualquier panel abierto comparten el tercer tema. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-panel-overlay{
  background:rgba(5,2,7,.72)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-panel-sheet{
  background:#140c18!important;
  color:#fffaf5!important;
  border-left:1px solid rgba(192,132,252,.18)!important;
  box-shadow:-18px 0 42px rgba(4,2,6,.42)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-cart-section,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-section{
  min-height:100%;
  background:#140c18!important;
  color:#fffaf5!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-panel-head{
  background:#1f1225!important;
  border-color:rgba(240,196,106,.12)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-panel-close{
  background:#28172f!important;
  border-color:rgba(192,132,252,.26)!important;
  color:#fff!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-panel-close:hover{
  background:#3b2145!important;
  border-color:rgba(240,196,106,.30)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-item{
  background:#211327!important;
  border:1px solid rgba(192,132,252,.14)!important;
  color:#f8f1fa!important;
  transition:border-color .15s ease,background-color .15s ease!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-item:hover{
  background:#2b1833!important;
  border-color:rgba(192,132,252,.32)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-item .text-gray-500,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-section .text-gray-500,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-section .text-gray-400{
  color:#bcaec1!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-modal{
  background:#1b101f!important;
  border:1px solid rgba(192,132,252,.22)!important;
  color:#fffaf5!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-section .btn-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-section .drawer-notif-login,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-modal .bg-primary,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cart-checkout-button,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cart-empty-action-primary{
  background:linear-gradient(135deg,#7c3aed,#63308f)!important;
  border-color:#8b5cf6!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(91,33,182,.24)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-section .btn-primary:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-section .drawer-notif-login:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-modal .bg-primary:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cart-checkout-button:hover,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cart-empty-action-primary:hover{
  background:linear-gradient(135deg,#6d28d9,#542779)!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cart-empty-action-secondary{
  background:#211327!important;
  border-color:rgba(192,132,252,.22)!important;
  color:#eadff0!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .cart-empty-action-secondary:hover{
  background:#2b1833!important;
  border-color:rgba(240,196,106,.22)!important;
  color:#fff!important;
}
/* Toasts: identidad Halloween sin perder legibilidad del mensaje. */
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-cart-toast,
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .aii-global-toast{
  background:#2d1637!important;
  border:1px solid rgba(240,196,106,.34)!important;
  color:#fffaf5!important;
  box-shadow:0 12px 30px rgba(6,3,8,.38),inset 3px 0 0 #c45a1a!important;
}
@media(max-width:767.98px){
  html.campaign-user-theme-halloween[data-aii-theme="halloween"] .nav-main{
    background:var(--hw-nav-plum-700)!important;
  }
}

html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-modal button:not(.bg-primary){
  background:#211327!important;
  border-color:rgba(192,132,252,.22)!important;
  color:#eadff0!important;
}
html.campaign-user-theme-halloween[data-aii-theme="halloween"] .drawer-notif-modal button:not(.bg-primary):hover{
  background:#2b1833!important;
  color:#fff!important;
}