/* ============================================================
   SALIDAS BUENOS AIRES — CAPA DE TEMA UNIFICADA
   ------------------------------------------------------------
   Se carga DESPUÉS de los estilos propios de cada página
   secundaria y alinea tipografía, paleta y componentes con el
   diseño editorial del home:
     · Display: Fraunces (serif editorial)  · Texto: Inter
     · Fondo: negro violáceo profundo + grano de película
     · Gradiente de títulos: blanco → lila → rosa
     · Acento: dorado porteño #e0b36a
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&display=swap');

:root {
  --ba-bg: #08040d;
  --ba-ink: #f6f2fa;
  --ba-muted: #a89bbd;
  --ba-violet: #a855f7;
  --ba-pink: #ec4899;
  --ba-gold: #e0b36a;
  --ba-display: 'Fraunces', Georgia, serif;
  --ba-grad-title: linear-gradient(95deg, #ffffff 12%, #d8b4fe 55%, #f9a8d4 95%);
}

/* ---------- Fondo global profundo + grano ---------- */
body {
  background-color: var(--ba-bg) !important;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2000;
  opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 240px 240px;
}
::selection { background: rgba(168, 85, 247, 0.4); color: #fff; }

/* ---------- Tipografía display en títulos ---------- */
h1, h2,
.hero-title,
.section-title,
.category-title,
.modal-title,
.success-title {
  font-family: var(--ba-display) !important;
  font-weight: 420 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.08 !important;
}
h1 { font-weight: 400 !important; }

/* Títulos de cards legales / pasos (más chicos): peso un toque mayor */
.glass-card h2, .legal-card h2 { font-weight: 480 !important; }

/* ---------- Gradiente de título unificado y legible ---------- */
/* Tailwind: .text-transparent.bg-clip-text  ·  Páginas propias: overrides puntuales */
.text-transparent.bg-clip-text,
.hero-title,
.gradient-text {
  background-image: var(--ba-grad-title) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
/* Los H2 blancos de cards legales quedan sólidos (sin gradiente) */
.glass-card h2.text-white,
h2.text-white {
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: #f6f2fa !important;
}

/* ---------- Wordmark de navbar y footer ---------- */
.navbar-logo span,
.nav-logo span,
nav a span.bg-clip-text,
header a.gradient-text,
.footer-logo,
.logo-footer {
  font-family: var(--ba-display) !important;
  font-style: italic !important;
  font-weight: 480 !important;
  letter-spacing: 0.01em !important;
  background: linear-gradient(100deg, #fff 30%, #d8b4fe 70%, #f9a8d4 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-transform: none !important;
}
.footer-logo, .logo-footer { font-size: 1.6rem !important; }

/* ---------- Botones coherentes (pill + gradiente de marca) ---------- */
.btn-primary,
.btn-submit,
.submit-btn,
.pill-btn-primary {
  border-radius: 999px !important;
  background: linear-gradient(120deg, var(--ba-violet), var(--ba-pink)) !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  border: none !important;
  box-shadow: 0 8px 30px -8px rgba(168, 85, 247, 0.55) !important;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease !important;
}
.btn-primary:hover,
.btn-submit:hover:not(:disabled),
.submit-btn:hover:not(:disabled),
.pill-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 40px -8px rgba(236, 72, 153, 0.55) !important;
}
.btn-secondary,
.btn-outline-pink {
  border-radius: 999px !important;
}

/* ---------- Badges / eyebrows en dorado porteño ---------- */
.hero-badge,
.badge,
.section-label,
.eyebrow-label {
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   AJUSTES POR PÁGINA
   ============================================================ */

/* ---------- /eventos/ : oscurecer el lavado violeta del fondo ---------- */
.page-bg::after {
  background: linear-gradient(180deg,
      rgba(8, 4, 13, 0.9) 0%,
      rgba(14, 8, 22, 0.82) 45%,
      rgba(8, 4, 13, 0.94) 100%) !important;
}
/* Hero de eventos: título legible con el gradiente de marca */
.hero-title {
  text-shadow: none !important;
}
.hero-subtitle {
  color: var(--ba-muted) !important;
}
/* Cards de eventos sobre fondo más profundo */
.event-card {
  background: rgba(14, 8, 22, 0.72) !important;
  border-color: rgba(246, 242, 250, 0.08) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.card-title { font-family: var(--ba-display) !important; font-weight: 460 !important; letter-spacing: -0.01em !important; }

/* ---------- Footer genérico de páginas secundarias ---------- */
footer {
  border-top: 1px solid rgba(246, 242, 250, 0.06) !important;
  background: var(--ba-bg) !important;
}
footer .footer-tagline,
footer p { color: #6e6284; }

/* ---------- Formularios: focus rosa coherente ---------- */
input:focus, textarea:focus, select:focus {
  border-color: rgba(236, 72, 153, 0.55) !important;
  box-shadow: none !important;
  outline: none !important;
}