footer{
    background-color:#FADE8A;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

a {
    text-decoration: none;
}

.agrupamento-footer{
    text-decoration: none;
    padding-top: 80px;
    display: flex;
    list-style: none;
    margin-left: 20%;
    margin-right: 20%;
    justify-content: space-between;
}

.agrupamento-footer h4{
    list-style: none;
    color: #f28705;
  font-size: 18px;
  font-weight: 700;
  width: 70px;
  margin-bottom: 12px;
}

.agrupamento-footer li{
    text-decoration: none !important;
    transition:  all .4s ease-out;;
    margin-bottom: 6px;
    list-style: none;
    color: #f28705;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  width: 198px;
}

.agrupamento-footer li:hover{
    color: #F2C641;
 
}

.logo-footer{
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-footer img{
    height: 80px;
    object-fit: cover;
}

@media (max-width: 855px) {
    footer {
        height: auto; /* Ajusta a altura automaticamente */
        padding: 20px; /* Adiciona espaçamento interno */
        display: flex;
        flex-direction: column;
        align-items: center; /* Centraliza horizontalmente */
        text-align: center; /* Centraliza o texto */
    }
  
    .agrupamento-footer {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between; /* Espaça uniformemente as colunas */
        align-items: center; /* Alinha os itens no topo */
        text-align: left; /* Garante que o texto fique alinhado à esquerda */
        padding-top: 20px;
      }
      
      .agrupamento-footer > div {
        flex: 1; /* Garante que todas as colunas tenham a mesma largura */
        padding: 0 10px; /* Adiciona espaçamento interno */
      }
      
      .coluna1, .coluna2, .coluna3 {
        display: flex;
        flex-direction: column; /* Alinha os itens verticalmente */
        margin-bottom: 20px;
      }
      
      .coluna1 li, .coluna2 li, .coluna3 li {
        list-style: none; /* Remove as bolinhas */
      }
    .logo-footer {
      margin-top: 20px; /* Adiciona espaçamento acima do logo */
      margin-bottom: 10px;
  display: flex;
  align-items: center;
    }
  
    .logo-footer img {
      height: 60px; /* Reduz o tamanho do logo */
    }
  }