//* =============================================================
   THEME.CSS — Ana Belén & Héctor Raúl  (v3)
   PALETA: Blanco · Negro · Gris Azulado

   #FFFFFF   → Blanco puro           (fondo principal)
   #F1F5F9   → Blanco azulado        (secciones alternas)
   #0F172A   → Negro azulado         (texto principal, secciones oscuras)
   #334155   → Gris azulado oscuro   (texto secundario)
   #64748B   → Gris azulado medio    (acento principal, íconos)
   #94A3B8   → Gris azulado claro    (texto muted, divisores)
   #1E293B   → Azul noche            (botones CTA, footer, itinerario)
   ============================================================= */


/* ─────────────────────────────────────────────
   1. PALETA GLOBAL
   ───────────────────────────────────────────── */
:root {
  --bg:        #FFFFFF;   /* Blanco puro — fondo general */
  --bg-soft:   #F1F5F9;   /* Blanco azulado — secciones alternas */
  --text:      #0F172A;   /* Negro azulado — texto principal */
  --muted:     #64748B;   /* Gris azulado — texto secundario */
  --white:     #ffffff;

  --gold:      #64748B;   /* Gris azulado medio — acento, íconos */
  --warm:      #475569;   /* Gris azulado oscuro — acento secundario */

  --font-serif: 'Cormorant Garamond', serif;
  --font-sans:  'Montserrat', sans-serif;
}


/* ─────────────────────────────────────────────
   2. HEADER / BARRA DE NAVEGACIÓN
   ───────────────────────────────────────────── */
:root {
  --nav-bg:           rgba(15, 23, 42, 0.25);
  --nav-bg-scrolled:  rgba(15, 23, 42, 0.95);
  --nav-text:         #FFFFFF;
  --nav-hamburger:    #FFFFFF;
  --nav-dropdown-bg:  rgba(15, 23, 42, 0.97);
}


/* ─────────────────────────────────────────────
   3. HERO
   ───────────────────────────────────────────── */
:root {
  --hero-overlay:   rgba(15, 23, 42, 0.35);
  --hero-text:      #FFFFFF;
  --hero-ampersand: #94A3B8;
}


/* ─────────────────────────────────────────────
   4. CONTADOR
   ───────────────────────────────────────────── */
:root {
  --countdown-bg:          #F1F5F9;
  --countdown-date-color:  #0F172A;
  --countdown-label-color: #334155;
  --countdown-numbers:     #0F172A;
  --countdown-units:       #64748B;
  --countdown-divider:     rgba(15, 23, 42, 0.15);
}


/* ─────────────────────────────────────────────
   5. BIENVENIDA
   ───────────────────────────────────────────── */
:root {
  --welcome-bg:           #FFFFFF;
  --welcome-intro-color:  #64748B;
  --welcome-divider:      #94A3B8;
  --welcome-name-color:   #64748B;
}


/* ─────────────────────────────────────────────
   6. ITINERARIO
   ───────────────────────────────────────────── */
:root {
  --itinerary-bg:             #1E293B;
  --itinerary-text:           #F1F5F9;
  --itinerary-icon-fill:      #94A3B8;
  --itinerary-btn-border:     rgba(241, 245, 249, 0.45);
  --itinerary-btn-hover-bg:   #64748B;
  --itinerary-btn-hover-text: #FFFFFF;
}


/* ─────────────────────────────────────────────
   7. DRESS CODE
   ───────────────────────────────────────────── */
:root {
  --dresscode-bg:           #FFFFFF;
  --dresscode-kicker:       #64748B;
  --dresscode-title:        #0F172A;
  --dresscode-style-color:  #475569;
  --dresscode-desc:         #64748B;
  --dresscode-divider:      rgba(100, 116, 139, 0.20);
}


/* ─────────────────────────────────────────────
   8. REGALOS / MESA DE REGALOS
   ───────────────────────────────────────────── */
