/* =========================================================================
   TocaFiesta · home.css
   Pantalla de inicio. Mantiene el aspecto original sin cambios perceptibles.
   ========================================================================= */
.hero { text-align: center; padding: 26px 6px 22px; }
.hero h1 {
  font-weight: 600;
  font-size: clamp(28px, 7vw, 40px);
  line-height: 1.12;
  margin: 0 0 12px;
  letter-spacing: -0.2px;
}
.hero p {
  margin: 0 auto;
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: clamp(15px, 3.6vw, 17px);
  line-height: 1.5;
}

.section-label {
  display: block;
  text-align: center;
  margin: 26px 0 14px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.hint {
  text-align: center;
  margin: 22px auto 0;
  max-width: 40ch;
  font-size: 13.5px;
  color: var(--ink-soft);
}
.hint a { color: var(--brand); font-weight: 500; text-decoration: none; }
.hint a:hover { text-decoration: underline; }