/* ===============================
   Ajustes visuales para Leaflet
   =============================== */

/* Controles con esquinas suaves y sombra */
.leaflet-control {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

/* Fondo coherente para botones */
.leaflet-bar a {
  background: #ffffff;
  color: #0f172a;
  border: none;
}

/* Dar énfasis institucional a ciertos botones (fullscreen, print, measure) */
.leaflet-control-fullscreen a,
.leaflet-control-browser-print a,
.leaflet-control-measure .leaflet-control-measure-toggle {
  background: var(--pg-green);
  color: #fff;
}

/* Hover más oscuro (corregido) */
.leaflet-control-fullscreen a:hover,
.leaflet-control-browser-print a:hover,
.leaflet-control-measure .leaflet-control-measure-toggle:hover {
  background: var(--pg-green-600);
  color: #fff;
}

/* Ícono del control de medida (algunos temas lo muestran “vacío”) */
.leaflet-control-measure .leaflet-control-measure-toggle:before {
  /* fallback de ícono simple */
  content: "±";
  font-weight: 700;
}

/* Ajuste de separación para que no “flote” pegado al borde */
.leaflet-bottom.leaflet-right {
  margin-bottom: 8px;
  margin-right: 8px;
}

/* -------------------------------
   Popup (atributos GetFeatureInfo)
   ------------------------------- */
.leaflet-popup-content {
  margin: 10px 12px;
  font: 13px/1.35 system-ui, Segoe UI, Roboto, Arial;
}
.leaflet-popup-content table {
  border-collapse: collapse;
}
.leaflet-popup-content td {
  padding: 2px 4px;
  vertical-align: top;
}

/* Estilo adicional para título dentro del popup */
.leaflet-popup-content .text-base {
  color: var(--pg-green);
  font-weight: 700;
}