/* =====================
   AJUSTE DIRECTO - TARJETAS 10% MENOS ANCHAS
   ===================== */

/* Contenedor principal con 85% de ancho en lugar de 95% */
.directorio-section .container,
.container {
  max-width: 85% !important;
  width: 85% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mantener 4 tarjetas por fila */
.cards-container {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 15px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

/* Asegurar que cada tarjeta sea tan ancha como sea posible */
.custom-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Ajuste para los filtros */
.directorio-filtros {
  max-width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ajuste responsivo */
@media (max-width: 992px) {
  .cards-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 576px) {
  .cards-container {
    grid-template-columns: 1fr !important;
  }
}