/**
 * El Rincón de Aghata — landing-soon.css
 *
 * Estado "solo landing" del index: deja visible UNICAMENTE el bloque hero
 * (foto de fondo + logo + texto) y oculta navbar, secciones y footer.
 *
 * Por qué display:none y no borrar el markup: el contenido (secciones, footer,
 * enlaces, datos de negocio) permanece en el documento — semántica y contexto
 * intactos para crawlers — y volver al sitio completo es quitar esta hoja y sus
 * <script>, sin restaurar HTML.
 *
 * Se carga SOLO en index.html (después de styles.css, para ganar la cascada
 * sobre los display de .section, .footer, .back-to-top, etc.).
 */

/* Chrome y secciones del index ocultos: el hero queda solo (el contenido
   conservado vive en el DOM para crawlers, ver index.html). */
.navbar,
.back-to-top,
.footer,
.landing-hidden {
  display: none;
}

/* Sin navbar fija el padding-top de --nav-h (.hero-content) deja el bloque
   desplazado hacia abajo: se anula para que quede centrado de verdad. */
.hero-content {
  padding-top: 0;
}

/* Texto alusivo de "estamos trabajando": en dorado y en dos tonos.
   Entra DESPUES del logo (mismo keyframe fadeUp de styles.css), con un
   recorrido mas largo para que se vea subir hasta su sitio. */
.hero-soon {
  font-family: var(--font-serif);
  font-size: clamp(1.2rem, 2.2vw, 1.5rem);
  font-weight: 300;
  font-style: italic;
  color: var(--color-gold-light);
  max-width: 50ch;
  line-height: 1.8;
  margin-bottom: 0;
  opacity: 0;
  transform: translateY(34px);
  animation: fadeUp 1.1s var(--ease-in-out) 1.15s forwards;
}

.hero-soon span {
  display: block;
  margin-top: var(--space-3);
  color: rgba(232, 212, 160, 0.6);
  font-size: 0.88em;
}

/* En modo landing el .hero-subtext ("Un santuario privado...") sobra: el
   mensaje de "estamos trabajando" lo sustituye. */
.hero-subtext {
  display: none;
}