/* Navegación adaptable: conservar el diseño completo cuando hay espacio. */
@media (max-width: 1400px) {
    .navbar-brand {
        flex-shrink: 0;
    }

    .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-left: auto;
        padding: 0;
        width: 38px;
        height: 38px;
        background: transparent;
        border: 1px solid rgba(214, 170, 82, 0.35);
        color: var(--trident-color-gold-soft);
        font-size: 23px;
        line-height: 1;
        cursor: pointer;
    }

    .navbar-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: calc(100vh - 64px);
        max-height: calc(100dvh - 64px);
        overflow-y: auto;
        flex-direction: column;
        gap: 0;
        background: var(--trident-color-background-deep);
        border-bottom: 1px solid rgba(77, 166, 255, 0.15);
        backdrop-filter: blur(14px);
    }

    .navbar-menu.active {
        display: flex;
    }

    .navbar-menu a {
        flex-shrink: 0;
        width: 100%;
        padding: 18px 20px;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, 0.04);
    }

    .navbar-menu .language-selector {
        flex-shrink: 0;
    }
}
