footer{
    /* background-image: url("../img/bg-quadriculado.png"); */
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    color: #040045;
    padding: 20px;
    text-align: center;
    font-size: 12px;
    bottom: 0;
    width: 100%;
    line-height: 40px;
    position: relative;
    overflow: hidden;
    padding-top: 6em;
}

footer .div-left,
footer .div-center,
footer .div-right{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding-left: 4em;
    height: 100%;
}

footer .img-footer{
  position: absolute;
  bottom: -25%;
  left: -5%;
  width: 25%;
  opacity: 0.5;
  min-width: 300px;
}

footer h1{
    font-size: 1.3em;
    text-align: start;
    font-family: 'HelveticaNeue';
  font-weight: 700;
}

footer p{
    text-align: start;
    margin: 0;
}

footer .imgs{
    width: 30%;
    display: flex;
}

footer .imgs a {
    width: 33%;
    min-width: 35px;
}

footer .imgs img {
    width: 100%;
}

footer .div-center img{
    width: 50%;
    min-width: 200px;
}

footer .div-right{
    display: flex;
    flex-direction: inherit;
    justify-content: center;
    align-items: center;
}

footer .div-right div:first-child{
    width: 80%;
}

footer .div-right .img{
    display: flex;
    align-items: end;
    height: 100%;
    width: 20%;
}

footer .div-right .img img{
    width: 60%;
    min-width: 50px;
}

footer .desc p{
  line-height: 1.5;
}

footer .space-p{
    margin-bottom: 20px; 
}

@media(max-width: 720px) {
    footer {
      height: fit-content;
      flex-direction: column;
      padding: 0;
    }

    footer h1{
      margin: 0;
      font-weight: bold;
      font-size: 15px;
    }
  footer .div-left,
  footer .div-center,
  footer .div-right {
    position: relative;
    display: flex;
    justify-content: center;
    border-top: 1px solid #0B44B2;
    padding: 12px 0; 
    padding-left: 15px;
  }
  footer .div-left::after,
  footer .div-center::after,
  footer .div-right::after
     {
      position: absolute;
      right: 15px;
      top: 0;
      bottom: 0;
      content: "+"; /* Aqui você pode colocar o texto que desejar após o sinal de mais */
      font-size: 30px;
      cursor: pointer;
    }
    footer .div-right {
        /* flex-direction: column; */
        align-items: flex-start !important;
        border-bottom: 1px solid #0B44B2;
    }

    footer .div-center img {
        display: none;
    }

    footer  .desc{
      display: none;
      margin-top: 20px;
    }

    
    footer  .desc p{
      line-height: 25px;
      color: #000000;
    }

    footer   .div-center .desc p:last-child{
      margin-bottom: 16px;
    }

    footer  .div-right .imgs{
      display: none;
    }


    footer  .img{
      display: none  !important;
    }
  
    footer .div-left.show .desc,
    footer .div-center.show .desc,
    footer .div-center.show img,
    footer .div-right.show .desc{
      display: block !important;
    }


    footer .div-right.show .img,
    footer .div-right.show  .imgs{
      display: flex  !important;
    }
  
    footer .div-left.show::after,
    footer .div-center.show::after,
    footer .div-right.show::after{
      content: "-";
      color: #BC1F2F;
      font-size: 50px;
    }

  }