/* Central de Ajuda LupeCore. Uma folha so, sem build, sem fonte nem imagem de fora (CSP: style-src 'self'). */
@font-face{font-family:"Poppins";font-weight:400;font-style:normal;font-display:swap;src:url("/fonts/poppins-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:500;font-style:normal;font-display:swap;src:url("/fonts/poppins-500.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:600;font-style:normal;font-display:swap;src:url("/fonts/poppins-600.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:700;font-style:normal;font-display:swap;src:url("/fonts/poppins-700.woff2") format("woff2")}

:root{
  --navy:#0A2540; --navy-2:#0F4D6B; --teal:#148A96; --mint:#2ED4B3;
  --ink:#2E2E2E; --gray:#566170; --mist:#F2F4F6; --white:#fff; --line:rgba(10,37,64,.12);
  --font:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:12px; --r-g:16px; --shell:1120px; --leitura:760px;
  --sombra:0 1px 2px rgba(10,37,64,.06),0 4px 14px rgba(10,37,64,.06);
  --sombra-forte:0 2px 4px rgba(10,37,64,.08),0 10px 28px rgba(10,37,64,.12);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 1rem/1.65 var(--font);display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto}
img{max-width:100%;height:auto}
a{color:var(--navy-2);text-underline-offset:.15em}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--navy-2);outline-offset:2px;border-radius:4px}
.topo :focus-visible,.hero :focus-visible,.rodape :focus-visible{outline-color:var(--mint)}
[hidden]{display:none!important}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.6rem 1rem;z-index:10}
.pular:focus{left:0}
.miolo{max-width:var(--shell);margin:0 auto;padding:0 20px}

