/* Fix específico para el navbar unificado */
.navbar-wrapper {
    /* Asegurar renderizado correcto en todos los navegadores */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    
    /* Prevenir problemas de renderizado */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    
    /* Optimizar rendimiento */
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    
    /* Asegurar que el navbar se mantenga fijo */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

/* Prevenir que se oculte el header */
.main-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Prevenir que se oculte la navegación */
.main-navigation {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Asegurar que todos los elementos del navbar se rendericen correctamente */
.navbar-wrapper * {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Prevenir problemas de scroll en el navbar */
.navbar-wrapper {
    overflow: visible !important;
}

/* Asegurar que el contenido principal no se superponga */
main {
    margin-top: 112px !important;
    position: relative;
    z-index: 1;
}

/* Ajuste para móvil */
@media (max-width: 768px) {
    main {
        margin-top: 60px !important;
    }
}

/* Fix para navegadores webkit */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .navbar-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Prevenir cualquier comportamiento de scroll que oculte elementos */
.navbar-wrapper,
.navbar-wrapper *,
.main-header,
.main-navigation {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/* Asegurar que todos los elementos del navbar permanezcan visibles */
.navbar-wrapper {
    transform: translateZ(0) !important;
}

/* Prevenir que JavaScript o CSS oculte elementos */
.navbar-wrapper.hidden,
.navbar-wrapper.collapsed,
.main-header.hidden,
.main-header.collapsed,
.main-navigation.hidden,
.main-navigation.collapsed {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Asegurar que el navbar móvil funcione correctamente */
.mobile-navbar {
    display: none !important;
}

@media (max-width: 768px) {
    .mobile-navbar {
        display: flex !important;
    }
    
    .main-header,
    .main-navigation {
        display: none !important;
    }
}

/* Prevenir scroll del body cuando el menú móvil está abierto */
body.menu-open {
    overflow: hidden !important;
}