/* css/blog.css — só o blog: artigo e lista de artigos. */

.artigo{max-width:72ch;margin:0 0 1.8rem;font-size:1.03rem;line-height:1.75}
.artigo p{margin:0 0 1rem}
.artigo h2,.artigo h3{margin:1.6rem 0 .6rem}
.artigo img{max-width:100%;height:auto;border-radius:10px}
.artigo ul,.artigo ol{margin:0 0 1rem;padding-left:1.3rem}
.artigo blockquote{margin:0 0 1rem;padding:.6rem 1rem;border-left:4px solid var(--pj);color:var(--tf)}
.artigo table{width:100%;border-collapse:collapse;font-size:.92rem;margin:0 0 1rem}
.artigo th,.artigo td{border-bottom:1px solid var(--l);padding:.45rem;text-align:left}
.artigo th{background:var(--pl)}

.pagina.com-blog{
  display:grid;
  grid-template-columns:minmax(190px,240px) minmax(0,1fr);
  gap:1.6rem;
  align-items:start;
}
.blog-menu{
  position:sticky;top:5.2rem;
  padding:.2rem .15rem 0;
}
.blog-ordem{
  display:inline-block;margin:0 .35rem .35rem 0;padding:.28rem .65rem;border-radius:999px;
  color:var(--pa);font-weight:800;font-size:.84rem;text-decoration:none;
  background:color-mix(in srgb, var(--pj) 45%, #fff);
}
.blog-ordem.on,.blog-ordem:hover{background:var(--pa);color:#fff}
.blog-menu-tit{
  margin:1rem 0 .35rem;padding-bottom:.35rem;
  border-bottom:1px dotted #c4b8d4;
  font-size:.78rem;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:#5c4d72;
}
.blog-cat{
  display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;
  padding:.4rem 0;text-decoration:none;color:#1A120E;font-weight:800;
  border-bottom:1px dotted #ddd4e8;
}
.blog-cat em{color:var(--pa);font-style:normal;font-weight:800}
.blog-cat.on span,.blog-cat:hover span{color:var(--pa)}
.blog-lado{
  display:block;padding:.75rem 0;text-decoration:none;color:#1A120E;
  border-bottom:1px dotted #ddd4e8;
}
.blog-lado strong{display:block;margin:0 0 .25rem;font-size:1.02rem;line-height:1.25}
.blog-lado span{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;font-weight:400;font-size:.86rem;line-height:1.4;color:#4a433c;
}
.blog-lado:hover strong{color:var(--pa)}

.blog-mes{margin:1.35rem 0 .75rem;font-size:1.15rem;color:#4C3278}
.blog-fixos{margin:1.3rem 0 0}
.blog-grade{
  display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1.3rem;
  margin:0 0 .4rem;
}

.blog-post{display:flex;flex-direction:column;text-decoration:none;color:#1A120E}
.blog-foto{
  position:relative;display:block;aspect-ratio:4/3;overflow:hidden;
  background:var(--pl);border:3px solid var(--pa);border-radius:2px;
}
.blog-grande .blog-foto{aspect-ratio:1024/571;max-height:none}
.blog-foto img{width:100%;height:100%;object-fit:cover;display:block}
.blog-foto .fita{
  position:absolute;left:.7rem;top:.85rem;z-index:1;
  min-width:3.6rem;padding:.4rem .55rem .75rem;text-align:center;line-height:1;
  background:var(--pa);color:#fff;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);
}
.blog-foto .fita b{display:block;font-size:1.45rem;font-weight:800}
.blog-foto .fita small{display:block;margin-top:.15rem;font-size:.68rem;font-weight:700;letter-spacing:.02em}
.blog-grande .blog-foto .fita{min-width:4.3rem;padding:.5rem .7rem .95rem}
.blog-grande .blog-foto .fita b{font-size:1.9rem}
.blog-foto .novo{top:.55rem;right:.55rem;left:auto}

.blog-corpo{display:flex;flex-direction:column;align-items:flex-start;padding:.85rem .1rem 0}
.blog-cat{color:var(--pa);font-weight:800;font-size:.92rem}
.blog-titulo{display:block;margin:.3rem 0 .4rem;font-size:1.2rem;font-weight:800;line-height:1.25;color:#1A120E}
.blog-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1.7rem;
  align-items:stretch;
  margin:0 0 1.6rem;
}
.blog-hero .blog-grande{margin:0;min-width:0}
.blog-hero .anuncio{
  min-height:100%;margin:0;align-self:stretch;
  border-radius:10px;background:#F4F6F8;color:#5C6B7A;
}
.blog-grande .blog-titulo{font-size:1.35rem}
.blog-trecho{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;color:#3d3832;font-size:.98rem;line-height:1.45;
}
.blog-mais{
  display:inline-block;margin-top:.85rem;padding:.5rem 1rem;
  background:var(--pa);color:#fff;font-weight:800;font-size:.92rem;border-radius:4px;
}
.blog-post:hover .blog-mais{filter:brightness(.93)}
.blog-post:focus-visible{outline:3px solid var(--pj);outline-offset:3px}
.blog-grande{margin:0 0 .3rem}

.blog-item{padding:.85rem 0;border-bottom:1px solid var(--l)}
.blog-item h3{margin:.15rem 0 .3rem;font-size:1.25rem}
.blog-item h3 a{color:#1A120E;text-decoration:none}
.blog-item h3 a:hover{color:var(--tom-t)}
.blog-quando{margin:0 0 .35rem;color:var(--tf);font-size:.92rem}
.artigo .grade{margin-top:.6rem}

@media (max-width:800px){
  .pagina.com-blog{grid-template-columns:1fr}
  .blog-menu{position:static}
  .blog-grade{grid-template-columns:1fr}
  .blog-hero{grid-template-columns:1fr}
  .blog-hero .anuncio{min-height:110px}
  .blog-grande .blog-titulo{font-size:1.35rem}
}