@media screen and (max-width: 1024px) {

    .header .container > div{
      gap: 0;
    }

    .nav {
      display: none;
      flex-direction: column;
      background-color: #fff;
      padding: 20px 10px;
    }
  
    .nav.active {
      display: block;
      background: var(--cor-primaria);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }

    .nav.active li{
      padding: 10px;
    }
  
    .hamburger-menu {
      display: block !important;
      transform: scale(2.5);
      position: absolute !important;
      top: 21px;
      right: 20px;
      z-index: 999;
      color: #fff;
    }

    .header.fixed .hamburger-menu i.fa-bars{
      color: var(--cor-primaria);
    }

    .header.fixed .hamburger-menu i.fa-times{
      color: var(--cor-secundaria);
    }

    .header.fixed .nav li a{
      color: var(--cor-secundaria);
    }

    .footer{
      text-align: center;
    }

    .footer .responsive-block-editor-addons-icon-list__wrap{
      align-items: center !important;
    }
}

@media screen and (max-width: 768px){
  .header{
    height: 80px;
  }

  .header img{
    width: 70px !important;
  }

  .main-title{
    font-size: 60px !important;
  }

  .main-title::after{
    width: 128px;
    height: 64px;
    right: -60px;
    bottom: -20px;
  }

  #sobre .main-title{
    max-width: 300px;
  }

  #sobre .main-title::after{
    right: -15px;
    bottom: -20px;
  }
}

@media screen and (max-width: 480px){
  .whatsapp{
    max-width: 300px;
  }

  .whatsapp .wp-block-button__link::before{
    left: 24px;
    font-size: 32px;
  }
}