/* ==========================================================================
   ESTILOS DE MENÚ NAVEGACIÓN - CHUCÁNDIRO (DORADO Y CAFÉ INSTITUCIONAL)
   ========================================================================== */

:root {
    --gold-chucandiro: #E1B132;
    --gold-light: #F0C435;
    --brown-chucandiro: #7A521D;
    --brown-dark: #2C1B0B;
}

.site-header-chucandiro {
    background-color: var(--brown-dark) !important;
    border-bottom: 3px solid var(--gold-chucandiro);
}

.img-logo-chucandiro {
    height: 75px;
    width: auto;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
    transition: transform 0.3s ease;
}

.img-logo-chucandiro:hover {
    transform: scale(1.05);
}

.menu-gold-banner {
    background: linear-gradient(135deg, var(--gold-chucandiro) 0%, var(--brown-chucandiro) 100%);
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 4px 15px rgba(0, 0, 0, 0.25);
}

.nav-link {
    font-size: 0.93rem;
    transition: color 0.25s ease, transform 0.25s ease !important;
    padding: 8px 12px !important;
}

.nav-link:hover {
    color: var(--gold-light) !important;
    transform: translateY(-2px);
}

/* Submenús */
.bg-brown-chucandiro {
    background-color: var(--brown-dark) !important;
    border: 1px solid var(--gold-chucandiro) !important;
}

.dropdown-item {
    color: #ffffff !important;
    font-size: 0.9rem;
    transition: background 0.2s ease, padding-left 0.2s ease;
}

.dropdown-item:hover {
    background-color: var(--brown-chucandiro) !important;
    color: var(--gold-light) !important;
    padding-left: 1.5rem;
}

.text-gold {
    color: var(--gold-chucandiro) !important;
}

/* Botón Hamburguesa Móvil */
.custom-toggler .navbar-toggler-icon-custom span {
    display: block;
    width: 26px;
    height: 3px;
    background-color: var(--gold-chucandiro);
    margin: 5px 0;
    border-radius: 2px;
    transition: all 0.3s ease;
}