/* ============================================
   EVENT-THEMES.CSS
   Identidad visual por tipo de evento.
   Se carga despues de template-base.css y antes
   de paquete-plata.css / diamante.css / premium.css.
   ============================================ */

/* ---------- Fallback variables ---------- */
:root {
  --event-primary: #c5a47e;
  --event-secondary: #f5f0e8;
  --event-accent: #d4af37;
  --event-bg: #fdfbf7;
  --event-surface: #ffffff;
  --event-text: #2c2c2c;
  --event-text-light: #5a5a5a;
  --event-muted: #8a8a8a;
  --event-border: rgba(197,164,126,0.25);
  --event-hero-overlay: rgba(0,0,0,0.35);
}

/* ============================================
   BODA
   ============================================ */
.event-boda {
  --event-primary: #bfa065;
  --event-secondary: #f5f0e8;
  --event-accent: #9e805b;
  --event-bg: #faf8f5;
  --event-surface: #ffffff;
  --event-text: #2c2c2c;
  --event-text-light: #5a5a5a;
  --event-muted: #8a8a8a;
  --event-border: rgba(191,160,101,0.25);
  --event-hero-overlay: rgba(40,35,28,0.45);
}
.event-boda .gold-line { width: 100px; opacity: 0.9; }
.event-boda .gold-line-wide { width: 160px; opacity: 0.9; }

/* ============================================
   XV ANOS
   ============================================ */
.event-xv-anos {
  --event-primary: #c9a0dc;
  --event-secondary: #faf5f8;
  --event-accent: #d4af37;
  --event-bg: #fdfbfc;
  --event-surface: #ffffff;
  --event-text: #2c2c2c;
  --event-text-light: #5a5a5a;
  --event-muted: #8a7a8a;
  --event-border: rgba(201,160,220,0.25);
  --event-hero-overlay: rgba(50,30,50,0.40);
}
.event-xv-anos .gold-line { width: 120px; opacity: 1; }
.event-xv-anos .gold-line-wide { width: 180px; opacity: 1; }

/* ============================================
   CUMPLEANOS HOMBRE
   ============================================ */
.event-cumpleanos-hombre {
  --event-primary: #3d5a80;
  --event-secondary: #eef2f7;
  --event-accent: #98c1d9;
  --event-bg: #f5f7fa;
  --event-surface: #ffffff;
  --event-text: #1a1a1a;
  --event-text-light: #4a5568;
  --event-muted: #718096;
  --event-border: rgba(61,90,128,0.20);
  --event-hero-overlay: rgba(15,25,45,0.50);
}
.event-cumpleanos-hombre .gold-line,
.event-cumpleanos-hombre .gold-line-wide {
  background: linear-gradient(90deg, transparent, var(--event-primary), transparent);
}

/* ============================================
   CUMPLEANOS MUJER
   ============================================ */
.event-cumpleanos-mujer {
  --event-primary: #b76e79;
  --event-secondary: #fdf5f5;
  --event-accent: #d4af37;
  --event-bg: #fdfbfa;
  --event-surface: #ffffff;
  --event-text: #2c2c2c;
  --event-text-light: #5a5a5a;
  --event-muted: #8a7a7a;
  --event-border: rgba(183,110,121,0.22);
  --event-hero-overlay: rgba(60,30,35,0.38);
}
.event-cumpleanos-mujer .gold-line,
.event-cumpleanos-mujer .gold-line-wide {
  background: linear-gradient(90deg, transparent, var(--event-primary), transparent);
}

/* ============================================
   GRADUACION
   ============================================ */
.event-graduacion {
  --event-primary: #1e3a5f;
  --event-secondary: #eef1f5;
  --event-accent: #c5a47e;
  --event-bg: #f7f8fa;
  --event-surface: #ffffff;
  --event-text: #1a1a1a;
  --event-text-light: #4a5568;
  --event-muted: #6e7a8a;
  --event-border: rgba(30,58,95,0.18);
  --event-hero-overlay: rgba(15,25,50,0.50);
}
.event-graduacion .gold-line,
.event-graduacion .gold-line-wide {
  background: linear-gradient(90deg, transparent, var(--event-accent), transparent);
}

/* ============================================
   FIESTA INFANTIL NINO
   ============================================ */
