/* JRK Higienização — Blog */
.blog-hero{
  padding:150px 0 70px;
  background:radial-gradient(circle at 85% 10%, var(--azul-claro) 0%, transparent 55%),
             linear-gradient(180deg, var(--azul-claro) 0%, var(--gelo) 78%);
  text-align:center;
}
.blog-hero h1{font-size:clamp(32px,4.4vw,50px);line-height:1.1;font-weight:800;letter-spacing:-.02em;}
.blog-hero p{font-size:17px;color:var(--cinza-suave);max-width:620px;margin:18px auto 0;line-height:1.6;}

.blog-grid{padding:70px 0 100px;}
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.blog-card{background:#fff;border:1px solid var(--linha);border-radius:20px;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;display:flex;flex-direction:column;}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(31,78,121,.28);}
.blog-card img{width:100%;height:200px;object-fit:cover;}
.blog-card-body{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1;}
.blog-card-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--azul-medio);margin-bottom:10px;}
.blog-card h3{font-size:19px;line-height:1.3;margin-bottom:10px;}
.blog-card p{font-size:14px;color:var(--cinza-suave);line-height:1.6;margin:0 0 18px;flex:1;}
.blog-card-link{font-weight:700;font-size:13.5px;color:var(--azul-profundo);}

/* ARTIGO */
.article-hero{
  padding:150px 0 0;
  background:radial-gradient(circle at 85% 10%, var(--azul-claro) 0%, transparent 55%),
             linear-gradient(180deg, var(--azul-claro) 0%, var(--gelo) 78%);
}
.breadcrumb{font-size:13px;color:var(--cinza-suave);margin-bottom:22px;}
.breadcrumb a{color:var(--azul-medio);font-weight:600;}
.article-hero h1{font-size:clamp(30px,4.2vw,46px);line-height:1.15;font-weight:800;letter-spacing:-.02em;max-width:820px;}
.article-meta{display:flex;gap:18px;align-items:center;margin-top:20px;font-size:13.5px;color:var(--cinza-suave);flex-wrap:wrap;}
.article-meta span{display:flex;align-items:center;gap:6px;}
.article-cover{margin-top:40px;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px -22px rgba(31,78,121,.3);}
.article-cover img{width:100%;max-height:480px;object-fit:cover;}
.article-body{padding:60px 0 40px;max-width:760px;margin:0 auto;}
.article-body p{font-size:17px;line-height:1.75;color:var(--cinza-tecnico);margin:0 0 24px;}
.article-body h2{font-size:26px;margin:44px 0 18px;letter-spacing:-.01em;}
.article-body h3{font-size:20px;margin:32px 0 14px;}
.article-body ul{padding-left:22px;margin:0 0 24px;}
.article-body li{font-size:16.5px;line-height:1.7;color:var(--cinza-tecnico);margin-bottom:10px;}
.article-body strong{color:var(--azul-profundo);}
.pillar-badge{
  display:inline-flex;align-items:center;gap:8px;background:var(--azul-claro);color:var(--azul-profundo);
  padding:8px 16px;border-radius:100px;font-size:12.5px;font-weight:700;margin-bottom:20px;
}
.article-cta{
  max-width:760px;margin:20px auto 80px;background:linear-gradient(120deg, var(--azul-profundo), var(--azul-profundo-2));
  border-radius:22px;padding:40px 44px;color:#fff;text-align:center;
}
.article-cta h3{color:#fff;font-size:22px;margin-bottom:10px;}
.article-cta p{color:rgba(255,255,255,.78);font-size:14.5px;margin:0 0 22px;}
.related{padding:0 0 90px;}
.related h2{text-align:center;margin-bottom:34px;font-size:26px;}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto;}

@media(max-width:900px){
  .blog-cards{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr;}
}