/* Scroll Video Journey — port pixel-perfect de la sección .journey2 (j2-*) */

.svj-journey{position:relative;background:#1b1510}
/* la altura total (p.ej. 560vh) la emite el PHP como estilo inline */

.svj-sticky{position:sticky;position:-webkit-sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:#1b1510}

.svj-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.svj-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}

.svj-veil{position:absolute;inset:0;z-index:1;opacity:.4;background:linear-gradient(180deg,rgba(20,15,10,.40) 0%,rgba(20,15,10,.24) 45%,rgba(20,15,10,.52) 100%);will-change:opacity}

.svj-text{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 4vw;opacity:0;pointer-events:none;will-change:opacity,transform}

.svj-h{font-family:'Playfair','Playfair Display',Georgia,serif;font-weight:700;text-transform:uppercase;color:#fff;font-size:clamp(1.05rem,1.65vw,1.65rem);line-height:1.18;letter-spacing:.12em;text-indent:.06em;white-space:nowrap;text-shadow:0 6px 44px rgba(0,0,0,.5);margin:0}
.svj-h--rich{white-space:normal;margin-bottom:16px}

.svj-eye{font-family:inherit;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#cdb488;font-weight:700;margin-bottom:14px}

.svj-body{max-width:440px;margin:0 auto;color:rgba(255,255,255,.88);font-weight:300;font-size:1rem;line-height:1.7;text-shadow:0 2px 20px rgba(0,0,0,.4)}

@media (max-width:900px){
  .svj-h{white-space:normal;font-size:1.35rem}
}

/* Estado estático: sin JS o prefers-reduced-motion → primer texto visible */
.svj-journey.svj-static{height:100vh !important}
.svj-journey.svj-static .svj-veil + .svj-text{opacity:1}

/* Placeholder en el editor de Elementor cuando falta vídeo o paradas */
.svj-placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px;text-align:center;color:#cdb488;background:#1b1510;font-size:1rem;line-height:1.6}