/* ============================================================
   A publicação: coluna de leitura.
   Carrega em tudo que não é a home, que tem folha própria.
   ============================================================ */

/* O rastro só aparece com o Yoast ativo, que é quem o monta. */
.caminho{padding-top:26px;font-family:var(--f-meta);font-size:11px;letter-spacing:.04em;color:var(--tinta-3)}

.caminho a{color:var(--tinta-2);text-decoration:none}

.caminho a:hover{color:var(--vermelho);text-decoration:underline}

.caminho + .post-cab{padding-top:16px}

.post-cab{padding-block:38px 22px;max-width:760px}

/* A coluna de leitura encosta na margem do grid, como o resto do site:
   centralizada sozinha, ela desalinhava do cabeçalho e da capa. */
.post-cab,.post-capa,.post-pdf,.post-corpo,.post-pe{margin-inline:0}

.post-cab .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}

.post-cab .meta .data{font-family:var(--f-meta);font-size:11px;letter-spacing:.04em;color:var(--tinta-3)}

.post-cab .et{text-decoration:none}

.post-cab h1{font-family:var(--f-tit);font-size:clamp(30px,4.6vw,52px);line-height:1.02;text-transform:uppercase;letter-spacing:-.022em;margin-bottom:16px}

.post-cab .olho{font-size:20px;line-height:1.46;color:var(--tinta-2);margin:0 0 22px;max-width:56ch}

.post-cab .assina{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:2px solid var(--regua)}

.post-cab .assina img{width:42px;height:42px;flex:none;border:2px solid var(--vermelho);padding:3px;background:#fff}

.post-cab .assina b{font-family:var(--f-ui);font-weight:700;font-size:15px;display:block}

.post-cab .assina span{font-family:var(--f-meta);font-size:11px;color:var(--tinta-3)}

.post-capa{margin:0 0 10px;padding-block:6px;max-width:980px}

.post-capa img{width:100%;height:auto}

.post-capa figcaption{font-family:var(--f-meta);font-size:11px;color:var(--tinta-3);padding-top:8px}

/* O texto antigo se identifica: o buscador entrega publicação de 2015 como
   se fosse de hoje. */
.post-antigo{margin:18px 0 0;padding:12px 14px;background:var(--branco);border-left:4px solid var(--prata);font-family:var(--f-meta);font-size:12px;line-height:1.5;color:var(--tinta-3)}

/* ---------- sumário ---------- */
/* Só aparece em texto com três subtítulos ou mais. As elucidações passam de
   dez mil palavras: sem índice, conferir uma afirmação é rolar o documento
   inteiro. */
.sumario{background:var(--branco);border-top:4px solid var(--vermelho);padding:20px 22px 22px;margin:0 0 30px}

.post-corpo .sumario h2{font-family:var(--f-ui);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--vermelho);margin:0 0 12px}

.post-corpo .sumario ol{list-style:none;margin:0;padding:0;counter-reset:sumario}

.post-corpo .sumario li{margin:0;counter-increment:sumario;border-top:1px solid var(--regua);padding:9px 0}

.post-corpo .sumario li:first-child{border-top:none;padding-top:0}

.post-corpo .sumario li.n-h3{padding-left:20px}

.post-corpo .sumario a{font-family:var(--f-ui);font-size:15px;line-height:1.35;color:var(--tinta);text-decoration:none;display:block}

.sumario a::before{content:counter(sumario) ". ";font-family:var(--f-meta);font-size:11.5px;color:var(--tinta-3)}

.post-corpo .sumario a:hover{color:var(--vermelho);text-decoration:underline;text-decoration-thickness:1px}

/* O subtítulo não encosta no topo da janela ao saltar pelo índice. */
.post-corpo h2,.post-corpo h3{scroll-margin-top:90px}

/* O aviso de PDF: o documento é o produto, não um anexo escondido no fim. */
.post-pdf{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:760px;background:var(--branco);border-left:4px solid var(--vermelho);padding:18px 20px;margin-block:26px}

.post-pdf b{font-family:var(--f-ui);font-weight:700;font-size:14px;display:block;margin-bottom:3px}

.post-pdf span{font-size:14.5px;color:var(--tinta-2)}

.post-pdf .bt{margin-left:auto}

