@media (max-width: 900px) {

    /* ☰ visible */
    .menu-toggle {
        display: block;
        cursor: pointer;
        font-size: 22px;
        margin-right: 5px;
    }

    /* NAV oculto por defecto */
    nav {
        position: absolute;
        top: 65px;
        left: 0;
        width: 100%;
        background: #0c0c0c;
        flex-direction: column;
        display: none;
        z-index: 999;
    }

    /* NAV visible al abrir */
    nav.active {
        display: flex;
    }

    /* LINKS del menú */
    nav a {
        padding: 15px;
        text-align: center;
        border-top: 1px solid #222;
    }

    /* 👉 OCULTAR LOGO cuando menú abierto */
    body.menu-open #logo {
        display: none;
    }

    /* 👉 (opcional) centrar mejor contenido izquierda */
    .left {
        gap: 8px;
    }

}