/* ==========================================================================
   Temas de temporada. La clase tema-{clave} la pone el layout segun el calendario
   (Areas/Cliente/Services/Temporadas/CalendarioTemporadas.cs).
   Cada tema solo redefine variables; los componentes estan en site.css.
     --t-accent / --t-accent-ink   boton principal, chips de oferta, detalles
     --t-hero-*                    fondo y texto del hero y de la franja promocional
     --t-bar-*                     barra de anuncios
     --t-glow-*                    luces difusas del hero
     --t-p1..--t-p4                colores de ornamentos y particulas
   ========================================================================== */

/* --- Estaciones ----------------------------------------------------------- */
.tema-primavera {
    --t-accent: #b4536a; --t-accent-ink: #fff; --t-accent-soft: rgba(180, 83, 106, .12);
    --t-hero-bg: linear-gradient(135deg, #fdf0f3 0%, #f3f7ea 55%, #fff6dc 100%);
    --t-hero-ink: #2a1f22; --t-hero-muted: #6a5a5e;
    --t-bar-bg: #b4536a; --t-bar-ink: #fff;
    --t-glow-1: rgba(255, 182, 193, .65); --t-glow-2: rgba(178, 222, 170, .55);
    --t-p1: #f4a7b9; --t-p2: #ffd6e0; --t-p3: #9fd18b; --t-p4: #fff1a8;
    --orn-detalle: #fff1a8;
}
.tema-primavera .orn-3 { color: #f4a7b9; }

.tema-verano {
    --t-accent: #0e7c86; --t-accent-ink: #fff; --t-accent-soft: rgba(14, 124, 134, .12);
    --t-hero-bg: linear-gradient(135deg, #fff4d6 0%, #ffe1cf 45%, #d9f4f2 100%);
    --t-hero-ink: #1f2a2c; --t-hero-muted: #4d5f61;
    --t-bar-bg: #0e7c86; --t-bar-ink: #fff;
    --t-glow-1: rgba(255, 196, 87, .6); --t-glow-2: rgba(46, 196, 198, .45);
    --t-p1: #ffb703; --t-p2: #ff8a65; --t-p3: #2ec4c6; --t-p4: #ffd166;
    --orn-detalle: #fff;
}
.tema-verano .orn-1, .tema-verano .orn-3 { color: #ffb703; }

.tema-otono {
    --t-accent: #a14a26; --t-accent-ink: #fff; --t-accent-soft: rgba(161, 74, 38, .12);
    --t-hero-bg: linear-gradient(135deg, #fbf1e4 0%, #f5dfc8 60%, #ecd6c0 100%);
    --t-hero-ink: #2b1d16; --t-hero-muted: #6b5446;
    --t-bar-bg: #a14a26; --t-bar-ink: #fff;
    --t-glow-1: rgba(217, 164, 65, .5); --t-glow-2: rgba(161, 74, 38, .32);
    --t-p1: #c8693f; --t-p2: #d9a441; --t-p3: #8a3b2c; --t-p4: #b5651d;
}

.tema-invierno {
    --t-accent: #1e3a5f; --t-accent-ink: #fff; --t-accent-soft: rgba(30, 58, 95, .1);
    --t-hero-bg: linear-gradient(160deg, #16243a 0%, #1e3a5f 50%, #4b6fa5 100%);
    --t-hero-ink: #fff; --t-hero-muted: rgba(255, 255, 255, .78);
    --t-bar-bg: #1e3a5f; --t-bar-ink: #fff;
    --t-glow-1: rgba(169, 198, 232, .45); --t-glow-2: rgba(255, 255, 255, .25);
    --t-p1: #ffffff; --t-p2: #dce9f7; --t-p3: #a9c6e8; --t-p4: #ffffff;
}
/* Sobre el fondo azul del hero el acento pasa a ser claro */
.tema-invierno .hero-tema,
.tema-invierno .promo-tema-tarjeta { --t-accent: #f2f6fb; --t-accent-ink: #16243a; }

/* --- Fechas especiales ---------------------------------------------------- */
.tema-san-valentin {
    --t-accent: #c81d4f; --t-accent-ink: #fff; --t-accent-soft: rgba(200, 29, 79, .1);
    --t-hero-bg: linear-gradient(135deg, #ffe4ea 0%, #ffd1dc 55%, #fff0f3 100%);
    --t-hero-ink: #3a1020; --t-hero-muted: #7a4555;
    --t-bar-bg: #c81d4f; --t-bar-ink: #fff;
    --t-glow-1: rgba(255, 143, 171, .6); --t-glow-2: rgba(255, 77, 109, .3);
    --t-p1: #ff4d6d; --t-p2: #ff8fab; --t-p3: #c81d4f; --t-p4: #ffc2d1;
}

.tema-independencia-rd {
    --t-accent: #ce1126; --t-accent-ink: #fff; --t-accent-soft: rgba(0, 45, 98, .1);
    --t-hero-bg: linear-gradient(135deg, #002d62 0%, #0a3d7a 55%, #002d62 100%);
    --t-hero-ink: #fff; --t-hero-muted: rgba(255, 255, 255, .8);
    --t-bar-bg: linear-gradient(90deg, #002d62 0%, #002d62 50%, #ce1126 50%, #ce1126 100%); --t-bar-ink: #fff;
    --t-glow-1: rgba(206, 17, 38, .45); --t-glow-2: rgba(255, 255, 255, .16);
    --t-p1: #ce1126; --t-p2: #ffffff; --t-p3: #5a95e0; --t-p4: #ffffff;
}
/* La cruz blanca de la bandera, muy sutil, detras del hero */
.tema-independencia-rd .hero-arcos {
    inset: 0; width: auto; height: auto; top: 0; right: 0; border-radius: 0; opacity: 1; -webkit-mask-image: none; mask-image: none;
    background:
        linear-gradient(90deg, transparent calc(50% - 22px), rgba(255, 255, 255, .07) calc(50% - 22px), rgba(255, 255, 255, .07) calc(50% + 22px), transparent calc(50% + 22px)),
        linear-gradient(0deg, transparent calc(50% - 22px), rgba(255, 255, 255, .07) calc(50% - 22px), rgba(255, 255, 255, .07) calc(50% + 22px), transparent calc(50% + 22px));
}
.tema-independencia-rd .orn-2, .tema-independencia-rd .orn-4 { color: #fff; }

.tema-semana-santa {
    --t-accent: #7c5cbf; --t-accent-ink: #fff; --t-accent-soft: rgba(124, 92, 191, .12);
    --t-hero-bg: linear-gradient(135deg, #f3ecff 0%, #e8f8f0 50%, #fff8d9 100%);
    --t-hero-ink: #2b2440; --t-hero-muted: #5f5875;
    --t-bar-bg: #7c5cbf; --t-bar-ink: #fff;
    --t-glow-1: rgba(185, 163, 227, .6); --t-glow-2: rgba(168, 230, 207, .6);
    --t-p1: #b9a3e3; --t-p2: #a8e6cf; --t-p3: #ffc9da; --t-p4: #ffe98a;
    --orn-detalle: #fff;
}

.tema-dia-madres {
    --t-accent: #a8445e; --t-accent-ink: #fff; --t-accent-soft: rgba(168, 68, 94, .12);
    --t-hero-bg: linear-gradient(135deg, #fff0f0 0%, #fbe3e8 50%, #f7ead9 100%);
    --t-hero-ink: #3a1f27; --t-hero-muted: #775a62;
    --t-bar-bg: #a8445e; --t-bar-ink: #fff;
    --t-glow-1: rgba(232, 140, 165, .55); --t-glow-2: rgba(201, 162, 39, .25);
    --t-p1: #e88ca5; --t-p2: #f6c1cf; --t-p3: #c94f6d; --t-p4: #f3d9a4;
    --orn-detalle: #f3d9a4;
}

.tema-independencia-eeuu {
    --t-accent: #c1121f; --t-accent-ink: #fff; --t-accent-soft: rgba(29, 52, 97, .1);
    --t-hero-bg: linear-gradient(135deg, #0f1f3d 0%, #1d3461 60%, #24427a 100%);
    --t-hero-ink: #fff; --t-hero-muted: rgba(255, 255, 255, .8);
    --t-bar-bg: #c1121f; --t-bar-ink: #fff;
    --t-glow-1: rgba(193, 18, 31, .4); --t-glow-2: rgba(255, 255, 255, .15);
    --t-p1: #ffffff; --t-p2: #e63946; --t-p3: #8ab4f8; --t-p4: #f1faee;
}

.tema-halloween {
    --t-accent: #f97316; --t-accent-ink: #1b1424; --t-accent-soft: rgba(249, 115, 22, .14);
    --t-hero-bg: radial-gradient(circle at 75% 20%, #3b1f4f 0%, #1b1424 55%, #120d18 100%);
    --t-hero-ink: #fff7ed; --t-hero-muted: rgba(255, 247, 237, .75);
    --t-bar-bg: #f97316; --t-bar-ink: #1b1424;
    --t-glow-1: rgba(249, 115, 22, .42); --t-glow-2: rgba(139, 92, 246, .38);
    --t-arco-borde: #f97316;
    --t-p1: #f97316; --t-p2: #8b5cf6; --t-p3: #fde68a; --t-p4: #2b1d38;
    --orn-tallo: #4d7c0f; --orn-detalle: rgba(0, 0, 0, .22);
}
.tema-halloween .orn-1, .tema-halloween .orn-4 { color: #fde68a; filter: drop-shadow(0 0 18px rgba(253, 230, 138, .55)); }
.tema-halloween .orn-2, .tema-halloween .orn-5 { color: #0d0912; }
.tema-halloween .orn-3, .tema-halloween .orn-6 { color: #f97316; }

.tema-accion-gracias {
    --t-accent: #7d1f2e; --t-accent-ink: #fff; --t-accent-soft: rgba(125, 31, 46, .1);
    --t-hero-bg: linear-gradient(135deg, #fbf1e4 0%, #f3dcc0 55%, #f7e7d3 100%);
    --t-hero-ink: #2b1a14; --t-hero-muted: #6b5446;
    --t-bar-bg: #7d1f2e; --t-bar-ink: #fff;
    --t-glow-1: rgba(217, 164, 65, .5); --t-glow-2: rgba(155, 35, 53, .28);
    --t-p1: #c8693f; --t-p2: #d9a441; --t-p3: #9b2335; --t-p4: #8a5a2b;
    --orn-tallo: #6b4f1d;
}
.tema-accion-gracias .orn-3 { color: #d97a2b; }

.tema-black-friday {
    --t-accent: #f5c518; --t-accent-ink: #0b0b0d; --t-accent-soft: rgba(245, 197, 24, .16);
    --t-hero-bg: radial-gradient(circle at 80% 10%, #2a2a30 0%, #0b0b0d 60%);
    --t-hero-ink: #fff; --t-hero-muted: rgba(255, 255, 255, .72);
    --t-bar-bg: #f5c518; --t-bar-ink: #0b0b0d;
    --t-glow-1: rgba(245, 197, 24, .3); --t-glow-2: rgba(255, 64, 129, .25);
    --t-arco-borde: #f5c518;
    --t-p1: #f5c518; --t-p2: #ffe58a; --t-p3: #ff4081; --t-p4: #ffffff;
}

.tema-cyber-monday {
    --t-accent: #00e5ff; --t-accent-ink: #0a0f2c; --t-accent-soft: rgba(37, 99, 235, .12);
    --t-hero-bg: linear-gradient(135deg, #0a0f2c 0%, #111a3d 50%, #2a1b5c 100%);
    --t-hero-ink: #fff; --t-hero-muted: rgba(255, 255, 255, .75);
    --t-bar-bg: linear-gradient(90deg, #2563eb, #7c3aed); --t-bar-ink: #fff;
    --t-glow-1: rgba(0, 229, 255, .3); --t-glow-2: rgba(124, 58, 237, .4);
    --t-arco-borde: #00e5ff;
    --t-p1: #00e5ff; --t-p2: #a78bfa; --t-p3: #60a5fa; --t-p4: #ffffff;
}

.tema-navidad {
    --t-accent: #c8102e; --t-accent-ink: #fff; --t-accent-soft: rgba(200, 16, 46, .1);
    --t-hero-bg: radial-gradient(circle at 20% 10%, #1f5f3f 0%, #143d2b 55%, #0d2a1d 100%);
    --t-hero-ink: #fff8ec; --t-hero-muted: rgba(255, 248, 236, .78);
    --t-bar-bg: #c8102e; --t-bar-ink: #fff;
    --t-glow-1: rgba(212, 175, 55, .35); --t-glow-2: rgba(200, 16, 46, .35);
    --t-arco-borde: #d4af37;
    --t-p1: #ffffff; --t-p2: #f4e3a3; --t-p3: #ffffff; --t-p4: #d4af37;
    --orn-detalle: #d4af37;
}
.tema-navidad .orn-1, .tema-navidad .orn-3, .tema-navidad .orn-5 { color: #c8102e; }
.tema-navidad .orn-2, .tema-navidad .orn-4 { color: #d4af37; }
.tema-navidad .orn-6 { color: #e8eef0; }

/* En los temas oscuros el sello y los botones fantasma necesitan mas contraste */
.hero-oscuro .hero-tema .btn-tema-ghost:hover { background: rgba(255, 255, 255, .1); }
.hero-oscuro .hero-arcos { opacity: .12; }