/* =====================================================================
   JOURNEY BLAKK — Responsive / Media Queries
   ===================================================================== */

/* ── Tablet (≤ 768px) ── */
@media (max-width: 768px) {

  /* Header */
  .header-back span {
    display: none; /* Solo el ícono en móvil */
  }

  /* Hero */
  .form-hero {
    padding: calc(var(--header-h) + 36px) 0 44px;
  }

  /* Secciones */
  .form-section,
  .submit-section {
    padding: 28px 24px;
  }

  .section-head {
    gap: 14px;
    margin-bottom: 22px;
    padding-bottom: 18px;
  }

  /* Grid: 2 columnas → 1 columna */
  .form-grid {
    grid-template-columns: 1fr;
  }

  .full {
    grid-column: 1;
  }

  /* Botón de envío */
  .btn-submit {
    width: 100%;
    padding: 16px 24px;
  }
}

/* ── Móvil (≤ 480px) ── */
@media (max-width: 480px) {
  :root {
    --header-h: 64px;
  }

  /* Header */
  .header-logo img {
    height: 34px;
  }

  .header-back {
    font-size: 0.78rem;
    padding: 7px 12px;
  }

  /* Hero */
  .form-hero h1 {
    font-size: 1.5rem;
  }

  .form-hero p {
    font-size: 0.88rem;
  }

  /* Secciones */
  .form-section,
  .submit-section {
    padding: 22px 18px;
    border-radius: var(--radius);
  }

  .section-num {
    width: 38px;
    height: 38px;
    font-size: 0.7rem;
  }

  .section-head-text h2 {
    font-size: 1rem;
  }

  /* Confirmación */
  .confirm-card {
    padding: 40px 24px;
  }

  .confirm-card h1 {
    font-size: 1.3rem;
  }
}