/* TV PLAY V1.33 — Cómo funciona sin descripciones por paso.
 * Mantiene solamente número, ícono, título y acceso por tarjeta.
 * Se conserva la estructura responsive y el desplazamiento nativo.
 */
@media (min-width: 861px) {
  #como-funciona {
    scroll-margin-top: 20px;
  }
}
.section-journey {
  padding-top: 69px;
  padding-bottom: 67px;
}
.section-journey .journey-heading {
  margin-bottom: 26px;
}
.section-journey .journey-heading-copy .section-label {
  margin-bottom: 13px;
}
.section-journey .journey-heading-copy > p {
  margin-top: 14px;
  max-width: 740px;
}
.section-journey .journey-heading-note {
  min-height: 95px;
  padding: 14px 16px;
}
.section-journey .journey-cards {
  gap: 16px;
}
.section-journey .journey-card {
  min-height: 190px;
  padding: 20px 22px 19px;
}
.section-journey .journey-card-top {
  margin-bottom: 16px;
}
.section-journey .journey-card-symbol {
  width: 43px;
  height: 43px;
  border-radius: 12px;
}
.section-journey .journey-card-symbol svg {
  width: 25px;
  height: 25px;
}
.section-journey .journey-card h3 {
  margin-bottom: 0;
  font-size: clamp(19px, 1.65vw, 21px);
  line-height: 1.22;
}
.section-journey .journey-card-bottom {
  padding-top: 15px;
}
.section-journey .journey-card-tag {
  min-height: 38px;
  padding: 9px 12px;
}
.section-journey .journey-actions {
  margin-top: 17px;
  padding: 18px 24px;
  gap: 20px;
}
.section-journey .journey-actions-copy strong {
  font-size: 19px;
}
.section-journey .journey-actions-copy p {
  margin-top: 5px;
  max-width: 610px;
  line-height: 1.52;
  font-size: 13px;
}
.section-journey .journey-action-buttons .button {
  min-height: 46px;
  padding: 12px 17px;
  font-size: 13px;
}
@media (max-width: 1150px) {
  .section-journey .journey-card {
    min-height: 184px;
  }
}
@media (max-width: 860px) {
  .section-journey {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .section-journey .journey-heading {
    margin-bottom: 24px;
  }
  .section-journey .journey-heading-note {
    min-height: 0;
  }
  .section-journey .journey-actions {
    gap: 16px;
  }
}
@media (max-width: 600px) {
  .section-journey {
    padding-top: 62px;
    padding-bottom: 58px;
  }
  .section-journey .journey-heading {
    gap: 17px;
    margin-bottom: 21px;
  }
  .section-journey .journey-heading-copy > p {
    margin-top: 13px;
    line-height: 1.6;
  }
  .section-journey .journey-cards {
    gap: 10px;
  }
  .section-journey .journey-card {
    min-height: 153px;
    padding: 18px 20px 17px;
  }
  .section-journey .journey-card-top {
    margin-bottom: 10px;
  }
  .section-journey .journey-card-number {
    font-size: 13px;
  }
  .section-journey .journey-card-symbol {
    width: 38px;
    height: 38px;
  }
  .section-journey .journey-card-symbol svg {
    width: 23px;
    height: 23px;
  }
  .section-journey .journey-card h3 {
    font-size: 20px;
    margin: 0;
  }
  .section-journey .journey-card-bottom {
    padding-top: 12px;
  }
  .section-journey .journey-card-tag {
    min-height: 38px;
  }
  .section-journey .journey-actions {
    margin-top: 14px;
    padding: 18px;
  }
  .section-journey .journey-actions-copy strong {
    font-size: 18px;
  }
  .section-journey .journey-actions-copy p {
    font-size: 13px;
    line-height: 1.55;
  }
  .section-journey .journey-action-buttons .button {
    min-height: 46px;
  }
}