.section {
  padding: var(--space-section) 0;
  position: relative;
}

.section + .section {
  border-top: 1px solid rgba(86, 70, 58, 0.10);
}

.section-cafe-medio {
  background: var(--cafe-300);
}

.section-cafe-claro {
  background: var(--cafe-150);
}

.section-cafe-base {
  background: var(--cafe-200);
}

.section-dark {
  background: linear-gradient(90deg, #2a2420 0%, #352d28 100%);
}

.section-heading {
  margin-bottom: var(--space-heading);
}

.split-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 28px;
}

.split-heading h2 {
  font-size: clamp(28px, 3.4vw, 46px);
}

.split-heading p {
  max-width: 620px;
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
}

.split-heading-dark h2,
.split-heading-dark p {
  color: var(--blanco);
}

.section-heading h2 a,
.showcase-main h2 a,
.hero-copy h1 a,
.history-copy h3 a,
.row-copy h3 a,
.publication-copy h3 a,
.efemeride-copy h3 a,
.agenda-feature h4 a,
.internacional-card h3 a,
.sector-card h3 a {
  color: inherit;
  text-decoration: none;
}

.section-heading h2 a:hover,
.showcase-main h2 a:hover,
.hero-copy h1 a:hover,
.row-copy h3 a:hover,
.publication-copy h3 a:hover,
.efemeride-copy h3 a:hover,
.agenda-feature h4 a:hover,
.internacional-card h3 a:hover,
.sector-card h3 a:hover {
  color: var(--negro3);
}

.history-copy h3 a:hover {
  color: var(--cafe-150);
}

.section-dark .section-heading h2 a,
.section-dark .split-heading-dark h2 a {
  color: var(--blanco);
  text-decoration: none;
  transition: color 0.18s ease;
}

.section-dark .section-heading h2 a:hover,
.section-dark .split-heading-dark h2 a:hover {
  color: var(--cafe-150);
}
