/* ==========================================================================
   ALLSOLUTIA — Templates de Campanha
   Troque a campanha ativa em assets/js/site-config.js (campo "campanha").
   Cada campanha redefine as variáveis de marca + a faixa promocional
   (.promo-bar), sem alterar o restante do layout.

   Para criar uma campanha nova:
   1. Duplique um bloco body[data-campaign="..."] abaixo com as cores desejadas
   2. Adicione o texto correspondente em promoTextos no site-config.js
   ========================================================================== */

/* Faixa promocional (escondida quando não há campanha ativa) */
.promo-bar{
  display:none;
  align-items:center;
  justify-content:center;
  gap: 10px;
  text-align:center;
  padding: 11px 20px;
  font-size: 13.5px;
  font-weight: 600;
  color: #04121c;
  background: var(--gradient-brand);
  position:relative;
  z-index: 210;
}
.promo-bar strong{ font-weight: 800; }
.promo-bar a{ text-decoration: underline; text-underline-offset: 3px; }
body[data-campaign]:not([data-campaign="none"]) .promo-bar{ display:flex; }

/* ---------- Black Friday ---------- */
body[data-campaign="black-friday"]{
  --brand-blue: #FFB020;
  --brand-blue-dark: #C97D00;
  --brand-green: #FFD166;
  --brand-green-dark: #C99700;
  --gradient-brand: linear-gradient(135deg, #FFB020 0%, #FFD166 100%);
}
body[data-campaign="black-friday"] .promo-bar{ background: #111111; color:#FFB020; }

/* ---------- Feira de Tecnologia ---------- */
body[data-campaign="feira-tech"]{
  --brand-blue: #8B7CF6;
  --brand-blue-dark: #4B39C4;
  --brand-green: #2BB7F0;
  --brand-green-dark: #0C7FAD;
  --gradient-brand: linear-gradient(135deg, #8B7CF6 0%, #2BB7F0 100%);
}

/* ---------- Fim de Ano / Natal ---------- */
body[data-campaign="fim-de-ano"]{
  --brand-blue: #FF6B5E;
  --brand-blue-dark: #C0392B;
  --brand-green: #2EDD96;
  --brand-green-dark: #189760;
  --gradient-brand: linear-gradient(135deg, #FF6B5E 0%, #2EDD96 100%);
}

/* ---------- Lançamento / Novidade ---------- */
body[data-campaign="lancamento"]{
  --brand-blue: #2BB7F0;
  --brand-blue-dark: #0C7FAD;
  --brand-green: #2EDD96;
  --brand-green-dark: #189760;
  --gradient-brand: linear-gradient(135deg, #2BB7F0 0%, #2EDD96 55%, #FFD166 100%);
}