/* ══════════════════════════════════════════════════
   CAMPAÑAS DE CONCIENTIZACIÓN Y CONMEMORACIÓN
   public/css/campanias.css
   Se carga DESPUÉS de todos los CSS de página para
   garantizar que los acentos de campaña no sean
   sobreescritos por home.css, oferta-page.css, etc.
══════════════════════════════════════════════════ */

/* ─── Topbar: Octubre Rosa ─── */
.topbar-campania.rosada {
    background: linear-gradient(90deg, #f9a8d4, #ec4899, #f9a8d4);
    padding: 8px 0;
    text-align: center;
}
.campania-msg {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-body);
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    letter-spacing: 0.02em;
}
.campania-msg strong { font-weight: 800; }

/* ─── Topbar: Fiestas Patrias ─── */
.topbar-patrias {
    background: #003087;
    padding: 8px 0;
    text-align: center;
}
.patrias-msg {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-body);
    color: var(--white);
    letter-spacing: 0.02em;
}
.patrias-msg strong { font-weight: 800; }

/* ─── Acentos: Cinta Rosada — Octubre ─── */
.campania-cinta-rosada .hero-accent,
.campania-cinta-rosada .page-hero::before {
    background: linear-gradient(to bottom, #f9a8d4, #ec4899);
}
.campania-cinta-rosada .page-hero-title span,
.campania-cinta-rosada .overline,
.campania-cinta-rosada .why .overline,
.campania-cinta-rosada .section-title em,
.campania-cinta-rosada .hero h1 em {
    color: #ec4899;
}
.campania-cinta-rosada .overline::before,
.campania-cinta-rosada .why .overline::before {
    background: #ec4899;
}
.campania-cinta-rosada .btn-primary {
    background: #ec4899;
    border-color: #ec4899;
}
.campania-cinta-rosada .btn-primary:hover {
    background: #db2777;
    border-color: #db2777;
}
.campania-cinta-rosada .stats-bar {
    background: #f9a8d4;
}
.campania-cinta-rosada .wa-float {
    background: #ec4899;
}

/* ─── Acentos: Fiestas Patrias — Noviembre ─── */
.campania-fiestas-patrias .hero-accent,
.campania-fiestas-patrias .page-hero::before {
    background: linear-gradient(to bottom, #ffff, #003087, #c8102e);
}
.campania-fiestas-patrias .page-hero-title span,
.campania-fiestas-patrias .overline,
.campania-fiestas-patrias .why .overline,
.campania-fiestas-patrias .section-title em,
.campania-fiestas-patrias .hero h1 em {
    color: #003087;
}
.campania-fiestas-patrias .overline::before,
.campania-fiestas-patrias .why .overline::before {
    background: #003087;
}
.campania-fiestas-patrias .btn-primary {
    background: #003087;
    border-color: #003087;
    color: #ffffff;
}
.campania-fiestas-patrias .btn-primary:hover {
    background: #002266;
    border-color: #002266;
    color: #ffffff;
}
.campania-fiestas-patrias .stats-bar {
    background: #003087;
}
.campania-fiestas-patrias .stat-num,
.campania-fiestas-patrias .stat-label {
    color: #ffffff;
}
.campania-fiestas-patrias .stat-item {
    border-right-color: rgba(255,255,255,0.2);
    border-bottom-color: rgba(255,255,255,0.2);
}
.campania-fiestas-patrias .wa-float {
    background: #c8102e;
}

/* ─── Topbar: Navidad y Fin de Año — Diciembre ─── */
.topbar-navidad {
    background: linear-gradient(90deg, #166534, #dc2626, #b45309);
    padding: 8px 0;
    text-align: center;
}
.navidad-msg {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-body);
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    letter-spacing: 0.02em;
}
.navidad-msg strong { font-weight: 800; }

/* ─── Acentos: Navidad — Diciembre ─── */
.campania-navidad .hero-accent,
.campania-navidad .page-hero::before {
    background: linear-gradient(to bottom, #16a34a, #dc2626, #d97706);
}
.campania-navidad .page-hero-title span,
.campania-navidad .overline,
.campania-navidad .why .overline,
.campania-navidad .section-title em,
.campania-navidad .hero h1 em {
    color: #16a34a;
}
.campania-navidad .overline::before,
.campania-navidad .why .overline::before {
    background: #16a34a;
}
.campania-navidad .btn-primary {
    background: #16a34a;
    border-color: #16a34a;
    color: #ffffff;
}
.campania-navidad .btn-primary:hover {
    background: #15803d;
    border-color: #15803d;
    color: #ffffff;
}
.campania-navidad .stats-bar {
    background: linear-gradient(90deg, #166534, #dc2626);
}
.campania-navidad .stat-num,
.campania-navidad .stat-label {
    color: #ffffff;
}
.campania-navidad .stat-item {
    border-right-color: rgba(255,255,255,0.2);
    border-bottom-color: rgba(255,255,255,0.2);
}
.campania-navidad .wa-float {
    background: #dc2626;
}

@media (max-width: 480px) {
    .navidad-msg  { font-size: 11px; }
    .topbar-navidad { padding: 7px 12px; }
}
@media (max-width: 480px) {
    .campania-msg,
    .patrias-msg    { font-size: 11px; }
    .topbar-campania,
    .topbar-patrias  { padding: 7px 12px; }
}