/* Estilos generales para pantallas grandes */
.responsive-table th,
.responsive-table td {
    font-size: 40px;
    padding: 0;
}

/* Media query para pantallas más pequeñas */
@media (max-width: 768px) {
    .responsive-table th,
    .responsive-table td {
        font-size: 2em; /* Ajusta el valor según tus preferencias */
    }
}

/* Estilos específicos para celdas de la tabla */
.empresa-cell {
    width: 30%;
    font-size: 100%;
}

.hora-cell {
    width: 20%;
    text-align: center;
    font-size: 100%;
}

.destino-cell {
    width: 25%;
    text-align: center;
    font-size: 100%;
}

.puerta-carril-cell {
    width: 25%;
    text-align: center;
    font-size: 100%;
}

.estado-cell {
    width: 20%;
    text-align: center;
    font-size: 100%;
}

/* Estilos de fila para diferentes estados */
.success-row {
    background: green;
}

.warning-row {
    background: orange;
}