/* Plan personal de entrenamiento.  Esta composición restituye el diseño
 * editorial de la página migrada sin depender de las clases de Divi. */
body.page-id-221388 {
  --personal-navy: #102536;
  --personal-deep: #071218;
  --personal-paper: #ecebe6;
  --personal-copy: #cbd1cd;
  --personal-line: rgba(246, 245, 240, .2);
  background: var(--personal-navy);
}

body.page-id-221388 :is(.alfa-personal-hero, .alfa-personal-section, .alfa-personal-intro, .alfa-personal-process, .alfa-menu-cta),
body.page-id-221388 :is(.alfa-personal-hero, .alfa-personal-section, .alfa-personal-intro, .alfa-personal-process, .alfa-menu-cta) * {
  box-sizing: border-box;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

/* The migration placed the three semantic sections inside a structural
 * Gutenberg wrapper.  Make that wrapper transparent so each real section can
 * own its full-width scene. */
body.page-id-221388 .entry-content > .forjando-migrated-section:has(.alfa-personal-section) {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  background: transparent !important;
}
body.page-id-221388 .entry-content > .forjando-migrated-section:has(.alfa-personal-section) > .wp-block-columns {
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page.page-id-221388 .entry-content > .forjando-migrated-section:has(.alfa-personal-section) > .wp-block-columns > .wp-block-column:first-child {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex-basis: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}
body.page.page-id-221388 .entry-content > .forjando-migrated-section:has(.alfa-personal-section) > .wp-block-columns > .wp-block-column:nth-child(2) {
  display: none !important;
}

body.page-id-221388 :is(.alfa-personal-section, .alfa-personal-intro, .alfa-personal-process, .alfa-menu-cta) {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100svh;
  padding: clamp(5rem, 9vw, 9rem) max(24px, calc((100vw - 1240px) / 2));
  flex-direction: column;
  justify-content: center;
  isolation: isolate;
  overflow: clip;
}

body.page-id-221388 :is(.alfa-personal-section, .alfa-personal-intro, .alfa-personal-process, .alfa-menu-cta) h2 {
  max-width: 11ch;
  margin: 0;
  color: var(--fya-white) !important;
  font-family: "Inter Tight", var(--fya-font) !important;
  font-size: clamp(3rem, 6vw, 6.7rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.075em;
  line-height: .87 !important;
  text-transform: uppercase;
  text-wrap: balance;
}

body.page-id-221388 .alfa-personal-kicker {
  margin: 0 0 1.25rem !important;
  color: var(--fya-orange) !important;
  font-family: var(--fya-font) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
  letter-spacing: .2em;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

/* Hero: the image remains completely intact; only its background layer is
 * darkened so the type is always above it and readable. */
body.page-id-221388 .alfa-personal-hero {
  display: flex !important;
  min-height: 100svh !important;
  padding: clamp(8rem, 12vw, 12rem) max(24px, calc((100vw - 1240px) / 2)) clamp(4.5rem, 7vw, 7rem) !important;
  align-items: flex-end;
  background: var(--personal-deep) !important;
  isolation: isolate;
}
body.page-id-221388 .alfa-personal-hero > .wp-block-cover__background {
  display: block !important;
  z-index: 0 !important;
  background: linear-gradient(90deg, rgba(3, 6, 7, .94) 0%, rgba(3, 6, 7, .76) 42%, rgba(3, 6, 7, .2) 100%), linear-gradient(0deg, rgba(3, 6, 7, .82), transparent 58%) !important;
  opacity: 1 !important;
}
body.page-id-221388 .alfa-personal-hero > .wp-block-cover__image-background {
  display: block !important;
  filter: saturate(.94) contrast(1.04);
}
body.page-id-221388 .alfa-personal-hero > .wp-block-cover__inner-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
body.page-id-221388 .alfa-personal-hero__row { width: 100%; }
body.page-id-221388 .alfa-personal-hero .alfa-menu-eyebrow {
  margin: 0 0 1.25rem !important;
  color: var(--fya-orange) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
  letter-spacing: .2em;
}
body.page-id-221388 .alfa-personal-hero h1 {
  max-width: 9ch;
  margin: 0;
  color: var(--fya-white) !important;
  font-family: "Inter Tight", var(--fya-font) !important;
  font-size: clamp(3.75rem, 8vw, 8.7rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.085em;
  line-height: .82 !important;
  text-transform: uppercase;
  text-wrap: balance;
}
body.page-id-221388 .alfa-personal-hero .alfa-menu-hero__copy {
  max-width: 34rem;
  margin: clamp(1.6rem, 3vw, 2.5rem) 0 !important;
  color: rgba(246, 245, 240, .82) !important;
  font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
  line-height: 1.55 !important;
}
body.page-id-221388 :is(.alfa-personal-hero, .alfa-menu-cta) .wp-block-buttons { margin: 0 !important; }
body.page-id-221388 :is(.alfa-personal-hero, .alfa-menu-cta) .wp-block-button__link {
  min-width: 12.7rem;
  padding: 1.05rem 1.3rem !important;
  border: 1px solid var(--fya-orange) !important;
  border-radius: 0 !important;
  background: var(--fya-orange) !important;
  color: var(--personal-navy) !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em;
  line-height: 1 !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
body.page-id-221388 :is(.alfa-personal-hero, .alfa-menu-cta) .wp-block-button__link:hover {
  background: var(--fya-white) !important;
  color: var(--personal-navy) !important;
  transform: translateY(-2px);
}

/* What the plan includes: four grouped, readable cards on the original
 * paper-coloured scene, never one card per individual text node. */
body.page-id-221388 #alfa-personal-includes {
  color: var(--personal-navy);
  background: var(--personal-paper) !important;
}
body.page-id-221388 #alfa-personal-includes :is(h2, h3) { color: var(--personal-navy) !important; }
body.page-id-221388 #alfa-personal-includes .alfa-personal-lede {
  max-width: 39rem;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(2rem, 4vw, 3.5rem) auto !important;
  color: rgba(16, 37, 54, .72) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.25rem) !important;
  line-height: 1.55 !important;
}
body.page-id-221388 #alfa-personal-includes .alfa-personal-includes-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
}
body.page-id-221388 #alfa-personal-includes .alfa-personal-includes-list > div {
  min-height: 12.5rem;
  padding: clamp(1.5rem, 3vw, 2.7rem);
  border: 1px solid rgba(16, 37, 54, .18);
  border-radius: 14px;
  background: rgba(255, 255, 255, .38);
  box-shadow: 0 16px 42px rgba(16, 37, 54, .07);
}
body.page-id-221388 #alfa-personal-includes h3 {
  margin: 0 0 .75rem !important;
  font-family: "Inter Tight", var(--fya-font) !important;
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.06em;
  line-height: .95 !important;
  text-transform: uppercase;
}
body.page-id-221388 #alfa-personal-includes .alfa-personal-includes-list p {
  margin: 0 !important;
  color: rgba(16, 37, 54, .72) !important;
  font-size: .98rem !important;
  line-height: 1.5 !important;
}

