/* Portada editorial del blog: separada de las páginas comerciales. */
.page-links a[aria-current="page"]{
  color:#8a4c24;
  position:relative;
}

.page-links a[aria-current="page"]::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-7px;
  left:0;
  height:2px;
  border-radius:2px;
  background:#d5863b;
}

.blog-hero{
  border-bottom:1px solid rgba(213,134,59,.14);
  background:linear-gradient(180deg,#fffaf4 0%,#fff 100%);
}

.blog-hero-inner{
  padding-top:50px;
  padding-bottom:48px;
}

.blog-hero .eyebrow{
  margin-bottom:10px;
}

.blog-hero h1{
  max-width:1120px;
  margin:0;
  color:#2f2f2f;
  font-size:clamp(38px,3.5vw,50px);
  font-weight:800;
  font-variation-settings:"wght" 800;
  line-height:1.08;
  letter-spacing:-.035em;
}

.blog-hero .lead{
  max-width:820px;
  margin:16px 0 0;
  color:#626262;
  font-size:18px;
  line-height:1.55;
}

.blog-listing{
  padding-top:54px;
}

.article-card{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.article-card:hover{
  transform:translateY(-3px);
  border-color:rgba(213,134,59,.38);
  box-shadow:0 18px 42px rgba(47,47,47,.09);
}

@media(max-width:900px){
  .page-mobile-menu a[aria-current="page"]{
    color:#8a4c24;
  }
}

@media(max-width:620px){
  .blog-hero-inner{
    padding-top:38px;
    padding-bottom:38px;
  }

  .blog-hero h1{
    font-size:36px;
    line-height:1.1;
  }

  .blog-hero .lead{
    margin-top:14px;
    font-size:17px;
  }

  .blog-listing{
    padding-top:42px;
  }
}