/* Canal Jurídico: páginas públicas. Paleta do site: grafite e dourado sobre creme. */
:root{
  --grafite:#181818; --grafite2:#2a2a2a; --ouro:#c9a24d; --ouro-esc:#7a5f26; --creme:#f3efe7; --creme2:#fbf8f1;
  --linha:#ddd5c4; --texto:#222; --suave:#5b574d; --erro:#9b1c1c; --ok:#1f6b3a;
  --mono:"Cousine","Courier New",monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--creme2);color:var(--texto);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--ouro-esc)}
a:hover{color:var(--grafite)}
:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
.pular{position:absolute;left:-999px;top:0;background:var(--grafite);color:#fff;padding:8px 12px;z-index:50}
.pular:focus{left:8px;top:8px}
.in{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

.topo{background:var(--grafite);color:#fff}
.topo .in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;flex-wrap:wrap;padding-block:8px}
.marca{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.01em}
.marca span{color:var(--ouro);font-weight:500}
.topo nav{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap}
.topo nav a{color:#e9e3d4;text-decoration:none;font-size:15px}
.topo nav a:hover{color:var(--ouro)}
.topo nav a.btn{color:var(--grafite)}

main{max-width:1100px;margin:0 auto;padding:8px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px))}
.mig ol{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:var(--suave)}
.mig li+li::before{content:"/";margin-right:8px;color:var(--linha)}
.mig a{color:var(--suave)}

h1,h2,h3{font-family:Inter,system-ui,sans-serif;line-height:1.2;color:var(--grafite);text-wrap:balance}
h1{font-size:clamp(28px,4.4vw,42px);margin:6px 0 14px;letter-spacing:-.01em}
h2{font-size:clamp(22px,3vw,28px);margin:0 0 14px}
h3{font-size:19px;margin:0 0 6px}
.lead{font-size:18px;color:#33312b;max-width:62ch}
.sobre{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-esc);font-weight:600}
.nota{font-size:14px;color:var(--suave)}

.btn{display:inline-block;background:var(--grafite);color:#fff;border:2px solid var(--grafite);padding:10px 20px;border-radius:2px;font:600 15px Inter,sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--ouro);border-color:var(--ouro);color:var(--grafite)}
.btn.sec{background:transparent;color:var(--grafite)}
.btn.sec:hover{background:var(--grafite);color:#fff;border-color:var(--grafite)}
.btn.peq{padding:5px 12px;font-size:14px}
.topo .btn{background:var(--ouro);border-color:var(--ouro)}
.topo .btn:hover{background:#fff;border-color:#fff}
.btn.perigo{background:var(--erro);border-color:var(--erro);color:#fff}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 10px}

.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;padding:24px 0 36px;border-bottom:1px solid var(--linha)}
.hero .col{min-width:0}
.bloco{padding:34px 0;border-bottom:1px solid var(--linha)}
.bloco:last-of-type{border-bottom:0}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:16px}
.cartao{background:var(--creme);border:1px solid var(--linha);padding:18px;min-width:0}
.cartao h3 a{color:var(--grafite);text-decoration:none;font-family:var(--mono)}
.cartao h3 a:hover{color:var(--ouro-esc)}
.cartao p{margin:0 0 10px;font-size:15px;color:#3b382f}
.mais{font-size:14px;font-weight:600}
.passos{padding-left:22px;display:grid;gap:10px;max-width:70ch}
.lista{padding-left:20px;display:grid;gap:6px;columns:2;column-gap:36px}
.lista li{break-inside:avoid}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-block;padding:4px 12px;border:1px solid var(--linha);background:var(--creme);text-decoration:none;font-family:var(--mono);font-size:14px;color:var(--grafite)}
.chips a:hover{border-color:var(--ouro)}
.faq dt{font-weight:600;margin-top:16px;color:var(--grafite)}
.faq dd{margin:4px 0 0;max-width:70ch}

.texto,.form{max-width:760px;margin:0 auto;padding-top:18px}
.form{max-width:520px}
.regras{padding-left:0;list-style:none;counter-reset:r;display:grid;gap:18px}
.regras li{counter-increment:r;padding-left:44px;position:relative}
.regras li::before{content:counter(r);position:absolute;left:0;top:0;width:30px;height:30px;border:2px solid var(--ouro);display:grid;place-items:center;font-weight:700;color:var(--ouro-esc)}
.regras h2{font-size:19px;margin:0 0 4px}
.regras p{margin:0}

.campo{display:grid;gap:4px;margin-bottom:14px}
.campo label,.form label{font-weight:600;font-size:15px}
.campo input,.campo select,.busca input{font:inherit;padding:9px 10px;border:1px solid #b9b09a;background:#fff;border-radius:2px;width:100%;min-width:0}
.campo.duplo{grid-template-columns:2fr 1fr;gap:12px}
.campo.duplo[hidden]{display:none}
.campo.duplo>div{display:grid;gap:4px;min-width:0}
.ck{display:flex;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14px!important;margin:6px 0 18px}
.ck input{margin-top:4px;flex:none}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.erro{background:#fdeeee;border-left:4px solid var(--erro);color:var(--erro);padding:10px 12px;margin:12px 0}
.ok{background:#eaf6ee;border-left:4px solid var(--ok);color:var(--ok);padding:10px 12px;margin:12px 0}
.dados{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px}
.dados dt{font-weight:600}.dados dd{margin:0}

/* Janela no estilo mIRC */
.mirc{margin:0;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:4px 4px 0 rgba(0,0,0,.25);padding:2px;font-family:var(--mono)}
.mtb{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:700;padding:3px 4px;font-size:13px}
.mi{width:16px;height:16px;background:#c00000;display:grid;place-items:center;font-size:11px}
.mt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc{display:flex;gap:2px}
.mc i{width:16px;height:14px;background:#c0c0c0;color:#000;font-style:normal;display:grid;place-items:center;font-size:10px;border:1px solid;border-color:#fff #404040 #404040 #fff}
.mlog{list-style:none;margin:2px 0 0;padding:6px 8px;background:#fff;color:#000;font-size:13px;line-height:1.4;font-weight:700;min-height:180px;max-height:300px;overflow-y:auto;border:2px solid;border-color:#808080 #fff #fff #808080}
.mlog li{padding-left:15ch;text-indent:-15ch;overflow-wrap:anywhere}
.mlog time{font-weight:400;color:#555}
.msys{color:#009300}
.mirc figcaption{font-family:Inter,sans-serif;font-size:12px;color:#222;padding:4px 4px 2px}

.rodape{background:var(--grafite);color:#cfc8b8;padding:34px 0 24px}
.rodape .in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.rodape h2{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro);margin:0 0 10px}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
.rodape a{color:#e9e3d4;text-decoration:none}
.rodape a:hover{color:var(--ouro);text-decoration:underline}
.rodape .aviso{max-width:1100px;margin:22px auto 0;padding:16px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));border-top:1px solid #3a3a3a;font-size:13px;color:#a9a393}

/* Moderação */
.adm{max-width:1100px;margin:0 auto;padding-top:14px}
.abas{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.abas a{padding:6px 14px;border:1px solid var(--linha);background:var(--creme);text-decoration:none;color:var(--grafite);font-size:15px}
.abas a[aria-current]{background:var(--grafite);color:#fff;border-color:var(--grafite)}
.numeros{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:12px}
.numeros li{background:var(--creme);border:1px solid var(--linha);padding:10px 16px}
.numeros b{font-size:24px;margin-right:6px}
.rolagem{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linha);vertical-align:top}
th{background:var(--creme);font-weight:600}
.inl{display:inline-block;margin:0 4px 4px 0}
.busca{display:flex;gap:8px;margin-bottom:14px;max-width:420px}

@media (max-width:820px){
  .hero{grid-template-columns:minmax(0,1fr);gap:24px}
  .lista{columns:1}
}
@media (max-width:480px){
  body{font-size:15px}
  .campo.duplo{grid-template-columns:1fr}
  .mlog li{padding-left:0;text-indent:0}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ===== Versão 2: dúvidas, prévias modernas ===== */
.av{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none;font-family:Inter,sans-serif}
.selo{display:inline-flex;vertical-align:-3px;margin-left:3px}
.nick{font-weight:600;color:var(--grafite)}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:99px;background:#efe6cf;color:var(--ouro-esc);margin-left:auto;white-space:nowrap}
.tag.ok{background:#e1f1e6;color:var(--ok)}
.ok-txt{color:var(--ok);font-weight:600}
.hero.simples{display:block;padding-bottom:18px}
.hero.simples .lead{max-width:70ch}
.dtop{display:flex;align-items:center;gap:10px}
.dwho{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.dwho small{color:var(--suave);font-size:13px}
.dcard{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:16px 18px;box-shadow:0 2px 10px rgba(24,24,24,.04)}
.dcard h3{font-size:18px;margin:12px 0 6px}
.dcard h3 a{color:var(--grafite);text-decoration:none}
.dcard h3 a:hover{color:var(--ouro-esc)}
.dcard p{margin:0 0 10px;font-size:15px;color:#3b382f}
.dfoot{display:flex;gap:16px;font-size:13px;color:var(--suave)}
.lista-duv{display:grid;gap:14px}
.feedp{display:grid;gap:12px;min-width:0}
.feedp .nota{margin:0}
.chips a[aria-current]{background:var(--grafite);color:#fff;border-color:var(--grafite)}
.paginas{display:flex;gap:10px;margin:8px 0 24px}
.duvida{max-width:760px;margin:0 auto;padding-top:10px}
.duvida h1{margin:4px 0 14px}
.duvida .sobre a{color:var(--ouro-esc);text-decoration:none}
.duvida .corpo{font-size:17px;line-height:1.7;margin:16px 0;overflow-wrap:anywhere}
.rsp-t{margin:30px 0 10px;font-size:20px}
.resp{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:14px 18px;margin-bottom:12px}
.resp.sol{border-color:#8fc4a0;background:#f4fbf6}
.resp .corpo{font-size:16px;margin:10px 0 2px}
.cta-duv{background:var(--grafite);color:#fff;border-radius:16px;padding:24px;margin:30px 0}
.cta-duv h2{color:#fff;margin:0 0 6px;font-size:22px}
.cta-duv p{margin:0 0 4px;color:#d9d3c3}
.cta-duv .btn.sec{color:#fff;border-color:#fff}
.cta-duv .btn.sec:hover{background:#fff;color:var(--grafite)}
.cta-duv .btn{background:var(--ouro);border-color:var(--ouro);color:var(--grafite)}
.chatp{margin:0;background:#efeae2;border:1px solid var(--linha);border-radius:16px;overflow:hidden;box-shadow:0 8px 28px rgba(24,24,24,.12)}
.chatp-top{display:flex;align-items:center;gap:10px;background:var(--grafite);color:#fff;padding:10px 14px}
.chatp-top small{display:block;color:#bdb6a4;font-size:12px}
.chatp-av{width:36px;height:36px;border-radius:50%;background:var(--ouro);color:var(--grafite);display:grid;place-items:center;font-weight:800}
.chatp-body{padding:12px;display:grid;gap:6px;max-height:300px;overflow-y:auto}
.chatp-b{background:#fff;border-radius:4px 12px 12px 12px;padding:6px 10px 4px;max-width:88%;font-size:14px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.chatp-b b{display:block;font-size:12px;color:var(--ouro-esc)}
.chatp-b time{display:block;text-align:right;font-size:11px;color:#8a8577}
.chatp-sys{justify-self:center;font-size:12px;background:#e1ddd1;border-radius:99px;padding:2px 12px;margin:0;color:#555}
.chatp figcaption{font-size:12px;color:var(--suave);padding:6px 12px 10px;background:#efeae2}