/* 1. LIMPIEZA DE FONDOS (EXCLUYE CABECERAS Y BOTONES) */
.eb-container *:not(thead):not(th):not(.btn):not(.button):not(a):not(input), 
.eb-container .table tbody tr, 
.eb-container .table tbody td {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* 2. FONDO BLANCO GENERAL */
.eb-container, .eb-container table {
    background-color: #ffffff !important;
}

/* 3. TEXTOS DE CELDAS EN GRIS OSCURO */
.eb-container td, 
.eb-container td span:not(.btn-text) {
    color: #333333 !important;
}

/* 4. ENCABEZADO VERDE HACIENDA (ELIMINADOR DE GRIS BOOTSTRAP 5) */
.eb-container .table thead th, 
.eb-container table thead th,
.eb-container thead tr,
.eb-container thead {
    --bs-table-bg: #A4B8A6 !important; /* Anula el gris de Bootstrap 5 */
    background-color: #A4B8A6 !important;
    background: #A4B8A6 !important;
}

/* 5. TEXTO DEL ENCABEZADO SIEMPRE BLANCO */
.eb-container thead th, 
.eb-container thead th a, 
.eb-container thead th span {
    color: #ffffff !important; /* Corregido de verde a blanco */
    text-transform: uppercase !important;
    font-weight: bold !important;
}

/* 6. BOTONES AMARILLOS (INSCRIPCIÓN) */
.eb-container .btn-primary, 
.eb-container .eb-button,
.eb-container a.btn-primary,
.eb-container .btn-warning {
    background-color: #ffbb00 !important;
    color: #ffffff !important;
    border: none !important;
}

/* 7. BOTONES ADMIN (NUEVO, EDITAR, CANCELAR) */
.eb-container .btn-success { background-color: #28a745 !important; color: white !important; }
.eb-container .btn-danger { background-color: #dc3545 !important; color: white !important; }
.eb-container .btn-info { background-color: #17a2b8 !important; color: white !important; }

/* 8. CATEGORÍAS Y TÍTULOS EN AMARILLO */
.eb-event-title, 
.eb-event-title a,
.eb-container table td a,
.eb-container a[href*="category_id"] {
    color: #ffbb00 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

/* 9. BORDES FINOS */
.eb-container .table, .eb-container table {
    border-color: #eeeeee !important;
}