.topo{background:var(--navy);color:#fff}
.topo .miolo{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:14px;padding-bottom:14px}
.marca{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:600;min-height:44px}
.marca:hover{color:#fff}
.marca img{display:block;height:34px;width:auto}
.marca span{font-size:.95rem;color:#C3D3DF;padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}
.busca{display:flex;min-width:0;gap:8px;flex:1 1 260px;max-width:520px;margin-left:auto}
.busca input{flex:1 1 0;width:0;min-width:0;min-height:48px;font:inherit;padding:.65rem 1rem;border:2px solid transparent;border-radius:var(--r);background:#fff;color:var(--ink)}
.conteudo .busca{max-width:var(--leitura);margin:16px 0 8px}
.conteudo .busca input{border-color:#738191}
.busca input::placeholder{color:#6B7684}
.busca input:focus-visible{outline:3px solid var(--mint);outline-offset:1px}
.busca button{min-height:48px;font:inherit;font-weight:600;padding:.65rem 1.4rem;border:0;border-radius:var(--r);background:var(--mint);color:var(--navy);cursor:pointer}
.busca button:hover{background:#fff}
.hero{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#fff;padding:56px 0 64px;text-align:center}
.hero h1{margin:0 0 10px;color:#fff;font-size:clamp(1.8rem,5.5vw,2.6rem);line-height:1.2}
.hero p{margin:0 auto 26px;color:#C3D3DF;max-width:34rem}
.hero .busca{max-width:640px;margin:0 auto;text-align:left}
.hero .busca input{min-height:56px;padding:.95rem 1.25rem;font-size:1.05rem;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.hero .busca button{min-height:56px;padding:.95rem 1.8rem}

.conteudo{padding-top:32px;padding-bottom:64px}
.leitura,.estreito{max-width:var(--shell)}
.leitura>*,.estreito>*{max-width:var(--leitura)}
h1{font-size:clamp(1.6rem,4.5vw,2.1rem);line-height:1.25;margin:.2em 0 .4em;color:var(--navy);font-weight:700}
h2{font-size:1.4rem;line-height:1.3;margin:2em 0 .5em;color:var(--navy);font-weight:600}
h3{font-size:1.1rem;margin:1.6em 0 .4em;color:var(--navy);font-weight:600}
.trilha{font-size:.88rem;color:var(--gray);margin-bottom:12px}
.trilha ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center}
.trilha li:not(:last-child)::after{content:"\203A";margin-left:8px;color:var(--gray)}
.trilha a{color:var(--gray);text-decoration:none;display:inline-block;padding:11px 0}
.trilha a:hover{color:var(--navy-2);text-decoration:underline}
.trilha [aria-current]{color:var(--ink)}
.resumo{font-size:1.1rem;color:var(--gray);margin:0 0 .6em}
.data{font-size:.88rem;color:var(--gray);margin:0 0 1.8em}
article>h1{margin-top:.1em}
.artigo{font-size:1.04rem;overflow-wrap:anywhere}
.artigo>:is(h1,h2):first-child{margin-top:.6em;padding-top:0;border-top:0}
.artigo h2{padding-top:.8em;border-top:1px solid var(--line);margin-top:2.2em}
.artigo p{margin:.8em 0}
.artigo ul{padding-left:1.4rem}
.artigo li{margin:.5em 0}
.artigo ol{list-style:none;counter-reset:passo;padding:0}
.artigo ol>li{counter-increment:passo;position:relative;padding-left:3rem;margin:1em 0;min-height:2rem}
.artigo ol>li::before{content:counter(passo);position:absolute;left:0;top:-.15rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--navy-2);color:#fff;font-weight:600;font-size:.95rem;line-height:2.1rem;text-align:center}
.artigo ol ol>li::before{background:#0F7480}
.artigo img{display:block;margin:1.2em 0;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sombra);background:#fff}
.artigo table{display:block;overflow-x:auto;border-collapse:collapse;margin:1.2em 0;max-width:100%}
.artigo th,.artigo td{border:1px solid var(--line);padding:.55em .85em;text-align:left}
.artigo th{background:var(--mist);color:var(--navy)}
.artigo blockquote{margin:1.4em 0;padding:.9em 1.2em;border-left:5px solid var(--teal);background:#EAF6F7;border-radius:0 var(--r) var(--r) 0}
.artigo blockquote.atencao{border-left-color:#B45309;background:#FEF3E2}
.artigo blockquote p{margin:.3em 0}
.artigo code{background:var(--mist);padding:.1em .4em;border-radius:6px;font-size:.92em}

.cartoes{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));list-style:none;margin:0;padding:0}
.cartao{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-g);padding:22px 22px 18px;background:#fff;box-shadow:var(--sombra)}
.cartao h2{margin:0 0 .6em;padding:0;border:0;font-size:1.15rem;line-height:1.3}
.cartao h2 a{display:flex;align-items:center;min-height:44px;color:var(--navy);text-decoration:none}
.cartao h2 a:hover{color:var(--navy-2)}
.cartao ul{list-style:none;margin:0 0 .8em;padding:0;font-size:.95rem}
.cartao li{margin:0;border-top:1px solid var(--line)}
.cartao li a{display:flex;align-items:center;min-height:44px;padding:.5rem .4rem;color:var(--ink);text-decoration:none;line-height:1.4;border-radius:8px}
.cartao li a:hover,.cartao li a:focus-visible{color:var(--navy-2);text-decoration:underline;background:var(--mist)}
.cartao .mais{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;font-size:.92rem;font-weight:600;color:var(--navy-2);text-decoration:none}
.cartao .mais::after{content:"\2192";margin-left:.4em}
.cartao .mais:hover{color:var(--navy);text-decoration:underline}
.vitrine{background:var(--mist)}
.vitrine .conteudo{padding-top:40px}
.lista{list-style:none;margin:1em 0 0;padding:0;border:1px solid var(--line);border-radius:var(--r-g);box-shadow:var(--sombra);background:#fff;overflow:hidden}
.lista li{border-top:1px solid var(--line);padding:0}
.lista li:first-child{border-top:0}
.lista a{display:block;padding:16px 20px 0;font-weight:600;font-size:1.05rem;color:var(--navy);text-decoration:none}
.lista p{margin:.15em 0 0;padding:0 20px 16px;color:var(--gray);font-size:.95rem}
.lista a:not(:has(+p)){padding-bottom:16px}
.lista li:hover{background:var(--mist)}
.lista a:hover,.lista a:focus-visible{color:var(--navy-2);text-decoration:underline}
.lista a:focus-visible{outline-offset:-3px;border-radius:var(--r-g)}

.voto,.relacionados,.contato{margin-top:36px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-g);background:var(--mist)}
.voto h2,.relacionados h2,.contato h2{margin:0 0 .5em;padding:0;border:0;font-size:1.1rem}
.contato p{margin:.4em 0}
.voto button,.botao{font:inherit;font-weight:600;min-height:44px;padding:.55rem 1.3rem;margin:0 8px 8px 0;border:2px solid var(--navy-2);border-radius:var(--r);background:#fff;color:var(--navy-2);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;max-width:100%;text-align:center}
.voto button:hover,.botao:hover{background:var(--navy-2);color:#fff}
.relacionados ul{list-style:none;margin:0;padding:0}
.relacionados li{border-top:1px solid var(--line)}
.relacionados li:first-child{border-top:0}
.relacionados a{display:flex;align-items:center;min-height:44px;padding:.4rem 0;font-weight:500;text-decoration:none}
.relacionados a:hover{text-decoration:underline}
.voltar{display:inline-block;margin-bottom:8px;font-weight:600}
#sem-resultado{margin-top:24px}
#resultados .lista{margin-top:16px}

.rodape{background:var(--navy);color:#C3D3DF;padding:36px 0;font-size:.95rem}
.rodape a{color:#fff;display:inline-block;padding:10px 0}
.rodape h2{color:#fff;font-size:1.1rem;margin:0 0 .6em}
.rodape p{margin:.2em 0}
@media (prefers-reduced-motion:no-preference){a,button,.cartao,.lista li{transition:background .15s,color .15s,box-shadow .2s,transform .2s}.cartao:hover{box-shadow:var(--sombra-forte);transform:translateY(-2px)}}
@media (max-width:520px){.marca span{display:none}.hero{padding:36px 0 40px}.busca{margin-left:0;flex-basis:100%;max-width:none}.busca button{padding:.65rem 1rem}.miolo{padding:0 16px}.conteudo{padding-top:20px;padding-bottom:48px}.contato .botao{display:flex;width:100%;margin-right:0}.artigo ol>li{padding-left:2.7rem}}