/* A medida em ch segue o tamanho da fonte. Em 720px fixos a linha estava
   com 78 caracteres, acima da faixa confortável de 45 a 75. */
.post-corpo{max-width:68ch;padding-block:8px 34px;font-size:18px;line-height:1.62}

.post-corpo p{margin:0 0 20px}

.post-corpo h2,.post-corpo h3,.post-corpo h4{font-family:var(--f-tit);text-transform:uppercase;letter-spacing:-.015em;line-height:1.1;margin:34px 0 14px}

.post-corpo h2{font-size:27px}

.post-corpo h3{font-size:22px}

.post-corpo h4{font-size:18.5px}

.post-corpo a{color:var(--vermelho);text-decoration:underline;text-decoration-thickness:2px;text-underline-position:under}

.post-corpo img{height:auto;margin-block:10px}

.post-corpo figcaption{font-family:var(--f-meta);font-size:11px;color:var(--tinta-3);padding-top:6px}

.post-corpo blockquote{border-left:4px solid var(--vermelho);background:var(--branco);margin:24px 0;padding:16px 20px;font-size:19px}

.post-corpo blockquote p:last-child{margin:0}

.post-corpo ul,.post-corpo ol{margin:0 0 20px;padding-left:22px}

.post-corpo li{margin-bottom:8px}

.post-corpo hr{border:0;border-top:1px solid var(--regua);margin-block:30px}

.post-corpo table{width:100%;border-collapse:collapse;font-size:15.5px;margin-bottom:20px}

.post-corpo th,.post-corpo td{border:1px solid var(--regua);padding:8px 10px;text-align:left}

.paginas{font-family:var(--f-ui);font-size:14px;display:flex;gap:10px;margin-bottom:20px}

.post-pe{max-width:760px;padding-bottom:10px}

.compart{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:2px solid var(--regua);padding-top:16px}

.compart span{font-family:var(--f-meta);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}

.compart a,.compart button{font-family:var(--f-ui);font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--vermelho);border:1px solid var(--regua-2);background:transparent;padding:7px 12px;cursor:pointer}

.compart a:hover,.compart button:hover{background:var(--vermelho);color:#fff;border-color:var(--vermelho)}

/* ---------- o que ler em seguida ---------- */
.relacionados{padding-block:18px 50px}

.relacionados .lista{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

@media (max-width:760px){.relacionados .lista{grid-template-columns:1fr;gap:18px}}

.relacionados .lista li{border-top:1px solid var(--regua);padding-top:12px}

.relacionados .meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}

.relacionados .meta .data{font-family:var(--f-meta);font-size:10.5px;color:var(--tinta-3)}

.relacionados h4{font-family:var(--f-txt);font-weight:600;font-size:17px;line-height:1.3;margin-bottom:6px}

.relacionados h4 a{text-decoration:none}

.relacionados h4 a:hover{color:var(--vermelho)}

.relacionados .por{font-family:var(--f-meta);font-size:10.5px;color:var(--tinta-3)}

/* ---------- comentários ---------- */
/* Marcação própria, em comments.php: a do MagazineX trazia barra roxa no
   título e campos arredondados, que não são deste site. */
.comentarios{max-width:760px;margin-inline:0;padding-block:10px 56px}

.com-tit{font-family:var(--f-tit);font-size:clamp(20px,2.4vw,26px);text-transform:uppercase;letter-spacing:-.015em;padding-top:18px;border-top:2px solid var(--regua);margin-bottom:20px}

.com-lista{list-style:none;margin:0 0 34px;padding:0}

.com-lista .children{list-style:none;margin:14px 0 0 20px;padding-left:18px;border-left:2px solid var(--regua)}

.com-item{border-top:1px solid var(--regua);padding-block:18px}

.com-item:first-child{border-top:none;padding-top:0}

.com-lista .children .com-item{border-top:none;padding-bottom:0}

.com-cab{display:flex;align-items:center;gap:11px;margin-bottom:10px}

.com-cab img{width:40px;height:40px;flex:none;border:2px solid var(--regua-2);padding:2px;background:#fff}

.com-autor{font-family:var(--f-ui);font-weight:700;font-size:15px;display:block;line-height:1.2}

.com-data{font-family:var(--f-meta);font-size:10.5px;color:var(--tinta-3)}

.com-data a{text-decoration:none}

.com-data a:hover{color:var(--vermelho)}

.com-texto{font-size:16.5px;line-height:1.55;color:var(--tinta-2)}

.com-texto p{margin:0 0 10px}

.com-texto p:last-child{margin-bottom:0}

.com-espera{font-family:var(--f-meta);font-size:11px;color:var(--vermelho);margin:0 0 8px}

.com-responder-link{font-family:var(--f-ui);font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;display:inline-block;margin-top:10px}

.com-responder-link a{color:var(--vermelho);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:1px}

.com-responder-link a:hover{border-bottom-color:var(--vermelho)}

.com-fechado{font-family:var(--f-meta);font-size:12px;color:var(--tinta-3);padding-top:14px;border-top:1px solid var(--regua)}

/* ---------- o formulário ---------- */
.com-responder{padding-top:24px;border-top:2px solid var(--regua)}

.comment-reply-title{font-family:var(--f-tit);font-size:clamp(19px,2.2vw,24px);text-transform:uppercase;letter-spacing:-.015em;margin-bottom:8px}

.comment-reply-title small{font-family:var(--f-ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-left:10px;white-space:nowrap}

.comment-reply-title small a{color:var(--vermelho);text-decoration:none}

.com-nota{font-size:13.5px;color:var(--tinta-3);margin:0 0 18px}

.com-obrig{color:var(--vermelho)}

.com-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}

@media (max-width:620px){.com-form{grid-template-columns:1fr}}

.com-campo{margin:0;display:flex;flex-direction:column;gap:6px}

.com-campo-largo{grid-column:1 / -1}

.com-campo label{font-family:var(--f-ui);font-weight:700;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tinta-2)}

.com-campo input,.com-campo textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--regua-2);border-radius:0;background:#fff;color:var(--tinta)}

