.elementor-62928 .elementor-element.elementor-element-8cc8510{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-62928 .elementor-element.elementor-element-d13a78e{--spacer-size:45px;}.elementor-62928 .elementor-element.elementor-element-a2b0042{--spacer-size:20px;}.elementor-62928 .elementor-element.elementor-element-f384a68{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-62928 .elementor-element.elementor-element-1adc547{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-62928 .elementor-element.elementor-element-e798949 img{width:755px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-62928 .elementor-element.elementor-element-cfab904{text-align:center;font-family:"Manrope", Sans-serif;font-size:30px;font-weight:300;line-height:37px;letter-spacing:-1.1px;color:var( --e-global-color-text );}.elementor-62928 .elementor-element.elementor-element-7ad68d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-62928 .elementor-element.elementor-element-1a169e2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-62928 .elementor-element.elementor-element-8237b5c{--spacer-size:300px;}body.elementor-page-62928:not(.elementor-motion-effects-element-type-background), body.elementor-page-62928 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-62928 .elementor-element.elementor-element-1adc547{--width:100%;}.elementor-62928 .elementor-element.elementor-element-7ad68d9{--content-width:995px;}.elementor-62928 .elementor-element.elementor-element-1a169e2f{--content-width:860px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-62928 .elementor-element.elementor-element-e798949 img{width:615px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-62928 .elementor-element.elementor-element-7ad68d9{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-62928 .elementor-element.elementor-element-cfab904{font-size:23px;line-height:1.2em;}.elementor-62928 .elementor-element.elementor-element-8237b5c{--spacer-size:131px;}}/* Start custom CSS for html, class: .elementor-element-b267867 */.elementor-62928 .elementor-element.elementor-element-b267867 {
}

.runner-trainer-wrap {
  width: 100%;
}

.split-hero {
  --radius: 36px;
  --border: #163cff;
  --overlay: rgba(0, 0, 0, 0.38);
  --overlay-hover: rgba(0, 0, 0, 0.52);
  --text: #ffffff;
  --muted: rgba(255, 255, 255, 0.78);
  --button-bg: rgba(255, 255, 255, 0.08);
  --button-border: rgba(255, 255, 255, 0.28);
  --transition: 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
}

.split-hero__frame {
  position: relative;
  display: flex;
  min-height: 760px;
  border: 2px solid #163cff;
  border-radius: var(--radius);
  overflow: hidden;
  background: #05070b;
}

.split-panel {
  position: relative;
  flex: 1 1 50%;
  display: block;
  min-height: 760px;
  text-decoration: none;
  color: var(--text);
  overflow: hidden;
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), flex-grow 0.5s ease;
}

.split-panel--runner {
  transform: translateY(60px);
}

.split-panel--trainer {
  transform: translateY(-60px);
}

.split-hero.is-active .split-panel--runner,
.split-hero.is-active .split-panel--trainer {
  transform: translateY(0);
}

.split-panel__bg,
.split-panel__overlay,
.split-panel__content {
  position: absolute;
  inset: 0;
}

.split-panel__bg {
  background-size: cover;
  background-position: center center;
  transition: transform var(--transition), filter var(--transition);
  will-change: transform;
}

.split-panel--runner .split-panel__bg {
  background-image: url("https://hijosdelaresistencia.com/wp-content/uploads/2026/03/Runner.jpg");
  background-position: center center;
}

.split-panel--trainer .split-panel__bg {
    background-image: url("https://hijosdelaresistencia.com/wp-content/uploads/2026/03/trainer.jpg");
  background-position: center center;
}

.split-panel__overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0.18) 45%, rgba(0,0,0,0.10) 100%);
  transition: background var(--transition), opacity var(--transition);
}

.split-panel__content {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 48px;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}

.split-panel__label {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.22em;
  color: rgba(255,255,255,0.78);
}

.split-panel__content h2 {
  margin: 0 0 12px;
  font-size: clamp(34px, 4vw, 62px);
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: #fff;
}

.split-panel__content p {
  margin: 0 0 24px;
  max-width: 420px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--muted);
}

.split-panel__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 200px;
  padding: 16px 24px;
  border-radius: 999px;
  border: 1px solid var(--button-border);
  background: var(--button-bg);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.split-hero__divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  background: rgba(22, 60, 255, 0.9);
  z-index: 3;
  pointer-events: none;
}

