/* 🖥️ **Estilos generales de la tabla** */

.tableResBpmWrapper {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 1.45em 0 2.9em;}

.tableResBpm {border-collapse: separate;border-radius: 5px;overflow: hidden;width: 100%;margin: 0 !important;}

.tableResBpm thead tr{background-color: var(--cred);color: var(--cwhite);}

.tableResBpm th, .tableResBpm td{text-align: left;font-size: 1rem;}

.tableResBpm td{padding: 5px 20px !important;}

.tableResBpm th{padding: 10px 15px;}

.tableResBpm thead tr:first-child th:first-child {border-top-left-radius: 5px;}

.tableResBpm thead tr:first-child th:last-child {border-top-right-radius: 5px;}

.tableResBpm tbody tr:last-child td:first-child {border-bottom-left-radius: 5px;}

.tableResBpm tbody tr:last-child td:last-child {border-bottom-right-radius: 5px;}

.tableResBpm tbody tr:last-child td{border-bottom: none;}

.tableResBpm th:last-child, .tableResBpm td:last-child{border-right: none;}



/* 📱 **Estilos de móvil**: la propia tabla scrollea horizontalmente (sin div contenedor), */
/* mostrando todas las columnas sin necesidad de pulsar nada. */

@media (max-width: 768px) {

    .tableResBpm th, .tableResBpm td{padding: 8px 14px !important; white-space: nowrap;}

}