:root {
  --gifts-bg:           #F1F5F9;
  --gifts-kicker:       #0F172A;
  --gifts-title:        #0F172A;
  --gifts-text:         #334155;
  --gifts-btn-border:   #0F172A;
  --gifts-btn-hover-bg: #0F172A;
  --gifts-copy-border:  #1E293B;
  --gifts-copy-hover:   #1E293B;
  --gifts-copy-msg:     #64748B;
}


/* ─────────────────────────────────────────────
   9. HOSPEDAJE
   ───────────────────────────────────────────── */
:root {
  --stay-bg:            #FFFFFF;
  --stay-kicker:        #FFFFFF;
  --stay-title:         #FFFFFF;
  --stay-card-bg:       #334155;
  --stay-card-title:    #ffffff;
  --stay-location:      #FFFFFF;
  --stay-btn-border:    #64748B;
  --stay-btn-solid-bg:  #1E293B;
}


/* ─────────────────────────────────────────────
   10. TRANSPORTACIÓN
   ───────────────────────────────────────────── */
:root {
  --transport-bg:           #F1F5F9;
  --transport-kicker:       #0F172A;
  --transport-title:        #0F172A;
  --transport-text:         #334155;
  --transport-card-bg:      #FFFFFF;
  --transport-divider:      #94A3B8;
  --transport-btn-border:   #64748B;
  --transport-btn-solid-bg: #1E293B;
}


/* ─────────────────────────────────────────────
   11. CLIMA / PRONÓSTICO
   ───────────────────────────────────────────── */
:root {
  --weather-bg:       #FFFFFF;
  --weather-text:     #64748B;
  --weather-city:     #334155;
}


/* ─────────────────────────────────────────────
   12. QUÉ HACER EN LA CIUDAD
   ───────────────────────────────────────────── */
:root {
  --city-bg:       #F1F5F9;
  --city-card-bg:  #FFFFFF;
  --city-kicker:   #0F172A;
  --city-title:    #0F172A;
}


/* ─────────────────────────────────────────────
   13. AVISO — SOLO ADULTOS
   ───────────────────────────────────────────── */
:root {
  --adults-bg:     #1E293B;
  --adults-text:   #ffffff;
  --adults-kicker: #94A3B8;
}


/* ─────────────────────────────────────────────
   14. RSVP / FORMULARIO
   ───────────────────────────────────────────── */
:root {
  --rsvp-bg:              #FFFFFF;
  --rsvp-input-bg:        #F8FAFC;
  --rsvp-input-border:    #E2E8F0;
  --rsvp-label-color:     #64748B;
  --rsvp-success-color:   #64748B;
  --rsvp-btn-bg:          #1E293B;
  --rsvp-btn-text:        #FFFFFF;
}


/* ─────────────────────────────────────────────
   15. GALERÍA
   ───────────────────────────────────────────── */
:root {
  --gallery-bg:          #0F172A;
  --gallery-placeholder: #1E293B;
  --gallery-kicker:      #94A3B8;
  --gallery-title:       #F1F5F9;
}


/* ─────────────────────────────────────────────
   16. HASHTAG / PARALAX
   ───────────────────────────────────────────── */
:root {
  --hashtag-overlay: rgba(15, 23, 42, 0.60);
  --hashtag-text:    #FFFFFF;
}


/* ─────────────────────────────────────────────
   17. FOOTER
   ───────────────────────────────────────────── */
:root {
  --footer-bg:   #0F172A;
  --footer-text: #94A3B8;
}


/* ─────────────────────────────────────────────
   18. BOTÓN DE MÚSICA (flotante)
   ───────────────────────────────────────────── */
:root {
  --music-btn-bg:         rgba(255, 255, 255, 0.92);
  --music-btn-border:     #94A3B8;
  --music-btn-text:       #0F172A;
  --music-btn-hover-bg:   #1E293B;
  --music-btn-hover-text: #FFFFFF;
}


/* ─────────────────────────────────────────────
   19. BOTONES GLOBALES
   ───────────────────────────────────────────── */
:root {
  --btn-primary-bg:       #1E293B;
  --btn-primary-text:     #FFFFFF;
  --btn-secondary-border: #64748B;
  --btn-secondary-text:   #0F172A;
}