/* =====================================================
   CBMC Suite
   Navegación Institucional
===================================================== */

.cbmc-navigation {

    background: #F5F0E6;

    border-bottom: 1px solid rgba(107, 0, 21, 0.12);

}

.cbmc-navigation-inner {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 30px;

}

.cbmc-menu {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 30px;

    list-style: none;

    margin: 0;

    padding: 0;

}

.cbmc-menu li {

    margin: 0;

}

.cbmc-menu a {

    display: block;

    padding: 18px 0;

    color: #6B0015;

    text-decoration: none;

    font-size: 15px;

    font-weight: 600;

    transition:
        color 0.3s ease,
        transform 0.3s ease;

}

.cbmc-menu a:hover {

    color: #D4AF37;

    transform: translateY(-1px);

}
/* =====================================================
   BOTÓN MENÚ HAMBURGUESA
===================================================== */

.cbmc-menu-toggle {

    display: none;

    width: 46px;
    height: 42px;

    padding: 9px;

    background: #6B0015;

    border: 0;
    border-radius: 8px;

    cursor: pointer;

}

.cbmc-menu-toggle span {

    display: block;

    width: 100%;
    height: 3px;

    margin: 4px 0;

    background: #D4AF37;

    border-radius: 3px;

    transition:
        transform 0.3s ease,
        opacity 0.3s ease;

}

.cbmc-menu-toggle-active span:nth-child(1) {

    transform: translateY(7px) rotate(45deg);

}

.cbmc-menu-toggle-active span:nth-child(2) {

    opacity: 0;

}

.cbmc-menu-toggle-active span:nth-child(3) {

    transform: translateY(-7px) rotate(-45deg);

}