/* Antena 3: capítulos editoriales que se relevan a pantalla completa. */
body:has(.alfa-menu-hero--antena) .entry-content > .forjando-migrated-section {
  position: relative;
  isolation: isolate;
}

body:has(.alfa-menu-hero--antena) .forjando-antena-reveal {
  opacity: 0;
  transform: translate3d(0, 26px, 0);
  transition:
    opacity .62s cubic-bezier(.2, .72, .22, 1),
    transform .62s cubic-bezier(.2, .72, .22, 1);
  transition-delay: calc(var(--forjando-antena-reveal-index, 0) * 80ms);
}

body:has(.alfa-menu-hero--antena) .forjando-antena-motion.is-visible .forjando-antena-reveal {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* El hero es una pieza de prensa: el titular debe tener presencia sin
   competir con el retrato de Pepe ni desplazar el sello de Antena 3. */
body:has(.alfa-menu-hero--antena) .alfa-menu-hero--antena .alfa-menu-hero__row {
  width: min(calc(100% - 64px), 1280px);
  margin-inline: auto;
}

body:has(.alfa-menu-hero--antena) .alfa-menu-hero--antena .alfa-menu-hero__row > .forjando-migrated-column {
  width: min(100%, 690px);
}

body:has(.alfa-menu-hero--antena) .alfa-menu-hero--antena .alfa-menu-hero__antena-logo {
  width: clamp(92px, 8vw, 128px) !important;
  margin-bottom: clamp(16px, 2vw, 24px) !important;
}

body.page:has(.alfa-menu-hero--antena) .entry-content .alfa-menu-hero--antena .alfa-menu-hero__title {
  max-width: 10.4ch !important;
  margin: 0 !important;
  font-size: clamp(3.15rem, 5.15vw, 6.2rem) !important;
  line-height: .87 !important;
  letter-spacing: -.075em !important;
  text-wrap: balance;
}

body:has(.alfa-menu-hero--antena) .alfa-menu-hero--antena .alfa-menu-hero__copy {
  max-width: 37ch;
  margin-top: clamp(20px, 2.3vw, 32px) !important;
  font-size: clamp(1rem, 1.08vw, 1.12rem) !important;
  line-height: 1.5 !important;
}

body:has(.alfa-menu-hero--antena) .alfa-menu-hero--antena .wp-block-buttons {
  margin-top: clamp(20px, 2.4vw, 34px);
}

body:has(.alfa-menu-hero--antena) .alfa-menu-hero--antena .wp-block-button__link {
  padding: 13px 18px !important;
  font-size: .69rem !important;
  letter-spacing: .11em !important;
}

/* Tras sacar el vídeo de esta introducción, el texto ocupa un bloque editorial
   más contenido y deja respirar el capítulo que le precede. */
body:has(.alfa-menu-hero--antena) .alfa-menu-intro .alfa-menu-intro__row {
  grid-template-columns: minmax(260px, .82fr) minmax(320px, .9fr);
  max-width: 1120px;
  margin-inline: auto;
}

body:has(.alfa-menu-hero--antena) .alfa-menu-intro .alfa-menu-intro__row > .forjando-migrated-column:last-child {
  max-width: 540px;
  justify-self: end;
}

@media (min-width: 768px) {
  body:has(.alfa-menu-hero--antena) .entry-content > .forjando-migrated-section {
    position: sticky;
    top: 0;
    min-height: 100svh !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  body:has(.alfa-menu-hero--antena) .entry-content > .forjando-migrated-section:nth-child(1) { z-index: 1; }
  body:has(.alfa-menu-hero--antena) .entry-content > .forjando-migrated-section:nth-child(2) { z-index: 2; }
  body:has(.alfa-menu-hero--antena) .entry-content > .forjando-migrated-section:nth-child(3) { z-index: 3; }
  body:has(.alfa-menu-hero--antena) .entry-content > .forjando-migrated-section:nth-child(4) { z-index: 4; }
  body:has(.alfa-menu-hero--antena) .entry-content > .forjando-migrated-section:nth-child(5) { z-index: 5; }
}

@media (max-width: 767px) {
  /* En pantallas pequeñas se conserva la lectura vertical y el control del vídeo. */
  body:has(.alfa-menu-hero--antena) .entry-content > .forjando-migrated-section {
    min-height: 100svh !important;
  }

  body:has(.alfa-menu-hero--antena) .alfa-menu-hero--antena .alfa-menu-hero__row {
    width: min(calc(100% - 48px), 620px);
  }

  body.page:has(.alfa-menu-hero--antena) .entry-content .alfa-menu-hero--antena .alfa-menu-hero__title {
    max-width: 9.8ch !important;
    font-size: clamp(2.7rem, 11.2vw, 4.55rem) !important;
    line-height: .9 !important;
  }

  body:has(.alfa-menu-hero--antena) .alfa-menu-intro .alfa-menu-intro__row {
    grid-template-columns: 1fr;
  }

  body:has(.alfa-menu-hero--antena) .alfa-menu-intro .alfa-menu-intro__row > .forjando-migrated-column:last-child {
    max-width: none;
    justify-self: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:has(.alfa-menu-hero--antena) .forjando-antena-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
