/* ============================================================
   ACATHI — pantalla: Inscripción (patterns/inscription.php)
   ============================================================ */

.ac-inscription-hero {
  background: linear-gradient(135deg, var(--secondary-fixed) 0%, var(--background) 70%);
  padding: var(--stack-lg) var(--gutter) var(--stack-md);
}
.ac-inscription-hero__inner { max-width: 720px; margin: 0 auto; text-align: center; }
.ac-inscription-hero__title {
  font-family: var(--font-display); font-weight: var(--weight-bold);
  font-size: 44px; line-height: 52px; letter-spacing: -0.02em;
  color: var(--primary); margin: 0 0 16px;
}

.ac-inscription-body { padding: var(--stack-md) var(--gutter) var(--stack-lg); }
.ac-inscription-card {
  max-width: 680px; margin: 0 auto;
  background: var(--surface-container-lowest);
  border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); padding: 40px;
}

.ac-inscription-intro { text-align: center; margin-bottom: 24px; }
.ac-inscription-intro h2 {
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 24px; color: var(--on-surface); margin: 0 0 6px;
}
.ac-inscription-intro p { font-size: 14px; color: var(--on-surface-variant); margin: 0; }

.ac-inscription-tipos { margin-bottom: 20px; }
.ac-inscription-tipos label { font-size: 14px; margin-bottom: 4px; }

/* Campo con icono inicial (equivalente al TextField del prototipo) */
.ac-inscription-input { position: relative; }
.ac-inscription-input .material-symbols-outlined {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  font-size: 20px; color: var(--on-surface-variant); pointer-events: none;
}
.ac-inscription-input input { padding-left: 44px; }

.ac-inscription-success { text-align: center; padding: 16px 0; }
.ac-inscription-success h2 {
  font-family: var(--font-display); font-weight: var(--weight-bold);
  font-size: 26px; color: var(--primary); margin: 14px 0 8px;
}
.ac-inscription-success p {
  font-size: 16px; color: var(--on-surface-variant);
  margin: 0 auto 24px; max-width: 440px;
}

@media (max-width: 680px) {
  .ac-inscription-card { padding: 28px 20px; }
  .ac-inscription-hero__title { font-size: 36px; line-height: 44px; }
}

/* ═══ Rediseño editorial (añadido) ═══ */
.ac-inscription-hero { position: relative; overflow: hidden; }
.ac-inscription-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--rainbow-gradient); }
.ac-inscription-hero__title { font-size: clamp(2.1rem, 1.4rem + 2vw, 3.3rem); line-height: 1.07; letter-spacing: -0.02em; }