/* J. Specht — homepage editorial SEO/GEO + internal links */

#conteudo[data-seo-section="editorial"]{
  scroll-margin-top:96px;
}

.mobi-editorial-context{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:1.15rem;
}

.mobi-editorial-context span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:.4rem .66rem;
  border:1px solid rgba(139,93,29,.14);
  border-radius:999px;
  background:rgba(255,255,255,.34);
  color:#745522;
  font-size:8px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.mobi-editorial-links{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:1rem;
}

.mobi-editorial-links a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:.42rem .66rem;
  border-bottom:1px solid rgba(139,93,29,.22);
  color:#6d4b18;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.085em;
  text-decoration:none;
  text-transform:uppercase;
}

.mobi-editorial-links a::after{
  content:"→";
  margin-left:.38rem;
  transition:transform .18s ease;
}

.mobi-editorial-links a:hover::after,
.mobi-editorial-links a:focus-visible::after{
  transform:translateX(3px);
}

#conteudo article{
  position:relative;
}

#conteudo article h3 a{
  color:inherit;
  text-decoration:none;
}

#conteudo article h3 a:hover,
#conteudo article h3 a:focus-visible{
  color:var(--gold-dark);
}

.mobi-editorial-category-link{
  display:inline-flex;
  align-items:center;
  color:var(--gold-dark);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
}

.mobi-editorial-category-link:hover,
.mobi-editorial-category-link:focus-visible{
  color:#5d3f13;
  text-decoration:underline;
  text-underline-offset:3px;
}

#conteudo article:focus-within{
  border-color:rgba(139,93,29,.24)!important;
  box-shadow:0 26px 66px rgba(41,32,20,.10)!important;
}

.mobi-editorial-related{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:.25rem;
  padding-top:1.15rem;
  border-top:1px solid rgba(139,93,29,.11);
}

.mobi-editorial-related p{
  margin:0;
  color:#6d655b;
  font-size:11.5px;
  line-height:1.55;
}

.mobi-editorial-related__links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  justify-content:flex-end;
}

.mobi-editorial-related__links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:.48rem .7rem;
  border:1px solid rgba(139,93,29,.18);
  border-radius:999px;
  color:#674818;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
}

.mobi-editorial-related__links a:hover,
.mobi-editorial-related__links a:focus-visible{
  border-color:rgba(139,93,29,.34);
  background:rgba(255,255,255,.5);
}

@media(max-width:1023px){
  .mobi-editorial-related{
    align-items:flex-start;
    flex-direction:column;
  }

  .mobi-editorial-related__links{
    justify-content:flex-start;
  }
}

@media(max-width:639px){
  .mobi-editorial-context,
  .mobi-editorial-links{
    gap:.38rem;
  }

  .mobi-editorial-related{
    margin-top:.6rem;
  }
}