/* Blog: lectura y navegación compactas. Septiembre de 2026. */
.blogHero{padding-top:76px;padding-bottom:76px;gap:40px}
.blogHero h1{font-size:clamp(2.7rem,5vw,5.1rem);max-width:760px;text-wrap:balance}
.blogHero>p{max-width:540px;line-height:1.8}
.blogListing{padding-top:54px}
.blogStart{padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.blogStart>div{display:flex;flex-wrap:wrap;gap:10px}
.blogStart a{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border:1px solid var(--forest-700);border-radius:3px;color:var(--forest-900);font-size:.86rem;font-weight:650;line-height:1.4;text-decoration:none}
.blogStart a:hover,.blogStart a:focus-visible{background:var(--forest-900);color:var(--ivory)}
.blogGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.blogCard{grid-template-columns:1fr;min-height:0}
.blogCardLarge{grid-column:1/-1;grid-row:auto;grid-template-columns:1fr 1fr}
.blogCardImage,.blogCardLarge .blogCardImage{min-height:0;height:260px}
.blogCardLarge .blogCardImage{height:100%;min-height:350px}
.blogCardImage img{height:100%;object-fit:cover}
.blogCardCopy{padding:30px}
.blogCardCopy h2{font-size:clamp(1.7rem,2.3vw,2.3rem);line-height:1.18}
.blogCardCopy p{font-size:.95rem;line-height:1.75}
.blogCardCopy strong{padding-top:8px}
@media(width<=760px){
  .blogHero{padding:50px 24px 48px;gap:24px}
  .blogHero h1{font-size:clamp(2.6rem,10.7vw,3.65rem)}
  .blogHero>p{font-size:1rem;margin-bottom:0}
  .blogListing{padding-top:34px;padding-bottom:54px}
  .blogStart{padding-bottom:28px;margin-bottom:28px}
  .blogStart a{font-size:.82rem;padding:10px 12px}
  .blogGrid{grid-template-columns:1fr;gap:24px;margin-top:22px}
  .blogCardLarge{grid-column:auto;grid-template-columns:1fr}
  .blogCardImage,.blogCardLarge .blogCardImage{height:210px;min-height:0}
  .blogCardCopy{padding:26px}
}