/* ===== HEADER MEJORADO APE - ESTILOS FINALES ===== */
/* Este archivo se carga al final para sobrescribir todos los demás estilos */

/* ===== TEST: COLOR MUY VISIBLE PARA CONFIRMAR QUE FUNCIONA ===== */
.rbt-header-wrapper {
    background: #FFD700 !important; /* AMARILLO DORADO - TEMPORAL PARA TEST */
    box-shadow: 0 10px 40px rgba(255, 0, 0, 0.5) !important; /* SOMBRA ROJA */
}

/* ===== FONDO MEJORADO DEL NAVBAR ===== */

/* Navbar principal con gradiente sutil y sombra */
.rbt-header .rbt-header-wrapper.header-space-betwween {
    background: linear-gradient(180deg, #ffffff 0%, #c5e3f6 100%) !important;
    box-shadow: 0 6px 25px rgba(30, 136, 229, 0.15) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* Efecto glassmorphism cuando hace scroll (sticky) */
.rbt-header .rbt-header-wrapper.header-sticky.rbt-sticky {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 30px rgba(30, 136, 229, 0.18) !important;
    border-bottom: 1px solid rgba(30, 136, 229, 0.15) !important;
}

/* Separador sutil entre top bar y navbar */
.rbt-header .rbt-header-wrapper::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(30, 136, 229, 0.5) 50%,
        transparent 100%) !important;
    z-index: 1 !important;
}

/* Fondo alternativo más visible */
header.rbt-header-10 .rbt-header-wrapper {
    background-color: #e8f4fd !important;
    background-image: linear-gradient(180deg, #ffffff 0%, #d4ebfa 100%) !important;
}

/* Sombra más pronunciada */
.rbt-header-10 .rbt-header-wrapper {
    box-shadow: 0 8px 30px rgba(30, 136, 229, 0.2) !important;
}

/* Responsive */
@media (max-width: 991px) {
    .rbt-header-wrapper::before {
        height: 2px !important;
    }
}