@media (hover: hover) {
    .topoWhatsapp:hover { background: var(--topo-verde-hover); }
}

@media (max-width: 600px) {
    .topoConteudo { min-height: 76px; padding: 10px 16px; gap: 12px; }
    .topoLogo { gap: 9px; }
    .topoSimbolo { width: 44px; height: 44px; }
    .topoNome { font-size: 21px; }
    .topoComplemento { font-size: 8px; letter-spacing: 2.8px; }
    .topoWhatsapp { padding: 12px 14px; gap: 7px; }
}

@media (max-width: 360px) {
    .topoConteudo { padding-right: 12px; padding-left: 12px; }
    .topoWhatsapp { width: 44px; padding: 12px; }
    #topoWhatsappTexto { display: none; }
}