.single-content h2[id], .single-content h3[id],
.entry-content h2[id], .entry-content h3[id] {
  scroll-margin-top: 110px !important;
  position: relative;
}

.entry-content h2[id]::before,
.entry-content h3[id]::before,
.single-content h2[id]::before,
.single-content h3[id]::before {
  content: "";
  display: block;
  height: 110px;
  margin-top: -110px;
}

/* Fallback para navegadores antiguos */
@supports not (scroll-margin-top: 110px) {
  .single-content h2[id], .single-content h3[id],
  .entry-content h2[id], .entry-content h3[id] {
    padding-top: 110px;
    margin-top: -110px;
  }
}