
    @media (max-width: 768px) {
        .header .nav-buttons {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            line-height: 1 !important;
        }
        .header .nav-btn,
        .header .nav-btn.cliente,
        .header .nav-btn.socio,
        .header .nav-btn.cliente.active,
        .header .nav-btn.socio.active,
        .header .nav-btn:hover,
        .header .nav-btn:active {
            transform: none !important;
            top: auto !important;
            bottom: auto !important;
            align-self: center !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            height: 34px !important;
            min-height: 34px !important;
            max-height: 34px !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            line-height: 1 !important;
            box-sizing: border-box !important;
        }
        #navCliente {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }
        #navSocio {
            position: relative !important;
            padding-left: 38px !important;
            padding-right: 12px !important;
            gap: 0 !important;
        }
        #navSocio .partner-handshake-icon {
            position: absolute !important;
            left: 8px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            width: 24px !important;
            height: 16px !important;
            margin: 0 !important;
            display: block !important;
            line-height: 0 !important;
            pointer-events: none !important;
        }
        #navSocio .partner-handshake-icon svg {
            width: 24px !important;
            height: 16px !important;
            display: block !important;
        }
        #navSocio span:last-child {
            display: inline-flex !important;
            align-items: center !important;
            height: 34px !important;
            line-height: 1 !important;
        }
    }
