/* N6 · Viaje: same blueglass archive, native-scroll camera traversal. */
html.viaje-activo body { overflow-x:clip; }
html.viaje-activo #principal { isolation:isolate; }
.viaje-fondo { position:fixed; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(7,9,13,.87),rgba(7,15,25,.62),rgba(7,9,13,.9)),url('/archivo/assets/n7--profundidad-vidrio-1672.webp') 50% 50%/cover; }
html.viaje-activo .sec.viaje-scene { padding:0; border:0; background:none; overflow:visible; height:var(--viaje-height); }
.viaje-camera { position:sticky; top:0; height:100vh; height:100svh; perspective:1200px; perspective-origin:50% 48%; pointer-events:none; }
html.viaje-activo .viaje-panel { position:relative; width:calc(100% - 2 * clamp(18px,4vw,64px)); max-width:1280px; margin:0 auto; padding:clamp(28px,4vw,58px); border:1px solid rgba(166,208,255,.31); border-radius:24px; background:linear-gradient(135deg,rgba(28,50,72,.94),rgba(8,17,29,.97) 68%); box-shadow:inset 0 1px 0 rgba(213,236,255,.23),0 35px 100px rgba(0,0,0,.5),-20px 0 100px rgba(88,151,224,.08); transform-origin:50% 25%; backface-visibility:hidden; pointer-events:auto; }
.viaje-panel::before { content:''; position:absolute; inset:10px; border:1px solid rgba(166,208,255,.08); border-radius:16px; pointer-events:none; }
.viaje-camera::before,.viaje-camera::after { content:''; position:absolute; left:7%; right:7%; top:12%; bottom:10%; border:1px solid rgba(166,208,255,.18); border-radius:30px; transform:translate3d(var(--frame-x,0px),0,var(--frame-z,-700px)) rotateY(var(--frame-r,0deg)); opacity:var(--frame-a,0); pointer-events:none; }
.viaje-camera::after { left:2%;right:2%;top:7%;bottom:5%; border-color:rgba(166,208,255,.09); transform:translate3d(calc(var(--frame-x,0px) * -.6),0,calc(var(--frame-z,-700px) - 650px)) rotateY(calc(var(--frame-r,0deg) * -.5)); }
/* The whole panel carries the motion. Nested entrance effects would hide copy. */
html.viaje-activo .viaje-panel .pliega,html.viaje-activo .viaje-panel .ruta,html.viaje-activo .viaje-panel .pasos li { opacity:1!important; transform:none!important; }
html.viaje-activo #of-t .w { opacity:1!important; }
html.viaje-activo .viaje-panel .glifo path { stroke-dashoffset:0!important; }
html.viaje-activo .viaje-panel .doc-marco img { transform:none!important; }
@media(max-width:700px) {
 .viaje-fondo { background-image:linear-gradient(rgba(7,9,13,.78),rgba(7,15,25,.85)),url('/archivo/assets/n7--profundidad-vidrio-900.webp'); }
 html.viaje-activo .viaje-panel { width:calc(100% - 24px); padding:28px 20px; border-radius:18px; }
 .viaje-camera { perspective:950px; }
}
html:not(.viaje-activo) .viaje-fondo { display:none; }

.viaje-toggle{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:65;min-height:36px;display:flex;align-items:center;padding:8px 14px;border:1px solid rgba(166,208,255,.45);border-radius:99px;background:rgba(9,20,33,.96);color:#d8eaff;font:500 11px/1.2 var(--sans);text-decoration:none;box-shadow:0 4px 20px #0006;white-space:nowrap}.viaje-toggle:hover{background:#203a54}.viaje-toggle:focus-visible{outline:2px solid #d8eaff;outline-offset:3px}

html.viaje-activo #archivo .chrome{opacity:var(--viaje-hero-chrome,1)!important;transition:none!important}

/* Clip projected panels at the main viewport edge without a scroll container. */
html.viaje-activo{overflow-x:clip}
html.viaje-activo #principal{overflow-x:clip;overflow-y:visible;max-width:100%}