/* Blog do Dante Pedrotti. Mesma paleta e mesmas fontes da home. */
*,*::before,*::after{box-sizing:border-box;}
:root{
  --tinta:#08182B; --azul:#0D2340; --azul-esc:#061321; --azul-claro:#E8EDF4;
  --bronze:#8A6520; --dourado:#DCB878; --texto:#2F3E4E; --suave:#61738A;
  --areia:#F2EFE8; --branco:#FFFFFF; --linha:#DFDACF;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:840px;
}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--branco);color:var(--texto);font-family:var(--sans);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:var(--serif);color:var(--tinta);line-height:1.2;margin:0;font-weight:600;}
h1{font-size:clamp(27px,4.4vw,40px);}
h2{font-size:clamp(21px,2.8vw,27px);}
a{color:var(--azul);}
img{max-width:100%;height:auto;}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 22px;}

header{border-bottom:1px solid var(--linha);background:var(--branco);}
header .nav{display:flex;align-items:center;gap:18px;padding-top:15px;padding-bottom:15px;
  max-width:1120px;flex-wrap:wrap;}
.marca{text-decoration:none;display:block;margin-right:auto;}
.marca .n{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--tinta);
  line-height:1.1;display:block;}
.marca .oab{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--suave);}
.nav-links{display:flex;gap:20px;}
.nav-links a{color:var(--texto);text-decoration:none;font-size:14.5px;}
.nav-links a:hover{color:var(--azul);}
.btn{display:inline-block;background:var(--azul);color:#fff;text-decoration:none;
  font-size:14.5px;font-weight:600;padding:11px 19px;border-radius:7px;line-height:1.2;}
.btn.grande{font-size:16px;padding:15px 26px;}
.btn.linha{background:transparent;color:var(--azul);border:1.5px solid var(--azul);}
@media (max-width:760px){
  .nav-links{order:3;width:100%;gap:16px;flex-wrap:wrap;}
  header .btn{font-size:13.5px;padding:10px 15px;}
}

.topo{background:var(--areia);padding:clamp(34px,5vw,56px) 0;border-bottom:1px solid var(--linha);}
.migalha{font-size:13px;color:var(--suave);margin:0 0 14px;}
.migalha a{color:var(--suave);}
.tema{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze);
  margin:0 0 9px;font-weight:600;}
.lede{font-size:18px;color:var(--suave);margin:16px 0 0;max-width:62ch;}

article.texto{padding:clamp(34px,5vw,56px) 0;}
article.texto p{margin:0 0 18px;max-width:70ch;}
article.texto p:last-child{margin-bottom:0;}

.lista{padding:clamp(34px,5vw,56px) 0;}
.item{border-bottom:1px solid var(--linha);padding:26px 0;}
.item:last-child{border-bottom:0;}
.item h2{margin:0 0 8px;font-size:clamp(19px,2.3vw,24px);}
.item h2 a{text-decoration:none;}
.item h2 a:hover{text-decoration:underline;text-underline-offset:3px;}
.item p{margin:0;color:var(--suave);max-width:70ch;}

.cta{background:var(--azul-esc);padding:clamp(38px,5vw,60px) 0;}
.cta h2{color:#fff;}
.cta p{color:#AFBCC5;margin:12px 0 24px;max-width:60ch;}
.cta .btn.linha{color:#fff;border-color:rgba(255,255,255,.55);}
.botoes{display:flex;gap:12px;flex-wrap:wrap;}

.outros{background:var(--areia);padding:clamp(34px,5vw,52px) 0;}
.outros h2{margin:0 0 16px;font-size:21px;}
.outros ul{margin:0;padding:0 0 0 19px;}
.outros li{margin:0 0 9px;}

footer{background:var(--branco);border-top:1px solid var(--linha);
  padding:34px 0;font-size:14px;color:var(--suave);}
.f-marca{font-family:var(--serif);font-size:18px;color:var(--tinta);margin:0 0 4px;}
.f-marca span{font-family:var(--sans);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--suave);}
.f-links{margin:14px 0;}
.f-links a{color:var(--texto);text-decoration:none;}
.conformidade{font-size:12px;line-height:1.55;color:var(--suave);margin:18px 0 0;max-width:80ch;}