/* ajustes.css · vistoria de layout 18/10/2026
   Somente espaçamento, alinhamento e quebra de linha. Nenhum texto, cor, foto ou link alterado. */

/* 1. Texto justificado em todo corpo de texto e nos cartões (última linha à esquerda) */
p,li,dd,figcaption,blockquote{hyphens:auto;-webkit-hyphens:auto}
p,li,dd{text-wrap:pretty}
.card p,.areas-cards .card p,.depo-card blockquote,.area li,.prose li,.box p,.box li,.lg-card p,.doc p,.book p,.timeline p,.honra-mini,
.com-box p:not(.center):not(.note):not(.com-forte){text-align:justify!important;text-align-last:left!important;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:600px){
  .com-box p:not(.center):not(.note):not(.com-forte),.prose p:not(.center):not(.lead.center),.prose li,.box p,.area p,.source{text-align:justify!important;text-align-last:left!important;hyphens:auto;-webkit-hyphens:auto}
}
/* títulos nunca justificados (um título de duas linhas justificado abre buracos entre as palavras) */
h1,h2,h3,h4,h5,h1.mt,h2.mt,h3.mt,h4.mt,.site-foot h4{text-align-last:auto}
h1.mt,h2.mt,h3.mt,h4.mt,h5.mt,.site-foot h4{text-align:left}
.sec-head h1,.sec-head h2,.page-head h1,.page-head h2,.center h2,.center h3{text-align:center}
.site-foot h4{text-wrap:balance}

/* 2. Títulos, subtítulos, sobretítulos e chamadas: linhas equilibradas, sem palavra sozinha */
h1,h2,h3,h4,.eyebrow,.kicker,.page-head p,.sec-head p,blockquote.pull,.citacao,.ag-frase,.honra-sub,.center .lead,.lead.center,.center .sub,.hero p{text-wrap:balance}
/* parágrafos justificados (lead/sub) usam "pretty": sem palavra sozinha e sem linhas encurtadas que o justificado esticaria */
.prose .lead:not(.center),.prose .sub:not(.center),p.lead:not(.center),p.sub:not(.center){text-wrap:pretty}
.eyebrow{text-align:inherit}
.eyebrow.center,.sec-head .eyebrow,.page-head .eyebrow{text-align:center;text-align-last:center}
/* blocos .center voltaram a ficar centrados (o botão e o sobretítulo da faixa Imprensa estavam à esquerda) */
div.center,span.center{text-align:center!important;text-align-last:center!important}
div.center > p,div.center > ul{text-align:justify;text-align-last:left}

/* 3. Grupos de botões: todos do mesmo tamanho */
.btns:not(.col){display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:max-content;max-width:100%;gap:12px}
.btns:not(.col) > .btn{width:100%;min-width:0}
.hero .btns:not(.col) > .btn{width:260px}
.hero .btns,.honra-box .btns,.com-box .btns,.center .btns,.center.btns,.saiba .btns,.cta .btns,.manif-band .btns,.btns[style*="center"]{margin-left:auto;margin-right:auto}
.traj-foto .btns{width:100%;grid-auto-flow:row}
@media (max-width:600px){
  .btns:not(.col){grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);width:100%}
  .btns:not(.col) > .btn,.hero .btns:not(.col) > .btn{width:100%;white-space:normal}
}

/* 4. Cartões de artigos: quando há menos cartões que colunas, o grupo fica centrado */
@media (min-width:901px){.cards:not(.cards2):has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc((100% - 40px) * 2 / 3 + 20px);margin-left:auto;margin-right:auto}}

/* 5. Contato: e-mail não estoura a coluna */
.quem-lado .creds-list li{grid-template-columns:1fr;gap:2px}
.creds-list a[href^="mailto:"]{overflow-wrap:anywhere}
.prose li a[href^="mailto:"],.prose p a[href^="mailto:"]{overflow-wrap:anywhere}

/* 6. Livros: capa centrada na altura do texto (sem meia tela vazia sob a capa) */
#odio .split.top{align-items:center}

/* 7. Celular */
@media (max-width:600px){
  /* números: menos recuo interno para as palavras longas caberem */
  .nums .num{padding:18px 12px}
  .num .k{letter-spacing:.16em}
  /* linha do tempo: ano acima do texto, texto com a largura toda */
  .timeline::before{left:5px}
  .timeline li{grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 0 10px 26px}
  .timeline li::before{left:1px;top:17px}
  .timeline b{text-align:left;font-size:17px}
  .timeline li.tl-honra > div{margin-left:0}
  /* redes sociais: os cinco ícones numa linha só */
  .socials{gap:10px}
  .socials a{font-size:9px;letter-spacing:.12em}
  .socials img{width:52px;height:52px}
}

/* 8. Colunas lado a lado nunca alargam a página no celular */
.split > *,.hgrid > *,.area > *,.jur > *,.cards > *{min-width:0}
.quem-lado img{max-width:100%;height:auto}
@media (max-width:600px){.com-box h2{font-size:25px}}
.split > div > img[style*="max-width"],.quem-lado > img[style*="max-width"]{width:100%;height:auto}
.prose blockquote:not(.pull):not(.citacao),.lg-lead,.depo-card blockquote{text-wrap:pretty}
@media (max-width:600px){.com-box{padding:32px 14px 28px}.com-box h2{font-size:23px}}

/* 9. Citações lado a lado (site italiano): sem vão grande sob o título e alinhadas ao centro */
.quotes2{align-items:center;margin-top:8px}
.quotes2 .filo{margin-top:24px}
@media (max-width:760px){.quotes2 .filo + .filo{margin-top:8px}}