/* Objective scene: retained image is layered behind the gradient only. */
body.page-id-221388 #alfa-personal-disciplines {
  background: linear-gradient(90deg, rgba(6, 13, 17, .96) 0%, rgba(6, 13, 17, .82) 49%, rgba(6, 13, 17, .38) 100%), url('/wp-content/uploads/2026/07/Club-Alfa-Madrid-Escuela-de-entrenamiento-y-gimnasio-19.webp') center / cover no-repeat !important;
}
body.page-id-221388 #alfa-personal-disciplines::after {
  position: absolute;
  z-index: -1;
  right: -12vw;
  bottom: -30vw;
  width: min(66vw, 58rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99, 233, 181, .13), transparent 68%);
  content: "";
}
body.page-id-221388 #alfa-personal-disciplines .alfa-personal-lede {
  max-width: 39rem;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0 2.5rem auto !important;
  color: var(--personal-copy) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.25rem) !important;
  line-height: 1.55 !important;
}
body.page-id-221388 #alfa-personal-disciplines .alfa-personal-tags {
  display: flex;
  max-width: 56rem;
  flex-wrap: wrap;
  gap: .7rem;
}
body.page-id-221388 #alfa-personal-disciplines .alfa-personal-tags span {
  padding: .7rem .9rem;
  border: 1px solid rgba(246, 245, 240, .3);
  border-radius: 999px;
  color: var(--fya-white);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1;
  text-transform: uppercase;
}

