/* Estilos específicos da landing page, preservados na ordem original. */

/* Bloco inline 1 */
/* Remove a seção vazia "why-solutions" (faixa verde) */
body.page-id-8 section.why-solutions.bg-color-neutral-700.position-relative{
  display: none !important;
}
/* Título acima do carrossel Parceiros_02 */
section.py-5 .carousel-partners_02{
  position: relative;
  margin-top: 16px; /* espaço entre título e carrossel */
}

section.py-5 .carousel-partners_02::before{
  content: "Alguns de nossos clientes:";
  display: block;
  text-align: center;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 14px 0;  /* espaço do título pro carrossel */
  color: #2B322C;      /* ajuste se precisar */
}
/* ===== AUMENTAR O TAMANHO DOS BOTÕES DO WHATSAPP ===== */
a.btn-style-01 {
    padding: 22px 38px !important; /* Controla a grossura e a largura do botão */
    font-size: 20px !important;    /* Aumenta o tamanho da letra */
}

a.btn-style-01 img {
    width: 28px !important;        /* Aumenta a largura do ícone do Whats */
    height: 28px !important;       /* Aumenta a altura do ícone do Whats */
}

/* Bloco inline 2 */
/* ===== AJUSTE FINO: MOBILE (remove “buracão” e traz o botão pra cima) ===== */
@media (max-width: 768px) {

  /* não forçar altura gigante no celular */
  .banner-hero{
    min-height: auto !important;
    padding-top: 48px !important;
    padding-bottom: 18px !important;
  }

  /* TÍTULO: um pouco maior + mais distância do subtítulo */
  .banner-hero h1.heading-size-xl{
    font-size: 33px !important;      /* antes estava menor */
    line-height: 1.05 !important;
    margin-bottom: 36px !important;  /* aumenta o espaço título -> subtítulo */
  }

  /* Subtítulo (opcional: garante que não “roube” espaço) */
  .banner-hero h2.heading-size-xl{
    margin-top: 0 !important;
  }

  /* esse bloco costuma criar espaço demais (div com my-4 no HTML) */
  .banner-hero .d-flex.my-4{
    margin: 0 !important;
  }

  /* botão mais perto do texto */
  .banner-hero a.btn-style-01{
    margin-top: 36px !important;
  }

  /* NÃO empurrar “Empresas que confiam…” pro final no celular */
  .banner-hero .d-flex.gap-2.mt-4{
    margin-top: 60px !important;
    padding-top: 0 !important;
  }
}
/* Garantir que o botão fique clicável acima de qualquer overlay */
.banner-hero { position: relative; }

.banner-hero::before,
.banner-hero::after {
  pointer-events: none;
}

/* Sobe o botão na pilha e garante clique */
.banner-hero a.btn-style-01{
  position: relative;
  z-index: 10;
  pointer-events: auto;
}
/* ===== 1) GARANTIR CAMADAS CERTAS (conteúdo na frente) ===== */
.banner-hero { 
  position: relative; 
  isolation: isolate; /* cria contexto de empilhamento (evita bugs de z-index) */
}

/* Se o shape for ::before/::after, manda ele pra trás */
.banner-hero::before,
.banner-hero::after{
  z-index: 0 !important;
  pointer-events: none;
}

/* Tudo que é conteúdo do banner fica na frente */
.banner-hero .container,
.banner-hero header,
.banner-hero a.btn-style-01,
.banner-hero .d-flex.gap-2.mt-4{
  position: relative;
  z-index: 5;
}

/* ===== 2) “Branquear” o texto do botão (sem aparência transparente) ===== */
.banner-hero a.btn-style-01{
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Algumas vezes o tema coloca opacity/filter no conteúdo interno */
.banner-hero a.btn-style-01 *,
.banner-hero .d-flex.gap-2.mt-4,
.banner-hero .d-flex.gap-2.mt-4 *{
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Texto “Empresas que confiam...” mais nítido */
.banner-hero .d-flex.gap-2.mt-4 p{
  color: #1b1b1b !important;
}

/* ===== 3) ANIMAÇÃO DISCRETA NO BOTÃO (chama atenção sem ficar brega) ===== */
.banner-hero a.btn-style-01{
  transform: translateZ(0);
  transition: transform .18s ease, filter .18s ease;
  animation: heroPulse 2.4s ease-in-out infinite;
}

.banner-hero a.btn-style-01:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* pulse leve */
@keyframes heroPulse{
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.03); }
}

