/*
 * Aviso de cookies compacto no celular (Xefo).
 * O script é compartilhado (www.myse.com.br/cookie-consent/consent.js) e não é editado aqui:
 * só sobrescrevemos o tamanho e a posição. No Clarity, o aviso (138px) cobria os botões do
 * topo e a barra fixa "Agendar demonstração" (66px) no primeiro toque. Mesma solução do
 * faznota/comecar.php (02/11/2026).
 */
@media (max-width: 540px) {
    html body #myse-cb-wrap { padding: 0 6px 6px !important; }
    html body #myse-cb { flex-direction: row !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; border-radius: 12px !important; box-shadow: 0 4px 16px rgba(0,0,0,.14) !important; }
    html body #myse-cb-txt { flex: 1 1 0 !important; font-size: 11.5px !important; line-height: 1.35 !important; }
    html body #myse-cb .myse-cb-btns { flex: 0 0 auto !important; flex-direction: column !important; gap: 6px !important; }
    html body #myse-cb .myse-btn-a,
    html body #myse-cb .myse-btn-e { flex: none !important; min-height: 36px; padding: 7px 12px !important; font-size: 12.5px !important; }
}
/* com a barra fixa de CTA (só no celular), o aviso e o botão de gerenciar ficam acima dela */
@media (max-width: 768px) {
    html body:has(#mobile-sticky-cta) #myse-cb-wrap { bottom: 66px !important; }
    html body:has(#mobile-sticky-cta) #myse-cb-tog { bottom: 78px !important; }
}