.elementor-4676 .elementor-element.elementor-element-fa2c844{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-13e0382 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-f8f0ad5{width:100%;max-width:100%;}.elementor-4676 .elementor-element.elementor-element-4c0ad3f{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-86c342b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-31be069{width:100%;max-width:100%;}.elementor-4676 .elementor-element.elementor-element-b75449b{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-599d791 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-b92d77d{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-6140136 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-85c8ecb{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-3f5fb1b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-7fdde90{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-62da7d0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-ee4335e{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-6b9e022 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-511d859{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-26d12e1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-493bc06{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-19caffe > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-df5a401{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-57baaef > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-3181cdc{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-1c97930 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-7646b4c{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-cfb5c25 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-b984b2b{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-313bd80 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-8e0ec23{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-4c6fa2b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-087a875{padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-dba32ff > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS *//* CSS da página inteira, já escopado em .gbx.
   Use SÓ se preferir enfileirar um CSS único no tema em vez de
   deixar o <style> dentro de cada seção. Nesse caso, apague o
   bloco <style> do topo de cada arquivo de seção. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{/* ========== COR: MARCA ==========
     CORRIGIDO. A primeira versão usava #072E75, tirado da contagem
     de pixels do logo. Só que o SITE NO AR usa outro azul, e é ele
     que o cliente reconhece como a marca. Medido por amostragem do
     print em site-antigo/image.png:
       barra do topo .... #002977 em 75% dos pixels
       hero ............. #002977 dominante
       barra de ícones .. #002977 em 64%
       formulário ....... #0A2B87 (a seção que o Renan já publicou)
     Então a cor da marca é #002977, não a do logo. O logo é arte;
     o site é o que o cliente vê. */
  --gb-navy:          #002977;   /* AZUL DA MARCA. Medido no site.   */
  --gb-navy-deep:     #001C57;   /* Hover e profundidade.            */
  --gb-navy-ink:      #001344;   /* O mais escuro.                   */
  --gb-navy-alt:      #0A2B87;   /* Azul do formulário em produção.  */
  --gb-blue:          #007CC4;   /* Corpo da gota do logo.           */
  --gb-cyan:          #51B9FE;   /* Brilho da gota. Destaque e foco. */

  /* ========== COR: AÇÃO ==========
     Decisão do Renan no GATE 2: SEM cor de fora. Só os azuis do logo.
     Sem um accent complementar, o CTA não pode se apoiar em matiz.
     Então se apoia em VALOR: em cada contexto o botão usa o extremo
     de luminosidade disponível, que é o maior contraste possível ali.
       fundo claro -> botão navy sólido, texto branco   (12,6:1)
       fundo navy  -> botão branco sólido, texto navy   (12,6:1)
     O ciano fica reservado para destaque e foco, nunca para o botão
     inteiro: ciano sobre navy dá 5,9:1 e o botão perde presença. */
  --gb-cta:           #002977;   /* Botão sobre fundo claro.        */
  --gb-cta-hover:     #001C57;
  --gb-cta-on-navy:   #FFFFFF;   /* Botão sobre fundo navy.         */
  --gb-cta-on-navy-h: #51B9FE;
  --gb-accent:        #007CC4;   /* Traço, ícone e link no claro.   */
  --gb-accent-light:  #51B9FE;   /* Traço, destaque e foco no navy. */

  /* ========== COR: NEUTROS ==========
     Todos levemente azulados. Nunca cinza puro, nunca preto puro. */
  --gb-white:         #FFFFFF;
  --gb-paper:         #F4F7FB;   /* Fundo alternado.                 */
  --gb-line:          #DDE5F0;   /* Bordas e divisórias.             */
  --gb-ink:           #16233D;   /* Texto corrido.                   */
  --gb-muted:         #5B6B87;   /* Texto secundário.                */
  --gb-placeholder:   #8A93A6;   /* Herdado do form em produção.     */

  /* Neutros para uso SOBRE navy */
  --gb-on-navy:       #FFFFFF;
  --gb-on-navy-muted: #B8CBEA;

  /* ========== COR: FUNCIONAIS ==========
     Herdados de secao_formulario_gira.html, que já está no ar.
     Mantidos idênticos para o formulário não mudar de comportamento. */
  --gb-success:       #22A45D;
  --gb-error:         #D94141;
  --gb-error-soft:    #FF6B6B;
  --gb-whatsapp:      #25D366;

  /* ========== TIPOGRAFIA ========== */
  --gb-font-display:  'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --gb-font-body:     'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --gb-font-mono:     'IBM Plex Mono', ui-monospace, 'Courier New', monospace;

  /* Escala. Contraste alto entre título e corpo, enxerto da Ofspace.
     clamp() para o mobile não precisar de media query em tudo. */
  --gb-text-hero:     clamp(2.1rem, 5.2vw, 3.6rem);   /* H1            */
  --gb-text-h2:       clamp(1.6rem, 3.4vw, 2.5rem);   /* Título seção  */
  --gb-text-h3:       clamp(1.15rem, 1.8vw, 1.4rem);  /* Card, FAQ     */
  --gb-text-stat:     clamp(2.4rem, 5vw, 3.75rem);    /* Número grande */
  --gb-text-lg:       1.125rem;                        /* Sub do hero  */
  --gb-text-body:     1rem;
  --gb-text-sm:       0.9375rem;
  --gb-text-xs:       0.8125rem;
  --gb-text-eyebrow:  0.6875rem;

  --gb-weight-regular: 400;
  --gb-weight-medium:  500;
  --gb-weight-semi:    600;   /* Peso dos títulos. Regra da referência. */
  --gb-weight-bold:    700;

  --gb-leading-tight:  1.15;  /* H1 e números  */
  --gb-leading-head:   1.25;  /* H2 e H3       */
  --gb-leading-body:   1.65;  /* Texto corrido */

  --gb-tracking-tight:   -0.02em;  /* Títulos grandes           */
  --gb-tracking-normal:  0;
  --gb-tracking-eyebrow: 0.14em;   /* Eyebrow em caixa alta     */
  --gb-tracking-btn:     0.02em;

  /* ========== ESPAÇAMENTO ==========
     Escala de 4px. O ritmo entre seções é arejado, ~90px,
     copiado da referência dominante. */
  --gb-space-1:   4px;
  --gb-space-2:   8px;
  --gb-space-3:   12px;
  --gb-space-4:   16px;
  --gb-space-5:   20px;
  --gb-space-6:   24px;
  --gb-space-8:   32px;
  --gb-space-10:  40px;
  --gb-space-12:  48px;
  --gb-space-16:  64px;
  --gb-space-20:  80px;
  --gb-space-24:  96px;

  --gb-section-y:      clamp(56px, 9vw, 96px);   /* Respiro entre seções */
  --gb-container:      1180px;                    /* Igual ao form em produção */
  --gb-container-pad:  20px;

  /* ========== RAIO ==========
     Card em 8px, da referência dominante. Nada de 20px arredondado
     tipo Biztop: fabricante de equipamento em inox não é app.
     Botão em 4px por decisão do Renan no GATE 2: quase reto, só com
     o canto quebrado. A referência dominante usava pill; foi
     descartado. Botão mais reto que o card puxa a página para o
     lado de equipamento em vez de software, o que combina com o
     posicionamento de fabricante. */
  --gb-radius-btn:  4px;
  --gb-radius-sm:   6px;
  --gb-radius:      8px;
  --gb-radius-lg:   12px;

  /* ========== SOMBRA ==========
     A referência dominante NÃO usa sombra em card: separa por tom.
     A sombra difusa é enxerto da Ofspace, e só para bloco flutuante. */
  --gb-shadow-none:   none;
  --gb-shadow-float:  0 18px 48px rgba(7, 46, 117, 0.13);
  --gb-shadow-btn:    0 10px 22px rgba(7, 46, 117, 0.28);
  --gb-shadow-modal:  0 24px 60px rgba(4, 18, 55, 0.35);

  /* ========== MOTION ==========
     Números portados dos componentes reais do Magic UI.
     Não são aproximação: são os valores do snippet. */
  --gb-ease:            cubic-bezier(0.16, 1, 0.3, 1);
  --gb-ease-out:        cubic-bezier(0, 0, 0.58, 1);   /* easeOut do BlurFade */
  --gb-dur-fast:        180ms;
  --gb-dur:             250ms;
  --gb-dur-blurfade:    400ms;   /* duration 0.4 do BlurFade  */
  --gb-delay-blurfade:  40ms;    /* delay 0.04 do BlurFade    */
  --gb-blur-amount:     6px;     /* blur "6px" do BlurFade    */
  --gb-offset-blurfade: 6px;     /* offset 6 do BlurFade      */
  --gb-marquee-dur:     40s;     /* [--duration:40s] do Marquee */
  --gb-marquee-gap:     2.6rem;}
@keyframes gb-marquee{from { transform: translateX(0); }
  to   { transform: translateX(calc(-100% - var(--gb-marquee-gap))); }}
@keyframes gb-blur-fade{from {
    opacity: 0;
    filter: blur(var(--gb-blur-amount));
    transform: translateY(var(--gb-offset-blurfade));
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }}
@media (prefers-reduced-motion: reduce){
  :root{--gb-dur-fast: 0ms;
    --gb-dur: 0ms;
    --gb-dur-blurfade: 0ms;}
  .gbx .gb-marquee__track{animation: none !important;}
  .gbx .gb-reveal{animation: none !important; opacity: 1 !important; filter: none !important; transform: none !important;}
}
.gbx, .gbx *, .gbx *::before, .gbx *::after{box-sizing:border-box;}
.gbx{margin:0; font-family:var(--gb-font-body); font-size:var(--gb-text-body);
  line-height:var(--gb-leading-body); color:var(--gb-ink); background:#fff; -webkit-font-smoothing:antialiased;}
.gbx img, .gbx svg{display:block; max-width:100%;}
.gbx .wrap{max-width:var(--gb-container); margin:0 auto; padding:0 var(--gb-container-pad); position:relative; z-index:2;}
:root{--gb-mist:#EDF3FB;}
.gbx section{position:relative;}
.gbx h1, .gbx h2, .gbx h3{margin:0; font-weight:var(--gb-weight-semi); letter-spacing:var(--gb-tracking-tight);}
.gbx .h-sec{font-size:var(--gb-text-h2); line-height:var(--gb-leading-head); color:var(--gb-navy);}
.gbx .h-sec--on{color:#fff;}
.gbx .p-sec{color:var(--gb-muted); font-size:var(--gb-text-sm); margin:16px 0 0; max-width:48ch;}
.gbx .p-sec--on{color:var(--gb-on-navy-muted);}
.gbx .two{display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:var(--gb-space-16); align-items:start;}
.gbx .sec-y{padding:var(--gb-section-y) 0;}
.gbx .center{text-align:center;}
.gbx .center .p-sec{margin-left:auto; margin-right:auto;}
.gbx .btn{display:inline-flex; align-items:center; justify-content:center; gap:14px; font-family:inherit;
  font-size:.95rem; font-weight:var(--gb-weight-medium); letter-spacing:.01em;
  padding:17px 34px; border-radius:var(--gb-radius-btn); border:1px solid transparent; cursor:pointer;
  text-decoration:none; position:relative; line-height:1;
  transition:background var(--gb-dur) var(--gb-ease), color var(--gb-dur) var(--gb-ease),
             border-color var(--gb-dur) var(--gb-ease), transform var(--gb-dur-fast) var(--gb-ease),
             box-shadow var(--gb-dur) var(--gb-ease);}
.gbx .btn:focus-visible{outline:3px solid var(--gb-cyan); outline-offset:3px;}
.gbx .btn--primary{background:var(--gb-cta); color:#fff;}
.gbx .btn--primary:hover{background:var(--gb-cta-hover); transform:translateY(-2px); box-shadow:var(--gb-shadow-btn);}
.gbx .btn--ghost{background:transparent; color:var(--gb-navy); border-color:#C6D4E8;}
.gbx .btn--ghost:hover{border-color:var(--gb-navy); background:var(--gb-paper);}
.gbx .btn--onnavy{background:#fff; color:var(--gb-navy);}
.gbx .btn--onnavy:hover{background:var(--gb-cyan); transform:translateY(-2px);}
.gbx .btn--ghost-navy{background:transparent; color:#fff; border-color:rgba(255,255,255,.38);}
.gbx .btn--ghost-navy:hover{border-color:#fff; background:rgba(255,255,255,.10);}
.gbx .btn__arrow{width:17px; height:17px; flex-shrink:0; margin-right:-6px;
  transition:transform var(--gb-dur) var(--gb-ease);}
.gbx .btn:hover .btn__arrow{transform:translateX(4px);}
.gbx .row{display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:26px;}
@keyframes gb-ripple{0%,100%{transform:translate(-50%,-50%) scale(1);} 50%{transform:translate(-50%,-50%) scale(.9);}}
.gbx .ripple{position:absolute; inset:0; pointer-events:none; z-index:1;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#fff 30%,transparent 72%);
          mask-image:radial-gradient(circle at 50% 50%,#fff 30%,transparent 72%);}
.gbx .ripple i{position:absolute; top:50%; left:50%; border-radius:50%; border:1px solid currentColor;
  transform:translate(-50%,-50%) scale(1); animation:gb-ripple 3.2s ease-in-out calc(var(--i)*.22s) infinite;}
@keyframes gb-beam{to { offset-distance:100%; }}
.gbx .beam{position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; overflow:hidden;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;}
.gbx .beam i{position:absolute; width:60px; aspect-ratio:1; offset-path:rect(0 auto auto 0 round 60px);
  background:linear-gradient(to left,var(--gb-cyan),var(--gb-blue),transparent); animation:gb-beam 6s linear infinite;}
.gbx .mc{position:relative; isolation:isolate; overflow:hidden;}
.gbx .mc::after{content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0;
  transition:opacity 300ms var(--gb-ease);
  background:radial-gradient(200px circle at var(--mx,-200px) var(--my,-200px), rgba(81,185,254,.28), transparent 100%);}
@media (hover:hover){
  .gbx .mc:hover::after{opacity:1;}
}
.gbx .mc > *{position:relative; z-index:2;}
.gbx .pattern{position:absolute; inset:0; width:100%; height:100%; pointer-events:none;}
.gbx .btn--shine{position:relative; overflow:hidden;}
.gbx .btn--shine::before{content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background-image:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.7) 50%,transparent 75%,transparent 100%);
  background-size:250% 250%, 100% 100%;
  background-position:200% 0, 0 0;
  background-repeat:no-repeat;
  transition:background-position 1000ms ease;}
.gbx .btn--shine:hover::before{background-position:-100% 0, 0 0;}
.gbx .btn--onnavy.btn--shine::before, .gbx .btn--ghost.btn--shine::before{background-image:linear-gradient(45deg,transparent 25%,rgba(0,41,119,.26) 50%,transparent 75%,transparent 100%);}
@media (prefers-reduced-motion: reduce){
  .gbx .btn--shine::before{transition:none; opacity:0;}
}
.gbx .selo{display:block; width:260px; max-width:100%; cursor:pointer;}
.gbx .selo__in{transform-origin:center center; transition:transform 200ms ease-out; will-change:transform;}
.gbx .selo__holo{mix-blend-mode:overlay;}
.gbx .selo__holo g{transform-origin:center center; will-change:transform;}
@media (prefers-reduced-motion: reduce){
  .gbx .selo__in{transform:none!important;}
  .gbx .selo__holo g{animation:none!important;}
}
.gbx .entrega{display:grid; grid-template-columns:1fr; gap:14px;}
.gbx .entrega .ent{display:grid; grid-template-columns:44px 1fr; gap:16px; align-items:start;}
.gbx .entrega .ent h3{margin:0 0 5px;}
.gbx .entrega .ent > div:first-child{grid-row:span 2;}
.gbx .ent{background:#fff; border:1px solid var(--gb-line); border-radius:var(--gb-radius); padding:24px;}
.gbx .ent__ico{width:44px; height:44px; border-radius:50%; background:var(--gb-mist); color:var(--gb-navy);
  display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
.gbx .ent__ico svg{width:20px; height:20px;}
.gbx .ent h3{font-size:var(--gb-text-h3); color:var(--gb-navy); margin-bottom:8px;}
.gbx .ent p{margin:0; font-size:var(--gb-text-sm); color:var(--gb-muted);}
.gbx .util{background:var(--gb-navy); color:#fff; font-size:var(--gb-text-xs);}
.gbx .util__in{display:flex; align-items:center; gap:28px; padding:9px 0; flex-wrap:wrap;}
.gbx .util span{display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.92);}
.gbx .util svg{width:15px; height:15px; color:var(--gb-cyan); flex-shrink:0;}
.gbx .util a{color:#fff; text-decoration:none;}
.gbx .util b{font-weight:inherit;}
.gbx .util .so-mob{display:none;}
.gbx .util .last{margin-left:auto;}
.gbx .nav{border-bottom:1px solid var(--gb-line); background:#fff; position:relative; z-index:5;}
.gbx .nav__in{display:flex; align-items:center; gap:32px; padding:14px 0;}
.gbx .nav__logo img{height:60px; width:auto;}
.gbx .nav__menu{display:flex; gap:26px; margin-left:auto;}
.gbx .nav__menu a{color:var(--gb-ink); text-decoration:none; font-size:var(--gb-text-sm);}
.gbx .nav__menu a:hover{color:var(--gb-blue);}
.gbx .nav .btn{padding:12px 22px;}
.gbx .hero{overflow:hidden; position:relative;
  /* A foto já tem os bebedouros à direita e área limpa à esquerda, então
     ela entra como fundo e o véu branco só cobre a metade do texto. */
  background:
    linear-gradient(100deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.82) 32%,
      rgba(255,255,255,.42) 46%, rgba(255,255,255,0) 58%),
    url(/wp-content/uploads/gira/hero-limpa.webp) right bottom / cover no-repeat,
    linear-gradient(180deg,#fff 0%,var(--gb-mist) 100%);}
.gbx .hero__in{display:grid; grid-template-columns:minmax(0,1fr); gap:var(--gb-space-12);
  align-items:center; padding:var(--gb-space-16) 0 var(--gb-space-16);
  /* a foto tem proporção 2,24:1, então esta altura deixa os bebedouros
     inteiros no lugar de cortar o pé e a tampa */
  min-height:clamp(420px, 37.7vw, 600px);}
.gbx .hero__in > div{max-width:520px;}
.gbx .hero h1{font-size:clamp(1.75rem,2.85vw,2.35rem); line-height:1.18; color:var(--gb-navy);
  text-wrap:balance;}
.gbx .hero h1 em{font-style:normal; color:var(--gb-blue);}
.gbx .hero__sub{color:var(--gb-muted); font-size:1.12rem; line-height:1.6; margin:22px 0 0; max-width:100%;}
.gbx .hero__micro{font-size:var(--gb-text-xs); color:var(--gb-muted); margin:18px 0 0; max-width:100%;}
.gbx .pilar__ico svg{width:22px;height:22px}
.gbx .contato__ico svg{width:18px;height:18px}
.gbx .prods-wrap{position:relative}
.gbx .prods{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;
  scrollbar-width:none;-ms-overflow-style:none}
.gbx .prods::-webkit-scrollbar{display:none}
@media (hover:hover){
  .gbx .prod:hover{border-color:var(--gb-blue);transform:translateY(-3px)}
  .gbx .prod:hover .prod__img img{transform:scale(1.05)}
}
.gbx .prod{scroll-snap-align:start}
.gbx .pnav{position:absolute;top:38%;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid var(--gb-line);
  background:#fff;color:var(--gb-navy);cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,41,119,.14);transition:background var(--gb-dur) var(--gb-ease),opacity var(--gb-dur) var(--gb-ease)}
.gbx .pnav:hover{background:var(--gb-mist)}
.gbx .pnav svg{width:19px;height:19px}
.gbx .pnav--prev{left:-21px}
.gbx .pnav--next{right:-21px}
.gbx .pnav[disabled]{opacity:.3;cursor:default}
@media(max-width:1200px){
  .gbx .prods{grid-auto-columns:calc((100% - 32px)/3)}
}
@media(max-width:820px){
  .gbx .prods{grid-auto-columns:calc((100% - 16px)/2)}
  .gbx .pnav{display:none}
}
@media(max-width:520px){
  .gbx .prods{grid-auto-columns:82%}
}
.gbx .pdots{display:none; gap:8px; justify-content:center; margin-top:20px;}
.gbx .pdots button{width:8px; height:8px; padding:0; border:0; border-radius:50%; cursor:pointer;
  background:#C4D4EA; transition:width var(--gb-dur) var(--gb-ease), background var(--gb-dur) var(--gb-ease);}
.gbx .pdots button.is-on{width:24px; border-radius:4px; background:var(--gb-navy);}
@media (max-width:820px){
  .gbx .pdots{display:flex;}
  .gbx .prods{--sangra:20px;
    margin-inline:calc(var(--sangra) * -1);
    padding-inline:var(--sangra);
    scroll-padding-inline:var(--sangra);
    grid-auto-columns:calc((100% - 12px)/2 - var(--sangra)); gap:12px;}
}
@media (max-width:560px){
  .gbx .prods{grid-auto-columns:calc(68% - var(--sangra)); gap:10px;}
  .gbx .prod__nome{font-size:.95rem;}
  .gbx .prod__spec{font-size:10px;}
  .gbx .prod__price b{font-size:1.15rem;}
  .gbx .prod__acts .btn{padding:12px 16px; font-size:.85rem;}
  .gbx .prod__img{aspect-ratio:1/1;}
  .gbx .prod__img img{padding:10px;}
  .gbx .prod__body{padding:18px 16px;}
}
@media (max-width:480px){
  .gbx .prods{--sangra:16px;}
}
.gbx .grupos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gbx .grupo{background:#fff;border:1px solid var(--gb-line);border-radius:var(--gb-radius);padding:24px 22px;
  transition:border-color var(--gb-dur) var(--gb-ease)}
.gbx .grupo:hover{border-color:var(--gb-blue)}
.gbx .grupo__ico{width:42px;height:42px;border-radius:50%;background:var(--gb-navy);color:var(--gb-cyan);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.gbx .grupo__ico svg{width:20px;height:20px}
.gbx .grupo b{display:block;font-size:.98rem;color:var(--gb-navy);margin-bottom:14px}
.gbx .grupo ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.gbx .grupo li{font-size:var(--gb-text-xs);color:var(--gb-ink);line-height:1.5}
.gbx .grupo li span{display:block;font-family:var(--gb-font-mono);font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gb-blue);margin-bottom:2px}
@media(max-width:1100px){
  .gbx .grupos{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .gbx .grupos{grid-template-columns:1fr}
}
.gbx .filtro__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);
  gap:var(--gb-space-10);align-items:center}
.gbx .filtro__pontos{display:grid;gap:14px;align-content:center}
.gbx .cartucho{text-align:center}
.gbx .cartucho svg{width:210px;height:auto;margin:0 auto}
.gbx .sat{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0)}
.gbx .mist.is-in .sat{animation:gb-satura 8s cubic-bezier(.4,0,.6,1) infinite}
@keyframes gb-satura{0%{transform:scaleY(0)}70%{transform:scaleY(1)}88%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.gbx .gota{opacity:0}
.gbx .mist.is-in .gota{animation:gb-gota 2.2s ease-in infinite}
.gbx .escala{display:flex;justify-content:space-between;max-width:210px;margin:14px auto 6px;
  font-family:var(--gb-font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--gb-muted);text-transform:uppercase}
.gbx .escala__barra{max-width:210px;margin:0 auto;height:4px;border-radius:2px;background:#D7E3F3;overflow:hidden}
.gbx .escala__barra i{display:block;height:100%;width:0;background:var(--gb-navy);border-radius:2px}
.gbx .mist.is-in .escala__barra i{animation:gb-escala 8s cubic-bezier(.4,0,.6,1) infinite}
@keyframes gb-escala{0%{width:0}70%,88%{width:100%}100%{width:0}}
.gbx .cartucho__leg{font-size:var(--gb-text-xs);color:var(--gb-muted);margin:18px auto 0;max-width:250px;line-height:1.6}
@media(max-width:1100px){
  .gbx .filtro__grid{grid-template-columns:1fr 1fr}
  .gbx .cartucho{grid-column:1/-1;order:-1;margin-bottom:var(--gb-space-4)}
}
@media(max-width:760px){
  .gbx .filtro__grid{grid-template-columns:1fr}
}
.gbx .fcard{background:#fff;border-radius:var(--gb-radius);padding:22px 20px;position:relative}
.gbx .fcard__n{font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.1em;color:var(--gb-cyan);
  display:block;margin-bottom:12px}
.gbx .fcard b{display:block;font-size:.98rem;color:var(--gb-navy);margin-bottom:8px}
.gbx .fcard p{margin:0;font-size:var(--gb-text-xs);color:var(--gb-muted);line-height:1.6}
.gbx .fcard--cta{background:var(--gb-navy);color:#fff;padding:30px 28px;align-self:center}
.gbx .fcard--cta b{color:#fff;font-size:1.1rem}
.gbx .fcard--cta p{color:var(--gb-on-navy-muted);max-width:none}
.gbx .fcard--cta .prod__acts{grid-template-columns:1fr;gap:10px}
@media(prefers-reduced-motion:reduce){
  .gbx .sat{transform:scaleY(.7)}
  .gbx .escala__barra i{width:70%}
  .gbx .mist.is-in .sat, .gbx .mist.is-in .gota, .gbx .mist.is-in .escala__barra i{animation:none}
}
@media(max-width:1000px){
  .gbx .filtro__grid{grid-template-columns:1fr}
  .gbx .fcard--cta .prod__acts{grid-template-columns:1fr}
}
.gbx .faq__fixo{position:sticky;top:34px;align-self:start}
@media(max-width:900px){
  .gbx .faq__fixo{position:static}
}
.gbx .gb-marquee{display:flex; overflow:hidden; gap:var(--gb-marquee-gap);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.gbx .gb-marquee:hover .gb-marquee__track{animation-play-state:paused;}
.gbx .gb-marquee__track{display:flex; flex-shrink:0; align-items:center; gap:var(--gb-marquee-gap);
  animation:gb-marquee var(--gb-marquee-dur) linear infinite;}
.gbx .gb-marquee__track img{height:36px; width:auto; object-fit:contain; filter:grayscale(1); opacity:.72;
  transition:filter var(--gb-dur) var(--gb-ease), opacity var(--gb-dur) var(--gb-ease);}
.gbx .gb-marquee__track img:hover{filter:grayscale(0); opacity:1;}
.gbx .bento__bg{filter:grayscale(.55) contrast(1.08) brightness(.92)}
.gbx .bento::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(160deg,rgba(0,41,119,.55),rgba(0,124,196,.28));
  mix-blend-mode:color}
.gbx .bento__grao{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.16;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='.55'/></svg>")}
.gbx .prod{background:#fff;border:1px solid var(--gb-line);border-radius:var(--gb-radius);overflow:hidden;
  display:flex;flex-direction:column;transition:border-color var(--gb-dur) var(--gb-ease),transform var(--gb-dur) var(--gb-ease)}
.gbx .prod__img{aspect-ratio:4/5;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid var(--gb-line)}
.gbx .prod__img img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform var(--gb-dur-slow) var(--gb-ease)}
.gbx .prod__slot{font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.12em;color:#8FA8CC;text-align:center;line-height:1.9}
.gbx .prod__img--vazia{background:var(--gb-mist)}
.gbx .prod__img--vazia::after{content:'';position:absolute;inset:14px;border:1px dashed #B9CBEE;border-radius:6px}
.gbx .prod__body{padding:18px 18px 18px;display:flex;flex-direction:column;flex-grow:1}
.gbx .prod__nome{font-size:.98rem;color:var(--gb-navy);line-height:1.3;margin:0 0 8px}
.gbx .prod__spec{font-family:var(--gb-font-mono);font-size:10.5px;color:var(--gb-blue);margin:0 0 14px;line-height:1.6}
.gbx .prod__price{font-size:10.5px;color:var(--gb-muted);margin:0 0 16px}
.gbx .prod__price b{display:block;font-family:var(--gb-font-mono);font-size:1.02rem;color:var(--gb-navy);
  font-weight:var(--gb-weight-semi);margin-top:2px}
.gbx .prod__acts{display:grid;gap:8px;margin-top:auto}
.gbx .prod .btn{width:100%;padding:11px 12px;font-size:11.5px}
.gbx .bentos{display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:21rem; gap:16px; grid-auto-flow:dense;}
.gbx .bento{position:relative; display:flex; flex-direction:column; justify-content:flex-end;
  overflow:hidden; border-radius:var(--gb-radius-lg); text-decoration:none; background:var(--gb-navy);
  box-shadow:0 0 0 1px rgba(0,41,119,.05), 0 2px 4px rgba(0,41,119,.06), 0 12px 24px rgba(0,41,119,.07);
  transform:translateZ(0);}
.gbx .bento--wide{grid-column:span 2;}
.gbx .bento__bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform 500ms var(--gb-ease);}
.gbx .bento:hover .bento__bg{transform:scale(1.05);}
.gbx .bento::before{content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top, rgba(0,25,80,.97) 8%, rgba(0,33,100,.72) 42%, rgba(0,41,119,.14) 100%);}
.gbx .bento__veil{position:absolute; inset:0; z-index:2; background:transparent; transition:background 300ms var(--gb-ease);}
.gbx .bento:hover .bento__veil{background:rgba(0,0,0,.06);}
.gbx .bento__body{position:relative; z-index:3; padding:24px; color:#fff;}
.gbx .bento__lift{display:flex; flex-direction:column; gap:7px; transition:transform 300ms var(--gb-ease);}
.gbx .bento:hover .bento__lift{transform:translateY(-34px);}
.gbx .bento__body h3{font-size:1.15rem; color:#fff;}
.gbx .bento__body p{margin:0; font-size:var(--gb-text-xs); color:rgba(255,255,255,.78); max-width:44ch; line-height:1.55;}
.gbx .bento__cta{position:absolute; left:24px; bottom:24px; z-index:4; display:inline-flex; align-items:center; gap:7px;
  font-size:var(--gb-text-xs); font-weight:var(--gb-weight-semi); color:var(--gb-cyan);
  opacity:0; transform:translateY(40px); transition:opacity 300ms var(--gb-ease), transform 300ms var(--gb-ease);}
.gbx .bento:hover .bento__cta{opacity:1; transform:translateY(0);}
.gbx .bento__cta svg{width:14px; height:14px;}
.gbx .band{background:var(--gb-navy); color:#fff; padding:var(--gb-section-y) 0; overflow:hidden;}
.gbx .band__in{display:grid; grid-template-columns:.95fr .75fr 1fr; gap:var(--gb-space-10); align-items:center;}
.gbx .figure{position:relative; display:flex; align-items:center; justify-content:center;
  min-height:360px; color:rgba(255,255,255,.42); overflow:hidden;}
.gbx .figure__drop{position:relative; z-index:3; width:132px; filter:brightness(0) invert(1) drop-shadow(0 14px 30px rgba(0,0,0,.45));}
.gbx .stats{display:grid; gap:24px;}
.gbx .stat{display:grid; grid-template-columns:50px 1fr; gap:16px; align-items:center;}
.gbx .stat__ico{width:50px; height:50px; border-radius:50%; border:1.5px solid rgba(255,255,255,.4);
  display:flex; align-items:center; justify-content:center;}
.gbx .stat__ico svg{width:21px; height:21px;}
.gbx .stat__n{font-size:clamp(1.5rem,2.4vw,2rem); font-weight:var(--gb-weight-semi); line-height:1.05;
  font-variant-numeric:tabular-nums;}
.gbx .stat__n i{font-style:normal; color:var(--gb-cyan);}
.gbx .stat__l{color:var(--gb-on-navy-muted); font-size:var(--gb-text-xs); margin-top:2px;}
.gbx .quote{background:rgba(255,255,255,.08); border-left:3px solid var(--gb-cyan); border-radius:var(--gb-radius);
  padding:22px 24px; margin-top:26px;}
.gbx .quote p{margin:0 0 10px; font-size:var(--gb-text-sm); color:#fff;}
.gbx .quote small{color:var(--gb-on-navy-muted); font-size:11px; font-family:var(--gb-font-mono); letter-spacing:.06em; text-transform:uppercase;}
.gbx .mist{background:var(--gb-mist); padding:var(--gb-section-y) 0; overflow:hidden;}
.gbx .faq{border-top:1px solid var(--gb-line);}
.gbx .faq__i{border-bottom:1px solid var(--gb-line);}
.gbx .faq__q{list-style:none; cursor:pointer; font-size:var(--gb-text-h3); font-weight:var(--gb-weight-semi);
  color:var(--gb-navy); padding:20px 44px 20px 0; position:relative;}
.gbx .faq__q::-webkit-details-marker{display:none;}
.gbx .faq__q::after{content:'+'; position:absolute; right:8px; top:50%; transform:translateY(-50%);
  font-size:1.5rem; color:var(--gb-blue); font-weight:400; transition:transform var(--gb-dur) var(--gb-ease);}
.gbx .faq__i[open] .faq__q::after{transform:translateY(-50%) rotate(45deg);}
.gbx .faq__a{padding:0 44px 20px 0; color:var(--gb-muted); margin:0; font-size:var(--gb-text-sm);}
.gbx .logos{background:#fff; padding:32px 0; border-bottom:1px solid var(--gb-line);}
.gbx .logos__in{display:grid; grid-template-columns:minmax(0,242px) minmax(0,1fr);
  gap:var(--gb-space-6); align-items:center;}
.gbx .logos__tit .h-sec{font-size:1.28rem; margin:0; text-wrap:balance; max-width:15ch; line-height:1.25;}
.gbx .logos__tit .p-sec{font-size:11.5px; line-height:1.5; margin:0; max-width:30ch;}
@media (max-width:900px){
  .gbx .logos__in{grid-template-columns:1fr; gap:var(--gb-space-5);}
  .gbx .logos__tit{text-align:center;}
  .gbx .logos__tit .h-sec, .gbx .logos__tit .p-sec{max-width:none; margin-left:auto; margin-right:auto;}
}
.gbx .pilares{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;}
.gbx .pilar{background:#fff; border:1px solid var(--gb-line); border-radius:var(--gb-radius-lg);
  padding:28px 26px; display:flex; flex-direction:column; transition:border-color var(--gb-dur) var(--gb-ease), box-shadow var(--gb-dur) var(--gb-ease);}
.gbx .pilar:hover{border-color:var(--gb-blue); box-shadow:0 14px 34px rgba(0,41,119,.09);}
.gbx .pilar__ico{width:44px; height:44px; border-radius:50%; background:var(--gb-mist); color:var(--gb-navy);
  display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
.gbx .pilar__ico svg{width:22px; height:22px;}
.gbx .pilar b{display:block; font-size:var(--gb-text-h3); font-weight:var(--gb-weight-semi);
  color:var(--gb-navy); margin-bottom:7px; line-height:1.3;}
.gbx .pilar p{margin:0; color:var(--gb-muted); font-size:var(--gb-text-sm); line-height:1.55;}
@media (max-width:900px){
  .gbx .pilares{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  .gbx .pilares{grid-template-columns:1fr;}
}
.gbx .spec-wrap{overflow-x:auto; border:1px solid var(--gb-line); border-radius:var(--gb-radius-lg); background:#fff;}
.gbx .spec{width:100%; border-collapse:collapse; min-width:760px; font-size:var(--gb-text-sm);}
.gbx .spec thead th{background:var(--gb-navy); color:#fff; text-align:left; padding:15px 18px;
  font-family:var(--gb-font-mono); font-size:10.5px; letter-spacing:.09em; text-transform:uppercase;
  font-weight:500; white-space:nowrap;}
.gbx .spec tbody th{text-align:left; padding:15px 18px; color:var(--gb-navy);
  font-weight:var(--gb-weight-semi); white-space:nowrap;}
.gbx .spec tbody td{padding:15px 18px; color:var(--gb-muted); white-space:nowrap;}
.gbx .spec tbody tr{border-top:1px solid var(--gb-line);}
.gbx .spec tbody tr:nth-child(even){background:var(--gb-paper);}
@media (hover:hover){
  .gbx .spec tbody tr:hover{background:var(--gb-mist);}
  .gbx .spec tbody tr:hover th{background:var(--gb-mist);}
}
.gbx .form-sec{background:#fff;}
.gbx .form-sec .contato .h-sec{margin:0 0 14px;}
.gbx .form-sec .contato .p-sec{margin:0 0 30px; max-width:42ch;}
.gbx .form-sec .contato__lista li{background:rgba(0,41,119,.9); border-color:rgba(0,41,119,.9);}
.gbx .form-sec .contato__lista li:hover{background:var(--gb-navy); border-color:var(--gb-navy);}
.gbx .form-sec .mapa{color:var(--gb-navy); border-bottom-color:var(--gb-line);}
.gbx .form-sec .mapa:hover{border-bottom-color:var(--gb-navy);}
.gbx .form-sec .formcard{background:rgba(0,41,119,.9); border-color:rgba(0,41,119,.9);
  box-shadow:0 26px 60px rgba(0,20,60,.18);}
.gbx .h-duo{display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:var(--gb-space-8) var(--gb-space-10); align-items:baseline; margin-bottom:var(--gb-space-10);}
.gbx .h-duo .h-sec{margin:0; max-width:24ch; text-wrap:balance;}
.gbx .h-duo .p-sec{margin:0; max-width:52ch;}
@media (max-width:900px){
  .gbx .h-duo{grid-template-columns:1fr; gap:var(--gb-space-4); align-items:start;}
  .gbx .h-duo .h-sec, .gbx .h-duo .p-sec{max-width:none;}
}
.gbx .fab__video{margin:0;}
.gbx .fab__palco{position:relative; aspect-ratio:16/9; border-radius:var(--gb-radius-lg); overflow:hidden;
  background:var(--gb-mist) center/cover no-repeat; display:flex; align-items:center; justify-content:center;
  box-shadow:0 30px 70px rgba(0,20,60,.18);}
.gbx .fab__palco::after{content:''; position:absolute; inset:16px; border:1px dashed #B9CBEE; border-radius:8px;}
.gbx .fab__palco.tem-video::after{display:none;}
.gbx .fab__palco iframe, .gbx .fab__palco video{position:absolute; inset:0; width:100%; height:100%; border:0;
  background:#000; object-fit:cover;}
.gbx .fab__slot{position:relative; z-index:2; font-family:var(--gb-font-mono); font-size:10px;
  letter-spacing:.12em; color:#8FA8CC; text-align:center;}
.gbx .fab__play{position:relative; z-index:2; width:96px; height:96px; border-radius:50%; border:0; cursor:pointer;
  background:#fff; color:var(--gb-navy); display:none; align-items:center; justify-content:center;
  box-shadow:0 16px 44px rgba(0,20,60,.45); transition:transform var(--gb-dur) var(--gb-ease);}
.gbx .fab__play svg{width:38px; height:38px; margin-left:5px;}
.gbx .fab__play:hover{transform:scale(1.07);}
.gbx .fab__play:focus-visible{outline:3px solid var(--gb-cyan); outline-offset:4px;}
.gbx .fab__palco.tem-video .fab__slot{display:none;}
.gbx .fab__palco.tem-video .fab__play{display:flex;}
.gbx .fab__palco.is-on .fab__play{display:none;}
.gbx .fab__pe{display:flex; align-items:center; justify-content:space-between; gap:var(--gb-space-8);
  flex-wrap:wrap; margin-top:var(--gb-space-6); padding-top:24px; border-top:1px solid var(--gb-line);}
.gbx .fab__provas{list-style:none; margin:0; padding:0; display:flex; gap:var(--gb-space-8); flex-wrap:wrap;}
.gbx .fab__provas li{padding-left:16px; position:relative; max-width:34ch;}
.gbx .fab__provas li::before{content:''; position:absolute; left:0; top:2px; bottom:2px; width:2px;
  background:var(--gb-blue); border-radius:2px;}
.gbx .fab__provas b{display:block; font-size:var(--gb-text-sm); font-weight:var(--gb-weight-semi);
  color:var(--gb-navy); margin-bottom:3px;}
.gbx .fab__provas span{display:block; font-size:var(--gb-text-xs); color:var(--gb-muted); line-height:1.5;}
@media (max-width:900px){
  .gbx .fab__play{width:68px; height:68px;}
  .gbx .fab__play svg{width:27px; height:27px;}
  .gbx .fab__pe{gap:var(--gb-space-5);}
  .gbx .fab__provas{gap:var(--gb-space-5);}
}
@media (prefers-reduced-motion: reduce){
  .gbx .fab__play{transition:none;}
}
.gbx .form__grid{display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:var(--gb-space-12); align-items:start;}
.gbx .contato{position:sticky; top:104px;}
.gbx .contato .h-sec--on{margin:0 0 14px;}
.gbx .contato .p-sec--on{max-width:40ch; margin:0 0 30px;}
.gbx .contato__lista{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.gbx .contato__lista li{display:flex; gap:14px; align-items:flex-start;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.13);
  border-radius:var(--gb-radius); padding:15px 18px;
  transition:background var(--gb-dur) var(--gb-ease), border-color var(--gb-dur) var(--gb-ease);}
.gbx .contato__lista li:hover{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.26);}
.gbx .contato__ico{flex-shrink:0; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.12);
  color:#fff; display:flex; align-items:center; justify-content:center;}
.gbx .contato__ico svg{width:18px; height:18px;}
.gbx .contato__lista b{display:block; font-family:var(--gb-font-mono); font-size:10px; letter-spacing:.11em;
  text-transform:uppercase; color:var(--gb-cyan); font-weight:500; margin-bottom:5px;}
.gbx .contato__lista a, .gbx .contato__txt{color:#fff; text-decoration:none; font-size:var(--gb-text-sm);
  line-height:1.5; display:block;}
.gbx .contato__lista a:hover{color:var(--gb-cyan);}
.gbx .mapa{display:inline-flex; align-items:center; gap:10px; margin-top:22px; color:#fff; text-decoration:none;
  font-size:var(--gb-text-xs); font-family:var(--gb-font-mono); letter-spacing:.05em;
  border-bottom:1px solid rgba(255,255,255,.32); padding-bottom:5px;}
.gbx .mapa svg{width:15px; height:15px; transition:transform var(--gb-dur) var(--gb-ease);}
.gbx .mapa:hover svg{transform:translateX(4px);}
.gbx .formcard{position:relative; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.13);
  border-radius:var(--gb-radius-lg); padding:38px;}
.gbx .formcard__hd{margin-bottom:26px;}
.gbx .formcard__hd h3{font-size:1.3rem; color:#fff; margin:0 0 7px;}
.gbx .formcard__hd p{color:var(--gb-on-navy-muted); font-size:var(--gb-text-sm); margin:0;}
.gbx .form-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px 22px;}
.gbx .form-grid .full{grid-column:1/-1;}
.gbx .lbl{display:block; font-family:var(--gb-font-mono); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--gb-on-navy-muted); margin-bottom:7px;}
.gbx .fld{width:100%; height:56px; padding:0 18px; border:2px solid transparent; border-radius:var(--gb-radius);
  background:#fff; color:var(--gb-ink); font-family:inherit; font-size:1rem; outline:none;
  transition:border-color var(--gb-dur) var(--gb-ease), box-shadow var(--gb-dur) var(--gb-ease);}
.gbx textarea.fld{height:auto; min-height:104px; padding:14px 18px; line-height:1.55; resize:vertical;}
.gbx .fld::placeholder{color:var(--gb-placeholder);}
.gbx .fld:focus{border-color:var(--gb-cyan); box-shadow:0 0 0 4px rgba(81,185,254,.28);}
.gbx .fld.is-err{border-color:var(--gb-error-soft); box-shadow:0 0 0 4px rgba(255,107,107,.25);}
.gbx .form__pe{display:flex; align-items:center; gap:9px; margin-top:20px; font-size:11px;
  color:var(--gb-on-navy-muted); line-height:1.45;}
.gbx .form__pe svg{width:14px; height:14px; flex-shrink:0; color:var(--gb-cyan);}
@media (max-width:980px){
  .gbx .form__grid{grid-template-columns:1fr; gap:var(--gb-space-10);}
  .gbx .contato{position:static;}
  .gbx .contato__lista{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  .gbx .contato__lista{grid-template-columns:1fr;}
  .gbx .formcard{padding:26px 20px;}
  .gbx .form-grid{grid-template-columns:1fr;}
}
.gbx .ft{background:#fff; border-top:1px solid var(--gb-line); padding:var(--gb-space-16) 0 var(--gb-space-6);}
.gbx .ft__grid{display:grid; grid-template-columns:1.35fr .85fr 1.05fr 1.05fr .9fr; gap:var(--gb-space-8);}
.gbx .ft__logo img{height:52px; width:auto; margin-bottom:16px;}
.gbx .ft h4{font-family:var(--gb-font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.11em;
  color:var(--gb-blue); margin:0 0 14px; font-weight:500;}
.gbx .ft a, .gbx .ft p{color:var(--gb-muted); text-decoration:none; font-size:var(--gb-text-sm); display:block; margin:0 0 9px;}
.gbx .ft a:hover{color:var(--gb-navy);}
.gbx .ft__sel{display:flex; gap:14px; align-items:center; margin-top:16px; flex-wrap:wrap;}
.gbx .ft__sel img{height:52px; width:auto;}
.gbx .ft__soc{display:flex; gap:9px; margin-top:6px;}
.gbx .ft__soc a{width:36px; height:36px; border-radius:50%; background:var(--gb-mist); color:var(--gb-navy);
  display:flex; align-items:center; justify-content:center; margin:0;}
.gbx .ft__soc a:hover{background:var(--gb-navy); color:#fff;}
.gbx .ft__soc svg{width:16px; height:16px;}
.gbx .ft__end{border-top:1px solid var(--gb-line); margin-top:var(--gb-space-10); padding-top:20px;
  font-size:var(--gb-text-xs); color:var(--gb-muted); display:flex; gap:22px; flex-wrap:wrap;}
.gbx .gb-reveal{opacity:0;}
.gbx .gb-reveal.is-in{animation:gb-blur-fade var(--gb-dur-blurfade) var(--gb-ease-out) both;
  animation-delay:calc(var(--gb-delay-blurfade) + var(--d,0ms));}
@media (prefers-reduced-motion: reduce){
  .gbx .ripple i, .gbx .beam i, .gbx .gb-marquee__track{animation:none!important;}
}
@media (max-width:1024px){
  .gbx .bentos{grid-auto-rows:18rem;}
}
@media (max-width:900px){
  .gbx .hero__in, .gbx .two, .gbx .band__in{grid-template-columns:1fr; gap:var(--gb-space-10);}
  .gbx .bentos{grid-template-columns:1fr; grid-auto-rows:15rem;}
  .gbx .bento--wide{grid-column:span 1;}
  .gbx .form-grid{grid-template-columns:1fr;}
  .gbx .ft__grid{grid-template-columns:1fr 1fr;}
  .gbx .nav__menu, .gbx .util span:not(.last){display:none;}
}
.gbx .nav__burger{display:none; width:44px; height:44px; margin-left:auto; border:1px solid var(--gb-line);
  border-radius:var(--gb-radius-btn); background:#fff; cursor:pointer; padding:0;
  flex-direction:column; align-items:center; justify-content:center; gap:5px;}
.gbx .nav__burger span{display:block; width:20px; height:2px; background:var(--gb-navy); border-radius:2px;
  transition:transform var(--gb-dur) var(--gb-ease), opacity var(--gb-dur) var(--gb-ease);}
.gbx .nav.is-open .nav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.gbx .nav.is-open .nav__burger span:nth-child(2){opacity:0;}
.gbx .nav.is-open .nav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.gbx .nav__menu-cta{display:none;}
@media (max-width:900px){
  .gbx .nav__in{gap:14px;}
  .gbx .nav__cta{display:none;}
  .gbx .nav__burger{display:flex;}
  .gbx .nav__menu{display:none; position:absolute; left:0; right:0; top:100%; z-index:20;
    flex-direction:column; gap:0; margin:0; background:#fff; border-top:1px solid var(--gb-line);
    box-shadow:0 18px 40px rgba(0,20,60,.12); padding:8px 20px 20px;}
  .gbx .nav.is-open .nav__menu{display:flex;}
  .gbx .nav__menu a{padding:15px 0; border-bottom:1px solid var(--gb-line); font-size:1rem;}
  .gbx .nav__menu a.nav__menu-cta{display:flex; justify-content:center; margin-top:16px;
    border-bottom:0; color:#fff; padding:16px 26px;}
}
@media (max-width:760px){
  .gbx .util__in{gap:16px; justify-content:center; font-size:10px;
    padding-block:8px; flex-wrap:nowrap;}
  .gbx .util span{white-space:nowrap;}
  .gbx .util span{display:none;}
  .gbx .util span.selo, .gbx .util span.tel{display:flex;}
  .gbx .util svg{width:12px; height:12px;}
  .gbx .util span{gap:6px;}
  .gbx .util .so-desk{display:none;}
  .gbx .util .so-mob{display:inline;}
  .gbx .hero{background:
      linear-gradient(180deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.74) 38%,
        rgba(255,255,255,.95) 48%, rgba(255,255,255,.97) 100%),
      url("/wp-content/uploads/gira/hero-mobile.webp") center top / cover no-repeat,
      linear-gradient(180deg,#fff 0%,var(--gb-mist) 100%);
    min-height:0;}
  .gbx .hero__in{min-height:0; padding-top:calc(65vw - 20px);
    padding-bottom:var(--gb-space-10); align-content:end;}
  .gbx .hero__in > div{max-width:none;}
  .gbx .hero__sub{font-size:var(--gb-text-sm); line-height:1.65; margin-top:18px;}
  .gbx .hero .row{display:grid; grid-template-columns:1fr; gap:10px;}
  .gbx .hero .row .btn{width:100%;}
  .gbx .entrega{grid-template-columns:1fr;}
  .gbx .figure{min-height:220px;}
  .gbx .figure__drop{max-width:120px;}
  .gbx .ft__grid{grid-template-columns:1fr; gap:var(--gb-space-6);}
  .gbx .ft__end{flex-direction:column; align-items:flex-start; gap:8px;}
  .gbx #duvidas .two{gap:0;}
  .gbx #duvidas .faq__fixo{display:contents;}
  .gbx #duvidas .faq{order:1; margin-top:var(--gb-space-6);}
  .gbx #duvidas .faq__fixo .row{order:2; margin-top:var(--gb-space-6);}
  .gbx #duvidas .faq__fixo .row .btn{width:100%;}
  .gbx .spec{min-width:560px;}
  .gbx .spec thead th:first-child{position:sticky; left:0; z-index:3; background:var(--gb-navy);}
  .gbx .spec tbody th{position:sticky; left:0; z-index:2; background:#fff;
    box-shadow:1px 0 0 var(--gb-line);}
  .gbx .spec tbody tr:nth-child(even) th{background:var(--gb-paper);}
  .gbx .spec thead th, .gbx .spec tbody th, .gbx .spec tbody td{padding:13px 14px;}
  .gbx .spec-wrap{position:relative;}
  .gbx .spec thead th:first-child, .gbx .spec tbody th{width:118px; min-width:118px;
    max-width:118px; white-space:normal; line-height:1.3;}
  .gbx .formcard, .gbx .fcard--cta{padding:24px 20px;}
  .gbx .fab__palco{border-radius:var(--gb-radius);}
}
@media (max-width:480px){
  .gbx .wrap{padding-inline:16px;}
  .gbx .form__grid > *, .gbx .contato, .gbx .formcard{min-width:0;}
  .gbx .fld{max-width:100%;}
  .gbx .contato__lista a{overflow-wrap:anywhere;}
  .gbx .prod__acts{grid-template-columns:1fr;}
  .gbx .fab__pe .btn{width:100%;}
  .gbx .gb-popup-card{padding:34px 22px 26px;}
  .gbx .wa-float{right:14px; bottom:14px; width:52px; height:52px;}
  .gbx .wa-float svg{width:26px; height:26px;}
}
.gbx .prod__nome{font-size:var(--gb-text-h3); color:var(--gb-navy); margin:0 0 6px;}
.gbx .prod__spec{font-family:var(--gb-font-mono); font-size:11px; color:var(--gb-blue);
  letter-spacing:.04em; margin:0 0 4px;}
.gbx .gb-status{min-height:20px; margin:16px 0 0; text-align:center; color:#FFD7D7; font-size:.9rem;}
.gbx .gb-popup{display:none; position:fixed; inset:0; z-index:99999; background:rgba(0,19,68,.72);
  padding:20px; align-items:center; justify-content:center;}
.gbx .gb-popup.gb-ativo{display:flex;}
.gbx .gb-popup-card{position:relative; width:100%; max-width:430px; background:#fff; border-radius:14px;
  padding:42px 32px 34px; text-align:center; box-shadow:var(--gb-shadow-modal);}
.gbx .gb-popup-close{position:absolute; top:10px; right:16px; border:0; background:none; color:#9AA4B8;
  font-size:2rem; line-height:1; cursor:pointer;}
.gbx .gb-popup-icon{width:72px; height:72px; margin:0 auto 20px; border-radius:50%; background:var(--gb-success);
  color:#fff; font-size:2.1rem; display:flex; align-items:center; justify-content:center;}
.gbx .gb-popup-card h3{margin:0 0 10px; color:var(--gb-navy); font-size:1.4rem;}
.gbx .gb-popup-card p{margin:0 0 24px; color:var(--gb-muted); font-size:.96rem; line-height:1.6;}
.gbx .gb-popup-wa{display:inline-block; width:100%; padding:16px 26px; border-radius:var(--gb-radius);
  background:var(--gb-whatsapp); color:#fff; font-weight:600; text-decoration:none;}
.gbx .wa-float{position:fixed; right:22px; bottom:22px; z-index:999; width:58px; height:58px;
  border-radius:50%; background:var(--gb-whatsapp); color:#fff; display:flex; align-items:center;
  justify-content:center; box-shadow:0 10px 28px rgba(37,211,102,.42); text-decoration:none;
  transition:transform var(--gb-dur) var(--gb-ease);}
.gbx .wa-float:hover{transform:scale(1.08);}
.gbx .wa-float{opacity:0; visibility:hidden; transform:translateY(14px) scale(.9);
  transition:opacity var(--gb-dur) var(--gb-ease), transform var(--gb-dur) var(--gb-ease),
    visibility 0s linear var(--gb-dur);}
.gbx .wa-float.is-on{opacity:1; visibility:visible; transform:none; transition-delay:0s;}
.gbx .wa-float.is-on:hover{transform:scale(1.08);}
.gbx .wa-float svg{width:29px; height:29px;}/* End custom CSS */