:root {
  --color-card: #1c1f26;
  --gap: 24px;
  --radius: 12px;
  --color-blur:rgba(0, 255, 170, 0.2);
  --color-blur-hover:rgba(0, 255, 170, 0.678);
}



.division-politica {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}


.grid-municipios {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--gap);
}

.municipio-card {
  background: var(--color-card);
  padding: 20px;
  border-radius: var(--radius);
  box-shadow: 0 0 12px var(--color-blur);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.municipio-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 20px var(--color-blur-hover);
}