/* ---------------------------------------------------------------
   GB Importadora — identidade Chumbo & Lima
   Serve as duas páginas: institucional (/) e atacado (subdomínio).
   --------------------------------------------------------------- */

@font-face{
  font-family:'Archivo';font-style:normal;font-weight:800;font-display:swap;
  src:url(/fontes/archivo-800.woff2) format('woff2');
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/fontes/inter.woff2) format('woff2');
}

:root{
  --chumbo:#33383D;
  --chumbo-esc:#22262A;
  --lima:#C6F035;
  --lima-esc:#A9D31C;
  --cinza:#DDE2E5;
  --frio:#F7F9FA;
  --tinta:#14181B;
  --texto:#4A5257;
  --borda:#E3E8EB;
  --raio:10px;
  --col:1120px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font:400 17px/1.6 Inter,system-ui,-apple-system,sans-serif;
  color:var(--texto); background:var(--frio);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:Archivo,Inter,sans-serif;color:var(--tinta);letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.04}
h2{font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:800;line-height:1.1}
h3{font-size:1.1rem;font-weight:800}
a{color:inherit}
img{max-width:100%}
.col{max-width:var(--col);margin:0 auto;padding:0 24px}
section{padding:76px 0}

.rotulo{
  font:600 12px/1 Inter;letter-spacing:.16em;text-transform:uppercase;
  color:var(--chumbo);display:inline-flex;align-items:center;gap:10px;
}
.rotulo::before{content:"";width:26px;height:3px;background:var(--lima);border-radius:2px}

/* ---------- topo ---------- */
nav{background:var(--chumbo);color:#fff;padding:14px 0;position:sticky;top:0;z-index:50}
nav .col{display:flex;align-items:center;justify-content:space-between;gap:16px}
.marca{height:34px;width:auto;display:block;flex:none}
nav span{font-size:.86rem;color:#C9D1D6}
nav b{color:var(--lima)}
nav .menu{display:flex;gap:26px;font-size:.9rem;color:#C9D1D6}
nav .menu a{text-decoration:none}
nav .menu a:hover{color:var(--lima)}

header.topo{background:var(--chumbo);color:#fff;padding:60px 0 76px}
header h1{color:#fff}
header h1 em{font-style:normal;color:var(--lima)}
.frase{color:#C9D1D6;font-size:1.1rem;max-width:52ch;margin-top:18px}

/* foco visível em tudo que recebe teclado */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--lima);outline-offset:2px;
}

footer{background:var(--tinta);color:#8A959B;padding:40px 0;font-size:.86rem}
footer .col{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer b{color:#D5DBDF;font-weight:600}
footer img{height:26px;opacity:.9}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(max-width:860px){
  section{padding:52px 0}
  nav .menu{display:none}
}