/* static/css/css_absorcion_co2/mapa_co2.css */
/* =========================================================
   MAPA DE ABSORCIÓN DE CO2 — ESTILOS
   ---------------------------------------------------------
   1) PÁGINA Y CONTENEDOR DEL MAPA
   2) MAPA LEAFLET
   3) CSP: CLASES QUE REEMPLAZAN ESTILOS EN LÍNEA
   ========================================================= */

/* =========================================================
   1) PÁGINA Y CONTENEDOR DEL MAPA
   ========================================================= */
body {
  font-family: 'Poppins', sans-serif;
  background-color: #EBF5EC;
  padding-top: 80px; /* Espacio para el navbar */
}

.map-container {
  max-width: 1000px;
  margin: 0 auto 60px auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  z-index: 0;
}

/* =========================================================
   2) MAPA LEAFLET
   ========================================================= */
#map {
  height: 500px;
  width: 100%;
  border-radius: 8px;
  z-index: 0;
}

/* Evita que los botones del mapa se superpongan al navbar */
.leaflet-top.leaflet-left {
  margin-top: 80px; /* igual al padding-top */
  z-index: 400;
}

/* =========================================================
   3) CSP: CLASES QUE REEMPLAZAN ESTILOS EN LÍNEA
   ========================================================= */
.alerta-mapa-co2 { max-width: 920px; margin: 0 auto; }
.popup-co2 { min-width: 260px; }