/* Estilos específicos para el botón del dropdown con máxima prioridad */
body .navbar .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle,
body .navbar .navbar-nav .dropdown-toggle,
body .navbar .navbar-nav #navbarDropdown,
body .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle,
body .navbar-nav .dropdown-toggle,
body .navbar-nav #navbarDropdown,
body .nav-item.dropdown .nav-link.dropdown-toggle,
body #navbarDropdown,
body .custom-dropdown-toggle,
body .navbar-nav .dropdown-toggle,
body .navbar .dropdown-toggle {
    background-color: rgba(137, 27, 27, 0.8) !important;
    border: 1px solid #891b1b !important;
    border-radius: 6px !important;
    padding: 8px 15px !important;
    margin-left: 10px !important;
    color: white !important;
    display: inline-block !important;
}

.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:hover,
.navbar-nav .dropdown-toggle:hover,
#navbarDropdown:hover {
    background-color: #891b1b !important;
    border-color: #c9a143 !important;
    color: white !important;
}

/* Estilos para los backups también */
.backup-dropdown .nav-link,
#backupDropdownToggle,
#extreme-dropdown-toggle {
    background-color: rgba(137, 27, 27, 0.8) !important;
    border: 1px solid #891b1b !important;
    border-radius: 6px !important;
    padding: 8px 15px !important;
    margin-left: 10px !important;
    color: white !important;
}

.backup-dropdown .nav-link:hover,
#backupDropdownToggle:hover,
#extreme-dropdown-toggle:hover {
    background-color: #891b1b !important;
    border-color: #c9a143 !important;
    color: white !important;
}

/* Asegurar que los estilos apliquen también en móvil */
@media (max-width: 991.98px) {
    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle,
    .backup-dropdown .nav-link,
    #navbarDropdown,
    #backupDropdownToggle,
    #extreme-dropdown-toggle {
        background-color: rgba(137, 27, 27, 0.8) !important;
        border: 1px solid #891b1b !important;
        border-radius: 6px !important;
        padding: 8px 15px !important;
        margin-left: 10px !important;
        color: white !important;
        display: inline-block !important;
    }
}
