/* Header principal y elementos relacionados */
[data-headerbg="color_1"] .header,
.header,
.nav-header,
[data-nav-headerbg="black"] .nav-header {
    background: #000000 !important;
}

/* Controles y botones en el header */
.nav-control,
.nav-header .nav-control {
    background-color: transparent !important;
}

.nav-header .nav-control .hamburger .line, .nav-control .hamburger .line {
    background-color: #fff !important;
}

/* Hover del nav-control */
.nav-header .nav-control:hover, .nav-control:hover {
    background-color: #0c0c0c !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hover y estado activo/abierto para botones de notificaciones, campana y pantalla completa */
.header .header-content .notification_dropdown .nav-link:hover,
.header .header-content .notification_dropdown .nav-link.active,
.header .header-content .notification_dropdown .nav-link.show,
.header .header-content .nav-link.bell:hover,
.header .header-content .nav-link.bell.active,
.header .header-content .nav-link.dz-fullscreen:hover,
.header .header-content .nav-link.dz-fullscreen.active {
    background-color: #0c0c0c !important;
    color: #fff !important;
}

/* Color del texto y iconos */
.header .header-content .notification_dropdown .nav-link,
.header .header-content .nav-link.bell,
.header .header-content .nav-link.dz-fullscreen {
    color: #ffffff !important;
}

/* Mantener iconos blancos en hover */
.header .header-content .notification_dropdown .nav-link:hover i,
.header .header-content .nav-link.bell:hover i,
.header .header-content .nav-link.dz-fullscreen:hover i,
.header .header-content .notification_dropdown .nav-link:hover svg path,
.header .header-content .nav-link.bell:hover svg path,
.header .header-content .nav-link.dz-fullscreen:hover svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Estilo activo para botones */
.header .header-content .notification_dropdown .nav-link.active,
.header .header-content .nav-link.bell.active,
.header .header-content .nav-link.dz-fullscreen.active {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Estilos para el dropdown de notificaciones cuando está abierto */
.header .header-content .notification_dropdown.show .nav-link,
.header .header-content .notification_dropdown .nav-link.active {
    background-color: transparent !important;
}

/* Estilos para la barra de búsqueda */
.header-left {
    background-color: transparent !important;
}

.header-left .search-area {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 0.75rem !important;
}

.header-left .search-area .form-control {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
}

.header-left .search-area .form-control::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}

.header-left .search-area .input-group-text {
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

.header-left .search-area:focus-within {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Estilos específicos para el menú de Dashboard */
.deznav .metismenu>li:first-child.mm-active>a,
.deznav .metismenu>li:first-child:hover>a {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Mantener el ícono de la casita en gris */
.deznav .metismenu>li:first-child.mm-active>a i,
.deznav .metismenu>li:first-child:hover>a i,
.deznav .metismenu>li:first-child.mm-active>a svg,
.deznav .metismenu>li:first-child:hover>a svg,
.deznav .metismenu>li:first-child.mm-active>a svg path,
.deznav .metismenu>li:first-child:hover>a svg path {
    color: #96A0AF !important;
    fill: #96A0AF !important;
    stroke: #96A0AF !important;
}

.deznav .metismenu>li:first-child ul {
    background: transparent !important;
}

.deznav .metismenu>li:first-child ul a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.deznav .metismenu>li:first-child ul a:hover,
.deznav .metismenu>li:first-child ul a:focus,
.deznav .metismenu>li:first-child ul a.mm-active {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Nuevos estilos para los enlaces de navegación */
.header-nav-links {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-left: auto;
}

.header-nav-link {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 0.5rem 0;
    position: relative;
    transition: all 0.3s ease;
}

.header-nav-link:hover {
    color: rgba(255, 255, 255, 0.9) !important;
}

.header-nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    transition: width 0.3s ease;
}

.header-nav-link:hover::after {
    width: 100%;
}

.nav-header .nav-control:hover, .nav-control:hover {
    background-color: #0c0c0c !important;
}

/* Quitar hover del perfil de usuario */
.header-profile2 > .nav-link:hover, .header-profile2 > .nav-link:focus {
    background-color: transparent !important;
    color: inherit !important;
}

/* Hamburguesa con bordes rectos */
.nav-header .nav-control, .nav-control {
    border-radius: 0 !important;
}

/* Forzar color blanco en el ícono de la campana cuando está activo o el panel está abierto */
.header .header-content .notification_dropdown.show .nav-link i,
.header .header-content .notification_dropdown .nav-link.active i,
.header .header-content .notification_dropdown.show .nav-link svg,
.header .header-content .notification_dropdown .nav-link.active svg,
.header .header-content .notification_dropdown.show .nav-link svg path,
.header .header-content .notification_dropdown .nav-link.active svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Forzar fondo transparente en el botón de notificaciones cuando está abierto */
.header .header-content .notification_dropdown .nav-link.show {
    background-color: transparent !important;
}

/* Por defecto (escritorio): solo texto */
.header-nav-link i {
    display: none;
}
.header-nav-link .nav-link-text {
    display: inline;
}

/* En pantallas medianas y chicas: solo iconos */
@media (max-width: 992px) {
    .header-nav-link i {
        display: inline;
        font-size: 1.5rem;
        margin: 0;
    }
    .header-nav-link .nav-link-text {
        display: none;
    }
    .header-nav-link {
        padding: 0.5rem 0.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-nav-links {
        gap: 0.5rem;
    }
}

/* Fondo negro sólido para nav-header y nav-control */
.nav-header {
    background: #000000 !important;
    box-shadow: none !important;
    border: none !important;
}

.nav-header .nav-control, .nav-control {
    background: #000000 !important;
    box-shadow: none !important;
    border: none !important;
}

/* PERSONALIZACIÓN - Texto blanco en header de usuario */
.header-right .header-info h6, 
.header-right .header-info .h6,
.header-right .header-info p {
    color: #ffffff !important;
}

/* Asegurar que el texto sea blanco en todas las variaciones del header */
.header-profile2 .header-info h6,
.header-profile2 .header-info p {
    color: #ffffff !important;
}