/* Instituto IFACT — identidade do painel. O sistema é o mesmo; aqui só mudam marca, cores e letras.
   As quatro cores do logotipo viram as cores das áreas: azul (Matrículas), vermelho (Saúde),
   âmbar (Projetos) e violeta (Pessoas). */
:root {
  --marca: #2e2a5e; --marca-2: #433c82; --marca-3: #5a52a3;
  --fundo: #f3f2f8; --linha: #e5e2ef; --linha-forte: #cbc6db;
  --tinta: #1e1b3a; --texto-2: #57536e; --texto-3: #85819b;
  --c-inicio: #2e2a5e; --c-pessoas: #6a4fc4; --c-matriculas: #1878a8; --c-saude: #d23434;
  --c-projetos: #c27400; --c-termos: #1f7a4d; --c-site: #a8458a; --c-config: #5f5b78;
  --gramado: #f09000;
  --f-titulo: "Nunito", "Segoe UI Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;
  --f-texto: "Figtree", "Segoe UI", system-ui, sans-serif;
}
h1, h2, h3 { font-weight: 800; letter-spacing: -0.01em; }
.entrada .lado { background: linear-gradient(160deg, #2e2a5e 0%, #3a2f6e 100%); }
.entrada .lado img { width: 220px; background: #fff; padding: 14px 18px; border-radius: 18px; }
.botao-verde { color: #2e2a5e; }
@media (max-width: 800px) { .entrada .lado img { width: 160px; } }