/* ═══ Padronização dos formulários (16/09/2026) ═══
   Quatro formulários nasceram em momentos diferentes do projeto e divergiam em
   padding, tipografia e espaçamento. Aqui eles passam a partilhar as mesmas
   medidas. Cores NÃO são tocadas: cada cartão mantém o fundo que já tinha.

   Alvo: os valores de suporte/blog/trabalhe (três contra um), exceto o padding,
   onde o do suporte era apertado demais — fica no meio-termo dos outros dois. */

/* ── cartão ─────────────────────────────────────────────────────────────── */
html body .ac4-form-card,
html body .acspf-card,
html body .actc-form-card,
html body .acbf-card{padding:26px 28px 24px !important;border-radius:16px !important}

/* ── título ─────────────────────────────────────────────────────────────── */
html body .ac4-form-title,
html body .acspf-card-title,
html body .actc-form-title,
html body .acbf-card-title{font-size:21px !important;font-weight:700 !important;line-height:1.2 !important;margin:0 0 6px !important}

/* ── linha de apoio sob o título ────────────────────────────────────────── */
html body .ac4-form-sub,
html body .acspf-card-desc,
html body .actc-form-sub,
html body .acbf-card-desc{margin:0 0 14px !important;font-family:'Outfit',Arial,sans-serif !important;font-size:14.5px !important;font-weight:400 !important;line-height:1.5 !important}

/* ── rótulos ────────────────────────────────────────────────────────────── */
html body .ac4-lbl,html body .ac4-label,
html body .acspf-lbl,
html body .actc-label,
html body .acbf-lbl{font-family:'Outfit',Arial,sans-serif !important;font-size:12px !important;font-weight:600 !important;letter-spacing:1.2px !important;text-transform:uppercase !important;line-height:1.2 !important;margin:0 !important}

/* ── grade e espaçamento entre campos ───────────────────────────────────── */
html body .ac4-grid,
html body .acspf-grid,
html body .actc-grid,
html body .acbf-grid{display:grid !important;gap:10px !important}
html body .ac4-row,
html body .acspf-row,
html body .actc-row,
html body .acbf-row{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
html body .ac4-field,
html body .acspf-field,
html body .actc-field,
html body .acbf-field{display:flex !important;flex-direction:column !important;gap:6px !important;margin:0 !important}

/* ── campos ─────────────────────────────────────────────────────────────── */
html body .ac4-field input:not([type=file]),html body .ac4-field select,
html body .acspf-field input:not([type=file]),html body .acspf-field select,
html body .actc-field input:not([type=file]),html body .actc-field select,
html body .acbf-field input:not([type=file]),html body .acbf-field select{box-sizing:border-box !important;height:45px !important;min-height:45px !important;padding:9px 14px !important;font-family:'Outfit',Arial,sans-serif !important;font-size:15px !important}
html body .ac4-field textarea,
html body .acspf-field textarea,
html body .actc-field textarea,
html body .acbf-field textarea{box-sizing:border-box !important;min-height:76px !important;height:76px !important;padding:9px 14px !important;font-family:'Outfit',Arial,sans-serif !important;font-size:15px !important;resize:vertical !important}

/* ── botão ──────────────────────────────────────────────────────────────── */
html body .ac4-btn,
html body .acspf-btn,
html body .actc-btn,
html body .acbf-btn{display:flex !important;width:100% !important;min-height:48px !important;height:48px !important;margin-top:4px !important;font-size:15.5px !important;border-radius:999px !important}

/* ── avisos abaixo do botão ─────────────────────────────────────────────── */
html body .ac4-prazo{margin:12px 0 0 !important}
html body .ac4-lgpd{margin:5px 0 0 !important}

/* ── telas menores ──────────────────────────────────────────────────────── */
/* telas baixas: as faixas de altura ficam todas aqui, para os quatro andarem juntos.
   Antes estavam espalhadas no formularios-paginas.css, que carrega depois nestas
   paginas e deixava o textarea com 48, 58 ou 64px conforme a pagina. */
@media (max-height:760px) and (min-width:901px){
  html body .ac4-field textarea,
  html body .acspf-field textarea,
  html body .actc-field textarea,
  html body .acbf-field textarea{min-height:56px !important;height:56px !important}
}
@media (max-height:820px) and (min-width:901px){
  html body .ac4-form-card,
  html body .acspf-card,
  html body .actc-form-card,
  html body .acbf-card{padding:20px 24px 18px !important}
  html body .ac4-field textarea,
  html body .acspf-field textarea,
  html body .actc-field textarea,
  html body .acbf-field textarea{min-height:64px !important;height:64px !important}
}
@media (max-width:600px){
  html body .ac4-form-card,
  html body .acspf-card,
  html body .actc-form-card,
  html body .acbf-card{padding:22px 20px 20px !important}
  html body .ac4-row,
  html body .acspf-row,
  html body .actc-row,
  html body .acbf-row{grid-template-columns:1fr !important}
}
