/* ==========================================================
   EUROP CONDUCCIÓN — COMMON PATCH STYLESHEET
   Cargado DESPUÉS del <style> inline de cada página.
   Propósito: P0+P1 fixes globales que aplican a las 14 páginas.
   ========================================================== */

/* ----------------------------------------------------------
   P0 — TOKEN FIX: --text-3 falla WCAG AA (era #9CA3AF = 2.5:1)
   #6B7280 sobre blanco = 4.57:1 ✓ WCAG AA
   ---------------------------------------------------------- */
:root {
  --text-3: #6B7280;
}

/* ----------------------------------------------------------
   P0 — FOOTER CONTRAST FIX
   .footer-copy era rgba(255,255,255,0.28) ≈ 1.9:1 sobre navy
   .footer-tagline era rgba(255,255,255,0.40) ≈ 2.8:1
   .footer-col-title era rgba(255,255,255,0.35) ≈ 2.4:1
   Todos levantados a mínimo 4.5:1 sobre #0A1628
   ---------------------------------------------------------- */
.footer-copy {
  color: rgba(255, 255, 255, 0.60);
}
.footer-tagline {
  color: rgba(255, 255, 255, 0.60);
}
.footer-col-title {
  color: rgba(255, 255, 255, 0.65);
}
.footer-links a {
  color: rgba(255, 255, 255, 0.60);
}

/* ----------------------------------------------------------
   P0 — SKIP TO CONTENT LINK (accesibilidad teclado / WCAG 2.4.1)
   Usa translateY(-120%) para ser siempre off-screen sin depender
   de alturas de contenedor (top:-100% falla si el padre no tiene
   altura explícita).
   ---------------------------------------------------------- */
.skip-link {
  position: fixed;
  top: 0;
  left: 8px;
  transform: translateY(-120%);
  background: var(--blue, #2563EB);
  color: #fff;
  padding: 10px 20px;
  border-radius: 0 0 10px 10px;
  font-family: 'Manrope', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  z-index: 99999;
  transition: transform 150ms ease;
  white-space: nowrap;
  pointer-events: none;
}
.skip-link:focus {
  transform: translateY(0);
  pointer-events: auto;
  outline: 3px solid #fff;
  outline-offset: 2px;
}

/* ----------------------------------------------------------
   P0 — HERO LANGUAGES INDICATOR
   Pills estilo badge. Sin emojis de bandera (no renderizan
   en Windows). Texto en mayúsculas compacto.
   ---------------------------------------------------------- */
.hero-langs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-top: 8px;
}
.hero-langs span {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: rgba(255, 255, 255, 0.90);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  padding: 4px 11px;
  border-radius: 30px;
  white-space: nowrap;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* ----------------------------------------------------------
   P0 — GRADIENT TEXT EN .ig-eyebrow (prohibición absoluta)
   Reemplaza el degradado Instagram por color sólido dorado.
   ---------------------------------------------------------- */
.ig-eyebrow {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
  color: var(--gold, #C9932F);
}

/* ----------------------------------------------------------
   P1 — DOS FABs EN MOBILE: ocultar Instagram float
   Solo queda el FAB de WhatsApp (CTA principal).
   ---------------------------------------------------------- */
@media (max-width: 767px) {
  .ig-float {
    display: none;
  }
}

/* ----------------------------------------------------------
   P1 — HERO SOBRECARGADO EN MOBILE
   .hero-social oculto en mobile; teléfono e Instagram
   siguen accesibles en el menú y footer.
   ---------------------------------------------------------- */
@media (max-width: 767px) {
  .hero-social {
    display: none;
  }
}

/* ----------------------------------------------------------
   P1 — NAV BACKGROUND: legibilidad en hero con imagen clara
   Sin fondo la nav es transparente y el texto blanco se pierde.
   Overlay oscuro suave en estado inicial, sólido al hacer scroll.
   ---------------------------------------------------------- */
.nav:not(.scrolled) {
  background: rgba(10, 22, 40, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ----------------------------------------------------------
   P1 — NAV CTA: transición suave al aparecer en scroll
   ---------------------------------------------------------- */
#navCta {
  transition: opacity 200ms ease;
}

/* ----------------------------------------------------------
   P1 — PACK NOTE: mismo estilo que el párrafo original
   Sin italic — debe integrarse visualmente con la tarjeta.
   ---------------------------------------------------------- */
.pack-note {
  font-size: 0.85rem;
  color: var(--text-2, #4B5563);
  margin-bottom: 16px;
  line-height: 1.5;
}