.metal-logo { display:inline-block; position:relative; line-height:0; }
.metal-logo img { display:block; }
.metal-logo::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(112deg,transparent 40%,#ffffff30 44%,#fff 49%,#ffffff50 53%,transparent 58%); background-size:320% 100%; mask:url('../assets/logo/logo-constructora-victoria.png') center/100% 100% no-repeat; -webkit-mask:url('../assets/logo/logo-constructora-victoria.png') center/100% 100% no-repeat; mix-blend-mode:screen; animation:metal-sweep 5.8s ease-in-out infinite; }
@keyframes metal-sweep { 0%,28% { background-position:100% 0; opacity:0; } 35% { opacity:.85; } 65% { opacity:.85; } 75%,100% { background-position:0% 0; opacity:0; } }
.journey-sticky { background:radial-gradient(ellipse at 50% 55%,#234252aa,#08121bee 74%); }
.journey-scene { perspective:1600px; }
.journey-facade { filter:drop-shadow(0 24px 24px #0006); }
.journey-wall.left { background:repeating-linear-gradient(0deg,#d4cbbc 0 47px,#b0a594 48px,#e0d8cd 49px); border:1px solid #ede5d455; transform-origin:left center; }
.journey-wall.right { background:repeating-linear-gradient(90deg,#624632 0 15px,#281e17 16px,#93694b 18px); transform-origin:right center; }
.journey-slab { border-top:2px solid #fff9; background:linear-gradient(165deg,#ede7dc,#8d9699); box-shadow:0 9px 0 #142732,0 12px 0 #d3a16c66,0 24px 42px #0007; }
.journey-floor { background:linear-gradient(170deg,#bcc3c1,#354650); box-shadow:0 22px 36px #0008; }
.journey-window { display:grid; place-items:center; background:radial-gradient(ellipse,#153746,#07131f); transform:translateY(var(--portal-lift,0vh)) scale(var(--zoom,1)); border-color:rgba(87,117,132,var(--portal-border,1)); box-shadow:none; }
.journey-logo { width:86%; }
.journey-window .journey-logo img { width:100%; height:auto; object-fit:contain; }
.journey-mullions { background:linear-gradient(90deg,transparent 48.8%,#7c929c 49%,#142a36 50%,#7c929c 51%,transparent 51.2%); }
.journey-final { left:50%; bottom:13%; width:min(650px,88%); transform:translateX(-50%); text-align:center; border:1px solid #ffffff24; border-top:2px solid #f89132; border-radius:14px; background:linear-gradient(135deg,#142b3ae8,#07111cdb); backdrop-filter:blur(16px); box-shadow:0 20px 70px #0006; }
.journey-final h2 { font-size:clamp(2rem,3.4vw,3.5rem); }
@media(max-width:768px) { .journey-final { left:50%; right:auto; bottom:12%; padding:18px; } .journey-copy h2 { font-size:2.2rem; } }
@media(prefers-reduced-motion:reduce) { .metal-logo::after { animation:none; display:none; } .journey-window { inset:12% 15% auto; width:70%; height:30%; transform:none; background:none; } }