/* Portada: proceso terapéutico */
.jsp-home-therapy {
  background: #e6e2ed;
  color: #565656;
  padding: 82px 24px 88px;
}

.jsp-home-therapy *,
.jsp-home-therapy *::before,
.jsp-home-therapy *::after { box-sizing: border-box; }

.jsp-home-therapy__inner { max-width: 1160px; margin: 0 auto; }

.jsp-home-therapy__heading { max-width: 690px; margin: 0 auto 42px; text-align: center; }
.jsp-home-therapy__eyebrow {
  margin: 0 0 7px;
  color: #6b354d;
  font: 600 .84rem/1.35 Catamaran, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.jsp-home-therapy h2 {
  margin: 0;
  color: #57405d;
  font: 400 clamp(2.45rem, 4vw, 4rem)/1 'Tangerine', cursive !important;
  letter-spacing: .01em;
  text-transform: none;
}
.jsp-home-therapy__rule {
  display: block;
  width: 108px;
  height: 1px;
  margin: 17px auto 15px;
  background: #ac8e9d;
}
.jsp-home-therapy__heading > p:last-child {
  margin: 0;
  color: #565656;
  font: 400 1rem/1.55 Catamaran, sans-serif;
}

.jsp-home-therapy__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jsp-home-therapy__step {
  position: relative;
  min-height: 218px;
  overflow: hidden;
  padding: 31px 31px 29px 94px;
  border: 1px solid rgba(172, 142, 157, .55);
  border-radius: 18px;
  background: rgba(255, 251, 248, .62);
  box-shadow: 0 10px 25px rgba(87, 64, 93, .07);
}
.jsp-home-therapy__step::after {
  position: absolute;
  right: -34px;
  bottom: -42px;
  width: 125px;
  height: 125px;
  border: 1px solid rgba(167, 149, 191, .24);
  border-radius: 50%;
  content: '';
}
.jsp-home-therapy__number {
  position: absolute;
  top: 30px;
  left: 27px;
  display: grid;
  width: 45px;
  height: 45px;
  place-items: center;
  border: 1px solid #ac8e9d;
  border-radius: 50%;
  color: #6b354d;
  font: 600 .82rem/1 Catamaran, sans-serif;
  letter-spacing: .06em;
}
.jsp-home-therapy h3 {
  margin: 2px 0 12px;
  color: #57405d;
  font: 400 clamp(1.55rem, 2.2vw, 1.9rem)/1.08 'The Seasons', 'Cormorant Garamond', Georgia, serif !important;
  letter-spacing: -.01em;
  text-transform: none;
}
.jsp-home-therapy__step p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #565656;
  font: 400 .96rem/1.57 Catamaran, sans-serif;
}
.jsp-home-therapy__cta {
  display: flex;
  width: fit-content;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  margin: 34px auto 0;
  padding: 11px 29px;
  border: 1px solid #ac8e9d;
  border-radius: 8px;
  background: #ac8e9d;
  color: #fffbf8 !important;
  font: 600 .96rem/1.2 Catamaran, sans-serif;
  text-decoration: none !important;
  transition: background-color .2s ease, transform .2s ease;
}
.jsp-home-therapy__cta:hover,
.jsp-home-therapy__cta:focus-visible { background: #6b354d; color: #fffbf8 !important; transform: translateY(-2px); }
.jsp-home-therapy__cta:focus-visible { outline: 3px solid rgba(87, 64, 93, .34); outline-offset: 3px; }

@media (max-width: 720px) {
  .jsp-home-therapy { padding: 58px 18px 64px; }
  .jsp-home-therapy__heading { margin-bottom: 30px; }
  .jsp-home-therapy__steps { grid-template-columns: 1fr; gap: 14px; }
  .jsp-home-therapy__step { min-height: 0; padding: 26px 23px 25px 82px; border-radius: 15px; }
  .jsp-home-therapy__number { top: 25px; left: 21px; width: 40px; height: 40px; font-size: .75rem; }
  .jsp-home-therapy h3 { margin-top: 3px; font-size: 1.58rem !important; }
  .jsp-home-therapy__step p { font-size: .94rem; line-height: 1.55; }
  .jsp-home-therapy__cta { width: 100%; margin-top: 26px; }
}