@media (max-width: 1024px) and (orientation: landscape){

            /* =========================
            TOP BAR
            ========================== */
            .top-bar{
                padding: 4px 14px;
            }

            .top-item,
            .selector-lenguaje{
                font-size: 11px;
                white-space: nowrap;
            }

            /* =========================
            NAVEGADOR BASE
            ========================== */
            .navegador{
                padding: 12px 20px;
                display: flex;
                align-items: center;
                gap: 14px;

                /* CLAVE: estabilidad */
                min-height: 64px;
            }

            /* =========================
            LOGO (modo desktop compacto)
            ========================== */
            .logo{
                position: static;
                transform: none;
                margin: 0;
                display: flex;
                align-items: center;
            }

            .logo img{
                height: 64px;
                transition: height .25s ease;
            }

            .logo-mark{ 
                width: 50px; 
                height: 50px; 
                border-radius: 
                50%; background: url("https://i.imgur.com/Ay5yawO.png") center/contain no-repeat; 
                position: absolute; 
                top: 100%; 
                left: 10px; 
                transform: translate(40px, -150%); 
                opacity: 0; 
                z-index: 1; 
                pointer-events: none; 
                transition: transform .28s ease, opacity .5s ease; 
                will-change: transform; 
            }

            /* =========================
            LINKS VISIBLES
            ========================== */
            .navegador-links{
                display: flex;
                margin-left: auto;
                gap: 10px;
                align-items: center;
            }

            .navegador a{
                font-size: 14px;
                padding: 8px 12px;
                border-radius: 999px;
                white-space: nowrap;
            }

            /* =========================
            BOTÓN MENÚ DESACTIVADO
            ========================== */
            .menu-btn{
                display: none !important;
            }

            /* Drawer jamás en landscape */
            .drawer,
            .drawer-overlay{
                display: none !important;
            }

            /* =========================
            HEADER SHRINK (SCROLL)
            → SOLO reduce tamaños
            → NO mueve elementos
            ========================== */
            body.header-shrink .navegador{
                padding: 8px 20px !important;
                min-height: 56px;
            }

            body.header-shrink .logo img{
                height: 56px;
            }

            body.header-shrink .navegador a{
                font-size: 13px;
                padding: 7px 10px;
            }

        }