/* A deliberately clean high-contrast pause. */
body.page-id-221388 #alfa-personal-clarity {
  color: var(--personal-navy);
  background: var(--fya-orange) !important;
}
body.page-id-221388 #alfa-personal-clarity :is(.alfa-personal-kicker, h2) { color: var(--personal-navy) !important; }
body.page-id-221388 #alfa-personal-clarity .alfa-personal-lede {
  max-width: 42rem;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0 0 auto !important;
  color: rgba(16, 37, 54, .82) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.25rem) !important;
  line-height: 1.55 !important;
}
body.page-id-221388 #alfa-personal-clarity .alfa-personal-note {
  max-width: 42rem;
  margin: 2rem 0 0 auto !important;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(16, 37, 54, .4);
  color: rgba(16, 37, 54, .85) !important;
  font-size: .98rem !important;
  line-height: 1.55 !important;
}

body.page-id-221388 .forjando-migrated-section.alfa-personal-intro {
  background: linear-gradient(100deg, rgba(7, 20, 29, .96), rgba(7, 20, 29, .76) 58%, rgba(7, 20, 29, .45)), url('/wp-content/uploads/2026/07/Club-Alfa-Madrid-Escuela-de-entrenamiento-y-gimnasio-34.webp') center / cover no-repeat !important;
}
body.page-id-221388 .alfa-personal-intro .alfa-menu-intro__row {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  align-items: center !important;
  gap: clamp(3rem, 8vw, 10rem) !important;
}
body.page-id-221388 .alfa-personal-intro .alfa-menu-rule {
  width: 3.5rem;
  height: .28rem;
  margin: 0 0 1.5rem !important;
  background: var(--fya-orange);
}
body.page-id-221388 .alfa-personal-intro .alfa-menu-copy {
  max-width: 34rem;
  margin: 0 0 1.15rem auto !important;
  color: var(--personal-copy) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.22rem) !important;
  line-height: 1.58 !important;
}

/* Three columns, each one proper card containing its number, heading and
 * explanation together. */
