@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
  font-family: 'Inter', system-ui, sans-serif;
}

/* Pequeños ajustes Tailwind si hace falta */
.hero-gradient {
  background: linear-gradient(135deg, #0f766e 0%, #134e4a 100%);
}

/* === Lang switcher (limpio y estable) === */
header {
  position: relative;
  z-index: 100;
  overflow: visible !important;
}

#lang-switcher {
  position: relative;
  z-index: 200;
}

#lang-switcher-btn {
  position: relative;
  z-index: 201;
}

#lang-switcher-menu {
  /* NO pongas display aquí. Solo Tailwind .hidden lo controla */
  z-index: 9999 !important;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 11rem;
  max-height: min(70vh, 22rem);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.75rem;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.65);
}

/* Leaflet por debajo del header e idiomas */
.leaflet-container {
  z-index: 0 !important;
}
.leaflet-pane,
.leaflet-map-pane,
.leaflet-tile-pane,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-tooltip-pane,
.leaflet-popup-pane,
.leaflet-control {
  z-index: 1 !important;
}