/* Iberofonía — layout de las páginas interiores (todas menos index.html).
   index.html usa valores propios para .container, .section-label y h2, por eso no carga este fichero. */

.page-hero {
  padding: 140px 24px 80px;
  text-align: center;
  background:
    radial-gradient(ellipse at 30% 50%, rgba(212,105,42,.15) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 30%, rgba(201,168,76,.12) 0%, transparent 55%),
    var(--dark);
}
.page-hero .eyebrow {
  font-size: .8rem; letter-spacing: .25em; text-transform: uppercase;
  color: var(--gold); margin-bottom: 16px;
}
.page-hero h1 {
  font-size: clamp(2.4rem, 6vw, 4.5rem); font-weight: 700; letter-spacing: -.02em;
  background: linear-gradient(135deg, #fff 0%, var(--gold-light) 60%, var(--gold) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  margin-bottom: 16px;
}
.page-hero p { color: var(--text-muted); font-size: 1.1rem; max-width: 560px; margin: 0 auto; }

.container { max-width: 960px; margin: 0 auto; padding: 80px 24px; }
.section-label { font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 700; margin-bottom: 32px; }