:root{
  --fundo:#EEECE7;--pedra:#D8D4CC;--grafite:#24272B;--meio:#4A4E55;--cobalto:#0B47B8;--linha:#24272B;
  --f:"Archivo",system-ui,sans-serif;--saida:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0}
body{background:var(--fundo);color:var(--grafite);font:400 16px/1.5 var(--f);font-variant-numeric:tabular-nums;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--cobalto);outline-offset:2px}
.pular{position:absolute;left:-999px;top:8px;background:var(--grafite);color:var(--fundo);padding:10px 14px;z-index:9}
.pular:focus{left:8px}
.wrap{max-width:1360px;margin-inline:auto;padding-inline:clamp(16px,3vw,40px)}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,1.6vw,24px)}
.rot{font:600 12px/1.2 var(--f);letter-spacing:.08em;text-transform:uppercase;color:var(--meio)}
.num{font-stretch:75%}
h1,h2,h3{font-weight:700;letter-spacing:-.035em;line-height:.95}

.topo{border-bottom:1px solid var(--linha);align-items:center;min-height:64px}
.marca{grid-column:1/4;font:800 20px/1 var(--f);letter-spacing:-.03em;text-decoration:none;display:flex;gap:10px;align-items:center;min-height:44px}
.marca i{display:inline-block;width:18px;height:18px;background:var(--cobalto)}
.topo nav{grid-column:4/13;justify-self:end}
.topo ul{display:flex;list-style:none;padding:0;flex-wrap:wrap}
.topo nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-weight:600;font-size:15px;text-decoration:none;border-left:1px solid var(--pedra)}
.topo nav a:hover{color:var(--cobalto)}
.topo nav a[aria-current]{background:var(--grafite);color:var(--fundo)}

.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:0 18px;background:var(--cobalto);color:#F5F4F0;font:600 15px/1 var(--f);text-decoration:none;border:1px solid var(--cobalto);cursor:pointer;transition:background .16s}
.btn::after{content:"";width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:transform .2s var(--saida)}
.btn:hover{background:var(--grafite);border-color:var(--grafite)}
.btn:hover::after{transform:translateX(4px) rotate(45deg)}
.btn.linha{background:transparent;color:var(--grafite);border-color:var(--grafite)}
.btn.linha:hover{background:var(--grafite);color:var(--fundo)}

.rodape{background:var(--grafite);color:#C9CBCF;padding-block:32px;font-size:14px}
.rodape a{color:#F5F4F0}
.rodape p+p{margin-top:8px}
@media (max-width:760px){.marca,.topo nav{grid-column:1/-1;justify-self:start}.topo{padding-top:12px}.topo nav a{padding:0 10px;font-size:14px}.topo nav li:first-child a{border-left:0;padding-left:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}