/* Reserva de plaza: una ruta clara de WhatsApp, sin perder el formulario. */
body.page-id-237088 {
  --reservation-ink: #0d2437;
  --reservation-deep: #07151e;
  --reservation-paper: #f1f0ea;
  --reservation-copy: #cbd4d4;
  --reservation-line: rgba(244, 244, 239, .22);
  --reservation-whatsapp: #25d366;
  background: var(--reservation-deep);
}

body.page-id-237088 :is(.alfa-page-hero, .alfa-content-section, #forjando-reservation-form),
body.page-id-237088 :is(.alfa-page-hero, .alfa-content-section, #forjando-reservation-form) * {
  box-sizing: border-box;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

body.page-id-237088 .entry-content > :is(.alfa-page-hero, .alfa-content-section, #forjando-reservation-form) {
  position: relative;
  isolation: isolate;
  overflow: clip;
}

/* Hero: la foto se suaviza por separado; el contenido conserva nitidez. */
body.page-id-237088 .entry-content > .alfa-page-hero {
  min-height: 100svh !important;
  padding: clamp(8rem, 14vw, 12rem) max(24px, calc((100vw - 1240px) / 2)) clamp(5rem, 9vw, 8rem) !important;
  align-items: flex-end;
  background: var(--reservation-deep) !important;
}
body.page-id-237088 .alfa-page-hero > .wp-block-cover__image-background {
  filter: blur(3px) saturate(.78) brightness(.72);
  transform: scale(1.03);
}
body.page-id-237088 .alfa-page-hero > .wp-block-cover__background {
  background: linear-gradient(90deg, rgba(4, 15, 21, .92) 0%, rgba(5, 17, 24, .72) 48%, rgba(5, 17, 24, .34) 100%) !important;
}
body.page-id-237088 .alfa-page-hero .forjando-migrated-row {
  max-width: 1240px;
  margin: 0 auto;
}
body.page-id-237088 .alfa-page-hero h1 {
  max-width: 9ch !important;
  color: #f8f8f4 !important;
  font-family: "Inter Tight", var(--fya-font) !important;
  font-size: clamp(3.35rem, 6.5vw, 7.1rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.08em;
  line-height: .82 !important;
}
body.page-id-237088 .alfa-page-hero h1 .alfa-accent { color: var(--reservation-whatsapp) !important; }
body.page-id-237088 .alfa-page-hero__eyebrow {
  margin: 0 0 1.2rem !important;
  color: var(--reservation-whatsapp) !important;
  font-size: .74rem !important;
  font-weight: 850 !important;
  letter-spacing: .2em;
}
body.page-id-237088 .alfa-page-hero__copy {
  max-width: 39rem !important;
  margin: 1.8rem 0 2rem !important;
  color: rgba(248, 248, 244, .88) !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
}

/* Botones de conversación: color y etiqueta reconocibles de WhatsApp. */
body.page-id-237088 a[href*="wa.me"] {
  display: inline-flex !important;
  min-width: 12rem;
  min-height: 3.65rem;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.35rem !important;
  border: 1px solid var(--reservation-whatsapp) !important;
  border-radius: 0 !important;
  background: var(--reservation-whatsapp) !important;
  color: #062c1a !important;
  font-family: var(--fya-font) !important;
  font-size: .75rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
body.page-id-237088 a[href*="wa.me"]:hover,
body.page-id-237088 a[href*="wa.me"]:focus-visible {
  background: #fff !important;
  border-color: #fff !important;
  color: #075e54 !important;
  transform: translateY(-3px);
}

/* Escena clara: la explicación y las tarjetas del proceso. */
body.page-id-237088 .entry-content > .alfa-content-section--light {
  min-height: 100svh !important;
  padding: clamp(5rem, 9vw, 9rem) max(24px, calc((100vw - 1240px) / 2)) !important;
  background: var(--reservation-paper) !important;
  color: var(--reservation-ink);
}
body.page-id-237088 .alfa-content-section--light :is(h2, h3) { color: var(--reservation-ink) !important; }
body.page-id-237088 .alfa-content-section--light h2 {
  max-width: 13ch !important;
  font-size: clamp(2.7rem, 4.7vw, 5.45rem) !important;
  letter-spacing: -.075em;
  line-height: .87 !important;
}
body.page-id-237088 .alfa-content-section--light :is(.alfa-lead, p) { color: rgba(13, 36, 55, .74) !important; }
body.page-id-237088 .alfa-content-section--light .wp-block-columns {
  width: 100%;
  max-width: 1240px;
  margin: clamp(2.5rem, 5vw, 4.5rem) auto 0 !important;
  gap: 1rem !important;
}
body.page-id-237088 .alfa-content-section--light .wp-block-column { margin: 0 !important; }
body.page-id-237088 .alfa-card {
  display: flex;
  min-height: clamp(17rem, 23vw, 22rem);
  padding: clamp(1.6rem, 3vw, 2.7rem);
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(13, 36, 55, .18);
  border-radius: 16px;
  background: rgba(255, 255, 255, .48);
  box-shadow: 0 18px 42px rgba(13, 36, 55, .09);
}
body.page-id-237088 .alfa-card__number {
  margin: 0 auto auto 0;
  color: #075e54;
  font-family: "Inter Tight", var(--fya-font);
  font-size: clamp(3.5rem, 6vw, 6.5rem);
  font-weight: 900;
  letter-spacing: -.09em;
  line-height: .78;
}
body.page-id-237088 .alfa-card h3 {
  margin: 0 0 .75rem !important;
  font-size: clamp(1.5rem, 2.2vw, 2.35rem) !important;
  letter-spacing: -.065em;
  line-height: .92 !important;
}
body.page-id-237088 .alfa-card p { margin: 0 !important; font-size: 1rem !important; line-height: 1.5 !important; }

/* Sección alterna: fotografía del club nueva, con velo y desenfoque propios. */
body.page-id-237088 .entry-content > .alfa-content-section:not(.alfa-content-section--light) {
  min-height: 100svh !important;
  padding: clamp(5rem, 9vw, 9rem) max(24px, calc((100vw - 1240px) / 2)) !important;
  background: var(--reservation-deep) !important;
}
body.page-id-237088 .entry-content > .alfa-content-section:not(.alfa-content-section--light)::before {
  position: absolute;
  z-index: -2;
  inset: -12px;
  background: center / cover no-repeat url("/wp-content/uploads/2025/01/Gimnasio-Forjando-Atletas-37.png");
  content: "";
  filter: blur(3px) saturate(.78) brightness(.7);
  transform: scale(1.03);
}
body.page-id-237088 .entry-content > .alfa-content-section:not(.alfa-content-section--light)::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 15, 21, .92) 0%, rgba(4, 15, 21, .7) 58%, rgba(4, 15, 21, .42) 100%);
  content: "";
}
body.page-id-237088 .alfa-content-section:not(.alfa-content-section--light) > * { position: relative; z-index: 1; }
body.page-id-237088 .alfa-content-section:not(.alfa-content-section--light) h2 {
  max-width: 12ch !important;
  font-size: clamp(2.8rem, 5vw, 5.7rem) !important;
  letter-spacing: -.08em;
  line-height: .86 !important;
}
body.page-id-237088 .alfa-faq { width: 100%; max-width: 820px; margin-top: clamp(2rem, 4vw, 3rem); }
body.page-id-237088 .alfa-faq details { padding: 1.25rem 0; border-bottom: 1px solid var(--reservation-line); }
body.page-id-237088 .alfa-faq summary { color: #f8f8f4 !important; font-size: clamp(1.15rem, 1.65vw, 1.5rem) !important; font-weight: 800; cursor: pointer; }
body.page-id-237088 .alfa-faq p { max-width: 46rem; margin: .9rem 0 0 !important; color: var(--reservation-copy) !important; }

/* Última escena: formulario sin fotografía para alternar el ritmo visual. */
body.page-id-237088 #forjando-reservation-form {
  min-height: 100svh !important;
  padding: clamp(5rem, 9vw, 9rem) max(24px, calc((100vw - 1080px) / 2)) !important;
  background: #102a3a !important;
}
body.page-id-237088 #forjando-reservation-form > :is(h2, p, ul, form) { width: 100%; max-width: 900px; margin-inline: auto !important; }
body.page-id-237088 #forjando-reservation-form .forjando-injected-section__eyebrow { color: var(--reservation-whatsapp) !important; font-size: .75rem; font-weight: 850; letter-spacing: .18em; }
body.page-id-237088 #forjando-reservation-form h2 { max-width: 11ch !important; font-size: clamp(2.7rem, 5vw, 5.35rem) !important; letter-spacing: -.075em; line-height: .87 !important; }
body.page-id-237088 #forjando-reservation-form > p,
body.page-id-237088 #forjando-reservation-form li { color: var(--reservation-copy) !important; }
body.page-id-237088 #forjando-reservation-form > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 0; list-style: none; }
body.page-id-237088 #forjando-reservation-form > ul li { padding: 1rem; border-left: 2px solid var(--reservation-whatsapp); }
body.page-id-237088 #forjando-reservation-form .forjando-contact-form { border-radius: 16px; background: rgba(5, 19, 28, .9); box-shadow: 0 24px 54px rgba(0,0,0,.2); }
body.page-id-237088 #forjando-reservation-form .forjando-contact-form button { background: var(--reservation-whatsapp) !important; border-color: var(--reservation-whatsapp) !important; color: #062c1a !important; }

/* Las escenas suben una sobre otra en escritorio y el contenido entra al llegar. */
@media (min-width: 768px) {
  body.page-id-237088 .entry-content > :is(.alfa-page-hero, .alfa-content-section, #forjando-reservation-form) { position: sticky !important; top: 0; }
  body.page-id-237088 .entry-content > .alfa-page-hero { z-index: 1; }
  body.page-id-237088 .entry-content > .alfa-content-section--light { z-index: 2; }
  body.page-id-237088 .entry-content > .alfa-content-section:not(.alfa-content-section--light) { z-index: 3; }
  body.page-id-237088 .entry-content > #forjando-reservation-form { z-index: 4; }
  body.page-id-237088.reservation-motion-ready .entry-content > :is(.alfa-page-hero, .alfa-content-section, #forjando-reservation-form) :is(.forjando-migrated-row, .alfa-card, .forjando-contact-form, #forjando-reservation-form > p, #forjando-reservation-form > ul) {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);
  }
  body.page-id-237088.reservation-motion-ready .entry-content > .is-reservation-visible :is(.forjando-migrated-row, .alfa-card, .forjando-contact-form, #forjando-reservation-form > p, #forjando-reservation-form > ul) { opacity: 1 !important; transform: none !important; }
  body.page-id-237088.reservation-motion-ready .alfa-card:nth-child(2) { transition-delay: .1s; }
  body.page-id-237088.reservation-motion-ready .alfa-card:nth-child(3) { transition-delay: .2s; }
}

@media (max-width: 767px) {
  body.page-id-237088 .entry-content > :is(.alfa-page-hero, .alfa-content-section, #forjando-reservation-form) { min-height: auto !important; padding: 5rem 24px !important; }
  body.page-id-237088 .entry-content > .alfa-page-hero { min-height: 100svh !important; }
  body.page-id-237088 .alfa-page-hero h1 { max-width: none !important; font-size: clamp(2.85rem, 12.5vw, 4.5rem) !important; }
  body.page-id-237088 .alfa-content-section--light .wp-block-columns,
  body.page-id-237088 #forjando-reservation-form > ul { grid-template-columns: 1fr; }
  body.page-id-237088 .alfa-card { min-height: 15rem; }
  body.page-id-237088 a[href*="wa.me"] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-237088.reservation-motion-ready .entry-content > :is(.alfa-page-hero, .alfa-content-section, #forjando-reservation-form) :is(.forjando-migrated-row, .alfa-card, .forjando-contact-form, #forjando-reservation-form > p, #forjando-reservation-form > ul) { opacity: 1 !important; transform: none !important; transition: none !important; }
}