/* Base compartilhada das páginas institucionais ZARK (MCC Google Ads) */
:root{
  --lava:#F56F10; --lava-dark:#D45A0D; --lava-light:#FFF4F0;
  --black:#000; --ink:#2A2A2A; --gray:#5B5B5B; --panel:#F5F5F5;
  --hairline:#E0E0E0; --white:#fff;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.6}
.wrap{max-width:860px;margin:0 auto;padding:0 1.5rem}
.topo{background:var(--black);color:var(--white);padding:3.5rem 0 3rem}
.topo .tag{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);color:var(--lava);
  font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .75rem;margin-bottom:1.25rem}
.topo .tag::before{content:"■";font-size:.5rem}
.topo h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;max-width:22ch}
.topo p{margin-top:1rem;color:rgba(255,255,255,.7);max-width:60ch;font-size:1rem}
main{padding:3.5rem 0 4.5rem}
h2{font-size:1.375rem;font-weight:600;color:var(--black);letter-spacing:-.01em;margin:2.5rem 0 .875rem}
h2:first-child{margin-top:0}
h3{font-size:1.0625rem;font-weight:600;color:var(--black);margin:1.75rem 0 .5rem}
p,li{font-size:.9375rem;color:var(--ink)}
p+p{margin-top:.875rem}
ul,ol{margin:.875rem 0 0 1.25rem;display:grid;gap:.5rem}
a{color:var(--lava-dark);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--lava)}
strong{font-weight:600;color:var(--black)}
.destaque{background:var(--panel);border-left:3px solid var(--lava);padding:1.25rem 1.5rem;margin:1.5rem 0}
.destaque p{font-size:.9375rem}
.dados{border:1px solid var(--hairline);margin:1.5rem 0}
.dados div{display:flex;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--hairline);flex-wrap:wrap}
.dados div:last-child{border-bottom:0}
.dados b{flex:0 0 250px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);font-weight:600}
.dados span{flex:1;min-width:0;font-size:.9375rem;color:var(--ink)}
/* rótulo com largura fixa: com min-width os valores começavam num x diferente por linha,
   e rótulo longo derrubava o valor pra linha de baixo (flex-wrap) */
@media (max-width:560px){.dados b{flex:0 0 100%}}
.btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 1.75rem;background:var(--lava);
  color:#fff;text-decoration:none;font-weight:600;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;
  border:0;cursor:pointer;transition:background 280ms}
.btn:hover{background:var(--lava-dark);color:#fff}
.btn.escuro{background:var(--black)}
.btn.escuro:hover{background:var(--ink)}
.rodape{border-top:1px solid var(--hairline);margin-top:3.5rem;padding:1.75rem 0;font-size:.8125rem;color:var(--gray)}
.atualizado{font-size:.8125rem;color:var(--gray);margin-top:.75rem}