.com-campo textarea{min-height:150px;resize:vertical}

.com-campo input:focus-visible,.com-campo textarea:focus-visible{outline:2px solid var(--vermelho);outline-offset:1px;border-color:var(--vermelho)}

.com-form .comment-form-cookies-consent{grid-column:1 / -1;display:flex;align-items:center;gap:9px;margin:0;font-size:14px;color:var(--tinta-3)}

.com-form .comment-form-cookies-consent input{width:auto;flex:none}

.com-form .form-submit{grid-column:1 / -1;margin:0}

.com-form .form-submit input[type=submit]{border-radius:0;box-shadow:none}

.com-form .logged-in-as{grid-column:1 / -1;margin:0;font-size:14px;color:var(--tinta-3)}

.com-form .logged-in-as a{color:var(--vermelho)}

/* ============================================================
   Listagens: arquivo de tipo, de assunto, de autor, e a busca
   ============================================================ */

.arq-cab{padding-block:40px 10px;max-width:760px;margin-inline:0}

.arq-et{font-family:var(--f-ui);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--vermelho);display:block;margin-bottom:10px}

.arq-cab h1{font-family:var(--f-tit);font-size:clamp(30px,4.4vw,48px);line-height:1;text-transform:uppercase;letter-spacing:-.022em}

.arq-desc{color:var(--tinta-2);font-size:17px;margin-top:12px;max-width:58ch}

.arq-conta{font-family:var(--f-meta);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3);margin:14px 0 0;padding-top:12px;border-top:2px solid var(--regua)}

.arq-vazio{font-size:19px;color:var(--tinta-2);max-width:52ch;margin-bottom:22px}

.arquivo{padding-block:26px 56px}

.arq-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px}

@media (max-width:900px){.arq-grade{grid-template-columns:repeat(2,1fr);gap:28px 22px}}

@media (max-width:620px){.arq-grade{grid-template-columns:1fr}}

.arq-grade li{display:flex;flex-direction:column}

.arq-img{display:block;margin-bottom:12px;background:var(--grafite)}

.arq-img img{width:100%;aspect-ratio:16/10;object-fit:cover}

.arq-grade .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}

.arq-grade .meta .data{font-family:var(--f-meta);font-size:10.5px;color:var(--tinta-3)}

.arq-grade h2{font-family:var(--f-txt);font-weight:600;font-size:20px;line-height:1.26;margin-bottom:8px}

.arq-grade h2 a{text-decoration:none}

