/* Modern truck and a continuously moving tracking scene. */
.driving-scene{background:#061a31;pointer-events:none;contain:paint}
.scenery-image{position:absolute;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;object-position:center 57%;animation:scenery-drift 26s ease-in-out infinite alternate;will-change:transform}
.road-motion{position:absolute;left:-10%;bottom:-3%;width:120%;height:37%;overflow:hidden;transform:skewY(-4deg);transform-origin:50% 100%;mask-image:linear-gradient(transparent,black 27%);-webkit-mask-image:linear-gradient(transparent,black 27%);background:linear-gradient(#11273b66,#0a1c2f66)}
.road-grain{position:absolute;inset:0;background-image:url('assets/asfalto-textura.svg');background-size:320px 160px;opacity:.2;mix-blend-mode:soft-light;animation:road-grain-flow .85s linear infinite;will-change:background-position}
.road-lane{position:absolute;left:-10%;width:120%;background-image:repeating-linear-gradient(90deg,rgba(238,244,248,.65) 0 135px,transparent 135px 360px);background-size:360px 100%;animation:road-lane-flow .95s linear infinite;filter:blur(.4px);will-change:background-position}
.road-lane-far{top:18%;height:2px;opacity:.34;animation-duration:1.5s}
.road-lane-near{top:72%;height:5px;opacity:.5}
.truck-lane{position:absolute;left:40%;bottom:12%;width:min(calc(60% - 24px),1280px);aspect-ratio:1946/808;filter:drop-shadow(0 15px 10px #0009);isolation:isolate}
.truck-travel{position:relative;width:100%;height:100%;animation:truck-cruise 8s ease-in-out infinite;will-change:transform}
.truck-suspension{position:relative;width:100%;height:100%;animation:truck-suspension .85s linear infinite;transform-origin:25% 87%;will-change:transform}
.modern-truck{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;user-select:none}
.driving-scene .hero-shade{z-index:2;background:linear-gradient(90deg,rgba(2,17,37,.97),rgba(2,19,41,.86) 30%,rgba(2,20,42,.4) 46%,rgba(2,20,42,.02) 71%),linear-gradient(0deg,rgba(3,18,36,.94),transparent 36%)}
.hero-signature{bottom:104px;z-index:3}
.hero-bottom .motion-toggle{margin-right:155px}
.hero-actions{max-width:625px}
.button-whatsapp{background:#25d366;border-color:#25d366;color:#002e3c;gap:11px}
.button-whatsapp:hover{background:#53e58b;border-color:#53e58b;box-shadow:0 8px 24px #0002}
.button-whatsapp .icon{stroke-width:1.35}
.button-whatsapp .icon:first-child{width:21px;height:21px}
.hero-actions .button-whatsapp{font-size:11px;padding-left:15px;padding-right:15px}
.whatsapp-floating{position:fixed;right:24px;bottom:24px;z-index:21;background:#25d366;color:#003e25;border:1px solid #8cf2b3;border-radius:100px;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 21px;box-shadow:0 6px 26px #001b2f33;transition:transform .2s,background .2s;font-size:12px;font-weight:700}
.whatsapp-floating:hover{transform:translateY(-3px);background:#53e58b}
.whatsapp-floating .icon{width:25px;height:25px}
.dialog-call{display:flex;width:100%;margin-top:11px;border-color:#b8c9d9;color:var(--navy);background:white}
.dialog-call:hover{background:#f0f6fa;border-color:#8aa7c1}
.mobile-contact>a.button-whatsapp{flex:1;justify-content:space-between;color:#002e3c;font-size:12px;padding:12px 14px}
.motion-paused .driving-scene *,.scene-dialog-open .driving-scene *,.scene-hidden .driving-scene *,.scene-out-of-view .driving-scene *{animation-play-state:paused!important}
@keyframes scenery-drift{from{transform:translateX(-9px) scale(1.01)}to{transform:translateX(9px) scale(1.01)}}
@keyframes road-grain-flow{from{background-position:0 0}to{background-position:320px 0}}
@keyframes road-lane-flow{from{background-position:0 0}to{background-position:360px 0}}
@keyframes truck-cruise{0%,100%{transform:translateX(11px)}50%{transform:translateX(-20px)}}
@keyframes truck-suspension{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-.65px) rotate(.025deg)}50%{transform:translateY(.85px) rotate(0)}75%{transform:translateY(-.4px) rotate(-.025deg)}}
@media(max-width:1100px){.truck-lane{left:40%;width:calc(60% - 24px);bottom:13%}.driving-scene .hero-shade{background:linear-gradient(90deg,rgba(2,17,37,.98),rgba(2,19,41,.86) 37%,rgba(2,20,42,.08) 77%),linear-gradient(0deg,rgba(3,18,36,.94),transparent 40%)}.hero-actions .button-whatsapp{font-size:10px}}
@media(max-width:850px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero .driving-scene{position:relative;inset:auto;z-index:0;width:100%;height:clamp(220px,48vw,400px);flex-shrink:0}.truck-lane{left:3%;width:94%;bottom:10%;filter:drop-shadow(0 8px 6px #0008)}.truck-travel{animation-name:truck-cruise-mobile}.driving-scene .hero-shade{background:linear-gradient(0deg,#04172d 0%,rgba(4,23,45,.06) 22%,transparent 70%)}.hero-inner{min-height:0;display:block;padding:0 5% 30px;margin-top:-17px;z-index:1}.hero-bottom{position:static;margin-top:23px;padding-top:15px;gap:12px}.hero-bottom .motion-toggle{margin-right:0}.hero-signature{display:none}.hero-actions .button-whatsapp{font-size:11px}}
@media(max-width:560px){.hero .driving-scene{height:clamp(220px,48vw,300px);flex-shrink:0}.scenery-image{object-position:63% 55%;width:104%;height:104%;animation-duration:30s}.truck-lane{left:3%;bottom:10%;width:94%;filter:drop-shadow(0 7px 5px #0008)}.truck-travel{animation-name:truck-cruise-mobile}.road-motion{height:38%;bottom:-2%;transform:skewY(-4deg);opacity:.85}.road-lane-near{height:3px;animation-duration:1.3s}.road-lane-far{height:1px}.road-grain{animation-duration:1.2s}.driving-scene .hero-shade{background:linear-gradient(0deg,#04172d 0%,rgba(4,23,45,.06) 22%,transparent 70%)}.hero-actions .button-whatsapp{font-size:12px}.whatsapp-floating{display:none}.mobile-contact .button-whatsapp .icon:last-child{width:17px;height:17px}.hero-signature{display:none}.hero-bottom .motion-toggle{margin-right:0}.dialog-call{font-size:11px}.dialog-main-action{gap:10px}.contact-links a:first-child .icon{color:#16984a}}
@keyframes truck-cruise-mobile{0%,100%{transform:translateX(4px)}50%{transform:translateX(-9px)}}
@media(prefers-reduced-motion:reduce){.driving-scene *{animation:none!important;transition:none!important}.scenery-image,.truck-travel,.truck-suspension{transform:none!important}.motion-toggle{display:none}}