/* Precision Pesagem | mesmo visual do site anterior (azul #1a56db, azul-noite, Space Grotesk) */
@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Pathway Extreme";src:url(/assets/fonts/pathway-extreme.woff2) format("woff2");font-weight:400 700;font-display:swap}

:root{
  --azul:#1a56db;--azul-esc:#1546b5;--azul-claro:#e6edfc;--noite:#0d1726;--noite2:#0c1625;
  --texto:#0c1625;--suave:#4a5566;--claro:#f1f6fe;--verde:#61ce70;--verde-esc:#4cb85b;--estrela:#f59f0a;
  --raio:16px;--larg:1140px;
  --sombra:0 10px 30px rgba(12,22,37,.08)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;font:400 15px/1.6 "Space Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--texto);background:#fff;overflow-x:hidden}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;line-height:1.15}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
button,input,textarea{font:inherit}
:focus-visible{outline:3px solid #7aa2f7;outline-offset:3px}
.ico{width:1em;height:1em;fill:currentColor;flex:none}
.azul{color:var(--azul)}
.pular{position:absolute;left:-9999px;top:0;z-index:100;padding:10px 16px;background:var(--azul);color:#fff}
.pular:focus{left:10px;top:10px}
.secao__in{max-width:var(--larg);margin:0 auto}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border:0;border-radius:8px;font-weight:600;font-size:14.5px;line-height:1.2;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn__ico{width:1.05em;height:1.05em;fill:currentColor;flex:none}
.btn--azul{background:var(--azul);color:#fff;box-shadow:0 8px 20px rgba(26,86,219,.28)}
.btn--azul:hover{background:var(--azul-esc)}
.btn--zap{background:var(--verde);color:#fff;box-shadow:0 8px 20px rgba(97,206,112,.28)}
.btn--zap:hover{background:var(--verde-esc)}
.btn--escuro{background:#242e3b;color:#fff;border:1px solid rgba(255,255,255,.08)}
.btn--escuro:hover{background:#2f3b4b}
.btn--grande{padding:14px 24px;font-size:17px}
.btn--peq{padding:9px 16px;font-size:13.5px}

/* ---------- fundos (grade fina, como no site anterior) ---------- */
.escuro{position:relative;background:radial-gradient(60% 70% at 95% 10%,rgba(26,86,219,.28),transparent 70%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,var(--noite);color:#fff}
.claro{position:relative;background:radial-gradient(40% 40% at 20% 20%,rgba(26,86,219,.08),transparent 70%),radial-gradient(40% 40% at 80% 70%,rgba(26,86,219,.06),transparent 70%),linear-gradient(rgba(26,86,219,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(26,86,219,.035) 1px,transparent 1px) 0 0/48px 48px,var(--claro)}

/* ---------- selos e títulos ---------- */
.selo{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:7px 18px;border:1.5px solid var(--azul);border-radius:30px;background:#fff;color:var(--azul);font-size:12.5px;font-weight:600;letter-spacing:.02em}
.selo--escuro{background:#0f2247;color:#fff}
.selo .ico{width:15px;height:15px}
.cab{margin-bottom:46px;text-align:center}
.cab__tit{font-weight:700;font-size:clamp(32px,4vw,50px);letter-spacing:-.01em}
.escuro .cab__tit{color:var(--azul)}
.cab__sub{max-width:760px;margin:14px auto 0;color:var(--suave);font-size:15.5px}
.escuro .cab__sub{color:#cbd5e1}

/* ---------- cabeçalho branco flutuante ---------- */
.topo{position:fixed;top:10px;left:0;right:0;z-index:40;padding:0 20px;transition:top .3s}
.topo__barra{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;max-width:var(--larg);height:68px;margin:0 auto;padding:0 24px 0 40px;border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.topo__logo img{width:126px;height:auto}
.menu ul{display:flex;justify-content:center;gap:6px}
.menu a{position:relative;display:block;padding:8px 14px;color:#54595f;font-weight:500;font-size:15.5px;transition:color .2s}
.menu a::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--azul);transform:scaleX(0);transition:transform .25s}
.menu a:hover,.menu a.ativo{color:var(--azul)}
.menu a:hover::after,.menu a.ativo::after{transform:scaleX(1)}
.topo__btn{padding:10px 18px}
.topo__menu{display:none}

/* ---------- topo ---------- */
.hero{padding:110px 24px 30px}
.hero__in{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;max-width:1040px;margin:0 auto}
.hero__tit{margin:4px 0 18px;font-weight:700;font-size:clamp(28px,2.5vw,35px);line-height:1.5}
.hero__texto{color:#cbd5e1;font-size:17.5px;line-height:1.55}
.hero__botoes{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 0}
.hero__fotos{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.hero__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}
.hero__foto.ativa{opacity:1}
.hero__destaques{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:54px auto 0;font-size:15.5px;font-weight:500}
.hero__destaques li{display:flex;align-items:center;gap:8px}
.hero__destaques .ico{width:17px;height:17px;color:#3b82f6}
.hero__descer{display:grid;place-items:center;width:40px;height:30px;margin:10px auto 0;color:rgba(255,255,255,.35);animation:pula 2s infinite}
.hero__descer .ico{width:30px;height:30px}
@keyframes pula{50%{transform:translateY(6px)}}

/* ---------- diferenciais ---------- */
.diferenciais{padding:60px 24px 60px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{padding:30px 30px 34px;border:1px solid var(--azul-claro);border-radius:var(--raio);background:#fff;box-shadow:0 2px 10px rgba(12,22,37,.03);transition:transform .3s,box-shadow .3s,border-color .3s}
.card:hover{transform:translateY(-5px);border-color:#c9d8f8;box-shadow:var(--sombra)}
.card__ico{display:grid;place-items:center;width:48px;height:48px;margin-bottom:44px;border-radius:8px;background:var(--azul);color:#fff}
.card__ico .ico{width:24px;height:24px}
.card h3{margin-bottom:8px;font-size:15.5px;font-weight:600}
.card p{margin:0;color:#2c3a4b;font-size:15.5px;line-height:1.55}

/* ---------- principais serviços ---------- */
.servicos{padding:50px 24px 50px}
.servico{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1140px;margin:0 auto 60px}
.servico:last-child{margin-bottom:0}
.servico__img{overflow:hidden;border-radius:var(--raio);box-shadow:0 10px 30px rgba(26,86,219,.15)}
.servico__img img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .6s}
.servico:hover .servico__img img{transform:scale(1.04)}
.servico--inverte .servico__img{order:2}
.servico__txt{padding:0 20px}
.servico__txt h3{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--azul);font-size:clamp(24px,2.4vw,31px);font-weight:600}
.servico__txt h3 .ico{width:30px;height:30px}
.servico__txt p{margin:0;font-size:16px;color:#2c3a4b}

/* ---------- outros produtos ---------- */
.produtos{padding:40px 24px 60px}
.produtos .cab{margin-bottom:40px}
.produtos__grade{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.produto{display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:#fff;color:var(--texto);text-align:center;transition:transform .3s,box-shadow .3s}
.produto:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.produto__img{overflow:hidden}
.produto__img img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .6s}
.produto:hover .produto__img img{transform:scale(1.06)}
.produto__txt{flex:1;display:flex;flex-direction:column;justify-content:center;padding:26px 20px 10px}
.produto h3{margin-bottom:22px;font-size:15px;font-weight:700;line-height:1.4}
.produto p{margin:0;font-size:15px;line-height:1.55;color:#2c3a4b}
.produto .btn{align-self:center;margin:14px auto 22px}

/* ---------- INMETRO e números ---------- */
.inmetro{padding:40px 24px 80px}
.inmetro__selo{margin:0 0 40px;text-align:center}
.inmetro__grade{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;max-width:1060px;margin:0 auto}
.inmetro__img img{width:100%;border-radius:var(--raio);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.inmetro__txt h2{margin-bottom:22px;font-size:clamp(26px,2.6vw,33px);font-weight:600;line-height:1.6}
.inmetro__txt>p{color:#e2e8f0;font-size:16px}
.aviso-cert{margin-top:24px;padding:10px 0 10px 18px;border-left:4px solid var(--azul);color:#e2e8f0;font-size:15.5px}
.aviso-cert p{margin:0}
.aviso-cert strong{color:#fff}
.numeros__tit{margin:110px 0 40px;text-align:center;font-size:clamp(32px,4vw,50px);font-weight:700}
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.numeros strong{display:block;color:var(--azul);font-size:clamp(46px,5.4vw,66px);font-weight:500;line-height:1.1}
.numeros li>span{color:#fff;font-size:18px}

/* ---------- marcas, depoimentos e perguntas ---------- */
.marcas-depo{padding:80px 24px 90px}
.marcas{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;align-items:center;margin-bottom:110px;text-align:center;font-weight:700;font-size:16px}
.marcas li{padding:10px;border-radius:10px;transition:background .2s,color .2s}
.marcas li:hover{background:#fff;color:var(--azul)}
.marcas img{max-height:50px;margin:0 auto;object-fit:contain}
.depos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:0 auto 110px}
.depo{padding:30px 30px 26px;border-radius:var(--raio);background:#fff;box-shadow:var(--sombra)}
.depo--destaque{background:var(--noite2);color:#fff}
.depo__estrelas{display:flex;gap:3px;margin-bottom:16px;color:var(--estrela)}
.depo__estrelas .ico{width:17px;height:17px}
.depo blockquote{margin:0 0 22px;font-style:italic;font-size:16px;line-height:1.5;color:#4a5566}
.depo--destaque blockquote{color:#fff}
.depo__autor{display:flex;align-items:center;gap:12px;margin:0;color:var(--azul);font-weight:600}
.depo__foto{width:44px;height:44px;border-radius:50%;object-fit:cover}
.depo__foto--vazia{display:grid;place-items:center;background:var(--azul-claro);color:var(--azul);font-weight:700}
.faq .cab{margin-bottom:24px}
.faq__lista{display:grid;gap:12px;max-width:1100px;margin:0 auto}
.faq__item{border:1px solid #dbe4f6;border-radius:14px;background:rgba(255,255,255,.7);transition:background .2s,box-shadow .2s}
.faq__item[open]{background:transparent;box-shadow:none}
.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:600;font-size:15.5px;cursor:pointer;list-style:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{color:var(--azul)}
.faq__sinal{position:relative;width:14px;height:14px;flex:none}
.faq__sinal::before,.faq__sinal::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2.5px;border-radius:2px;background:currentColor;transition:transform .25s}
.faq__sinal::after{transform:rotate(90deg)}
.faq__item[open] .faq__sinal::after{transform:rotate(0)}
.faq__item p{margin:0;padding:6px 40px 26px 30px;color:#7a8696;font-size:15px;line-height:1.65}

/* ---------- chamada final e contatos ---------- */
.chamada{padding:80px 24px 80px}
.chamada__topo{text-align:center}
.chamada__tit{margin:10px 0 18px;font-size:clamp(36px,4.6vw,56px);font-weight:700;line-height:1.1}
.chamada__texto{max-width:600px;margin:0 auto;color:#e2e8f0;font-size:17px}
.chamada__texto .azul{font-weight:700}
.chamada__botoes{justify-content:center;margin-top:40px}
.contatos__tit{margin:80px 0 36px;text-align:center;color:var(--azul);font-size:clamp(28px,3vw,40px);font-weight:700}
.contatos{display:grid;grid-template-columns:.65fr 1fr;max-width:1120px;margin:0 auto;border:1px solid rgba(26,86,219,.35);border-radius:18px;background:rgba(12,22,37,.6);box-shadow:0 0 40px rgba(26,86,219,.12);overflow:hidden}
.contatos__info{display:flex;flex-direction:column;align-items:center;padding:52px 30px 40px;text-align:center}
.contatos__texto{margin:36px 0 50px;font-weight:600;font-size:15.5px}
.contatos__info ul{display:grid;gap:10px;align-self:stretch;text-align:left;font-family:"Pathway Extreme",sans-serif;font-size:15.5px}
.contatos__info li{display:flex;align-items:flex-start;gap:10px}
.contatos__info li .ico{width:16px;height:16px;margin-top:4px;color:var(--azul)}
.contatos__info a:hover{color:#93b4f5}
.form{display:flex;flex-direction:column;gap:12px;padding:44px 52px 40px;border-left:1px solid rgba(26,86,219,.35);border-radius:18px;background:rgba(255,255,255,.14)}
.form label{display:flex;flex-direction:column;gap:6px;font-family:"Pathway Extreme",sans-serif;font-weight:700;font-size:15.5px}
.form label em{color:#ef4444;font-style:normal}
.form input,.form textarea{width:100%;padding:9px 18px;border:0;border-radius:18px;background:#fff;color:var(--texto);font-size:14.5px}
.form textarea{border-radius:14px;resize:vertical}
.form input:focus,.form textarea:focus{outline:3px solid rgba(26,86,219,.45)}
.form [aria-invalid=true]{outline:2px solid #ef4444}
.form__btn{align-self:flex-end;min-width:200px;border-radius:20px}
.form__erro{margin:0;color:#fca5a5;font-weight:600;font-size:14px}
.form__nota{align-self:flex-end;color:#cbd5e1;font-size:12.5px}
.mapa{background:#e5e3df}
.mapa iframe{display:block;width:100%;height:400px;border:0}

/* ---------- páginas internas ---------- */
.pagina{max-width:860px;margin:0 auto;padding:130px 24px 80px}
.pagina--erro{text-align:center}
.pagina .cab__tit{margin-bottom:26px;font-size:clamp(30px,4vw,42px)}
.texto{line-height:1.75}
.texto h3{margin:24px 0 10px;font-size:19px}
.texto a{color:var(--azul);text-decoration:underline}
.botoes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.pagina:not(.pagina--erro) .botoes{justify-content:flex-start}

/* ---------- rodapé ---------- */
.rodape{background:#000;color:#fff}
.rodape__in{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 22px;max-width:var(--larg);margin:0 auto;padding:22px 24px;font-size:14.5px;font-weight:500}
.rodape__in p{margin:0}
.rodape__in p .azul{color:#2f6df0}
.rodape__logo img{width:44px;height:auto}
.rodape a:hover{color:#93b4f5}
.rodape__links a{color:#9aa4b2;font-size:13px;text-decoration:underline;text-underline-offset:3px}

/* ---------- botão flutuante, idiomas e voltar ao topo ---------- */
.flutua{position:fixed;left:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:7px;padding:10px 20px;border-radius:8px;background:var(--verde);color:#fff;font-weight:600;font-size:15px;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .25s,background .2s}
.flutua:hover{background:var(--verde-esc);transform:translateY(-2px)}
.flutua .ico{width:17px;height:17px}
.idioma{position:fixed;right:20px;bottom:20px;z-index:50}
.idioma__atual{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-radius:4px;background:#fff;color:#222;font-weight:700;font-size:17px;box-shadow:0 4px 18px rgba(0,0,0,.2);cursor:pointer}
.idioma__atual img{width:30px;height:auto;border-radius:3px}
.idioma__atual .ico{width:16px;height:16px;transition:transform .2s}
.idioma__atual[aria-expanded=true] .ico{transform:rotate(180deg)}
.idioma__lista{position:absolute;right:0;bottom:calc(100% + 8px);width:190px;max-height:60vh;overflow:auto;padding:6px;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.idioma__lista button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:none;color:#222;font-size:14.5px;text-align:left;cursor:pointer}
.idioma__lista button:hover,.idioma__lista button[aria-current]{background:var(--azul-claro);color:var(--azul)}
.idioma__lista img{width:24px;height:auto;border-radius:2px}
.subir{position:fixed;right:28px;bottom:84px;z-index:50;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--azul);color:#fff;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s}
.subir.ve{opacity:.92;visibility:visible;transform:none}
.subir:hover{opacity:1;background:var(--azul-esc)}
.subir .ico{width:24px;height:24px}
/* barra do Google Tradutor: escondida (o seletor próprio já mostra o idioma) */
body{top:0!important}
.skiptranslate iframe,#goog-gt-tt,.goog-te-banner-frame,#google_translate_element{display:none!important}
.previa-aviso{position:relative;z-index:60;padding:10px 16px;background:#ffe27a;color:#3d2c00;text-align:center;font-size:14px;font-weight:500}
.previa-aviso~.topo{top:52px}

/* ---------- entrada suave das seções (só com JavaScript ligado) ---------- */
@media (scripting:enabled){
  .revela{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease,box-shadow .3s,border-color .3s}
  .revela.visivel{opacity:1;transform:none}
  .card.revela.visivel:hover,.produto.revela.visivel:hover{transform:translateY(-5px)}
  .cards .revela:nth-child(4n+2),.produtos__grade .revela:nth-child(4n+2),.numeros .revela:nth-child(2),.depos .revela:nth-child(2){transition-delay:.08s}
  .cards .revela:nth-child(4n+3),.produtos__grade .revela:nth-child(4n+3),.numeros .revela:nth-child(3),.depos .revela:nth-child(3){transition-delay:.16s}
  .cards .revela:nth-child(4n+4),.produtos__grade .revela:nth-child(4n+4),.numeros .revela:nth-child(4){transition-delay:.24s}
}

/* ---------- telas menores ---------- */
@media (max-width:1100px){
  .topo__barra{padding:0 18px 0 24px}
  .menu a{padding:8px 9px;font-size:14.5px}
  .menu a::after{left:9px;right:9px}
  .cards,.produtos__grade{grid-template-columns:repeat(2,1fr)}
  .marcas{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .hero__in,.inmetro__grade,.servico{grid-template-columns:1fr}
  .servico--inverte .servico__img{order:0}
  .servico__txt{padding:0}
  .depos{grid-template-columns:1fr;max-width:560px}
  .contatos{grid-template-columns:1fr}
  .form{border-left:0;border-top:1px solid rgba(26,86,219,.35);padding:34px 26px}
}
@media (max-width:767px){
  html{scroll-padding-top:80px}
  .topo{top:0;padding:0}
  .topo__barra{display:flex;height:64px;padding:0 14px;border-radius:0}
  .topo__logo{margin-right:auto}
  .topo__logo img{width:110px}
  .topo__btn{display:none}
  .topo__menu{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:10px;background:var(--azul);color:#fff;cursor:pointer}
  .topo__menu svg{width:22px;height:22px;fill:currentColor}
  .topo__menu .fecha,.menu-aberto .topo__menu .abre{display:none}
  .menu-aberto .topo__menu .fecha{display:block}
  .menu{position:absolute;top:100%;left:0;right:0;padding:6px 16px 16px;background:#fff;box-shadow:0 16px 30px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}
  .menu-aberto .menu{opacity:1;visibility:visible;transform:none}
  .menu ul{flex-direction:column;gap:0}
  .menu a{padding:14px 6px;border-bottom:1px solid #eef1f6;font-size:16px}
  .menu a::after{display:none}
  .previa-aviso~.topo{top:0}
  .hero{padding:96px 18px 24px}
  .hero__in{gap:30px}
  .hero__tit{font-size:30px;line-height:1.3}
  .hero__texto{font-size:16px}
  .hero__botoes .btn{flex:1 1 200px}
  .hero__destaques{flex-direction:column;align-items:flex-start;max-width:340px;margin-top:36px}
  .diferenciais,.servicos,.produtos,.inmetro,.marcas-depo,.chamada{padding-left:18px;padding-right:18px}
  .cab{margin-bottom:32px}
  .cards,.produtos__grade{grid-template-columns:1fr}
  .card__ico{margin-bottom:24px}
  .servico{gap:20px;margin-bottom:44px}
  .numeros{grid-template-columns:1fr 1fr;gap:30px 10px}
  .numeros__tit{margin-top:70px}
  .marcas{grid-template-columns:repeat(2,1fr);margin-bottom:70px}
  .depos{margin-bottom:70px}
  .faq__item p{padding:4px 20px 20px}
  .chamada__botoes .btn{flex:1 1 240px}
  .contatos__tit{margin-top:60px}
  .form__btn{align-self:stretch}
  .mapa iframe{height:320px}
  .rodape__in{padding:20px 18px 96px;text-align:center}
  .flutua{left:14px;bottom:14px;padding:10px 16px;font-size:14px}
  .idioma{right:14px;bottom:14px}
  .idioma__atual{padding:8px 10px;font-size:15px}
  .subir{right:20px;bottom:76px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .revela{opacity:1!important;transform:none!important}
}