/* respeita quem desativa animações */
@media (prefers-reduced-motion: reduce){
  .banner-hero a.btn-style-01{ animation: none !important; transition: none !important; }
}
/* Remove o retângulo/área do vídeo quando você não está usando vídeo */
section.video figure.img-video{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tira margens extras que sobram nesse bloco */
section.video .text-center.m-auto.my-4{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Se o conteúdo "Como funciona" estiver descendo por causa de mt-4, zera */
section.video .d-flex.mt-4{
  margin-top: 0 !important;
}
/* Esconde o ícone/hambúrguer do menu só nesta página */
body.page-id-123 .at-header-main .navbar-toggler,
body.page-id-123 .at-header-main .menu-toggle,
body.page-id-123 .at-header-main .hamburger,
body.page-id-123 .at-header-main .offcanvas-toggle{
  display: none !important;
}
/* Remove o botão hambúrguer (mobile menu) */
header.at-header-main button.navbar-toggler{
  display: none !important;
}

/* (Opcional) Esconde o container do menu colapsável também */
header.at-header-main #navbarSupportedContent{
  display: none !important;
}
/* Remove o retângulo gigante do bloco de vídeo */
body.page-id-8 figure.img-video{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tira o espaço que sobra logo acima/abaixo (div pt-4) */
body.page-id-8 .pt-4{
  padding-top: 0 !important;
}

/* Bloco inline 3 */
/* Correção do corte do Logotipo */
.at-header-main .navbar-brand {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

.logo-header {
    margin: 0 !important; /* Arranca a margem padrão do Bootstrap que empurra o logo */
    padding: 0;
    line-height: 1; 
    display: flex;
}

.logo-header img {
    width: auto !important;
    height: auto !important;
    max-width: min(250px, 100%);
    max-height: 70px;
    object-fit: contain; /* Trava as proporções para o SVG não vazar da caixa */
}

/* Proteção extra para telas de telemóvel */
@media (max-width: 768px) {
    .logo-header img {
        max-width: 190px; 
        max-height: 55px; 
    }
}

/* Bloco inline 4 */
/********** Start Menu *********/
        .at-header-main .nav-link{
            font-size: 1.125rem; /* 18px */
            color: var(--color-neutral-100);
            font-weight: 500;
            transition: color .5s ease-in-out; 
            text-transform: uppercase;
        }
        .at-header-main .nav-link:hover {
            color: var(--color-primary);
        }
        .at-header-main .active a{
            color: var(--color-primary);
        }
        .at-header-main .dropdown-item{
            color: var(--color-neutral-100) !important;
        }
        .current-menu-item.active .dropdown-item{
            color: var(--color-primary) !important;
            font-weight: 600;
        }
        .at-header-main .navbar-toggler_close,  
        .at-header-main .navbar-toggler {
            display: none;
        }
        .nav-link:focus-visible{
            box-shadow: inherit;
        }
        @media screen and (max-width: 999px) {
            .logo-header img{ max-height: 50px; }
            .at-header-main .nav-link{
                font-size: 1.125rem; /* 18px */
                color: var(--color-neutral-100);
            }
            .at-header-main .navbar-toggler {
                display: block !important;
                border: inherit;
            }
            .at-header-main .navbar-toggler:focus{
                box-shadow: inherit;
            }
            .at-header-main .navbar-toggler img{
                height: 38px;
                padding: 0;
            }    
            .at-header-main .navbar-collapse {
                position: fixed;
                top: 0;
                bottom: 0;
                right: 0;
                width: 100%;
                max-width: 90%;
                height: 100%;
                background-color: var(--color-neutral-700);
                z-index: 990;
                transform: translateX(100%);
            }
            .at-header-main .navbar-collapse.show {
                transition: .5s ease-in-out;
                transform: translateX(0);
                padding: 30px;
                padding-left: 10%;
                overflow: auto;
            }
            .at-header-main .collapse:not(.show){
                transition: .5s ease-in-out;
                display: block;
                transform: translateX(150%) !important;
            }
            .at-header-main .navbar-nav{
                width: 100%;
                display: flex;
                flex-direction: column !important;
                align-items: start;
                justify-content: center;
                text-align: left;
            }
            .at-header-main .navbar-nav li{
                width: 100%;
                padding-left: 0 !important;
            }

            .at-header-main .navbar-nav .dropdown-menu li a{
                padding-left: 1.3rem !important;
            }
            .at-header-main .navbar-nav li a{
                font-size: 1.125rem; /* 18px */
                line-height: 48px;
                border: none;
                padding: 15px 0 !important;
            }
            .at-header-main .navbar-toggler_close_content{
                position: absolute;
                right: 10px;
                top: 10px;
                width: 100%;
                display: flex !important;
                justify-content: end;
                margin-bottom: 50px;
            }
            .at-header-main .navbar-toggler_close {
                display: flex;
                background-color: transparent;
                border: none;
            }
            .at-header-main .navbar-toggler_close img{
                max-height: 35px;
            }   
        }
        /********* End Menu *********/

/* Bloco inline 5 */
.banner-hero::after {
            content: '';
            display: inline-block;
            position: absolute;
            width: 100%;
            max-width: 400px;
            height: 100%;
            bottom: -10%;
            right: 0;
            background-image: url('../img/polygon.png');
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: bottom right;
            vertical-align: middle;
        }
        @media screen and (max-width: 992px) {
            .banner-hero::after {
                background-size: 60%;
            }
        }
        @media screen and (max-width: 576px) {
            .banner-hero::after {
                background-size: 50%;
            }
        }

/* Bloco inline 6 */
.partners-logo img {
                            max-height: 40px;
                            width: auto !important;
                            /* Transforma PNG preto em branco puro */
                            filter: brightness(0) invert(1);
                        }

/* Bloco inline 7 */
.img-video img{
                            border-radius: 42.79px;
                        }
                        @keyframes pulse {
                            0% {
                                transform: scale(1);
                                opacity: 1;
                            }
                            50% {
                                transform: scale(1.1);
                                opacity: 0.8;
                            }
                            100% {
                                transform: scale(1);
                                opacity: 1;
                            }
                        }

                        .pulsing-icon {
                            animation: pulse 2.5s infinite;
                        }
                        @media screen and (max-width: 576px) {
                            .img-video {
                                height: 600px;
                            }
                            .img-video img{
                                width: 100%;
                                height: 100%;
                            }
                            .pulsing-icon{
                                width: 60px !important;
                                height: 60px !important;
                            }
                        }

/* Bloco inline 8 */
.video-items .video-item-number,
                    .video-items .video-item-unit{
                        font-size: 5rem;
                        font-weight: 600;
                        color: var(--color-secondary);
                        line-height: 1;
                    }
                    .video-items .video-item-unit{
                        font-weight: 400;
                    }
                    @media screen and (max-width: 992px) {
                        .video-items .video-item-number,
                        .video-items .video-item-unit{
                            font-size: 4rem;
                        }      
                        .video-item-text{font-size: 1.4rem !important;}     
                    }
                    @media screen and (max-width: 768px) {
                        .video-items .video-item-number,
                        .video-items .video-item-unit{
                            font-size: 3rem;
                        }      
                        .video-item-text{font-size: 1.2rem !important;}     
                    }
                    @media screen and (max-width: 576px) {
                        .video-items .video-item-number,
                        .video-items .video-item-unit{
                            font-size: 2rem;
                        }           
                        .video-item-text{font-size: 1rem !important;}             
                    }

/* Bloco inline 9 */
.video::after {
            content: '';
            display: inline-block;
            position: absolute;
            width: 100%;
            max-width: 400px;
            height: 100%;
            bottom: -30%;
            right: -9%;
            background-image: url('../img/polygon2.png');
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: bottom right;
            vertical-align: middle;
        }
        @media screen and (max-width: 1600px) {
            .video::after {
                background-size: 60% 60%;
                bottom: -10%;
            }
        }
        @media screen and (max-width: 1300px) {
            .video::after {
                display: none;
            }
        }

/* Bloco inline 10 */
/* Estilos para os novos cartões de conteúdo */
                    .painpoints-card {
                        background-color: #f8f9fa; /* Fundo cinzento muito clarinho, quase branco */
                        border-radius: 20px;
                        overflow: hidden; /* Garante que a imagem não saia dos cantos arredondados */
                        box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Sombra suave para destacar do fundo */
                        transition: transform 0.3s ease;
                    }
                    
                    .painpoints-card:hover {
                        transform: translateY(-5px); /* Efeito de flutuar ao passar o rato */
                    }

                    .painpoints-card-img-wrapper {
                        width: 100%;
                        height: 300px; /* Altura fixa para TODAS as imagens ficarem iguais */
                    }

                    .painpoints-card-img-wrapper img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover; /* A imagem preenche o espaço sem distorcer */
                    }

                    .painpoints-card-content {
                        padding: 25px;
                        background-color: #fff; /* Fundo branco para o texto */
                    }

                    .painpoints-card-content h3 {
                        font-size: 20px;
                        line-height: 1.3;
                    }

                    .painpoints-card-content p {
                        font-size: 15px;
                        color: #4a5568;
                    }

                    @media screen and (max-width: 768px) {
                        .painpoints-card-img-wrapper {
                            height: 180px; /* Um pouco mais baixo no telemóvel */
                        }
                    }

/* Bloco inline 11 */
.painpoints::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 100%;
        max-width: 400px;
        height: 100%;
        bottom: 0%;
        left: -7%;
        background-image: url('../img/polygon3.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom left;
        vertical-align: middle;
        z-index: -1;
    }
    @media screen and (max-width: 992px) {
        .painpoints::after {
            background-size: 40%;
            bottom: 15%;
        }
    }
    @media screen and (max-width: 768px) {
        .painpoints::after {
            display: none;
        }
    }

/* Bloco inline 12 */
.solutions-items-card{
                            background: linear-gradient(90deg, #F0F6F1 0%, #FFFFFF 100%);
                            border-radius: 15px;
                        }
                        .solutions-item-icon{
                            width: 18%;
                        }
                        .solutions-item-icon img{
                            width: 68px;
                            height: 68px;
                        }
                        @media screen and (max-width: 768px) {
                            .solutions-item-icon{
                                width: 22%;
                            }
                            .solutions-item-icon img{
                                width: 42px;
                                height: 42px;
                            }
                        }

/* Bloco inline 13 */
.guarantee-item-icon{
                                width: 7%;
                            }
                            .guarantee-item-icon img{
                                width: auto;
                                height: 25px;
                            }

                            @media screen and (max-width: 576px) {
                                .guarantee-content{
                                    background-color: var(--color-neutral-200);
                                    padding: 1.8rem;
                                    border-radius: 10px;
                                }
                                .guarantee-item-icon img{
                                    height: 20px;
                                }
                            }

/* Bloco inline 14 */
.statistics .video-item-number,
                        .statistics .video-item-unit{
                            font-size: 3rem;
                            font-weight: 600;
                            color: var(--color-secondary);
                            line-height: 1;
                        }
                        .statistics .video-item-unit{
                            font-weight: 400;
                        }
                        .img-about img{
                            display: block;
                            width: auto;
                            max-width: 100%;
                            height: auto;
                            max-height: 120px;
                            object-fit: contain;
                            margin-left: auto;
                            margin-right: auto;
                        }
                        @media screen and (max-width: 576px) {
                            .statistics .video-item-number,
                            .statistics .video-item-unit{
                                font-size: 2rem;
                            }
                            .img-about img{
                                max-height: 80px;
                            }
                        }

/* Bloco inline 16 */
.partners_02-logo img {
                            max-height: 40px;
                            width: auto;
                        }

/* Bloco inline 17 */
.accordion-button{
                            background-color: var(--color-neutral-800);
                            border: 0 !important;
                            border-radius: 10px !important;
                            padding: 1.6rem;
                            color: var(--color-primary);
                        }
                        .accordion-button:not(.collapsed){
                            color: var(--color-primary);
                            background-color: var(--color-neutral-800);
                            box-shadow: none;
                        }
                        .accordion-item{
                            border: 0 !important;

                        }

/* Bloco inline 18 */
/* ===== Base do botão ===== */
.whats-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999999;
  width: 64px;
  height: 64px;
  border-radius: 999px;
  /* Cor e degradê WhatsApp forçados */
  background: #25D366 !important;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}

/* Seu SVG */
.whats-ico{
  width: 32px;
  height: 32px;
  display: block;
  filter: brightness(0) invert(1) !important;
}

/* ===== Tooltip mais “WhatsApp” ===== */
.whats-tip{
  position: absolute;
  right: 76px;
  bottom: 50%;
  transform: translateY(50%);
  background: #ffffff;
  color: #075E54;                 /* verde escuro WhatsApp */
  padding: 9px 12px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;

  border: 2px solid #25D366 !important; /* verde WhatsApp vibrante */
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    0 0 0 4px rgba(37, 211, 102, .25) !important;       /* “halo” verde */

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.whats-tip::after{
  content:"";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #25D366 !important;
}

/* quando mostrar */
.whats-float:hover .whats-tip,
.whats-float.show-tip .whats-tip{
  opacity: 1;
  visibility: visible;
  transform: translateY(50%) translateX(-2px);
}
@keyframes tip-pop{
  0%{ transform: translateY(50%) translateX(6px) scale(.96); opacity: 0; }
  100%{ transform: translateY(50%) translateX(-2px) scale(1); opacity: 1; }
}
.whats-float.show-tip .whats-tip{
  animation: tip-pop .22s ease-out both;
}


/* Mostra quando o JS mandar */
.whats-float.show-tip .whats-tip{
  opacity: 1;
  visibility: visible;
  transform: translateY(50%) translateX(-2px);
}
/* ===== Animação só depois do scroll (classe is-active) ===== */
@keyframes whats-breathe{
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}
@keyframes whats-ping{
  0%   { transform: scale(.85); opacity: .0; }
  20%  { opacity: .55; }
  100% { transform: scale(1.15); opacity: 0; }
}

/* ping (anel) - por padrão DESLIGADO até o scroll */
.whats-ping{
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  border: 2px solid rgba(37, 211, 102, 0.6) !important;
  opacity: 0;
  pointer-events: none;
}

/* ativa animação e ping só quando rolar */
.whats-float.is-active{
  animation: whats-breathe 2.2s ease-in-out infinite;
}
.whats-float.is-active .whats-ping{
  opacity: 1;
  animation: whats-ping 2.2s ease-out infinite;
}

/* Feedback toque */
.whats-float:active{ transform: scale(.96); }

/* Acessibilidade */
@media (prefers-reduced-motion: reduce){
  .whats-float.is-active{ animation: none !important; }
  .whats-float.is-active .whats-ping{ animation: none !important; }
  .whats-tip{ transition: none !important; }
}

/* ===== FORÇA A COR E DÁ DESTAQUE MÁXIMO AO BOTÃO DO BANNER ===== */

/* Usamos :not(.whats-float) para não bagunçar o botão flutuante redondo */
a[href^="https://wa.me/"]:not(.whats-float) {
  background: #25D366 !important;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
  color: #ffffff !important;
  
  /* 1. Borda branca para separar do fundo */
  border: 3px solid #ffffff !important;
  
  /* 2. Sombra com brilho verde */
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4) !important;
  
  /* 3. Transição suave e animação de respiração */
  transition: all 0.3s ease !important;
  animation: banner-pulse 2.5s infinite ease-in-out !important;
}

/* Força o ícone a ficar branco */
a[href^="https://wa.me/"]:not(.whats-float) img {
  filter: brightness(0) invert(1) !important;
}

/* Efeito extra quando passa o mouse por cima */
a[href^="https://wa.me/"]:not(.whats-float):hover {
  transform: scale(1.08) !important;
  box-shadow: 0 12px 25px rgba(37, 211, 102, 0.6) !important;
  animation: none !important; /* Pausa a animação ao passar o mouse */
}

/* Chave da animação de respiração */
@keyframes banner-pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.04); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.6) !important; }
  100% { transform: scale(1); }
}

