/* ============================================================
   ALTA — misplash.com/p/alta (spec 2026-09-25)
   Layout propio de la plataforma, paleta de im.css en tema claro.
   Una columna siempre: no hay versión de escritorio con dos.
   ============================================================ */

.alta-wrap {
  max-width: 480px;
  padding: 32px 0 60px;
}

.alta-head { margin-bottom: 22px; }

.alta-sub {
  margin-top: 6px;
  color: var(--crema-mute);
  font-size: 14px;
}

.alta-card { padding: 26px; }

.alta-form { gap: 16px; }

.alta-divider {
  height: 1px;
  background: var(--line-2);
  margin: 4px 0 2px;
}

/* Campos SIEMPRE a 16px: en el teléfono es lo que evita el auto-zoom de
   iOS al enfocar, y este formulario lo usa mayormente desde ahí. */
.alta-input {
  font-size: 16px;
}

.alta-ayuda {
  margin-top: 6px;
  font-size: 12px;
  color: rgba(62, 10, 25, .58);
}

.alta-err {
  margin-top: 6px;
  font-size: 12px;
  color: var(--bad);
}

/* ── Link con el prefijo del sitio ───────────────────────── */
.alta-slug {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.alta-slug-prefijo {
  font-family: var(--ff-mono);
  font-size: 13px;
  color: rgba(62, 10, 25, .62);
  white-space: nowrap;
}

.alta-slug input {
  flex: 1;
  min-width: 140px;
}

.alta-slug-estado {
  font-size: 12px;
  font-weight: 600;
}

/* ── Casilla de términos ──────────────────────────────────── */
.alta-check-lbl {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: rgba(62, 10, 25, .82);
  cursor: pointer;
}

.alta-check-lbl input[type="checkbox"] {
  margin-top: 3px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: var(--bordo);
}

.alta-check-lbl a { text-decoration: underline; }

.alta-submit { margin-top: 6px; }

/* ── Teléfono: siempre una columna, ya lo es por defecto, pero se
   ajustan los respiros para que el formulario largo no quede apretado. ── */
@media (max-width: 480px) {
  .alta-wrap { padding: 20px 0 48px; }
  .alta-card { padding: 20px; }
}