/*
 * Estilos para la vista de tarjetas en móvil de ReusableDataTable
 */

/* Ocultar el área de tabla en móvil cuando hay vista de cards */
@media (max-width: 767.98px) {
  .card-datatable.dt-has-card-view .dt-layout-table {
    display: none !important;
  }
}

/* Asegurar que las cards ocupen todo el ancho disponible */
.dt-card-view {
  width: 100%;
}

/* Espaciado entre campos de la card */
.dt-card-view .dt-card-fields > div {
  min-height: 1.75rem;
}

/* Evitar que el título de la card se desborde */
.dt-card-view .card-title {
  word-break: break-word;
}