.event-fiesta-infantil-nino {
  --event-primary: #4a90a4;
  --event-secondary: #f0f7f9;
  --event-accent: #f4d03f;
  --event-bg: #f5fafb;
  --event-surface: #ffffff;
  --event-text: #2c2c2c;
  --event-text-light: #4a5568;
  --event-muted: #718096;
  --event-border: rgba(74,144,164,0.20);
  --event-hero-overlay: rgba(25,50,60,0.32);
}
.event-fiesta-infantil-nino .gold-line,
.event-fiesta-infantil-nino .gold-line-wide {
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--event-accent), transparent);
}
body.event-fiesta-infantil-nino .itinerario-card,
body.event-fiesta-infantil-nino .regalos-card,
body.event-fiesta-infantil-nino .avisos-bloque {
  border-radius: 18px;
}
body.event-fiesta-infantil-nino .padres-label {
  letter-spacing: 0.08em;
}

/* ============================================
   FIESTA INFANTIL NINA
   ============================================ */
.event-fiesta-infantil-nina {
  --event-primary: #d49bbd;
  --event-secondary: #fdf5f9;
  --event-accent: #f4d03f;
  --event-bg: #fdfbfc;
  --event-surface: #ffffff;
  --event-text: #2c2c2c;
  --event-text-light: #5a5a5a;
  --event-muted: #8a7a8a;
  --event-border: rgba(212,155,189,0.20);
  --event-hero-overlay: rgba(60,30,50,0.32);
}
.event-fiesta-infantil-nina .gold-line,
.event-fiesta-infantil-nina .gold-line-wide {
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--event-accent), transparent);
}
body.event-fiesta-infantil-nina .itinerario-card,
body.event-fiesta-infantil-nina .regalos-card,
body.event-fiesta-infantil-nina .avisos-bloque {
  border-radius: 18px;
}
body.event-fiesta-infantil-nina .padres-label {
  letter-spacing: 0.08em;
}

/* ============================================
   BAUTIZO
   ============================================ */
.event-bautizo {
  --event-primary: #7da7c4;
  --event-secondary: #f5f8fa;
  --event-accent: #c5a47e;
  --event-bg: #f7fafb;
  --event-surface: #ffffff;
  --event-text: #2c2c2c;
  --event-text-light: #5a5a5a;
  --event-muted: #8a8a8a;
  --event-border: rgba(125,167,196,0.20);
  --event-hero-overlay: rgba(30,50,65,0.30);
}
.event-bautizo .gold-line,
.event-bautizo .gold-line-wide {
  opacity: 0.8;
  background: linear-gradient(90deg, transparent, var(--event-primary), transparent);
}

/* ============================================
   BABY SHOWER
   ============================================ */
.event-baby-shower {
  --event-primary: #a8c5a8;
  --event-secondary: #f6f9f6;
  --event-accent: #e8c36a;
  --event-bg: #fafcfa;
  --event-surface: #ffffff;
  --event-text: #2c2c2c;
  --event-text-light: #5a5a5a;
  --event-muted: #8a8a8a;
  --event-border: rgba(168,197,168,0.25);
  --event-hero-overlay: rgba(35,55,40,0.28);
}
.event-baby-shower .gold-line,
.event-baby-shower .gold-line-wide {
  background: linear-gradient(90deg, transparent, var(--event-primary), transparent);
}

/* ============================================
   EVENTO CORPORATIVO
   ============================================ */
.event-corporativo {
  --event-primary: #2c3e50;
  --event-secondary: #eef0f2;
  --event-accent: #c5a47e;
  --event-bg: #f7f8f9;
  --event-surface: #ffffff;
  --event-text: #1a1a1a;
  --event-text-light: #4a5568;
  --event-muted: #6e7a8a;
  --event-border: rgba(44,62,80,0.15);
  --event-hero-overlay: rgba(20,30,45,0.55);
}
.event-corporativo .gold-line,
.event-corporativo .gold-line-wide {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--event-primary), transparent);
}
body.event-corporativo .itinerario-card,
body.event-corporativo .regalos-card,
body.event-corporativo .avisos-bloque {
  border-radius: 6px;
}
body.event-corporativo .padres-label {
  letter-spacing: 0.15em;
  font-weight: 700;
}

/* ============================================
   Aplicacion general de variables
   ============================================ */

body[class*="event-"] {
  background-color: var(--event-bg);
  color: var(--event-text);
}

body[class*="event-"] a {
  color: var(--event-primary);
}