/* ==========================================================
   lunadas-nomada-v5.css
   Alineación de Lunadas con el sistema público del index.
   Requiere: foundation-v2 y lunadas-nomada-v4.
   ========================================================== */

.lunada-page .lunada-hero__inner {
  padding-top: clamp(158px, 22vh, 228px);
}

.lunada-page .lunada-ticket {
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 159, 28, .22), transparent 20rem),
    var(--nt-gradient-glass),
    rgba(18, 6, 37, .64);
  border-color: rgba(255, 255, 255, .22);
  box-shadow: 0 36px 90px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 42px rgba(230, 0, 126, .1);
}

.lunada-page .lunada-story .nt-editorial-head {
  margin-bottom: clamp(34px, 6vw, 68px);
}

.lunada-page .lunada-steps {
  padding: 0;
}

.lunada-page .lunada-step {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 0;
  padding: 0;
  border-top: 3px solid var(--nt-expedition-accent);
  border-bottom: 0;
  align-items: stretch;
}

.lunada-page .lunada-step::after,
.lunada-page .lunada-step__line,
.lunada-page .lunada-step__number {
  display: none;
}

.lunada-page .lunada-step .nt-expedition-card__copy > p {
  max-width: 58ch;
  margin: 0;
  color: var(--nt-muted-strong);
}

.lunada-page .lunada-step .nt-expedition-card__media img {
  filter: saturate(.9) contrast(1.06) brightness(.82);
}

.lunada-page .lunada-step:nth-child(2) .nt-expedition-card__media img {
  object-position: center 62%;
}

.lunada-page .lunada-step:nth-child(3) .nt-expedition-card__media img {
  object-position: center;
}

.lunada-page .lunada-edition-list {
  gap: clamp(20px, 4vw, 34px);
}

.lunada-page .lunada-edition {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: 0;
  min-height: 430px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .2);
  background:
    radial-gradient(circle at 84% 12%, rgba(230, 0, 126, .18), transparent 20rem),
    var(--nt-gradient-glass),
    rgba(18, 6, 37, .66);
  box-shadow: 0 30px 78px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.lunada-page .lunada-edition__media {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}

.lunada-page .lunada-edition__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
  filter: saturate(.9) contrast(1.05) brightness(.78);
}

.lunada-page .lunada-edition__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 44%, rgba(5, 3, 13, .74)), linear-gradient(180deg, transparent 52%, rgba(5, 3, 13, .5));
}

.lunada-page .lunada-edition__code {
  position: absolute;
  z-index: 2;
  left: 18px;
  bottom: 18px;
  width: 72px;
  border-width: 2px;
  box-shadow: 5px 5px 0 var(--nt-fuchsia);
  font-size: 2.5rem;
}

.lunada-page .lunada-edition__copy {
  display: flex;
  min-width: 0;
  padding: clamp(26px, 5vw, 54px);
  flex-direction: column;
  justify-content: center;
}

.lunada-page .lunada-variable-note span {
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.lunada-page .lunada-includes .nt-loteria-checks {
  align-self: center;
}

.lunada-page .lunada-faq .nt-faq-list details {
  border: 1px solid rgba(255, 255, 255, .19);
  background: var(--nt-gradient-glass), rgba(18, 6, 37, .62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 18px 46px rgba(0, 0, 0, .28);
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
}

@media (max-width: 820px) {
  .lunada-page .lunada-step {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(260px, 42svh) auto;
    gap: 0;
    min-height: 0;
  }

  .lunada-page .lunada-step > .nt-expedition-card__media,
  .lunada-page .lunada-step > .nt-expedition-card__copy {
    grid-column: 1;
    min-width: 0;
  }

  .lunada-page .lunada-edition {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .lunada-page .lunada-edition__media,
  .lunada-page .lunada-edition__media img {
    min-height: 300px;
    max-height: 380px;
  }

  .lunada-page .lunada-edition__media::after {
    background: linear-gradient(180deg, transparent 46%, rgba(5, 3, 13, .78));
  }
}

@media (max-width: 520px) {
  .lunada-page .lunada-hero__inner {
    padding-top: 140px;
  }

  .lunada-page .lunada-steps.nt-expedition-stack {
    margin-inline: -10px;
    padding-inline: 10px;
  }

  .lunada-page .lunada-step {
    grid-template-rows: 280px auto;
    min-height: 0;
  }

  .lunada-page .lunada-step .nt-expedition-card__media {
    min-height: 280px;
  }

  .lunada-page .lunada-edition__copy {
    padding: 24px 20px 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lunada-page .lunada-step {
    transform: none !important;
  }
}