/* Estilos generales tabla */
table {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    border-collapse: collapse;
    margin-bottom: 8rem !important;
}

/* NUEVO estilo para thead.sticky */
table thead.sticky {
    position: fixed;
    top: 73px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}

/* Estilo de fondo en cada th del encabezado */
table thead th {
    background-color: #d9534f;
    color: #ffffff;
    padding: 10px;
    font-size: 1.7rem;
    z-index: 20;
}

/* Body gris claro y letras negras */
table tbody td {
    color: #222222; /* Texto negro más legible */
    padding: 8px;
}

/* Tabla striped (filas intercaladas) */
table tbody tr:nth-child(even) td {
    background-color: #ffffff; /* filas blancas */
}

table tbody tr:nth-child(odd) td {
    background-color: #f8f9fa; /* filas gris claro */
}

/* Mantener colores especiales en filas con colspan (títulos de sección) */
table tbody tr td[colspan="13"] {
    background-color: #e0e0e0 !important; /* gris más oscuro para títulos */
    color: #222222;
}

/* Asegurar visibilidad correcta al flotar */
table tbody tr.floating td {
    background-color: #ffffff !important;
}


/* Estilos para botones */
.btn {
    background-color: #d9534f; /* Rojo */
    color: #ffffff;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.7rem;
}

.btn:hover {
    background-color: #c9302c;
}

/* Footer fijo */
table tbody tr.floating {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #ffffff;
z-index: 999;
box-shadow: 0 -3px 6px rgba(0,0,0,0.3);
}

/* Asegura que las celdas mantengan bordes y paddings originales */
table thead tr.sticky th,
table tbody tr.floating td {
padding: 8px;
box-sizing: border-box;
}

table tbody {
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
}