nav {
  background-color: #fff;
}

nav a {
  color: #0e1b25;
}

nav svg {
  fill: #0e1b25;
}

.container {
  width: 70%;
  margin: 0 auto;
  padding: 20px;
  padding-top: 20vh;
  padding-bottom: 15vh;
}

.container h1 {
  margin-bottom: 20px;
}

.container h2 {
  margin-top: 40px;
  color: #0e1b25;
}

.container p {
  line-height: 180%;
  text-align: justify;
}

/* Estilos Específicos da Página de Doação */

.doacao-box {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #eaeaea; /* Linha sutil para separar as seções */
}

.doacao-box h3 {
  margin-top: 40px;
}

.doacao-box:first-of-type {
  border-top: none;
}

.destaque-dado {
  background-color: #f8f9fa;
  padding: 15px 20px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 10px;
  border-left: 4px solid #0e1b25;
}

.dados-bancarios {
  list-style: none;
  padding: 0;
  background-color: #f8f9fa;
  padding: 15px 20px;
  border-radius: 4px;
  border-left: 4px solid #0e1b25;
  display: inline-block;
}

.dados-bancarios li {
  margin-bottom: 8px;
  line-height: 150%;
}

.passo-a-passo {
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.passo-a-passo li {
  margin-bottom: 15px;
  line-height: 180%;
}

.passo-a-passo a {
  color: #0056b3;
  text-decoration: none;
  font-weight: bold;
}

.passo-a-passo a:hover {
  text-decoration: underline;
}


/* RESPONSIVIDADE */

@media (max-width: 1024px) {
    .container {
        width: 90%;
    }
}