/* Páginas internas: la cabecera que sustituye al hero, y la de "muy pronto".
   Parte de styles/ — se cargan en orden desde index.html. */

/* En las internas no hay hero que ocupe la primera pantalla: la primera
   sección tiene que dejar libre la barra fija por su cuenta. No llevan
   cabecera propia a propósito —la sección ya trae su título, y ponerle otro
   encima lo decía dos veces. */
.pagina > .seccion:first-child,
.pagina > .archivo:first-child {
  padding-top: calc(var(--nav-h) + clamp(2.5rem, 8vh, 5rem));
}
.pagina > .archivo:first-child .archivo__pin { min-height: auto; }

/* --- Boletos: todavía no hay nada que vender aquí --- */
.proximamente {
  min-height: 82svh;
  display: grid; align-content: center; justify-items: start;
  gap: 1.4rem;
  padding: calc(var(--nav-h) + 3rem) var(--bleed) clamp(4rem, 10vh, 7rem);
  max-width: var(--maxw); margin-inline: auto;
}
.proximamente__kicker {
  margin: 0; font-family: var(--mono); font-size: .72rem;
  letter-spacing: .26em; text-transform: uppercase; color: var(--oro);
}
.proximamente__titulo {
  margin: 0;
  font-family: var(--display); font-variation-settings: 'wdth' 125;
  font-weight: 900; font-size: clamp(3rem, 14vw, 10rem);
  line-height: .84; letter-spacing: -.035em; text-transform: uppercase;
  color: transparent; -webkit-text-stroke: 1.5px var(--hueso);
}
.proximamente__texto {
  max-width: min(44ch, 100%); margin: .4rem 0 0;
  font-size: clamp(1rem, .95rem + .35vw, 1.2rem);
  color: var(--hueso-70); text-wrap: pretty;
}
.proximamente__acciones { display: flex; flex-wrap: wrap; gap: .8rem; }
.proximamente__nota {
  margin: .6rem 0 0; font-family: var(--mono); font-size: .78rem;
  color: var(--hueso-45); line-height: 1.7;
}

@media (max-width: 560px) {
  .proximamente__titulo { -webkit-text-stroke-width: 1px; }
}