/* ============================================= */
/* VARIÁVEIS E GLOBAIS (globals.css)             */
/* ============================================= */
:root {
  --azul: #0038A8;
  --azulnoturno: #34495e;
  --vermelho: #e74c3c;
  --verde: #27ae60;
  --laranja: #f39c12;
  --cinza: #CCCCCC;
  --grafite: #454747;
  --cinzaclaro: #F5F6FA;
  --amarelo: #F6DB17;
  --rosa: #ffebee;
  --pink: #ff0084;
  --rosabebe: #f294a2;
  --amareloclaro: #F7F7C8;
  --verdeclaro: #DAF1CC;
  --verdeescuro: #006400;
  --azulclaro: #d7eff7;
  
  --verde-claro: #e6f7ec;
  --amarelo-claro: #fff9e6;
  --rosa-claro: #fdeef0;
  --lilas-claro: #f4eef7;
  --bordo-borda: #8e44ad;
  --vermelho-claro: #fdeded;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
  background: var(--azulclaro);
  padding: 0;
}

.hidden {
  display: none !important;
}