/* Ninguém Te Conta SP — folha única. Sem dependência externa além da fonte.
   Prioridade: legível em celular barato, alto contraste, texto grande. */
:root{
  --papel:#FBF8F2; --cartao:#FFFFFF; --cartao2:#F2EDE3;
  --tinta:#12212E; --tinta2:#4C5761; --tinta3:#6E7B87;
  --linha:#E4DCCE; --linha2:#CFC4B0;
  --ambar:#F2A93B; --ambar-txt:#8A5A08; --ambar-fundo:#FCF0DA;
  --ok:#1B6B48; --ok-fundo:#E2F0E9; --cf:#9E2B2B; --cf-fundo:#F8E7E5;
  --gut:clamp(1rem,4vw,2rem);
}
@media (prefers-color-scheme:dark){:root{
  --papel:#101820; --cartao:#182230; --cartao2:#1F2B39;
  --tinta:#EDF1F5; --tinta2:#A7B3BE; --tinta3:#84919D;
  --linha:#2A3542; --linha2:#3A4653;
  --ambar:#F2A93B; --ambar-txt:#F0B355; --ambar-fundo:#2C2214;
  --ok:#5CC894; --ok-fundo:#123020; --cf:#E8837A; --cf-fundo:#331C1B;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);
  font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:18px;line-height:1.6}
h1,h2,h3{font-family:Archivo,"Source Sans 3",Arial,sans-serif;margin:0;text-wrap:balance;
  letter-spacing:-.015em}
h1{font-size:clamp(1.9rem,5.5vw,3rem);font-weight:700;line-height:1.1}
h2{font-size:clamp(1.25rem,3vw,1.7rem);font-weight:700;line-height:1.25}
h3{font-size:1.1rem;font-weight:700;line-height:1.3}
p{margin:0 0 1rem}
a{color:var(--ambar-txt);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{text-decoration-thickness:3px}
img{max-width:100%;height:auto}
.faixa{max-width:64rem;margin:0 auto;padding-inline:var(--gut)}
.pular{position:absolute;left:-9999px;background:var(--tinta);color:var(--papel);
  padding:.6rem 1rem;z-index:20}
.pular:focus{left:.5rem;top:.5rem}
:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}

/* topo */
.topo{background:var(--tinta);position:sticky;top:0;z-index:10}
.topo .faixa{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;
  padding-block:.7rem;justify-content:space-between}
.marca{display:flex;align-items:center;gap:.55rem;color:#FBF4E6;text-decoration:none;
  font-family:Archivo,sans-serif;font-weight:700;font-size:1.02rem;white-space:nowrap}
.marca b{color:var(--ambar)}
.topo nav{display:flex;flex-wrap:wrap;gap:.15rem}
.topo nav a{color:#C6D0DA;text-decoration:none;font-size:.95rem;font-weight:600;
  padding:.4rem .6rem;border-radius:3px}
.topo nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.topo nav a.on{color:var(--ambar)}

/* capa */
.capa{background:var(--tinta);color:#FBF4E6;padding-block:clamp(2.5rem,7vw,4.5rem)}
.capa .sobre-t{font-family:Archivo,sans-serif;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ambar);font-weight:700;margin-bottom:.8rem}
.capa h1{color:#FBF4E6}
.capa .chamada{color:#B9C5D0;max-width:44ch;margin-top:1rem;font-size:1.08rem}
.botoes{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.btn,.btn2{display:inline-block;text-decoration:none;font-weight:700;padding:.75rem 1.3rem;
  font-family:Archivo,sans-serif;font-size:1rem;border:2px solid var(--ambar)}
.btn{background:var(--ambar);color:#12212E}
.btn:hover{background:#FFC062}
.btn2{color:var(--ambar);background:transparent}
.btn2:hover{background:rgba(242,169,59,.14)}

.bloco{padding-block:clamp(2rem,5vw,3.25rem)}
.bloco>h1,.bloco>h2{margin-bottom:.4rem}
.chamada{color:var(--tinta2);max-width:62ch;font-size:1.05rem}

/* destaques */
.destaques{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));
  gap:.7rem;margin-top:1.2rem}
.dq{background:var(--cartao);border:1px solid var(--linha);border-left:4px solid var(--ambar);
  padding:1rem 1.1rem}
.dq h3{margin-bottom:.4rem}
.dq h3 a{text-decoration:none;color:var(--tinta)}
.dq h3 a:hover{text-decoration:underline}
.dq p{margin:0;color:var(--tinta2);font-size:.95rem}

/* grupos */
.grupos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));
  gap:.5rem;margin-top:1.2rem}
.grupo{display:flex;align-items:center;gap:.8rem;background:var(--cartao);
  border:1px solid var(--linha);padding:.85rem 1rem;text-decoration:none;color:var(--tinta)}
.grupo:hover{border-color:var(--ambar);background:var(--ambar-fundo)}
.g-n{font-family:Archivo,sans-serif;font-weight:700;font-size:1.45rem;color:var(--ambar-txt);
  font-variant-numeric:tabular-nums;min-width:1.8rem}
.g-t{font-weight:600;font-size:.98rem;line-height:1.25}

/* regra dos três */
.regra{background:var(--cartao);border:1px solid var(--linha);padding:clamp(1.1rem,3vw,1.8rem)}
.tres{list-style:none;padding:0;margin:1.1rem 0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:.7rem}
.tres li{border-left:4px solid var(--ambar);padding:.15rem 0 .15rem .8rem}
.tres b{display:block;font-family:Archivo,sans-serif;font-size:1rem}
.tres span{display:block;color:var(--tinta2);font-size:.92rem;line-height:1.45;margin-top:.15rem}
.nota{color:var(--tinta2);font-size:.95rem;margin:0}
.nota em{color:var(--cf);font-style:normal;font-weight:600}

/* ferramentas de busca */
.ferramentas{margin:1.5rem 0 2rem;display:flex;flex-direction:column;gap:.8rem}
.campo{display:block}
.rotulo{display:block;font-family:Archivo,sans-serif;font-size:.8rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tinta3);font-weight:700;margin-bottom:.35rem}
#q{width:100%;font:inherit;font-size:1.1rem;padding:.8rem .95rem;background:var(--cartao);
  color:var(--tinta);border:2px solid var(--linha2);border-radius:0}