.arq-grade h2 a:hover{color:var(--vermelho)}

.arq-grade p{margin:0;font-size:15px;line-height:1.46;color:var(--tinta-2)}

/* ---------- paginação ---------- */
.pagination{margin-top:44px;padding-top:20px;border-top:2px solid var(--regua)}

.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.pagination .page-numbers{font-family:var(--f-ui);font-weight:700;font-size:13px;letter-spacing:.04em;text-decoration:none;color:var(--tinta-2);border:1px solid var(--regua-2);padding:9px 14px}

.pagination .page-numbers:hover{border-color:var(--vermelho);color:var(--vermelho)}

.pagination .page-numbers.current{background:var(--vermelho);border-color:var(--vermelho);color:#fff}

.pagination .dots{border:none;padding-inline:4px}

/* ---------- formulário de busca ---------- */
.busca{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;max-width:560px}

.busca input[type=search]{flex:1;min-width:220px;box-sizing:border-box;font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--regua-2);background:#fff}

.busca input[type=search]:focus-visible{outline:2px solid var(--vermelho);outline-offset:1px}

/* ---------- barra de leitura ---------- */
/* Transform em vez de width: a largura recalcula o layout a cada quadro. */
.progresso{position:fixed;top:0;left:0;right:0;height:3px;background:var(--vermelho);transform:scaleX(0);transform-origin:0 50%;z-index:80;pointer-events:none;will-change:transform}

@media (prefers-reduced-motion:reduce){.progresso{display:none}}

/* O rótulo que abre a resposta de cada afirmação checada. */
.post-corpo .rotulo-eluc{font-family:var(--f-ui);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--vermelho);margin:26px 0 10px;padding-top:12px;border-top:2px solid var(--regua)}

/* ============================================================
   Impressão e PDF
   O documento é a publicação: fora dela, nada vai para o papel.
   ============================================================ */
@media print{
  .topo,.topo-b,.barra-camp,.rodape,.progresso,.compart,.relacionados,
  .comentarios,.post-pdf,.caminho,.sr,.skip-link{display:none !important}

  html,body{background:#fff !important;color:#000 !important;font-size:11pt}

  .w{max-width:none;padding-inline:0}

  .post-cab,.post-corpo,.post-capa,.post-pe{max-width:none;margin:0;padding-inline:0}

  .post-cab{padding-block:0 14pt;border-bottom:1.5pt solid #000}

  .post-cab h1{font-size:23pt;line-height:1.05;color:#000}

  .post-cab .olho{font-size:12pt;color:#333}

  .post-cab .et{border:.6pt solid #000 !important;background:none !important;color:#000 !important;padding:1pt 4pt}

  .post-cab .assina img{display:none}

  .post-antigo{border-left:2pt solid #000;background:none;color:#333}

  .post-capa{margin-bottom:12pt;page-break-inside:avoid}

  .post-capa img{max-height:9cm;object-fit:contain}

  /* O sumário abre o documento e fica numa página só. */
  .sumario{background:none;border:0;border-top:2pt solid #000;border-bottom:.6pt solid #000;padding:8pt 0 10pt;page-break-after:always}

  .post-corpo .sumario h2{color:#000;font-size:9pt}

  .post-corpo .sumario a{color:#000;font-size:10.5pt}

  .post-corpo{font-size:11pt;line-height:1.45;color:#000}

  .post-corpo h2{font-size:14pt;margin-top:18pt;page-break-after:avoid}

  .post-corpo h3{font-size:12pt;page-break-after:avoid}

  .post-corpo p,.post-corpo li{orphans:3;widows:3}

  .post-corpo blockquote{border-left:2pt solid #000;background:none;font-size:11pt;page-break-inside:avoid}

  .post-corpo .rotulo-eluc{color:#000;border-top:.6pt solid #000;page-break-after:avoid}

  .post-corpo img{max-width:100%;max-height:11cm;object-fit:contain;page-break-inside:avoid}

  /* Em papel, o link some: o endereço precisa estar escrito. */
  .post-corpo a{color:#000;text-decoration:underline}

  .post-corpo a[href^="http"]::after{content:" (" attr(href) ")";font-size:8.5pt;word-break:break-all}
}

@page{margin:18mm 16mm 16mm}