/* Extensão das páginas de texto existentes; não altera o HTML editorial legado. */
.blog{max-width:40rem;margin-inline:auto}
.caminho{margin-top:1.6rem;font-size:1rem}
.caminho a{padding-block:.5rem;text-underline-offset:.2em}
.blog .titulo{padding-top:1.6rem;max-width:100%}
.blog .texto{max-width:100%}
.blog .titulo h1{text-transform:none;font-size:clamp(1.8rem,5.5vw,2.8rem);line-height:1.15;overflow-wrap:anywhere}
.artigo-capa{margin:1.8rem 0}
.artigo-capa img{width:100%;height:auto}
.artigo-conteudo{max-width:100%;overflow-wrap:anywhere;font-size:1.19rem}
/* Subtítulos do texto em Atkinson 800: a Archivo Black em minúsculas fecha o miolo das letras. */
.artigo-conteudo h2,.artigo-conteudo h3{font-family:'Atkinson Hyperlegible Next','Atkinson Fallback',system-ui,sans-serif;font-weight:800;letter-spacing:0}
.artigo-conteudo h2{text-transform:none;line-height:1.3}
.artigo-conteudo h3{font-size:1.2rem;line-height:1.35}
.artigo-conteudo a{text-underline-offset:.2em}
.artigo-conteudo [id]{scroll-margin-top:1.2rem}
.artigo-conteudo .wp-block-table{overflow-x:auto}
.artigo-conteudo .rank-math-question{font-weight:700;margin-top:1.6rem}
.artigo-conteudo .wp-block-rank-math-toc-block{padding:1.2rem;background:var(--painel);border:1px solid var(--regua);margin-bottom:2rem}
.lista-artigos{list-style:none;padding-left:0!important}
.lista-artigos li{border-bottom:1px solid var(--regua);margin:0}
.lista-artigos a{display:block;padding:1rem 0;font-size:1.2rem;line-height:1.35;text-underline-offset:.2em}
.voltar-blog{padding-bottom:2.5rem}
.leia-tambem{margin:0 0 2.5rem;padding:1.4rem 0;border-top:2px solid var(--tinta);border-bottom:1px solid var(--regua)}
.leia-tambem h2{font-family:'Archivo Black',system-ui,sans-serif;font-size:1.15rem;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.7rem}
.leia-tambem ul{list-style:none;padding:0}
.leia-tambem li+li{margin-top:.55rem}
.leia-tambem a{font-weight:600;text-underline-offset:.2em}

/* Onde ficam as lojas, ao fim de cada artigo: quem leu e é da região precisa
   saber para onde ir. */
.visite{margin:0 0 2.5rem;padding:1.4rem 1.3rem;border:1px solid var(--regua);
  border-radius:8px;background:var(--painel)}
.visite h2{font-family:'Archivo Black',system-ui,sans-serif;font-size:1.15rem;
  text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.6rem}
.visite p{margin-bottom:.9rem}
.visite ul{list-style:none;padding:0;margin-bottom:.9rem}
.visite li+li{margin-top:.8rem}
.visite li a{font-weight:700}
.visite .det{display:block;color:var(--fraco);font-size:.95rem;margin-top:.15rem}
.visite .zap-link{font-weight:600}

/* Índice do blog agrupado por tema, com o resumo de cada artigo. */
.tema{margin-bottom:2.6rem}
.tema h2{font-family:'Archivo Black',system-ui,sans-serif;font-size:1.25rem;
  text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.35rem}
.tema .sob-tema{color:var(--fraco);margin-bottom:.6rem;max-width:60ch}
.tema .lista-artigos li{border-bottom:1px solid var(--regua)}
.tema .lista-artigos a{padding:.95rem 0 .25rem;font-weight:600}
.tema .res{display:block;color:var(--fraco);font-size:.98rem;line-height:1.45;
  padding-bottom:1rem;max-width:62ch}