.moving-page .header{position:relative;left:auto;right:auto;top:auto;margin:18px auto;width:94%;background:transparent;backdrop-filter:none}.moving-page .header .brand img{opacity:1}.moving-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:5%;padding-top:60px;padding-bottom:65px}.moving-hero h1{font-size:clamp(40px,4.3vw,66px);line-height:1.06}.moving-hero p:not(.eyebrow){max-width:440px;font-size:16px;line-height:1.8;color:#536078;margin-top:24px}.moving-hero>img{width:100%;height:auto;max-height:480px;object-fit:contain}.moving-hero .button{margin-top:10px}.moving-page #como{background:#f5f7fc}.model-section{padding-top:60px;background:#f2f3f0}.model-section h2{font-size:44px}.model-section .wrap>p:last-child{color:#536078;margin:18px 0}.moving-model.hero-rest{position:relative;inset:auto;width:100%;height:620px;opacity:1;pointer-events:none}.moving-model.hero-rest img{width:100%;height:100%;object-fit:cover;mask-image:none;margin:0}.moving-model.model-interactive canvas{pointer-events:auto}.moving-page .model-tools{background:#f2f3f0}.moving-page .quote{padding-top:80px;padding-bottom:70px}.hero-static-rest img{height:80%;object-fit:contain}.moving-page .header nav{gap:24px}.moving-page .header nav a{font-size:15px}@media(max-width:760px){.moving-page .header{margin:12px auto 0}.moving-hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:45px;gap:24px}.moving-hero h1{font-size:42px}.moving-hero p:not(.eyebrow){font-size:14px}.moving-hero>img{max-height:290px;grid-row:2}.model-section h2{font-size:34px}.moving-model.hero-rest{height:500px}.moving-model.hero-rest img{height:100%;object-fit:cover;object-position:55% center}.moving-page .quote{padding-top:50px}.moving-page .quote h2{font-size:45px}}
/* The interactive scene now leads the moving page. */
.moving-page .moving-hero.model-section{position:relative;display:block;isolation:isolate;padding:0;width:100%;max-width:none;height:calc(100svh - 155px);min-height:650px;background:#f2f3f0;overflow:hidden}
.moving-hero .moving-model.hero-rest{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.moving-hero .moving-hero-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-top:36px;padding-bottom:26px;background:linear-gradient(transparent,#ffffffd9 25%,#fffffff2);backdrop-filter:blur(5px);pointer-events:none}
.moving-hero-copy a{pointer-events:auto}
.moving-hero .moving-hero-copy h1{font-size:clamp(34px,3.5vw,54px);max-width:760px}
.moving-hero .moving-hero-copy p:not(.eyebrow){font-size:14px;line-height:1.6;margin:16px 0 8px;max-width:540px}
.moving-hero-copy .eyebrow{margin-bottom:10px}
.moving-hero-copy .button{padding:12px 18px;font-size:12px}
.moving-hero-copy .text-link{font-size:11px;margin-top:12px}
@media(max-width:760px){.moving-page .moving-hero.model-section{height:calc(100svh - 118px);min-height:680px}.moving-hero .moving-hero-copy{padding:32px 6% 20px}.moving-hero .moving-hero-copy h1{font-size:33px;letter-spacing:-1.2px}.moving-hero .moving-hero-copy p:not(.eyebrow){font-size:12px;margin-top:12px;max-width:310px}.moving-hero-copy .eyebrow{font-size:8px}.moving-hero-copy .text-link{font-size:10px;max-width:310px;line-height:1.6}.moving-hero .moving-model.hero-rest{height:100%}}

/* The approved morning road shot follows the moving steps. */
.moving-service-image{display:flex;justify-content:center;margin:20px auto 30px;max-width:850px}.moving-service-image img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}
.moving-road{position:relative;height:300svh;background:#26394b}.moving-road-scene{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.moving-road video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center;z-index:0}.moving-road-backdrop{position:absolute;inset:-30px;background:url('assets/hero-loop-carretera.jpg') center/cover;filter:blur(22px);z-index:-1}.moving-road-copy{position:absolute;bottom:0;left:0;right:0;padding:60px 0 40px;z-index:1;color:white;isolation:isolate}.moving-road-copy:before{content:'';position:absolute;inset:0 calc((100vw - 100%)/-2);background:linear-gradient(transparent,#102139a8 25%,#102139eb);backdrop-filter:blur(7px);z-index:-1}.moving-road-copy h2{font-size:clamp(40px,5vw,72px);line-height:1.03;letter-spacing:-2px;max-width:850px;color:white}.moving-road-copy p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:500px;margin:20px 0;color:white}.moving-road-copy .eyebrow{color:white;opacity:.85}.moving-road-copy .button{background:#f9d941;color:#142b58}.moving-road-hint{display:block;font-size:11px;margin-top:20px;opacity:.85}
@media(max-width:760px){.moving-service-image{margin:16px 0 20px}.moving-service-image img{max-height:260px}.moving-road{height:320svh}.moving-road video{top:6%;height:88%;object-position:41% center;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.moving-road-copy{padding:50px 0 30px;width:88%}.moving-road-copy h2{font-size:39px;letter-spacing:-1.4px}.moving-road-copy p:not(.eyebrow){font-size:14px;margin:14px 0}.moving-road-copy .eyebrow{font-size:9px}.moving-road-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.moving-road{height:100svh}.moving-road-scene{position:relative}.moving-road video{display:none}.moving-road-hint{display:none}}
.moving-road-copy{width:90%;max-width:1440px}
@media(max-width:760px){.moving-road-copy{width:88%}}

.model-scroll-edge{display:none}
@media(max-width:760px){.model-scroll-edge{display:block;position:absolute;top:0;bottom:0;width:16%;z-index:2;pointer-events:auto;touch-action:pan-y}.model-scroll-left{left:0}.model-scroll-right{right:0}}
@media(max-width:760px){.moving-road-copy{padding-top:30px;padding-bottom:18px}}

@media(max-width:760px){.moving-road-scene>.scroll-frames{display:block;position:absolute;left:0;top:6%;width:100%;height:88%;z-index:0;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}}

/* «En camino a lo que sigue»: velo progresivo en lugar de la franja con borde.
   El desenfoque (::before) solo vive del lado del texto y el tono (::after)
   se extiende un poco más; ambos crecen poco a poco desde la esquina, así la
   camioneta no queda cortada a la mitad. */
.moving-road-copy:before,.moving-road-copy:after{content:'';position:absolute;inset:-42vh calc((100vw - 100%)/-2) 0;z-index:-1;pointer-events:none}
.moving-road-copy:before{background:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  -webkit-mask-image:linear-gradient(to top,#000 15%,transparent 80%),linear-gradient(to right,#000 22%,transparent 52%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to top,#000 15%,transparent 80%),linear-gradient(to right,#000 22%,transparent 52%);mask-composite:intersect}
.moving-road-copy:after{background:radial-gradient(105% 92% at 0% 100%,rgba(9,22,42,.9),rgba(9,22,42,.62) 45%,rgba(9,22,42,0) 100%)}
.moving-road-copy h2,.moving-road-copy p{text-shadow:0 2px 24px rgba(9,22,42,.5)}
@media(min-width:761px){.moving-road-copy h2{max-width:min(640px,48vw)}}
@media(max-width:760px){
  .moving-road-copy:before,.moving-road-copy:after{inset:-30vh calc((100vw - 100%)/-2) 0}
  .moving-road-copy:before{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    -webkit-mask-image:linear-gradient(transparent 20%,#000 60%);-webkit-mask-composite:source-over;
    mask-image:linear-gradient(transparent 20%,#000 60%);mask-composite:add}
  .moving-road-copy:after{background:linear-gradient(rgba(9,22,42,0),rgba(9,22,42,.5) 35%,rgba(9,22,42,.9) 70%)}
}

/* Keep the expanded navigation opaque over the moving scene. */
.moving-page .header.nav-ready:not(.menu-compact){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}