.split-panel:hover .split-panel__overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0.34) 50%, rgba(0,0,0,0.18) 100%);
}

.split-panel:hover .split-panel__bg {
  transform: scale(1.03);
  filter: brightness(0.9) contrast(1.06);
}

.split-panel:hover .split-panel__content {
  opacity: 1;
  transform: translateY(0);
}

.split-hero.is-hover-runner .split-panel--runner,
.split-hero.is-hover-trainer .split-panel--trainer {
  flex-grow: 1.08;
}

.split-hero.is-hover-runner .split-panel--trainer .split-panel__bg,
.split-hero.is-hover-trainer .split-panel--runner .split-panel__bg {
  filter: brightness(0.72);
}

.split-hero.is-hover-runner .split-panel--trainer .split-panel__overlay,
.split-hero.is-hover-trainer .split-panel--runner .split-panel__overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.32) 50%, rgba(0,0,0,0.18) 100%);
}

@media (max-width: 1024px) {
  .split-hero__frame,
  .split-panel {
    min-height: 620px;
  }

  .split-panel__content {
    padding: 32px;
  }

  .split-panel__content p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .split-hero__frame {
    flex-direction: column;
    min-height: auto;
  }

  .split-panel,
  .split-panel--runner,
  .split-panel--trainer {
    min-height: 420px;
    transform: translateY(0);
  }

  .split-hero__divider {
    top: 50%;
    left: 0;
    right: 0;
    width: auto;
    height: 2px;
    transform: translateY(-50%);
  }

  .split-panel__content {
    opacity: 1;
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ad68d9 */.split-hero {
  --text: #ffffff;
  --muted: rgba(255, 255, 255, 0.82);
  --transition: 0.65s cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  width: 100vw;
  min-height: clamp(420px, 62vh, 720px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  background: #05070b;
}

.split-hero__frame {
  position: relative;
  display: flex;
  width: 100%;
  min-height: clamp(420px, 62vh, 720px);

  /* matar caja anterior */
  max-width: none;
  margin: 0;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent;
  overflow: hidden;
}

.split-panel {
  position: relative;
  flex: 1 1 50%;
  display: block;
  min-height: clamp(420px, 62vh, 720px);
  text-decoration: none;
  color: var(--text);
  overflow: hidden;
  opacity: 0;
  transition:
    transform 1s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 1s cubic-bezier(0.22, 1, 0.36, 1),
    flex-grow 0.55s ease;
}

.split-panel--runner {
  transform: translateX(-70px);
}

.split-panel--trainer {
  transform: translateX(70px);
}

.split-hero.is-active .split-panel--runner,
.split-hero.is-active .split-panel--trainer {
  transform: translateX(0);
  opacity: 1;
}

.split-panel__bg,
.split-panel__overlay,
.split-panel__content {
  position: absolute;
  inset: 0;
}

.split-panel__bg {
  background-size: cover;
  background-position: center center;
  transition:
    transform var(--transition),
    filter var(--transition);
  will-change: transform, filter;
  transform: scale(1);
}

.split-panel--runner .split-panel__bg {
  background-image: url("https://hijosdelaresistencia.com/wp-content/uploads/2026/03/Runner.jpg");
}

.split-panel--trainer .split-panel__bg {
  background-image: url("https://hijosdelaresistencia.com/wp-content/uploads/2026/03/trainer.jpg");
}

.split-panel__overlay {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.74) 0%,
    rgba(0,0,0,0.34) 42%,
    rgba(0,0,0,0.14) 100%
  );
  transition: background var(--transition);
}

/* base */
.split-panel__content {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
  pointer-events: none;

  bottom: 0;
  inset-inline: auto;
  width: min(420px, 34vw);
  padding-bottom: clamp(28px, 4vw, 54px);
}

/* IZQUIERDA: pegado al centro, hacia la izquierda */
.split-panel--runner .split-panel__content {
  right: 38px;
  left: auto;
  align-items: flex-end;
  text-align: right;
}

/* DERECHA: pegado al centro, hacia la derecha */
.split-panel--trainer .split-panel__content {
  left: 38px;
  right: auto;
  align-items: flex-start;
  text-align: left;
}

.split-panel__label {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 11px;
  letter-spacing: 0.24em;
  color: rgba(255,255,255,0.78);
  text-transform: uppercase;
}

.split-panel__content h2 {
  margin: 0 0 10px;
  font-size: clamp(38px, 5.2vw, 76px);
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-weight: 700;
  max-width: none;
}

.split-panel__content p {
  margin: 0 0 20px;
  max-width: 360px;
  font-size: clamp(15px, 1.2vw, 19px);
  line-height: 1.35;
  color: var(--muted);
}

.split-panel__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 168px;
  padding: 14px 22px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.35);
  background: transparent;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  overflow: hidden;
  isolation: isolate;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.split-panel__button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, #0000FF 0%, #00C9F8 100%);
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: -1;
}