body.page-id-221388 .forjando-migrated-section.alfa-personal-process {
  background: #0a1720 !important;
}
body.page-id-221388 .alfa-personal-process .alfa-menu-grid {
  display: grid !important;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
body.page-id-221388 .alfa-personal-process .alfa-menu-grid > .wp-block-column {
  display: flex;
  min-width: 0;
  min-height: clamp(23rem, 34vw, 32rem);
  margin: 0 !important;
  padding: clamp(1.75rem, 3vw, 3rem);
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid var(--personal-line);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(31, 58, 73, .82), rgba(11, 23, 30, .9));
  box-shadow: 0 20px 45px rgba(0, 0, 0, .2);
}
body.page-id-221388 .alfa-personal-process .alfa-menu-card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.page-id-221388 .alfa-personal-process .alfa-menu-card__number {
  margin: 0 auto auto 0 !important;
  color: var(--fya-orange) !important;
  font-family: "Inter Tight", var(--fya-font) !important;
  font-size: clamp(3.4rem, 6vw, 6.5rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.09em;
  line-height: .8 !important;
}
body.page-id-221388 .alfa-personal-process h3 {
  margin: 0 0 .8rem !important;
  color: var(--fya-white) !important;
  font-family: "Inter Tight", var(--fya-font) !important;
  font-size: clamp(1.45rem, 2.05vw, 2.35rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.06em;
  line-height: .95 !important;
  text-transform: uppercase;
}
body.page-id-221388 .alfa-personal-process p:not(.alfa-menu-card__number) {
  color: var(--personal-copy) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

body.page-id-221388 .forjando-migrated-section.alfa-menu-cta {
  text-align: center;
  background: linear-gradient(90deg, rgba(7, 12, 12, .94), rgba(7, 12, 12, .58)), url('/wp-content/uploads/2026/07/Club-Alfa-Madrid-Escuela-de-entrenamiento-y-gimnasio-31.webp') center / cover no-repeat !important;
}
body.page-id-221388 .alfa-menu-cta .forjando-migrated-row {
  width: 100%;
  max-width: 62rem;
  margin: 0 auto;
}
body.page-id-221388 .alfa-menu-cta h2 { max-width: 11ch; margin-inline: auto; }
body.page-id-221388 .alfa-menu-cta .alfa-menu-copy {
  max-width: 32rem;
  margin: 1.75rem auto 2.1rem !important;
  color: var(--personal-copy) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.22rem) !important;
  line-height: 1.55 !important;
}

@media (min-width: 768px) {
  body.page-id-221388 .alfa-personal-hero,
  body.page-id-221388 .alfa-personal-section,
  body.page-id-221388 .alfa-personal-intro,
  body.page-id-221388 .alfa-personal-process,
  body.page-id-221388 .alfa-menu-cta {
    position: sticky !important;
    top: 0;
  }
  body.page-id-221388 .alfa-personal-hero { z-index: 1; }
  body.page-id-221388 #alfa-personal-includes { z-index: 2; }
  body.page-id-221388 #alfa-personal-disciplines { z-index: 3; }
  body.page-id-221388 #alfa-personal-clarity { z-index: 4; }
  body.page-id-221388 .alfa-personal-intro { z-index: 5; }
  body.page-id-221388 .alfa-personal-process { z-index: 6; }
  body.page-id-221388 .alfa-menu-cta { z-index: 7; }

  body.page-id-221388.personal-motion-ready :is(.alfa-personal-section, .alfa-personal-intro, .alfa-personal-process, .alfa-menu-cta) :is(.alfa-personal-kicker, h2, .alfa-personal-lede, .alfa-personal-includes-list, .alfa-personal-tags, .alfa-personal-note, .alfa-menu-rule, .alfa-menu-copy, .alfa-menu-grid, .wp-block-buttons) {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition: opacity .68s cubic-bezier(.2, .8, .2, 1), transform .68s cubic-bezier(.2, .8, .2, 1);
  }
  body.page-id-221388.personal-motion-ready .is-personal-visible :is(.alfa-personal-kicker, h2, .alfa-personal-lede, .alfa-personal-includes-list, .alfa-personal-tags, .alfa-personal-note, .alfa-menu-rule, .alfa-menu-copy, .alfa-menu-grid, .wp-block-buttons) {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 980px) {
  body.page-id-221388 .alfa-personal-intro .alfa-menu-intro__row { display: grid !important; grid-template-columns: 1fr !important; }
  body.page-id-221388 :is(#alfa-personal-includes, #alfa-personal-disciplines, #alfa-personal-clarity) .alfa-personal-lede,
  body.page-id-221388 #alfa-personal-clarity .alfa-personal-note,
  body.page-id-221388 .alfa-personal-intro .alfa-menu-copy { margin-left: 0 !important; }
}

@media (max-width: 767px) {
  body.page-id-221388 .alfa-personal-hero { min-height: 100svh !important; padding-top: 8rem !important; }
  body.page-id-221388 .alfa-personal-hero > .wp-block-cover__background { background: linear-gradient(90deg, rgba(3, 6, 7, .91), rgba(3, 6, 7, .48)), linear-gradient(0deg, rgba(3, 6, 7, .84), transparent 58%) !important; }
  body.page-id-221388 .alfa-personal-hero h1,
  body.page-id-221388 :is(.alfa-personal-section, .alfa-personal-intro, .alfa-personal-process, .alfa-menu-cta) h2 { font-size: clamp(2.7rem, 12vw, 4.7rem) !important; }
  body.page-id-221388 :is(.alfa-personal-section, .alfa-personal-intro, .alfa-personal-process, .alfa-menu-cta) { min-height: auto; padding: 5rem 24px; }
  body.page-id-221388 #alfa-personal-includes .alfa-personal-includes-list,
  body.page-id-221388 .alfa-personal-process .alfa-menu-grid { grid-template-columns: 1fr; }
  body.page-id-221388 #alfa-personal-includes .alfa-personal-includes-list > div { min-height: 0; }
  body.page-id-221388 .alfa-personal-process .alfa-menu-grid > .wp-block-column { min-height: 21rem; }
  body.page-id-221388 :is(.alfa-personal-hero, .alfa-menu-cta) .wp-block-button,
  body.page-id-221388 :is(.alfa-personal-hero, .alfa-menu-cta) .wp-block-button__link { display: flex; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-221388.personal-motion-ready :is(.alfa-personal-section, .alfa-personal-intro, .alfa-personal-process, .alfa-menu-cta) :is(.alfa-personal-kicker, h2, p, .alfa-personal-includes-list, .alfa-personal-tags, .alfa-menu-grid, .wp-block-buttons) {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}