/* Marca ERP GFA — cores e peças comuns das páginas novas (ERP, Gerador de EAN, Notícias).
   Trocar a paleta da marca = mudar só os tokens abaixo. */
:root{
  --navy:#1B2447;       /* azul-marinho da marca */
  --navy-2:#27305C;
  --laranja:#F1621E;    /* destaque da marca */
  --laranja-esc:#D2500F;
  --amarelo-ml:#FFE600;
  --verde:#00A650;
  --fundo:#F4F5F9;
  --papel:#FFFFFF;
  --tinta:#161B33;
  --t2:#51587A;
  --t3:#8A90AB;
  --linha:#DDE0EA;
  --display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --texto:'Source Sans 3',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--texto);color:var(--tinta);background:var(--papel);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
:focus-visible{outline:3px solid var(--laranja);outline-offset:2px}

/* topo */
.gfa-topo{position:sticky;top:0;z-index:50;background:var(--navy)}
.gfa-topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;flex-wrap:wrap}
.gfa-marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.gfa-marca img{width:40px;height:40px;border-radius:9px;background:#fff;padding:4px;object-fit:contain}
.gfa-marca b{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:.01em}
.gfa-marca b em{font-style:normal;color:var(--laranja)}
.gfa-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.gfa-nav a{color:#fff;text-decoration:none;font-weight:600;font-size:15.5px}
.gfa-nav a:hover,.gfa-nav a[aria-current="page"]{color:var(--laranja)}
.gfa-nav a.gfa-cta{background:var(--laranja);color:#fff;padding:8px 16px;border-radius:6px}
.gfa-nav a.gfa-cta:hover{background:var(--laranja-esc);color:#fff}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px var(--texto);padding:12px 24px;border-radius:7px;border:0;cursor:pointer;text-decoration:none;transition:background .15s}
.btn-laranja{background:var(--laranja);color:#fff}.btn-laranja:hover{background:var(--laranja-esc)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-2)}
.btn-contorno{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}.btn-contorno:hover{background:rgba(27,36,71,.06)}
.btn-verde{background:var(--verde);color:#fff}.btn-verde:hover{background:#008F45}

/* seções */
.secao{padding-block:56px}
.secao-cinza{background:var(--fundo)}
.olho{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--laranja);margin-bottom:10px}
.cab{margin-bottom:28px;max-width:680px}
.cab h2{font-size:clamp(24px,3vw,34px);color:var(--navy);margin-bottom:8px}
.cab p{font-size:17px;color:var(--t2)}

/* rodapé */
.gfa-rodape{background:var(--navy);color:rgba(255,255,255,.78);padding-block:36px;font-size:14.5px}
.gfa-rodape .wrap{display:flex;flex-direction:column;gap:18px}
.gfa-rodape-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.gfa-rodape-links a{color:#fff;text-decoration:none;font-weight:600}
.gfa-rodape-links a:hover{color:var(--laranja)}
.gfa-rodape small{color:rgba(255,255,255,.6)}

@media (max-width:640px){
  .gfa-nav{gap:12px}.gfa-nav a{font-size:14.5px}
  .secao{padding-block:40px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}