/* style.css */

 .card {
    flex: 1;
    margin: 0 10px;
}

.form-group {
    text-align: center;
    margin-bottom: 20px;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table .row {
    display: flex;
    border-bottom: 1px solid #dee2e6;
}

.data-table .row:last-child {
    border-bottom: none;
}

.data-table .cell {
    flex: 1;
    padding: 8px;
    border-right: 1px solid #dee2e6;
    background-color: #f8f9fa; /* Color de fondo de las celdas de datos */
}

.data-table .cell:last-child {
    border-right: none;
}

.data-table .header {
    background-color: #343a40; /* Color de fondo de las celdas de encabezado */
    color: white; /* Color del texto de las celdas de encabezado */
    font-weight: bold;
}

.nested-table {
    width: 100%;
}

.nested-table .header {
    font-size: 14px;
    font-weight: bold;
    background-color: #007bff; /* Color de fondo de las celdas de encabezado anidadas */
    color: white; /* Color del texto de las celdas de encabezado anidadas */
}

.nested-table .cell {
    padding: 4px;
    background-color: #e9ecef; /* Color de fondo de las celdas de datos anidadas */
}

/* Estilos específicos para los headers de las tablas */
 .card:nth-child(1) .card-header {
    background-color: #41c2ac; /* Color de fondo para el primer header */
    color: white; /* Color del texto para el primer header */
}

 .card:nth-child(2) .card-header {
    background-color: #41c2ac; /* Color de fondo para el segundo header */
    color: white; /* Color del texto para el segundo header */
}