html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* Tema oscuro */
body {
    background-color: #212121;
    color: #e0e0e0;
}

.navbar {
    background-color: #333333 !important;
    border-bottom: 1px solid #444;
}

    .navbar .nav-link {
        color: #e0e0e0 !important;
    }

        .navbar .nav-link:hover {
            color: #ffffff !important;
        }

.sidebar {
    background-color: #2a2a2a !important;
    color: #e0e0e0;
}

    .sidebar h5 {
        color: #ffffff;
    }

    .sidebar a {
        color: #e0e0e0;
    }

        .sidebar a:hover {
            color: #bdbdbd;
        }

main {
    background-color: #212121;
    padding: 1rem;
    min-height: 100vh;
}

footer {
    background-color: #333333;
    color: #bdbdbd;
}

    footer a {
        color: #bdbdbd;
    }

        footer a:hover {
            color: #ffffff;
        }


/* Scrollbar para navegadores basados en WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #2a2a2a; /* Fondo del track */
}

::-webkit-scrollbar-thumb {
    background-color: ##fba616; /* Color del thumb */
    border-radius: 5px;
    border: 1px solid #2a2a2a; /* Bordes para contraste */
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #ffb733; /* Color más claro en hover */
    }

/* Scrollbar para Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #fba616 #2a2a2a;
}


/* Texto resaltado en amarillo */
.text-amarillo {
    color: #fba616 !important;
    text-decoration: none;
}



/* si por alguna razón sigues usando 'active' en el botón */
.list-group-item.active.text-amarillo {
    color: #FFC107 !important;
    background-color: transparent !important; /* evita el azul de active */
    border-color: transparent !important; /* opcional */
}


/* Forzar que bg-light y bg-white sean oscuros */
.bg-light,
.bg-white {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

/* Forzar que text-dark sea claro */
.text-dark {
    color: #e0e0e0 !important;
}

/* Forzar que text-muted sea gris claro */
.text-muted {
    color: #bdbdbd !important;
}


/* Scroll independiente para el aside */
.sidebar {
    max-height: 100%; /* Altura de la ventana menos la altura del header */
    overflow-y: auto;
    overflow-x: hidden;
}



/* Ajustar colores del menú lateral */
#sidebarMenu .list-group-item {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: none;
}

    #sidebarMenu .list-group-item:hover {
        background-color: #383838 !important;
        color: #ffffff !important;
    }

    /* Si hay títulos o cabeceras dentro del aside */
    #sidebarMenu .list-group-item.active,
    #sidebarMenu .bg-primary {
        background-color: #333333 !important;
        color: #c2c0c0 !important; /* Resaltado amarillo */
    }


/* Tabs inactivos con texto amarillo */
.nav-tabs .nav-link.text-amarillo:not(.active) {
    color: #fba616 !important;
}

/* Tab activo con texto negro */
.nav-tabs .nav-link.text-amarillo.active {
    color: #000000 !important;
}


.sin-subrayado {
    text-decoration: none;
}


.img-thumbnail-delgada {
    border: 0.2px solid #dee2e6 !important;
}

/* Aplica amarillo siempre y, MUY IMPORTANTE, también cuando está .active */
.list-group-item.text-amarillo {
    color: #FFC107 !important; /* normal */
    --bs-list-group-active-color: #FFC107; /* cuando está .active */
}

.btn-warning-text-black {
    color: black !important;
}