/* Layout geral */
body {
  font-family: Arial, sans-serif;
  background: #f5f5f5;
  margin: 0;

  padding-bottom: 90px; /* 60px do rodapé + 30px de espaço extra */
}

/* Layout de colunas */
.layout {
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* Colunas laterais */
.div_esq_ads,
.div_dir_ads {
  flex: 1;
  background: #eee;
  border-radius: 8px;
  min-width: 120px;
  max-width: 200px;
  padding: 10px;
}

/* Conteúdo central */
.container {
  flex: 3;
  max-width: 900px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  margin-bottom: 90px; /* garante espaço antes do rodapé */
}
/* Responsivo: esconder colunas laterais */
@media (max-width: 900px) {
  .div_esq_ads,
  .div_dir_ads {
    display: none;
  }
}

/* Cabeçalhos e navegação */
h1 { text-align: center; margin-bottom: 20px; }
.capitulos { text-align: center; margin-bottom: 25px; }
.capitulos a {
  display: inline-block;
  margin: 4px;
  padding: 6px 10px;
  border: 1px solid #007BFF;
  border-radius: 5px;
  text-decoration: none;
  color: #007BFF;
}
.capitulos a:hover { background: #007BFF; color: #fff; }

#div_cap { 
margin-top: 20px; 
line-height: 2;
/*background: #007BFF;
width:auto;
height:25px;
color:aliceblue;
border:2px #3366FF solid;
border-radius:5px;
padding:5px;
font-weight:bold;*/



 }


p { margin: 5px 0; margin-bottom:5px; }
.num { font-weight: bold; color: #007BFF; margin-right: 6px; }
.topbar { display:flex; justify-content: space-between; align-items:center; margin-bottom:10px; 
}
.backlink { text-decoration:none; color:#007BFF; }

/* Rodapé fixo */
footer {

  /*position: fixed;*/
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #333;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

/* Botão subir ao topo */
#btnTopo {
  position: fixed;
  bottom: 80px;
  right: 20px;
  background: #007BFF;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 18px;
  cursor: pointer;
  display: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
#btnTopo:hover {
  background: #0056b3;
}