/* Fundo verde escuro clássico e texto verde monoespaçado */
body {
  background-color: #001f00; /* verde escuro clássico */
  color: #33ff33; /* verde terminal */
  font-family: "Courier New", Courier, monospace;
  font-size: 18px; /* ou o tamanho que quiser */
  line-height: 1.6; /* melhora a legibilidade */
}

/* Links azuis e hover branco #00ffcc*/
a {
  color: #00ffff;
  text-decoration: none
}

a:hover {
  color: #00ffcc;
  text-decoration: underline;
}

/* Menus e caixas */
.navbar, .moduletable {
  background-color: #003300;
  border: 1px solid #00cc00;
  border-radius: 4px;
  padding: 5px;
}

/* Cabeçalho */
header, .container-header {
  background-color: #000000;
  color: #00ff00;
  font-family: "Courier New", monospace;
  border-bottom: 1px solid #00ff00;
}

/* Rodapé */
#footer, footer {
  background-color: #000000;
  color: #000;
  font-family: "Courier New", monospace;
  border-top: 1px solid #00ff00;
  padding: 10px;
  text-align: left;
}

/* Títulos forçados para usar fonte monoespaçada e verde #00ff00  branco*/
h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
  font-family: "Courier New", Courier, monospace;
}

:root {
  --cassiopeia-color-primary: #000;
  --cassiopeia-color-link: #001f00;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --cassiopeia-color-hover: #001f00;
  --link-hover-color: #001f00;
  --link-hover-color-rgb: 255, 204, 0;
}

/* Estiliza a sidebar direita (menu lateral) */
.sidebar-right {
  background-color: #0d1b0d;  /* fundo terminal escuro */
  color: #00ff00;             /* texto terminal verde */
  padding: 1rem;
  font-family: 'Courier New', monospace;
  border-left: 2px solid #00ff00;
}

/* Estiliza os links do menu */
.sidebar-right a {
  color: #00ff00;
  text-decoration: none;
}

.sidebar-right a:hover {
  color: #ffcc00;
  text-decoration: underline;
}

/* Ajusta títulos e listas dentro do módulo */
.sidebar-right h3,
.sidebar-right .mod-menu,
.sidebar-right ul {
  color: #00ffcc;
  font-family: 'Courier New', monospace;
}

/* Estiliza a sidebar esquerda (menu lateral) */
.sidebar-left {
  background-color: #0d1b0d;  /* fundo terminal escuro */
  color: #00ff00;             /* texto terminal verde */
  padding: 1rem;
  font-family: 'Courier New', monospace;
  border-left: 2px solid #00ff00;
}

/* Estiliza os links do menu */
.sidebar-left a {
  color: #00ff00;
  text-decoration: none;
}

.sidebar-left a:hover {
  color: #ffcc00;
  text-decoration: underline;
}

/* Ajusta títulos e listas dentro do módulo */
.sidebar-left h3,
.sidebar-left .mod-menu,
.sidebar-left ul {
  color: #00ffcc;
  font-family: 'Courier New', monospace;
}

pre {
  color: red;               /* Cor da fonte */
  background-color: black;  /* Fundo preto, estilo mainframe */
  font-family: 'Courier New', monospace;
  font-size: 18px; /* aqui você aumenta o tamanho da letra */
}

/* Aumenta o texto geral, sem afetar cabeçalhos */
p, span, li, td, th, a {
  font-size: 18px; /* ou o tamanho que quiser */
  line-height: 1.6; /* melhora a legibilidade */
}

.site-grid {
  min-height: 700px;
  padding-top: 1rem; /* ou mantenha 0 se quiser tudo colado mesmo */
  box-sizing: border-box;
  position: relative;
}
.banner-topo {
  width: 100%;
  aspect-ratio: 8 / 1;
  min-height: 100px; /* garante o espaço mesmo que demore carregar */
  display: block;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}