@font-face{font-family:"Work Sans";src:url("work-sans.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --tinta:#231114;--amarelo:#F2DA2A;--creme:#F7F2E6;--branco:#FFFFFF;--aux:#676157;--neutro:#E5E2DC;
  --linha-d:rgba(255,255,255,.14);--txt-d:rgba(255,255,255,.82);
  --gut:24px;--max:1240px;
}
@media (max-width:400px){:root{--gut:18px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Work Sans",system-ui,sans-serif;font-size:16px;line-height:1.6;font-weight:400;color:var(--tinta);background:var(--tinta);-webkit-font-smoothing:antialiased}
@media (min-width:768px){body{font-size:18px}}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
[id]{scroll-margin-top:16px}
.wrap{width:100%;max-width:calc(var(--max) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--amarelo);color:var(--tinta);padding:12px 16px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}
.dark :focus-visible,.site-header :focus-visible,.site-foot :focus-visible{outline-color:var(--amarelo)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* marca-texto: tinta sobre faixa amarela (fundo claro) */
.mark{background:linear-gradient(transparent 52%,var(--amarelo) 52% 96%,transparent 96%);padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* botão */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 26px;background:var(--amarelo);color:var(--tinta);font-weight:700;font-size:17px;line-height:1.2;text-decoration:none;border:2px solid var(--amarelo);border-radius:4px;cursor:pointer;transition:background-color .15s,color .15s}
.btn::after{content:"›";font-size:1.35em;line-height:1;margin-top:-.08em}
.btn:hover{background:transparent;color:var(--amarelo)}
.light .btn{border-color:var(--tinta)}
.light .btn:hover{background:var(--tinta);color:var(--amarelo)}
.btn-sec{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;background:var(--tinta);color:var(--branco);font-weight:700;font-size:15px;border:1.5px solid var(--tinta);border-radius:4px;cursor:pointer}
.btn-sec:hover{background:var(--amarelo);color:var(--tinta)}

/* cabeçalho */
.site-header{background:var(--tinta);color:var(--branco);border-bottom:1px solid var(--linha-d)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}
.site-header .logo{display:flex;align-items:center;min-height:44px;flex:none;line-height:0}
.site-header .logo img{height:22px;width:auto}
.site-header .handle{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;text-decoration:none;letter-spacing:.01em;border-bottom:1.5px solid transparent}
.site-header .handle:hover{border-bottom-color:var(--amarelo)}
@media (min-width:480px){.site-header .logo img{height:28px}.site-header .wrap{gap:16px}.site-header .handle{font-size:15px}}
@media (min-width:768px){.site-header .logo img{height:32px}.site-header .handle{font-size:16px}}

/* rodapé */
.site-foot{background:var(--tinta);color:var(--txt-d);border-top:1px solid var(--linha-d);padding:36px 0}
.site-foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.site-foot .sig{display:flex;align-items:center;gap:14px;color:var(--branco);font-weight:700;font-size:18px}
.site-foot .sig img{height:40px;width:auto}
.site-foot .sig b{color:var(--amarelo);font-weight:700}
.site-foot small{font-size:14px}

/* botão compacto e navegação do cabeçalho (página base) */
.btn-sm{min-height:44px;padding:9px 18px;font-size:15px;gap:8px}
.btn-sm .lg{display:none}
@media (min-width:900px){.btn-sm .lg{display:inline}.btn-sm .sm{display:none}}
.site-header .nav{display:none}
@media (min-width:900px){
  .site-header .nav{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:20px}
  .site-header .nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:15px;font-weight:700;text-decoration:none;border-bottom:2px solid transparent}
  .site-header .nav a:hover{border-bottom-color:var(--amarelo)}
}
.site-foot a{color:var(--branco);font-weight:700}
.site-foot .foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.site-foot .foot-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}