/* Estilos críticos do cabeçalho da busca de candidatos. Este arquivo é carregado no para o menu já nascer no layout final. */ .account-info { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .account-info.visitor { position: relative; } .account-info.visitor .visitor-access-actions { display: flex; align-items: center; gap: 10px; } .account-info .btn-login, .account-info .btn-register { background: transparent; color: #475569; font-size: 13px; font-weight: 700; padding: 6px 14px; border-radius: 20px; border: 1px solid #dbe4ef; text-decoration: none; display: inline-flex; align-items: center; gap: 7px; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02); } .account-info .company-tag, .account-info .credits-badge { display: inline-flex; align-items: center; box-sizing: border-box; } @media (max-width: 1240px) { #topo .header-account { margin-left: 10px; padding-left: 10px; } #topo .menu { padding-right: 14px; padding-left: 14px; } #topo .menu a { padding-right: 10px; padding-left: 10px; } } @media (max-width: 1120px) { #topo .header-support { display: none; } #topo .sanduiche { display: block !important; flex: 0 0 25px; margin-left: 14px; } } @media (max-width: 900px) { #topo .header-account { margin-left: auto; margin-right: 12px; padding-left: 0; border-left: 0; } } @media (max-width: 600px) { #topo.header-busca-candidatos .account-info.visitor .visitor-access-actions { gap: 8px; } #topo.header-busca-candidatos .account-info.visitor .btn-login, #topo.header-busca-candidatos .account-info.visitor .btn-register { gap: 4px; padding: 6px 8px; font-size: 12px; } }