/* =========================================================================
SGEventos — Sistema de design para formulários (.fx-*)
Aprovado em 2026-05-10. Carregado pelo shell em todas as páginas privadas
após Bootstrap, para vencer .form-control, h1/h2 !important do legacy.
Documentado em memory: feedback_form_design_system.md
========================================================================= */
.fx {
/* paleta verde (logo) — primária para forms */
--primary: #7BBC34;
--primary-2: #8FCE48;
--primary-deep: #4A7A1F;
--primary-bg: rgba(123, 188, 52, 0.12);
--p-ink: #13200E;
--p-card: #F5F9F0;
--p-cream: #E0EFD4;
--p-ash: #7E8A75;
--p-ash-2: #4D5A45;
--p-ease: cubic-bezier(.22, .61, .36, 1);
/* alerts — cores semânticas dedicadas (NÃO da paleta primária) */
--alert-ok-bg: #DCEAF3;
--alert-ok-text: #1F7398;
--alert-ok-border: rgba(45, 143, 184, 0.3);
--alert-err-bg: #F8DCD2;
--alert-err-text: #B83A1E;
--alert-err-border: rgba(225, 75, 45, 0.3);
/* Spacing rhythm — REGRA: gap:28px entre filhos directos é o "default" do sistema.
Cobre o espaço entre hero / section / actions / notes em toda a aplicação.
Não acrescentar margin-top/margin-bottom em filhos directos de .fx — usa-se o gap. */
display: flex;
flex-direction: column;
gap: 28px;
padding-bottom: 60px;
width: 100%;
color: var(--p-ink);
font-family: 'Geist', sans-serif;
font-size: 16px;
line-height: 1.55;
}
.fx * { box-sizing: border-box; }
/* Forms dentro de .fx herdam o mesmo rhythm vertical (gap:28px).
Cobre o padrão ` ... ...
`
onde as secções estão dentro do