.split-panel__button::after {
  content: "";
  position: absolute;
  top: -30%;
  left: -75%;
  width: 45%;
  height: 160%;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.55) 45%,
    rgba(255,255,255,0) 100%
  );
  transform: rotate(20deg);
  opacity: 0;
  pointer-events: none;
}

.split-panel:hover .split-panel__overlay {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.84) 0%,
    rgba(0,0,0,0.40) 42%,
    rgba(0,0,0,0.18) 100%
  );
}

.split-panel:hover .split-panel__bg {
  transform: scale(1.05);
  filter: brightness(0.92) contrast(1.08);
}

.split-panel:hover .split-panel__content {
  opacity: 1;
  transform: translateY(0);
}

.split-panel:hover .split-panel__button {
  transform: translateY(-2px);
  border-color: transparent;
  box-shadow:
    0 10px 24px rgba(0,0,255,0.28),
    0 4px 10px rgba(0,0,0,0.22);
}

.split-panel:hover .split-panel__button::before {
  opacity: 1;
}

.split-panel:hover .split-panel__button::after {
  opacity: 1;
  animation: buttonShine 0.9s ease forwards;
}

@keyframes buttonShine {
  0% { left: -75%; }
  100% { left: 140%; }
}

/* solo línea central */
.split-hero__divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    to bottom,
    rgba(22,60,255,0) 0%,
    rgba(22,60,255,0.85) 18%,
    rgba(22,60,255,0.85) 82%,
    rgba(22,60,255,0) 100%
  );
  z-index: 3;
  pointer-events: none;
}

.split-hero.is-hover-runner .split-panel--runner,
.split-hero.is-hover-trainer .split-panel--trainer {
  flex-grow: 1.08;
}

.split-hero.is-hover-runner .split-panel--trainer .split-panel__bg,
.split-hero.is-hover-trainer .split-panel--runner .split-panel__bg {
  filter: brightness(0.68);
}

.split-hero.is-hover-runner .split-panel--trainer .split-panel__overlay,
.split-hero.is-hover-trainer .split-panel--runner .split-panel__overlay {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.74) 0%,
    rgba(0,0,0,0.42) 50%,
    rgba(0,0,0,0.22) 100%
  );
}

@media (max-width: 1024px) {
  .split-panel__content {
    width: min(360px, 38vw);
  }

  .split-panel__content h2 {
    font-size: clamp(34px, 5.8vw, 62px);
  }

  .split-panel__content p {
    max-width: 320px;
  }
}

@media (max-width: 767px) {
  .split-hero,
  .split-hero__frame {
    min-height: auto;
  }

  .split-hero__frame {
    flex-direction: column;
  }

  .split-panel,
  .split-panel--runner,
  .split-panel--trainer {
    min-height: 50vh;
    transform: translateX(0);
    opacity: 1;
  }

  .split-hero__divider {
    top: 50%;
    left: 0;
    right: 0;
    width: auto;
    height: 1px;
    transform: translateY(-50%);
    background: linear-gradient(
      to right,
      rgba(22,60,255,0) 0%,
      rgba(22,60,255,0.85) 20%,
      rgba(22,60,255,0.85) 80%,
      rgba(22,60,255,0) 100%
    );
  }

  .split-panel__content,
  .split-panel--runner .split-panel__content,
  .split-panel--trainer .split-panel__content {
    opacity: 1;
    transform: none;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    left: 0;
    right: 0;
    width: 100%;
    padding: 26px 22px;
  }

  .split-panel__content h2 {
    font-size: clamp(34px, 10vw, 54px);
  }

  .split-panel__content p {
    font-size: 15px;
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a169e2f */#form-button {
    background-color: blue !important;
    color:white;
    border: 0px;
}/* End custom CSS */