/* Transparent, scroll-driven scenes. The page itself is the stage. */
body[data-page=galdur] #hero-field{opacity:.8;mask-image:radial-gradient(ellipse at 76% 42%,#0002 8%,#0008 28%,#000 60%)}
body[data-page=galdur] .hero-shade{background:linear-gradient(90deg,#090c0d8c 4%,#090c0d22 50%,transparent 78%),linear-gradient(0deg,#090c0d 1%,#090c0d30 28%,transparent 65%)}
.scroll-motion{position:absolute;pointer-events:none;opacity:0;transform:translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform .55s cubic-bezier(.22,1,.36,1);overflow:visible}
.scroll-motion-ready .scroll-motion{opacity:1}
.scroll-caption{display:none;position:absolute;z-index:3;pointer-events:none}
.scroll-motion-ready .scroll-caption{display:block}
.scroll-caption-kicker{display:block;font-size:10px;letter-spacing:.14em;color:#d1af75;margin-bottom:22px}
.scroll-caption h2,.scroll-caption h3{font-size:clamp(33px,3.25vw,52px);font-weight:470;line-height:1.05;letter-spacing:-.045em;margin:0 0 22px}
.scroll-caption p{font-size:15px;line-height:1.65;max-width:315px;color:#b8c2b6}
.scroll-motion-ready body[data-page=galdur] .journey{height:340svh}
.scroll-motion-ready body[data-page=galdur] .journey-scene{isolation:isolate;background:radial-gradient(ellipse at 65% 48%,#42311c66,transparent 65%),#090c0d}
.scroll-motion-ready body[data-page=galdur] #scroll-scene{inset:16% -1% 12% 29%;z-index:1}
.scroll-motion-ready body[data-page=galdur] .journey-cards{visibility:hidden;pointer-events:none}
.scroll-motion-ready body[data-page=galdur] #journey-field{opacity:.26;z-index:0}
.scroll-motion-ready body[data-page=galdur] .scroll-caption{left:4%;top:39%;width:30%;max-width:360px}
.scroll-motion-ready body[data-page=galdur] .journey-top,.scroll-motion-ready body[data-page=galdur] .flow-track,.scroll-motion-ready body[data-page=galdur] .journey-bottom{z-index:4}
.scroll-motion-ready body[data-page=galdur] .journey-top{top:108px}
.scroll-motion-ready body[data-page=galdur] .flow-track{top:145px}
.scroll-motion-ready body[data-page=galdur] .journey-bottom{bottom:42px}
.scroll-motion-ready body[data-page=galdur] .journey-bottom p{font-size:23px;line-height:1.2}
.diagnostic-cinema{position:relative}
.scroll-instruction,.scroll-progress{display:none}
.scroll-motion-ready body[data-page=diagnostico] .diagnostic-cinema{height:345svh}
.scroll-motion-ready body[data-page=diagnostico] .diagnostic-intro{display:block;position:sticky;top:83px;height:calc(100svh - 83px);min-height:680px;padding:0;isolation:isolate;background:radial-gradient(ellipse at 50% 57%,#d8dcca70,transparent 62%),#efede5;overflow:hidden}
.scroll-motion-ready body[data-page=diagnostico] .routine-board{display:none}
.scroll-motion-ready body[data-page=diagnostico] #scroll-scene{inset:22% 0 13%;z-index:1}
.scroll-motion-ready body[data-page=diagnostico] .intro-copy{position:absolute;inset:0;z-index:3;pointer-events:none}
.scroll-motion-ready body[data-page=diagnostico] .intro-copy>.eyebrow{position:absolute;top:30px;left:5%;right:5%;text-align:center;opacity:var(--opening-opacity,1)}
.scroll-motion-ready body[data-page=diagnostico] .intro-copy h1{position:absolute;top:66px;left:10%;right:10%;text-align:center;font-size:clamp(45px,4.9vw,76px);line-height:.99;opacity:var(--opening-opacity,1);transform:translateY(calc(var(--story-progress,0)*-60px));letter-spacing:-.055em}
.scroll-motion-ready body[data-page=diagnostico] .intro-copy h1>span{color:#697067}
.scroll-motion-ready body[data-page=diagnostico] .intro-lead{position:absolute;left:4.5%;bottom:87px;max-width:420px;font-size:14px;line-height:1.55;margin:0}
.scroll-motion-ready body[data-page=diagnostico] .intro-invitation{display:none}
.scroll-motion-ready body[data-page=diagnostico] .intro-copy>.primary-link{position:absolute;right:4.5%;bottom:84px;margin:0;pointer-events:auto;min-width:250px}
.scroll-motion-ready body[data-page=diagnostico] .intro-note{display:none}
.scroll-motion-ready body[data-page=diagnostico] .scroll-caption{left:12%;right:12%;top:47px;text-align:center;opacity:var(--story-title-opacity,0);max-width:none}
.scroll-motion-ready body[data-page=diagnostico] .scroll-caption-kicker{color:#526348;margin-bottom:15px}
.scroll-motion-ready body[data-page=diagnostico] .scroll-caption h2{font-size:clamp(36px,4.3vw,65px);color:#173e30;margin-bottom:14px}
.scroll-motion-ready body[data-page=diagnostico] .scroll-caption p{max-width:590px;margin:auto;color:#4d5b48;font-size:15px}
.scroll-motion-ready body[data-page=diagnostico] .scroll-progress{display:flex;position:absolute;left:4.5%;right:4.5%;bottom:29px;align-items:center;gap:20px;z-index:3;font-size:9px;letter-spacing:.12em;color:#53604a}
.scroll-progress i{height:1px;background:#697b4838;flex:1;position:relative}
.scroll-progress i:after{content:'';position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--story-progress,0));background:#456341}
.scroll-motion-ready body[data-page=diagnostico] .scroll-instruction{display:block;position:absolute;bottom:42px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.025em;color:#646d5c;z-index:3}
.scroll-instruction span{display:inline-block;margin-left:12px;color:#9d661e}
@media(max-width:820px){
 body[data-page=galdur] #hero-field{opacity:.82;mask-image:radial-gradient(ellipse at 53% 27%,#0003 10%,#000a 29%,#000 60%)}
 body[data-page=galdur] .hero-shade{background:linear-gradient(0deg,#090c0d 4%,#090c0d66 48%,#090c0d11 75%)}
 .scroll-motion-ready body[data-page=galdur] .journey{height:310svh}
 .scroll-motion-ready body[data-page=galdur] .journey-scene{min-height:690px}
 .scroll-motion-ready body[data-page=galdur] .journey-top{top:95px;left:22px;right:22px;display:flex;gap:10px}
 .scroll-motion-ready body[data-page=galdur] .journey-top span{margin:0}
 .scroll-motion-ready body[data-page=galdur] .journey-top span:first-child{max-width:170px}
 .scroll-motion-ready body[data-page=galdur] .flow-track{top:132px;left:22px;right:22px;font-size:9px;padding-bottom:8px}
 .scroll-motion-ready body[data-page=galdur] .scroll-caption{top:202px;left:22px;right:22px;width:auto;max-width:none;text-align:center}
 .scroll-caption-kicker{font-size:9px;margin-bottom:12px}
 .scroll-caption h3{font-size:31px;margin-bottom:10px}
 .scroll-caption p{font-size:12px;line-height:1.55;max-width:310px;margin:auto}
 .scroll-motion-ready body[data-page=galdur] #scroll-scene{inset:34% -8% 10%}
 .scroll-motion-ready body[data-page=galdur] .journey-bottom{left:22px;right:22px;bottom:27px;display:flex;align-items:center}
 .scroll-motion-ready body[data-page=galdur] .journey-bottom p{font-size:15px;max-width:150px}
 .scroll-motion-ready body[data-page=galdur] .journey-bottom a{font-size:10px;max-width:130px;text-align:right;margin:0}
 .scroll-motion-ready body[data-page=diagnostico] .diagnostic-intro{top:72px;height:calc(100svh - 72px);min-height:660px}
 .scroll-motion-ready body[data-page=diagnostico] .diagnostic-cinema{height:315svh}
 .scroll-motion-ready body[data-page=diagnostico] #scroll-scene{inset:25% 0 15%}
 .scroll-motion-ready body[data-page=diagnostico] .intro-copy>.eyebrow{top:25px;left:18px;right:18px;font-size:9px;margin:0}
 .scroll-motion-ready body[data-page=diagnostico] .intro-copy h1{top:65px;left:18px;right:18px;font-size:43px;line-height:1.01;max-width:470px;margin:auto}
 .scroll-motion-ready body[data-page=diagnostico] .intro-lead{left:22px;right:22px;bottom:111px;text-align:center;max-width:none;font-size:11px;line-height:1.4}
 .scroll-motion-ready body[data-page=diagnostico] .intro-copy>.primary-link{left:22px;right:22px;bottom:48px;min-width:0;width:auto;min-height:49px;font-size:12px;padding:12px 16px}
 .scroll-motion-ready body[data-page=diagnostico] .scroll-caption{top:38px;left:20px;right:20px}
 .scroll-motion-ready body[data-page=diagnostico] .scroll-caption h2{font-size:37px;margin-bottom:14px}
 .scroll-motion-ready body[data-page=diagnostico] .scroll-caption p{font-size:13px;line-height:1.5;max-width:340px}
 .scroll-motion-ready body[data-page=diagnostico] .scroll-caption-kicker{font-size:9px}
 .scroll-motion-ready body[data-page=diagnostico] .scroll-progress{display:none}
 .scroll-motion-ready body[data-page=diagnostico] .scroll-instruction{bottom:18px;font-size:9px}
 .preview-back{bottom:9px;left:auto;right:10px;min-height:29px;font-size:8px;padding:6px 11px;opacity:.75}
}
@media(prefers-reduced-motion:reduce){
 .scroll-motion{transition:none}
 .scroll-motion-ready body[data-page=galdur] .journey-scene{height:100svh;min-height:720px;position:sticky;padding:0;top:0}
 .scroll-motion-ready body[data-page=galdur] .journey-cards{position:absolute;inset:0}
 .scroll-motion-ready body[data-page=galdur] .accessible-flow{display:block}
}