/* Território local. O Claude Design nunca escreve aqui.
   Carregado depois do <style> do template, então vence em especificidade igual.
   Regra: nada de CSS local dentro do index.html — sempre neste arquivo. */

/* Status do formulário de solicitação (seção escura). */
.form-status:empty { display: none; }
.form-status {
  margin: 4px 0 0;
  font-size: 14.5px;
  line-height: 1.5;
  padding: 11px 14px;
  border-radius: 9px;
  border: 1px solid var(--dark-line);
}
.form-status[data-tipo="erro"] { color: #f7b9cb; background: rgba(218,26,91,.16);   border-color: rgba(218,26,91,.45); }
form button[disabled] { opacity: .62; cursor: progress; }

/* Aviso de cookies do GA4 (local.js). Só aparece com um GA_ID real. Embaixo
   à esquerda no desktop, para não cobrir o botão do WhatsApp; no celular ocupa
   a largura e empurra o botão para cima. */
.cookie-aviso {
  position: fixed; z-index: 70; left: 16px; bottom: 16px;
  max-width: 420px; padding: 16px 18px; border-radius: 14px;
  background: #fff; color: var(--ink); border: 1px solid var(--sand-line);
  box-shadow: 0 10px 28px rgba(1,33,47,.24);
  font-size: 14px; line-height: 1.5;
}
.cookie-aviso p { margin: 0 0 12px; }
.cookie-aviso div { display: flex; gap: 10px; justify-content: flex-end; }
.cookie-aviso .btn { padding: 8px 18px; font-size: 14px; }
@media (max-width: 640px) {
  .cookie-aviso { right: 16px; max-width: none; }
  .com-aviso .wafab { bottom: 168px; }
}