/* ================================
   MENU E REDES SOCIAIS - VERSÃO ORIGINAL
   ================================ */

/* Container do menu - conforme original */
main .menuRedes {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-content: flex-start !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Botão do menu hamburger - conforme original */
main .menu {
    background-color: #000000;
    width: 40px;
    height: 40px;
    margin-bottom: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: none;
}

main .menu:hover {
    background-color: #000000;
}

main .menu svg {
    width: 60%;
    fill: #ffffff;
}

/* Container dos ícones de redes sociais */
main .menuRedes .redesTop {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Ícones de redes sociais - Removido, agora aplicado via JS em force-critical-styles.js */

/* Responsividade - Ícones removidos, agora via JS */
@media (max-width: 768px) {
    main .menu {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 480px) {
    main .menu {
        width: 32px;
        height: 32px;
    }
}