.elementor-196 .elementor-element.elementor-element-b7bfef4 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-196 .elementor-element.elementor-element-b7bfef4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for column, class: .elementor-element-b7bfef4 *//* Estilo base de la tabla */
table.directorio-tabla {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95em;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Encabezados */
table.directorio-tabla th {
  background-color: #024b8e;
  color: white;
  padding: 0.8em;
  text-align: left;
}

/* Filas */
table.directorio-tabla td {
  padding: 0.7em;
  border-bottom: 1px solid #ccc;
}

/* Hover */
table.directorio-tabla tr:hover {
  background-color: #f2f7fc;
}

/* Acordeón visual: ocultar detalles y mostrar al hacer clic */
table.directorio-tabla .detalle {
  display: none;
  background-color: #eef5ff;
}

table.directorio-tabla .activo .detalle {
  display: table-row;
}

/* Cursor y transición */
table.directorio-tabla tr.titulo {
  cursor: pointer;
  transition: background-color 0.3s ease;
}/* End custom CSS */