.header__menu {
    color: #DFDFDF;

    font-size: 14px;
    text-decoration: none;
}

.header__menu:hover {
    color: white;
    text-decoration: underline;
}

.header-presupuestoBtn {
    background-color: #D7AF41;
    color: white !important;
    border-radius: 7px;
    font-weight: 700;
    text-transform: uppercase !important;
    font-size: 13px !important;
}

.header-presupuestoBtn:hover {
    background-color: #293E56;
    color: white !important;
}

.navbar-nav .nav-link {


    font-size: 14px;
    color: #131313;
    
    /* padding-top: 40px;
    padding-bottom: 20px; */


}

.navbar-nav .nav-link:hover {
    color: #131313;

}

.navbar-nav .nav-link.active {

    color: #131313 !important;


}

.navbar-nav .nav-link.activeWhite {
    font-weight: 700;
}

.header__btnLogin {
    border-radius: 7px;
    border: 1px solid #FADA1F;
    font-size: 16px;
    font-weight: 700;
    color: #121212;
    background-color: white;
    text-transform: uppercase;
}

.header__btnLogin:hover {
    border-radius: 7px;
    border: 1px solid #FADA1F;
    font-size: 16px;
    font-weight: 700;
    color: #121212;
    background-color: white;
    text-transform: uppercase;
}

.header__btnLogin--inicio {
    border-radius: 7px;
    border: 1px solid #FADA1F;
    font-size: 16px;
    font-weight: 700;
    color: #121212;
    background-color: white;
    text-transform: uppercase;
}

.header__btnLogin--inicio:hover {
    color: #121212;
    border: 1px solid #FADA1F;
}

.header__dropdown__linkRegister {
    color: #282828;
    font-size: 16px;
    width: 100%;
    font-weight: 700;
}

.header__dropdown__linkRegister:hover {
    color: #282828;

}

.menuInicio {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 185.42%);
    height: 100px;
}

.navbarInicio .nav-item .nav-link {
    color: white;
   
}

.navbarWhite .nav-item .nav-link {
    color: #222222;
}

.btnPresupuesto {
    color: black !important;
    border: 1px solid #D41A1F;
    border-radius: 14px;
    background-color: white;
    font-size: 14px;
}

.btnPresupuesto:hover {
    color: white !important;
    background-color: #D41A1F;
}

.PresupuestoActive {
    background-color: #D41A1F !important;
    color: white !important;
}

.header__menu--shadow {
    z-index: 10;
    position: relative;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.header__banner__bottom__text {
    top: 140px;
}

.header__dropdown_label {
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 400;
}

.link_encabezado {
    color: white;
    font-size: 15px;
    text-decoration: none;
}

.link_encabezado:hover {
    text-decoration: underline;
    color: white;
}

@media screen and (max-width:468px) {
    .navbar-collapse {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 991px) {

    /* Fix for mobile menu */
    .navbar-collapse {
        background-color: white;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        max-height: calc(100vh - 70px);
        overflow-y: auto;
        padding: 1rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;   
    }

    /* Ensure menu items are visible */
    .navbarInicio .nav-item .nav-link {
        color: #222222 !important;
    }

    /* Add spacing between menu items */
    .navbar-nav {
        padding: 0.5rem 0;
    }

    .navbar-nav .nav-item {
        padding: 0.5rem 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .navbar-nav .nav-item:last-child {
        border-bottom: none;
    }

    /* Fix the header to prevent overlap */
    .navbar.sticky-top {
        position: fixed !important;
        top: 0;
        width: 100%;
        z-index: 1030;
    }

    .menuInicio {
        background: white !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    /* Adjust presupuesto button for mobile */
    .header-presupuestoBtn {
        background-color: #D7AF41 !important;
        color: white !important;
        border-radius: 7px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 13px !important;
        padding: 0.5rem 1rem !important;
        display: inline-block;
        margin-top: 0.5rem;
    }

    .header-presupuestoBtn:hover {
        background-color: #293E56 !important;
        color: white !important;
    }
}