#q:focus{border-color:var(--ambar);outline:none}
.chips{display:flex;flex-wrap:wrap;gap:.35rem}
.chip{font:inherit;font-size:.9rem;font-weight:600;padding:.4rem .75rem;cursor:pointer;
  background:var(--cartao2);color:var(--tinta);border:1px solid var(--linha2)}
.chip:hover{border-color:var(--ambar)}
.chip.on{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.contagem{margin:0;font-size:.9rem;color:var(--tinta3);font-variant-numeric:tabular-nums}

/* serviços */
.gsec{margin-bottom:2.25rem;scroll-margin-top:5rem}
.gsec h2{display:flex;align-items:center;gap:.6rem;padding-bottom:.45rem;
  border-bottom:2px solid var(--tinta)}
.qt{font-family:Archivo,sans-serif;font-size:.8rem;font-weight:600;color:var(--tinta3);
  background:var(--cartao2);padding:.12rem .45rem}
.lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(24rem,100%),1fr));
  gap:.7rem;margin-top:1rem}
.serv{background:var(--cartao);border:1px solid var(--linha);padding:1rem 1.1rem;
  display:flex;flex-direction:column;gap:.7rem;scroll-margin-top:5rem}
.serv h3{display:flex;gap:.55rem;align-items:baseline}
.num{font-family:Archivo,sans-serif;font-size:.85rem;color:var(--ambar-txt);
  font-variant-numeric:tabular-nums}
.sel{align-self:flex-start;font-family:Archivo,sans-serif;font-size:.72rem;font-weight:700;
  letter-spacing:.03em;padding:.2rem .5rem;margin-top:-.35rem}
.sel.ok{background:var(--ok-fundo);color:var(--ok)}
.sel.cf{background:var(--cf-fundo);color:var(--cf)}
.serv dl{margin:0;display:flex;flex-direction:column;gap:.55rem}
.lin{display:grid;grid-template-columns:8rem 1fr;gap:.8rem;align-items:start}
.serv dt{font-family:Archivo,sans-serif;font-size:.74rem;letter-spacing:.05em;
  text-transform:uppercase;color:var(--tinta3);font-weight:700;padding-top:.18rem}
.serv dd{margin:0;font-size:.97rem;color:var(--tinta2);line-height:1.5;overflow-wrap:anywhere}
.fonte{margin:0;padding-top:.6rem;border-top:1px solid var(--linha);
  display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;align-items:baseline}
.lei{font-size:.82rem;color:var(--tinta3);overflow-wrap:anywhere}
.fonte a{font-size:.88rem;font-weight:700;white-space:nowrap}
.vazio{background:var(--ambar-fundo);border-left:4px solid var(--ambar);padding:1rem 1.1rem;
  font-size:1rem}

/* texto corrido */
.texto{max-width:44rem}
.texto h2{margin:2rem 0 .6rem}
.texto p{color:var(--tinta2)}
.texto .chamada{color:var(--tinta);font-size:1.12rem;margin-bottom:1.5rem}
.texto em{font-style:normal;font-weight:600;color:var(--cf)}

/* pé */
.pe{background:var(--tinta);color:#B9C5D0;margin-top:2rem;padding-block:2rem}
.pe .aviso{background:rgba(242,169,59,.1);border-left:4px solid var(--ambar);
  padding:.85rem 1rem;color:#DCE4EB;font-size:.93rem;max-width:62ch}
.pe .aviso strong{color:#FBF4E6}
.pe .links{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:1.1rem 0}
.pe .links a{color:#C6D0DA;text-decoration:none;font-size:.92rem;font-weight:600}
.pe .links a:hover{color:var(--ambar);text-decoration:underline}
.mini{font-size:.85rem;color:#8896A3;margin:0}

@media (max-width:520px){
  .lin{grid-template-columns:1fr;gap:.1rem}
  body{font-size:17px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.topo,.ferramentas,.pe .links{display:none}body{background:#fff;color:#000}}