/* Bloco inline 19 */
/* Rodapé exibido */
#gg-footer{
  background: #2B322C; /* cor do tema */
  color: rgba(255,255,255,.92);
  border-top: 1px solid rgba(255,255,255,.10);
}

#gg-footer .gg-wrap{
  max-width: 1140px;
  margin: 0 auto;
  padding: 44px 16px;  /* altura / respiro */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

/* Coluna esquerda (logo em cima + texto abaixo) */
#gg-footer .gg-left{
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 520px; /* deixa “vazio” no meio como na imagem */
}

#gg-footer .gg-logo{
  width: 220px;         /* ajuste fino se quiser */
  max-width: 70vw;
  height: auto;
  display: block;
}

#gg-footer .gg-text{
  font-size: 13px;
  line-height: 1.35;
}

#gg-footer .gg-text .gg-title{
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 8px;
}

#gg-footer .gg-text .gg-line{
  display: block;
  opacity: .92;
}

/* Espaço extra entre endereço e CNPJ (como você pediu) */
#gg-footer .gg-text .gg-cnpj{
  margin-top: 10px; /* ajuste: 8px / 12px */
}

/* Selo ISO à direita (badge) */
#gg-footer .gg-iso-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 26px rgba(0,0,0,.22);
}

#gg-footer .gg-iso{
  height: 54px; /* tamanho do selo */
  width: auto;
  display: block;
}

/* Linha inferior discreta (opcional, dá acabamento) */
#gg-footer .gg-bottom-line{
  height: 1px;
  background: rgba(255,255,255,.10);
}

/* Responsivo */
@media (max-width: 768px){
  #gg-footer .gg-wrap{
    padding: 32px 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  #gg-footer .gg-left{ max-width: 100%; }
  #gg-footer .gg-iso-badge{ align-self: flex-start; }
  #gg-footer .gg-iso{ height: 48px; }
}

/* Se o botão flutuante do Whats ficar “em cima” do rodapé no mobile, use isso: */
/*
@media (max-width: 576px){
  #gg-footer{ padding-bottom: 70px; }
}
*/