/* ==============================
           Estilos para el Navbar
============================== */

/* Estilos para el navbar fijo */
.header-fixed .navbar.affix .module .module-icon i,
.header-fixed .navbar.affix .navbar-nav > li > a {
    color: #ffffff !important; /* Asegura que el color del texto del navbar no cambie */
}

.header-fixed .navbar.affix .navbar-nav > li > a:hover::before,
.header-fixed .navbar.affix .navbar-nav > li.active > a:before {
    background-color: #ffffff !important; /* Asegura que el color de fondo del hover no cambie */
}

/* Clase para ocultar el contenido del navbar */
.navbar-hidden #navbar-collapse-1,
.navbar-hidden .logo {
    opacity: 0 !important; /* Asegura que el contenido del navbar desaparezca */
    visibility: hidden !important; /* Oculta el contenido del navbar */
    transition: opacity 0.5s ease, visibility 0.5s ease !important;
}

/* Asegura que el fondo degradado del navbar siga visible */
.header .navbar {
    background: linear-gradient(to bottom, rgba(15, 107, 68, 1) 0%, rgba(15, 107, 68, 0.7) 40%, rgba(15, 107, 68, 0.2) 80%, rgba(15, 107, 68, 0) 100%) !important;
    transition: background 0.3s ease !important;
    border-bottom: none !important; /* Elimina cualquier borde que pueda causar la línea */
    box-shadow: none !important; /* Elimina cualquier sombra que pueda causar la línea */
}

/* Asegura que el navbar sea transparente */
.header, 
.header-fixed,
.header-fixed .affix,
.header .navbar.affix {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Asegura que el navbar no tenga altura extra en la parte inferior */
.header .navbar.affix,
.header-fixed .navbar.affix {
    min-height: auto !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    background-color: transparent !important;
}

/* Estilos generales para el body */
body.vista-servicios {
    padding-top: 0 !important;
    /* Elimina cualquier padding superior que pueda interferir */
}

/* Asegura que el wrapper y el contenido principal no tengan margen superior */
.vista-servicios #wrapper,
.vista-servicios #main-content,
.vista-servicios header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Corrige cualquier estilo que pueda estar causando un fondo blanco */
.header-transparent .navbar,
.navbar.navbar--dark,
.header-split .navbar,
.transparent-header .navbar {
    background-color: transparent !important;
}

/* Estilo para los textos del navbar - color blanco */
.navbar-nav > li > a,
.dropdown-toggle,
.module .module-icon i,
.dropdown-menu > li > a {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Estilo para la opción activa/seleccionada con fondo blanco y texto verde */
.navbar-nav > li.active > a,
.navbar-nav > li.dropdown.open > a,
.navbar-nav > li.active > .dropdown-toggle,
.navbar-nav > li > a[href*="servicios"],
.navbar-nav > li > a[href*="accidentes"],
.navbar-nav > li > a[href*="proteccion"],
.navbar-nav > li > a[href*="p.general"],
.navbar-nav > li > a[href*="p.judicial"] {
    background-color: #ffffff4b !important;
    color: #ffffff !important;
    border-radius: 5px !important;
}

/* Estilo para el hover de los elementos del navbar */
.navbar-nav > li > a:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 5px !important;
}

/* Ajuste adicional para el botón desplegable de servicios */
.dropdown-toggle {
    background-color: transparent !important;
}

/* Color para el icono de usuario */
.bi-person-circle {
    color: #ffffff !important;
    font-size: 24px !important;
}

/* Posicionamiento absoluto para asegurar que el navbar esté sobre el video */
.header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

/* Ajustes para dispositivos móviles */
@media only screen and (max-width: 767px) {
    .navbar-hidden #navbar-collapse-1,
    .navbar-hidden .logo {
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    .header .navbar {
        background: linear-gradient(to bottom, rgba(15, 107, 68, 1) 0%, rgba(15, 107, 68, 0.7) 40%, rgba(15, 107, 68, 0.2) 80%, rgba(15, 107, 68, 0) 100%) !important;
        border-bottom: none !important;
    }
    
    /* Asegura que no haya bordes extras en móvil */
    .header,
    .header .navbar,
    .header-fixed .navbar.affix {
        border-bottom: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
    }
    
    /* Fondo oscuro para el menú móvil desplegado */
    .navbar-collapse {
        background-color: rgba(15, 107, 68, 0.95) !important;
    }
    
    /* Ajustes para el menú desplegable en móvil */
    .navbar-nav > li.active > a,
    .navbar-nav > li > a[href*="servicios"] {
        background-color: #ffffff !important;
        color: #106B40 !important;
        border-radius: 0 !important;
    }
    
    /* Icono de hamburguesa */
    .navbar-toggle .icon-bar {
        background-color: #ffffff !important;
    }
}