/* === Tipografía General === */
h1, h2, h3 { font-family: var(--ff-heading); color: var(--clr-text); font-weight: var(--fw-extrabold); line-height: 1.1; letter-spacing: -0.02em; }
p { font-family: var(--ff-body); color: var(--clr-text-muted); margin-bottom: var(--space-md); line-height: 1.6; }

.section-header { text-align: center; max-width: 60ch; margin-inline: auto; margin-bottom: var(--space-4xl); }
.section-overline {
  display: inline-flex; align-items: center; gap: 0.5em;
  font-family: var(--ff-heading);
  font-size: var(--fs-xs); font-weight: var(--fw-bold);
  text-transform: uppercase; letter-spacing: 0.2em;
  color: var(--clr-accent); margin-bottom: var(--space-md);
  padding: 0.5em 1em;
  background: rgba(245, 158, 11, 0.1);
  border-radius: var(--radius-full);
  border: 1px solid rgba(245, 158, 11, 0.2);
}
.section-title {
  font-size: var(--fs-4xl); font-weight: var(--fw-extrabold);
  margin-bottom: var(--space-md);
}
.text-gradient {
  background: linear-gradient(to right, var(--clr-accent), #fde68a);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  display: inline-block;
}
.text-accent { color: var(--clr-accent); }