
/* V142 - Rodapé mobile: Menu e Institucional em 2 colunas; Contato permanece onde está */
@media(max-width: 760px){
  .site-footer .footer-grid,
  footer .footer-grid,
  .footer .footer-grid,
  .site-footer .footer-cols,
  footer .footer-cols,
  .footer .footer-cols,
  .site-footer .container.footer-grid,
  footer .container.footer-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 16px!important;
    align-items:start!important;
  }

  /* Bloco principal/logo ocupa a linha toda */
  .site-footer .footer-brand,
  footer .footer-brand,
  .footer .footer-brand,
  .site-footer .footer-about,
  footer .footer-about,
  .footer .footer-about,
  .site-footer .footer-logo-area,
  footer .footer-logo-area{
    grid-column:1/-1!important;
  }

  /* Contato continua ocupando a largura inteira, no lugar dele */
  .site-footer .footer-contact,
  footer .footer-contact,
  .footer .footer-contact,
  .site-footer [class*="contact"],
  footer [class*="contact"],
  .footer [class*="contact"]{
    grid-column:1/-1!important;
  }

  /* Colunas comuns ficam em duas colunas */
  .site-footer .footer-col,
  footer .footer-col,
  .footer .footer-col,
  .site-footer .footer-menu,
  footer .footer-menu,
  .footer .footer-menu,
  .site-footer .footer-institutional,
  footer .footer-institutional,
  .footer .footer-institutional{
    min-width:0!important;
  }

  /* Evita que Menu/Institucional fiquem 100% no mobile */
  .site-footer .footer-col:not(.footer-brand):not(.footer-about):not(.footer-contact),
  footer .footer-col:not(.footer-brand):not(.footer-about):not(.footer-contact){
    grid-column:auto!important;
  }

  .site-footer .footer-col h3,
  .site-footer .footer-col h4,
  footer .footer-col h3,
  footer .footer-col h4,
  .footer .footer-col h3,
  .footer .footer-col h4{
    font-size:15px!important;
    margin-bottom:10px!important;
  }

  .site-footer .footer-col a,
  footer .footer-col a,
  .footer .footer-col a{
    font-size:13px!important;
    line-height:1.35!important;
  }
}

@media(max-width:420px){
  .site-footer .footer-grid,
  footer .footer-grid,
  .footer .footer-grid,
  .site-footer .footer-cols,
  footer .footer-cols,
  .footer .footer-cols,
  .site-footer .container.footer-grid,
  footer .container.footer-grid{
    gap:16px 12px!important;
  }
}


/* V143 - Correção exata: logo/texto em cima; Menu + Institucional lado a lado; Contato abaixo */
@media(max-width:760px){
  .professional-footer .footer-grid,
  footer.professional-footer .footer-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:20px 16px!important;
    align-items:start!important;
  }

  /* 1º bloco: logo/texto sempre linha inteira */
  .professional-footer .footer-grid > .footer-brand-block,
  footer.professional-footer .footer-grid > .footer-brand-block{
    grid-column:1 / -1!important;
    width:100%!important;
  }

  /* 2º bloco: Menu na coluna esquerda */
  .professional-footer .footer-grid > div:nth-child(2),
  footer.professional-footer .footer-grid > div:nth-child(2){
    grid-column:1 / 2!important;
    width:100%!important;
    min-width:0!important;
  }

  /* 3º bloco: Institucional na coluna direita */
  .professional-footer .footer-grid > div:nth-child(3),
  footer.professional-footer .footer-grid > div:nth-child(3){
    grid-column:2 / 3!important;
    width:100%!important;
    min-width:0!important;
  }

  /* 4º bloco: Contato abaixo, linha inteira */
  .professional-footer .footer-grid > div:nth-child(4),
  footer.professional-footer .footer-grid > div:nth-child(4){
    grid-column:1 / -1!important;
    width:100%!important;
  }

  .professional-footer .footer-grid > div:nth-child(2) h3,
  .professional-footer .footer-grid > div:nth-child(3) h3{
    font-size:15px!important;
    margin-bottom:10px!important;
  }

  .professional-footer .footer-grid > div:nth-child(2) p,
  .professional-footer .footer-grid > div:nth-child(3) p{
    margin:0 0 7px!important;
  }

  .professional-footer .footer-grid > div:nth-child(2) a,
  .professional-footer .footer-grid > div:nth-child(3) a{
    font-size:13px!important;
    line-height:1.3!important;
  }
}
