/* Muestra editorial de movimiento. Se carga después de la hoja original. */
:root {
  --accent: #bcbcbc;
  --accent-bright: #ebebeb;
  --accent-glow: rgba(255, 255, 255, .12);
}

/* El champán queda reservado a la firma de Vik Solrak. */
.brand-name,
.site-footer .brand-name,
.book-author { color: #d8bd82; }

.brand-mark,
.book-monogram,
.author-section .method-mark {
  border-color: rgba(255, 255, 255, .4);
  background: rgba(255, 255, 255, .025);
  color: #f0f0f0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09);
}
.brand-mark img { width: 25px; height: 25px; }
.book-monogram img { width: 24px; height: 24px; }

.hero .eyebrow { border-color: rgba(255, 255, 255, .38); color: #e6e6e6; }
.hero::after {
  background: linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.9) 34%, rgba(0,0,0,.68) 53%, rgba(0,0,0,.22) 78%, rgba(0,0,0,.32) 100%),
    linear-gradient(0deg, rgba(0,0,0,.82), transparent 30%, transparent 72%, rgba(0,0,0,.38));
}
.headline-accent { color: #cbcbcb; }
.hero-quote { border-color: rgba(255, 255, 255, .34); color: #b8b8b8; }
.hero-secondary { color: #ddd; }
.hero-visual::before {
  background: radial-gradient(circle, rgba(255, 255, 255, .11), rgba(255, 255, 255, .025) 43%, transparent 72%);
}
.hero-glow-1 { background: radial-gradient(circle, rgba(255, 255, 255, .09), transparent 68%); }
.hero-glow-3 { background: radial-gradient(circle, rgba(255, 255, 255, .11), transparent 70%); }

.btn-outline,
.btn-ghost {
  border-color: rgba(255, 255, 255, .35);
  background: rgba(8, 8, 8, .68);
  color: #f3f3f3;
}
.btn-outline:hover,
.btn-ghost:hover {
  border-color: rgba(255, 255, 255, .76);
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 24px rgba(255, 255, 255, .07);
}
.btn-primary:hover {
  background: linear-gradient(180deg, #fff, #ededed 42%, #cfcfcf);
  box-shadow: inset 0 1px 0 #fff, 0 0 24px rgba(255, 255, 255, .15), 0 10px 24px rgba(0, 0, 0, .2);
}
.btn::after { background: linear-gradient(112deg, transparent 36%, rgba(255, 255, 255, .2) 50%, transparent 64%); }

.book-cover-art { filter: grayscale(1) contrast(1.12); }
.book-cover { border-color: rgba(185, 185, 185, .5); background: #090909; box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 24px 64px rgba(0,0,0,.82), 0 0 36px rgba(255,255,255,.07); }
.book-spine { border-color: rgba(160,160,160,.35); background: linear-gradient(90deg, #050505, #191919 50%, #080808); box-shadow: inset -3px 0 5px rgba(255,255,255,.06); }
.book-pages { background: repeating-linear-gradient(0deg, #999 0, #e1e1e1 1px, #aaa 2px, #d0d0d0 3px); }
.book-divider { background: #c8c8c8; box-shadow: 0 0 13px rgba(255,255,255,.3); }
.book-subtitle { border-color: rgba(255,255,255,.34); color: #eee; }
.book-subtitle span + span::before { background: #ddd; box-shadow: 0 0 7px rgba(255,255,255,.35); }
.book-offer-badge { border-color: rgba(255,255,255,.54); color: #ededed; }
.book-offer-badge strong { color: #fff; }
.cover-caption { color: rgba(240,240,240,.72); }

.fit-section { background: radial-gradient(circle at 50% 0, rgba(255,255,255,.065), transparent 36%), #000; }
.fit-item,
.section-cta,
.application-proof,
.book-excerpt,
.offer-summary {
  border-color: rgba(255,255,255,.19);
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.015));
}
.fit-item > span { border-color: rgba(255,255,255,.42); color: #e9e9e9; }
.application-example { border-color: rgba(255,255,255,.28); }
.book-excerpt footer { border-color: rgba(255,255,255,.2); color: #a8a8a8; }
.section-cta strong,
.stack-body p strong { color: #f2f2f2; }
.purchase-note { color: #959595; }
.mobile-buybar { border-color: rgba(255,255,255,.3); }

/* Dos escenas con aire editorial; la idea de cambio se lee aparte. */
.mirror-section {
  background: radial-gradient(ellipse at 50% 0,rgba(255,255,255,.045),transparent 55%),#080808;
}
.mirror-container { max-width: 1060px; }
.mirror-title { max-width: 780px; margin: 0 auto; font-size: clamp(2.25rem,4.2vw,3.65rem); }
.mirror-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0;
  margin-top: 52px;
  border-top: 1px solid rgba(255,255,255,.4);
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.mirror-section .mirror-card {
  min-height: 260px;
  padding: 32px 38px 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.mirror-section .mirror-card + .mirror-card { border-left: 1px solid rgba(255,255,255,.19); }
.mirror-section .mirror-card:hover { border-color: rgba(255,255,255,.19); background: rgba(255,255,255,.022); box-shadow: none; }
.mirror-index {
  display: block;
  margin-bottom: 23px;
  color: #aaa;
  font-size: .68rem;
  font-weight: 650;
  letter-spacing: .16em;
}
.mirror-section .mirror-card h3 { margin-bottom: 14px; font-size: clamp(1.5rem,2.2vw,2rem); font-weight: 540; }
.mirror-section .mirror-card p { max-width: 44ch; color: #bdbdbd; font-size: 1rem; line-height: 1.66; }
.mirror-insight {
  display: grid;
  grid-template-columns: 142px minmax(0,1fr);
  align-items: start;
  gap: 30px;
  max-width: 940px;
  margin: 44px auto 0;
  padding: 28px 0;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.mirror-insight span { padding-top: 8px; color: #a6a6a6; font-size: .69rem; font-weight: 650; letter-spacing: .14em; }
.mirror-insight p { margin: 0; color: #f0f0f0; font-size: clamp(1.35rem,2.15vw,1.8rem); font-weight: 480; line-height: 1.36; letter-spacing: -.025em; }
.mirror-close { max-width: 760px; margin-top: 25px; color: #aaa; font-size: .94rem; line-height: 1.65; }

@media (max-width: 760px) {
  .mirror-grid { grid-template-columns: 1fr; margin-top: 38px; }
  .mirror-section .mirror-card { min-height: 0; padding: 27px 4px 30px; }
  .mirror-section .mirror-card + .mirror-card { border-left: 0; border-top: 1px solid rgba(255,255,255,.19); }
  .mirror-index { margin-bottom: 16px; }
  .mirror-insight { grid-template-columns: 1fr; gap: 12px; margin-top: 29px; padding: 23px 0; }
  .mirror-insight span { padding-top: 0; }
  .mirror-close { text-align: left; }
}

/* Los capítulos son el recorrido central del libro: números editoriales,
   una línea plateada por etapa y un cierre deliberado para el séptimo. */
.chapters { gap: 18px; }
.chapters .chapter {
  position: relative;
  overflow: hidden;
  min-height: 228px;
  padding: 30px 32px 29px;
  border-color: rgba(255,255,255,.2);
  background: radial-gradient(circle at 0 0,rgba(255,255,255,.07),transparent 45%),
    linear-gradient(145deg,#141414,#080808 72%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09),0 14px 32px rgba(0,0,0,.16);
}
.chapters .chapter::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: '';
  background: linear-gradient(180deg,#f0f0f0,#787878 65%,transparent);
  opacity: .55;
  transform: scaleY(.4);
  transform-origin: top;
  transition: transform 800ms var(--ease), opacity 500ms ease;
}
.chapters .chapter.is-visible::before,
.chapters .chapter:hover::before { opacity: .95; transform: scaleY(1); }
.chapters .chapter-head {
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 19px;
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.chapters .chapter-num {
  display: inline-flex;
  align-items: baseline;
  gap: 11px;
  color: #f1f1f1;
  font-size: clamp(2.8rem,4vw,3.6rem);
  font-weight: 350;
  line-height: .85;
  letter-spacing: -.075em;
  text-shadow: 0 1px 0 #666,0 3px 14px rgba(255,255,255,.09);
}
.chapters .chapter-num::after {
  content: '/ 07';
  color: #8f8f8f;
  font-size: .7rem;
  font-weight: 550;
  letter-spacing: .1em;
}
.chapters .chapter-ico { width: 30px; height: 30px; stroke: #a8a8a8; }
.chapters .chapter h3 {
  margin-bottom: 12px;
  font-size: clamp(1.4rem,2vw,1.72rem);
  font-weight: 580;
  line-height: 1.12;
}
.chapters .chapter p { max-width: 58ch; color: #bdbdbd; font-size: .96rem; line-height: 1.57; }
.chapters .chapter:hover {
  border-color: rgba(255,255,255,.4);
  background: radial-gradient(circle at 0 0,rgba(255,255,255,.1),transparent 48%),
    linear-gradient(145deg,#171717,#090909 72%);
}
.chapters .chapter:last-child { grid-column: 1 / -1; min-height: 0; }

@media (max-width: 760px) {
  .chapters .chapter { min-height: 0; padding: 27px 25px 26px; }
  .chapters .chapter:last-child { grid-column: auto; }
}

/* Tres momentos de movimiento: portada, capítulos y oferta. */
@keyframes editorial-line {
  from { opacity: 0; clip-path: inset(0 0 100% 0); transform: translateY(22px); }
  to { opacity: 1; clip-path: inset(0 0 0 0); transform: translateY(0); }
}
@keyframes editorial-rise {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes metal-glint {
  from { background-position: 120% 0; }
  to { background-position: -120% 0; }
}

.hero-copy.is-visible .headline-line {
  animation: editorial-line 920ms var(--ease) both;
}
.hero-copy.is-visible .headline-line + .headline-line { animation-delay: 140ms; }
.hero-copy.is-visible .hero-sub { animation: editorial-rise 720ms 310ms var(--ease) both; }
.hero-copy.is-visible .hero-quote { animation: editorial-rise 720ms 390ms var(--ease) both; }
.hero-copy.is-visible .hero-actions { animation: editorial-rise 720ms 470ms var(--ease) both; }
.hero-copy.is-visible .hero-trust { animation: editorial-rise 720ms 560ms var(--ease) both; }

.book-cover::before {
  background: linear-gradient(104deg, transparent 42%, rgba(255,255,255,.16) 50%, transparent 58%);
  background-size: 260% 100%;
  background-position: 120% 0;
}
.hero-visual.is-visible .book-cover::before {
  animation: metal-glint 1500ms 900ms ease-out both;
}

.chapters .chapter.reveal {
  transform: translateY(18px) scale(.985);
  transition-duration: 760ms;
  transition-delay: calc(var(--motion-order, 0) * 55ms);
}
.chapters .chapter.reveal.is-visible { transform: translateY(0) scale(1); }
.chapter:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.38); }
.stack .stack-item.reveal { transform: translateY(16px); transition-duration: 700ms; }
.stack .stack-item.reveal.is-visible { transform: translateY(0); }
.stack .stack-item:nth-child(2) { transition-delay: 65ms; }
.stack .stack-item:nth-child(3) { transition-delay: 130ms; }
.stack .stack-item:nth-child(4) { transition-delay: 195ms; }
.stack .stack-item:nth-child(5) { transition-delay: 260ms; }
.stack .stack-item:nth-child(6) { transition-delay: 325ms; }
.stack .stack-item:nth-child(7) { transition-delay: 390ms; }

@media (max-width: 760px) {
  .hero::after {
    background: linear-gradient(180deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.74) 43%, rgba(0,0,0,.56) 69%, rgba(0,0,0,.78) 100%);
  }
  .chapters .chapter.reveal { transition-delay: 0ms; }
  .stack .stack-item { transition-delay: 0ms; }
  .application-example { border-left: 0; border-top-color: rgba(255,255,255,.28); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-video { opacity: 0 !important; }
  .hero-motion-fallback { opacity: 1 !important; }
  .hero-copy .headline-line,
  .hero-copy .hero-sub,
  .hero-copy .hero-quote,
  .hero-copy .hero-actions,
  .hero-copy .hero-trust,
  .book-cover::before { animation: none !important; opacity: 1; clip-path: none; transform: none; }
  .chapters .chapter.reveal,
  .stack .stack-item.reveal { transform: none; transition-delay: 0ms; }

  /* ?motion=on es una demostración optativa, exclusiva de esta muestra local. */
  html.motion-preview-on .reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 800ms var(--ease), transform 800ms var(--ease) !important;
  }
  html.motion-preview-on .reveal.is-visible { opacity: 1; transform: none; }
  html.motion-preview-on .hero.media-playing .hero-video { opacity: 1 !important; }
  html.motion-preview-on .hero.media-playing .hero-motion-fallback { opacity: 0 !important; }
  html.motion-preview-on .hero-copy.is-visible .headline-line { animation: editorial-line 920ms var(--ease) both !important; }
  html.motion-preview-on .hero-copy.is-visible .headline-line + .headline-line { animation-delay: 140ms !important; }
  html.motion-preview-on .hero-copy.is-visible .hero-sub { animation: editorial-rise 720ms 310ms var(--ease) both !important; }
  html.motion-preview-on .hero-copy.is-visible .hero-quote { animation: editorial-rise 720ms 390ms var(--ease) both !important; }
  html.motion-preview-on .hero-copy.is-visible .hero-actions { animation: editorial-rise 720ms 470ms var(--ease) both !important; }
  html.motion-preview-on .hero-copy.is-visible .hero-trust { animation: editorial-rise 720ms 560ms var(--ease) both !important; }
  html.motion-preview-on .hero-visual.is-visible .book-cover::before { animation: metal-glint 1500ms 900ms ease-out both !important; }
  html.motion-preview-on .chapters .chapter.reveal { transform: translateY(18px) scale(.985); transition-delay: calc(var(--motion-order, 0) * 55ms) !important; }
  html.motion-preview-on .chapters .chapter.reveal.is-visible { transform: none; }
  html.motion-preview-on .stack .stack-item.reveal { transform: translateY(16px); }
  html.motion-preview-on .stack .stack-item.reveal.is-visible { transform: none; }
}