/* Tem Nomeação — folha de estilo gerada; edite templates/estilo.css e rode build.py */
:root{
  --base:#12352B;
  --base-escuro:#0B241D;
  --tinta:#15201B;
  --papel:#F6F8F5;
  --papel-2:#EAF0EB;
  --acento:#B8642B;
  --acento-escuro:#7E401A;
  --acento-claro:#F6E3D3;
  --mudo:#596860;
  --linha:#D3DCD5;
  --fonte-titulo:'Source Serif 4', Georgia, 'Times New Roman', serif;
  --fonte-corpo:'Source Sans 3', 'Segoe UI', Arial, sans-serif;
  --peso-titulo:500;
  --tracking-titulo:-0.01em;
  --largura:1120px;
  --raio:6px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--fonte-corpo);font-size:1.0625rem;line-height:1.55;font-feature-settings:"kern","liga"}
h1,h2,h3,h4{font-family:var(--fonte-titulo);font-weight:var(--peso-titulo);letter-spacing:var(--tracking-titulo);line-height:1.15;margin:0 0 .5em;color:var(--base)}
h1{font-size:clamp(2rem,4.6vw,3.25rem)}
h2{font-size:clamp(1.5rem,2.8vw,2rem)}
h3{font-size:1.2rem;line-height:1.3}
p{margin:0 0 1em}
a{color:var(--base);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em}
a:hover{color:var(--acento-escuro)}
:focus-visible{outline:3px solid var(--acento);outline-offset:3px;border-radius:3px}
strong{font-weight:600}
.faixa{max-width:var(--largura);margin:0 auto;padding:0 20px}
.pular{position:absolute;left:-999px;top:8px;background:var(--base);color:#fff;padding:.5rem 1rem;z-index:100}
.pular:focus{left:8px}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:var(--papel);border-bottom:1px solid var(--linha)}
.topo .faixa{display:flex;align-items:center;gap:1.5rem;min-height:64px}
.marca{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--base);font-family:var(--fonte-titulo);font-weight:var(--peso-titulo);font-size:1.25rem;letter-spacing:-.01em;white-space:nowrap}
.marca-clara{color:#fff}
.marca-sinal{flex:none}
.nav{display:flex;gap:1.4rem;margin-left:auto}
.nav a{text-decoration:none;color:var(--tinta);font-weight:600;font-size:.98rem;padding:.3rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--acento);color:var(--base)}
.acoes{display:flex;gap:.6rem;align-items:center}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.1rem;border-radius:var(--raio);font-weight:600;text-decoration:none;font-size:.98rem;line-height:1.1;border:2px solid transparent;white-space:nowrap;cursor:pointer;font-family:var(--fonte-corpo)}
.botao-cheio{background:var(--acento);color:var(--base-escuro);border-color:var(--acento)}
.botao-cheio:hover{background:var(--acento-escuro);border-color:var(--acento-escuro);color:#fff}
.botao-leve{background:transparent;color:var(--base);border-color:var(--linha)}
.botao-leve:hover{border-color:var(--base);color:var(--base)}
.botao-escuro{background:var(--base);color:#fff;border-color:var(--base)}
.botao-escuro:hover{background:var(--base-escuro);border-color:var(--base-escuro);color:#fff}
.botao-grande{padding:.95rem 1.5rem;font-size:1.08rem}
@media (max-width:860px){
  .nav{display:none}
  .topo .faixa{gap:.8rem}
  .botao-leve.so-largo{display:none}
}
@media (max-width:480px){
  .marca{font-size:1.05rem;gap:.45rem}
  .acoes .botao-leve{display:none}
  .botao{padding:.6rem .9rem;font-size:.93rem}
}

/* abertura */
.abertura{background:var(--base);color:#fff;padding:clamp(2.5rem,6vw,5rem) 0 clamp(2.5rem,6vw,4.5rem);overflow:hidden}
.abertura .faixa{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem;align-items:center}
.abertura h1{color:#fff;margin-bottom:1rem}
.abertura h1 .fim{display:block;color:var(--acento);margin-top:.15em}
.abertura .sub{font-size:1.15rem;color:rgba(255,255,255,.82);max-width:34em;margin-bottom:1.6rem}
.abertura .cta-linha{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.abertura .cta-sub{color:rgba(255,255,255,.7);font-size:.95rem}
.abertura .entrar{color:#fff;font-weight:600}
@media (max-width:860px){.abertura .faixa{grid-template-columns:1fr;gap:2rem}}

/* trecho do diário: o único elemento ousado da página */
.trecho{position:relative;background:#fffdf7;color:#2a2a2a;border-radius:4px;padding:1.4rem 1.5rem 1.3rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.55);transform:rotate(-1deg);max-width:34rem;margin:0 auto}
.trecho::before{content:"";position:absolute;inset:0;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);pointer-events:none}
.trecho-fonte{font-family:var(--fonte-corpo);font-size:.78rem;color:#6b6b6b;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #e6e2d6;padding-bottom:.5rem;margin-bottom:.8rem}
.trecho-texto{font-family:'Source Serif 4',Georgia,serif;font-size:.92rem;line-height:1.55;text-align:justify;hyphens:auto;margin:0}
.trecho mark{background:var(--acento);color:var(--base-escuro);padding:.05em .15em;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:600}
.trecho-rotulo{position:absolute;right:-.6rem;bottom:-1.1rem;background:var(--acento);color:var(--base-escuro);font-weight:600;font-size:.8rem;padding:.35rem .65rem;border-radius:999px;transform:rotate(1deg);box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
@media (max-width:860px){.trecho{transform:none;max-width:none}.trecho-rotulo{transform:none;right:.8rem;bottom:-.9rem}}

/* seções */
.secao{padding:clamp(2.5rem,6vw,4.5rem) 0}
.secao-clara{background:var(--papel-2)}
.secao-cabeca{max-width:40em;margin-bottom:2rem}
.secao-cabeca p{color:var(--mudo);font-size:1.08rem}

/* passos (sequência real: 1, 2, 3) */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;counter-reset:passo;list-style:none;padding:0;margin:0}
.passos li{counter-increment:passo;position:relative;padding-top:3.2rem}
.passos li::before{content:counter(passo);position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--base);color:var(--acento);font-family:var(--fonte-titulo);font-weight:700;font-size:1.15rem;display:flex;align-items:center;justify-content:center}
.passos li::after{content:"";position:absolute;top:1.2rem;left:2.6rem;right:-1.6rem;border-top:2px dashed var(--linha)}
.passos li:last-child::after{display:none}
.passos h3{margin-bottom:.35em}
.passos p{color:var(--mudo);margin:0}
@media (max-width:760px){.passos{grid-template-columns:1fr;gap:1.6rem}.passos li{padding-top:0;padding-left:3.2rem}.passos li::after{display:none}}

/* lista de definições: o que monitoramos */
.definicoes{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 3rem;margin:0}
.definicoes div{border-top:3px solid var(--base);padding-top:.9rem}
.definicoes dt{font-family:var(--fonte-titulo);font-weight:var(--peso-titulo);font-size:1.15rem;color:var(--base);margin-bottom:.35rem;letter-spacing:var(--tracking-titulo)}
.definicoes dd{margin:0;color:var(--mudo)}
@media (max-width:700px){.definicoes{grid-template-columns:1fr}}

/* recursos */
.recursos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem 2.5rem;list-style:none;padding:0;margin:0}
.recursos li{padding-left:1.1rem;border-left:3px solid var(--acento)}
.recursos h3{font-size:1.05rem;margin-bottom:.3em}
.recursos p{margin:0;color:var(--mudo);font-size:.98rem}
@media (max-width:860px){.recursos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.recursos{grid-template-columns:1fr}}

/* quem faz */
.quem{background:var(--base);color:#fff}
.quem .faixa{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem;align-items:start}
.quem h2{color:#fff}
.quem p{font-size:1.15rem;color:rgba(255,255,255,.88);max-width:34em}
.quem a{color:#fff}
.assinatura{border-left:3px solid var(--acento);padding:.2rem 0 .2rem 1.2rem;font-family:var(--fonte-titulo);line-height:1.35}
.assinatura .nome{font-size:1.35rem;font-weight:var(--peso-titulo);display:block;margin-bottom:.25rem}
.assinatura .cargo{display:block;color:var(--acento);font-weight:600}
.assinatura .registro{display:block;color:rgba(255,255,255,.78);font-family:var(--fonte-corpo);font-size:.98rem}
.assinatura .zap{display:inline-flex;align-items:center;gap:.45rem;margin-top:.9rem;font-family:var(--fonte-corpo);font-weight:600;color:#fff;text-decoration:none;border:1.5px solid rgba(255,255,255,.35);padding:.45rem .8rem;border-radius:999px}
.assinatura .zap:hover{border-color:var(--acento);color:var(--acento)}
.assinatura .zap svg{width:18px;height:18px;fill:currentColor}
@media (max-width:760px){.quem .faixa{grid-template-columns:1fr;gap:2rem}}

/* perguntas */
.perguntas{list-style:none;padding:0;margin:0;max-width:46em}
.perguntas details{border-top:1px solid var(--linha)}
.perguntas details:last-child{border-bottom:1px solid var(--linha)}
.perguntas summary{cursor:pointer;padding:1rem 2.2rem 1rem 0;font-family:var(--fonte-titulo);font-weight:var(--peso-titulo);font-size:1.12rem;color:var(--base);list-style:none;position:relative;letter-spacing:var(--tracking-titulo)}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";position:absolute;right:.2rem;top:.85rem;font-size:1.5rem;line-height:1;color:var(--acento-escuro);font-family:var(--fonte-corpo);font-weight:400}
.perguntas details[open] summary::after{content:"–"}
.perguntas .resposta{padding:0 0 1.1rem;color:var(--tinta);max-width:42em}
.perguntas .resposta p{margin:0 0 .6em}
.mais-perguntas{margin-top:1.4rem}

/* chamada final */
.fecho{text-align:left}
.fecho .faixa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}
.fecho h2{margin:0;max-width:22em}
.fecho .obs{color:var(--mudo);margin:.3rem 0 0}

/* páginas de texto */
.artigo{padding:clamp(2rem,5vw,4rem) 0}
.artigo .faixa{max-width:46em}
.artigo h1{margin-bottom:.4em}
.artigo .lead{font-size:1.2rem;color:var(--mudo);margin-bottom:2rem}
.artigo h2{margin-top:2.2rem;font-size:1.5rem}
.artigo h3{margin-top:1.6rem}
.artigo ul,.artigo ol{padding-left:1.3rem}
.artigo li{margin-bottom:.45rem}
.artigo .atualizado{color:var(--mudo);font-size:.95rem}
.artigo table{border-collapse:collapse;width:100%;margin:1rem 0 1.5rem;font-size:.98rem}
.artigo th,.artigo td{text-align:left;vertical-align:top;padding:.55rem .6rem;border-bottom:1px solid var(--linha)}
.artigo th{color:var(--base);font-weight:600}
.caixa{background:var(--papel-2);border-left:4px solid var(--acento);padding:1rem 1.2rem;border-radius:0 var(--raio) var(--raio) 0;margin:1.5rem 0}
.caixa p:last-child{margin:0}

/* linha do tempo (como funciona) */
.dia{list-style:none;padding:0;margin:2rem 0 0;position:relative}
.dia::before{content:"";position:absolute;left:7.4rem;top:.6rem;bottom:.6rem;border-left:2px solid var(--linha)}
.dia li{display:grid;grid-template-columns:6.2rem 1fr;gap:2.4rem;padding:0 0 2rem;position:relative}
.dia .hora{font-family:var(--fonte-titulo);font-weight:var(--peso-titulo);color:var(--acento-escuro);text-align:right;font-size:1.05rem;padding-top:.1rem}
.dia li::before{content:"";position:absolute;left:7.4rem;top:.45rem;width:14px;height:14px;border-radius:50%;background:var(--acento);border:3px solid var(--papel);transform:translateX(-6px);box-shadow:0 0 0 2px var(--acento)}
.dia h3{margin-bottom:.3em}
.dia p{margin:0;color:var(--mudo)}
@media (max-width:600px){
  .dia::before{left:.5rem}
  .dia li{grid-template-columns:1fr;gap:.2rem;padding-left:2rem}
  .dia li::before{left:.5rem}
  .dia .hora{text-align:left}
}
.observacoes{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1rem}
.observacoes h3{font-size:1.05rem}
.observacoes p{color:var(--mudo);margin:0}
@media (max-width:760px){.observacoes{grid-template-columns:1fr}}

/* contato */
.contato-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:3rem;align-items:start}
@media (max-width:800px){.contato-grade{grid-template-columns:1fr}}
.canais{list-style:none;padding:0;margin:0 0 1.5rem}
.canais li{padding:.9rem 0;border-top:1px solid var(--linha)}
.canais li:last-child{border-bottom:1px solid var(--linha)}
.canais .rotulo{display:block;color:var(--mudo);font-size:.92rem}
.canais a{font-weight:600;font-size:1.1rem}
.formulario{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:1.5rem}
.campo{display:block;margin-bottom:1.1rem}
.campo span{display:block;font-weight:600;margin-bottom:.3rem}
.campo input,.campo textarea{width:100%;font:inherit;padding:.65rem .75rem;border:1.5px solid var(--linha);border-radius:var(--raio);background:#fff;color:var(--tinta)}
.campo input:focus,.campo textarea:focus{border-color:var(--base);outline:none;box-shadow:0 0 0 3px var(--acento-claro)}
.campo textarea{min-height:9rem;resize:vertical}
.campo-oculto{position:absolute;left:-9999px;height:0;overflow:hidden}
.aviso{padding:1rem 1.2rem;border-radius:var(--raio);margin-bottom:1.2rem;border:1px solid}
.aviso-ok{background:#eef8ef;border-color:#9fd3a6;color:#1d5a28}
.aviso-erro{background:#fdeeee;border-color:#f0aaaa;color:#7a1f1f}
.miudo{color:var(--mudo);font-size:.92rem}

/* 404 */
.erro404 .faixa{max-width:40em;text-align:left;padding-top:4rem;padding-bottom:5rem}
.erro404 .codigo{font-family:var(--fonte-titulo);font-size:5rem;color:var(--acento);line-height:1;margin-bottom:.5rem;font-weight:var(--peso-titulo)}

/* rodapé */
.rodape{background:var(--base-escuro);color:rgba(255,255,255,.8);margin-top:0;padding:3rem 0 1.5rem;font-size:.97rem}
.rodape a{color:#fff}
.rodape a:hover{color:var(--acento)}
.rodape-grade{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
.rodape h2{color:#fff;font-size:1rem;font-family:var(--fonte-corpo);font-weight:600;margin-bottom:.6rem;letter-spacing:0}
.rodape p{margin:0 0 .45rem}
.rodape-marca .marca{margin-bottom:.9rem}
.rodape-credenciais{color:rgba(255,255,255,.6);font-size:.9rem}
.rodape-legal{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1.2rem;color:rgba(255,255,255,.55);font-size:.88rem}
.rodape-legal p{margin:0}
@media (max-width:860px){.rodape-grade{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.rodape-grade{grid-template-columns:1fr}}