/* DELTA DESPACHANTE · V3 · Direção criativa: movimento, cuidado, sofisticação */
:root{--navy:#07182c;--navy-2:#10243e;--navy-3:#153656;--blue:#1b65d8;--blue-2:#397ff0;--pale:#f5f7f8;--white:#fff;--ink:#142c45;--muted:#68798b;--line:#e3e8ed;--radius:18px;--max:1296px;--ease:cubic-bezier(.22,1,.36,1)}
body{background:#fafaf8;color:#172c43}
.topbar{background:#071528;height:33px;letter-spacing:.055em}
.topbar-pulse{background:#89baff;box-shadow:0 0 0 4px #7ca9fa19}
.site-header{background:#0a1b31;border-color:#ffffff0f}
.site-header.scrolled{background:rgba(8,24,44,.96);box-shadow:0 18px 50px #07132318}
.nav-inner{height:83px}
.brand{width:182px}.brand img{max-height:64px}
.main-nav{gap:35px}.nav-link{font-weight:600;color:#aebed1;letter-spacing:.02em}
.nav-link.active::after{height:1px;transform:scaleX(.8);background:#91b8ff}
.nav-cta{border:1px solid #628cbf88;background:#ffffff08;border-radius:9px;padding:14px 19px;font-weight:700}
.nav-cta:hover{background:#1b65d8;border-color:#1b65d8}

/* Acolhedor, mas com presença editorial e uma cena automotiva convincente. */
.hero-v3{background:radial-gradient(ellipse 60% 70% at 89% 49%,#1b3351 0%,#0d213a 54%,#081a30 93%),linear-gradient(135deg,#08192e,#0b2038);min-height:735px;isolation:isolate;overflow:hidden}
.hero-v3::before{width:980px;height:980px;top:-640px;left:-470px;background:radial-gradient(circle,#4082dd18,transparent 67%)}
.hero-v3::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.3;background-image:linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:135px 100%;mask-image:linear-gradient(90deg,transparent 20%,black)}
.hero-ambient{position:absolute;pointer-events:none;z-index:0;opacity:.7}
.hero-ambient-one{width:650px;height:650px;right:-180px;top:-230px;background:radial-gradient(circle,#357bd121,transparent 65%)}
.hero-ambient-two{width:640px;height:640px;right:100px;bottom:-450px;background:radial-gradient(circle,#3868a930,transparent 65%)}
.hero-v3-grid{display:grid;grid-template-columns:51% 49%;min-height:738px;position:relative;z-index:2;align-items:center}
.hero-v3 .hero-content{padding:88px 10px 103px 0;z-index:8;position:relative}
.hero-kicker{display:inline-flex;align-items:center;gap:11px;color:#c2d7ee;font:700 10px/1.5 'Manrope',sans-serif;letter-spacing:.19em;margin-bottom:32px;animation:heroIntro .85s .08s var(--ease) both}
.hero-kicker-star{color:#c6dcf5;font-size:16px;line-height:0}
.hero-v3 h1{font-size:clamp(55px,5.55vw,84px);line-height:1.09;letter-spacing:-.067em;font-weight:700;max-width:660px;margin-bottom:26px;animation:heroIntro 1s .15s var(--ease) both}
.hero-v3 h1 span{color:#96bffe}
.hero-v3 h1 em{font-weight:600;font-style:normal;color:#fff}
.hero-v3 .hero-subtitle{color:#b6c6d9;font:400 15px/1.92 'DM Sans',sans-serif;max-width:470px;margin-bottom:34px;letter-spacing:.004em}
.hero-v3 .btn{border-radius:10px;min-height:57px;font-weight:700;padding-inline:23px;gap:25px;box-shadow:none}
.hero-v3 .btn-primary{background:#2d73df;border-color:#2d73df;box-shadow:0 15px 35px #0d397d45}
.hero-v3 .btn-primary:hover{background:#4388f2;border-color:#4388f2;box-shadow:0 17px 36px #0d397d65}
.hero-v3 .btn-outline{background:#ffffff03;border-color:#7898bc70;color:#e7f2ff}
.hero-v3 .hero-footnotes{margin-top:61px;gap:25px}
.hero-v3 .hero-footnote{font-size:10px;color:#95a9c1;gap:12px}
.hero-v3 .hero-footnote strong{font-size:12px;font-weight:700}
.hero-v3 .verified-icon{border-color:#6f9ad856;color:#91bdf8;width:32px;height:32px;border-radius:11px}
.hero-v3 .verified-icon svg{width:16px;height:16px;stroke-width:1.8}
.hero-v3 .hero-footnote-divider{height:31px;background:#7599c052}
.hero-v3-visual{position:relative;height:738px;min-height:738px;overflow:visible;margin-right:calc(-1 * max(48px, (100vw - 1296px)/2));isolation:isolate;z-index:1}
.hero-stage-glow{position:absolute;z-index:-1;top:10%;right:-17%;width:96%;aspect-ratio:1;background:radial-gradient(circle,#335b8068 0%,#24446524 38%,transparent 65%);filter:blur(8px)}
.hero-orbit{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;border:1px solid #ffffff0b;transform:rotate(-19deg)}
.hero-orbit-one{height:630px;width:760px;top:50px;right:-220px}.hero-orbit-two{height:480px;width:610px;top:125px;right:-135px}
.hero-v3 .hero-visual-headline{top:88px;right:6%;width:355px;opacity:.10;max-width:66%;filter:drop-shadow(0 1px 0 #ffffff20);z-index:1;animation:wordmarkV3 1.15s .5s both}
@keyframes wordmarkV3{from{opacity:0;transform:translateY(-10px)}to{opacity:.1;transform:translateY(0)}}
.hero-car-stage{position:absolute;inset:75px 0 55px -33px;z-index:2;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 94%,transparent 100%)}
.road-glow{position:absolute;z-index:0;left:3%;right:-20%;bottom:92px;height:210px;background:radial-gradient(ellipse at 60% 80%,#98bbe51b,transparent 64%);transform:perspective(410px) rotateX(61deg)}
.road-lane{position:absolute;z-index:0;left:-4%;right:-18%;height:1px;background:linear-gradient(90deg,transparent,#83a5c936 40%,#b9d3f74f 60%,transparent)}
.road-lane-one{bottom:127px;transform:rotate(-1.7deg)}.road-lane-two{bottom:112px;opacity:.4}
.road-trail{position:absolute;right:6%;z-index:0;height:2px;opacity:0;background:linear-gradient(90deg,transparent,#8eadd28c,transparent);animation:roadRush 2.8s .25s cubic-bezier(.18,.66,.21,1) both}
.road-trail-one{bottom:169px;width:69%}.road-trail-two{bottom:208px;width:49%;animation-delay:.39s}
@keyframes roadRush{0%{opacity:0;transform:translateX(-260px) scaleX(.4)}28%{opacity:.65}85%{opacity:.15}100%{opacity:0;transform:translateX(150px) scaleX(1.1)}}
.car-journey{position:absolute;width:min(119%,900px);right:-52px;bottom:112px;z-index:2;transform-origin:53% 86%;animation:carArriveV3 3.05s .2s cubic-bezier(.18,.76,.25,1) both;will-change:transform,opacity,filter}
@keyframes carArriveV3{0%{opacity:0;transform:translate3d(-48%,10px,0) scale(.965);filter:blur(4px)}14%{opacity:1}50%{filter:blur(.6px)}80%{transform:translate3d(10px,0,0) scale(1);filter:blur(0)}92%{transform:translate3d(-3px,1px,0) scale(1)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}}
.vehicle-shell{position:relative;width:100%;transform-origin:52% 84%;animation:carSettle 3.05s .2s both}
.vehicle-shell>img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 21px #030d1a8a)}
@keyframes carSettle{0%,45%{transform:translateY(-3px) rotate(-.25deg)}80%{transform:translateY(2px) rotate(.3deg)}100%{transform:none}}
.vehicle-shadow{position:absolute;bottom:9%;left:11%;right:8%;height:18%;background:#020b18a8;filter:blur(30px);border-radius:50%;opacity:.8}
.wheel{position:absolute;z-index:5;border-radius:50%;overflow:hidden;display:block;background:#060d17;box-shadow:inset 0 0 9px #000,0 0 3px #000a;mask-image:radial-gradient(ellipse,black 64%,transparent 74%);will-change:transform}
.wheel-front{left:30.4%;top:54.1%;width:9.3%;height:30.1%;transform:rotate(-11deg)}
.wheel-back{left:8.35%;top:56.9%;width:5.9%;height:29%;transform:rotate(-7deg);filter:brightness(.58)}
.wheel-rotation{position:absolute;inset:0;display:block;transform-origin:50% 50%;animation:wheelRollV3 3.05s .2s cubic-bezier(.18,.76,.25,1) both}
.wheel-rotation img{width:100%;height:100%;display:block}
@keyframes wheelRollV3{0%{transform:rotate(-1080deg)}80%{transform:rotate(25deg)}92%{transform:rotate(-7deg)}100%{transform:rotate(0deg)}}
.hero-stage-foreground{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(0deg,#0b1c33b0 0%,transparent 22%),linear-gradient(90deg,#0b1e35ba 0%,transparent 20%,transparent 100%)}
.hero-v3 .hero-floating-card{z-index:5;bottom:89px;left:13%;right:auto;width:360px;max-width:69%;padding:14px 18px;gap:14px;background:rgba(247,249,253,.94);border:1px solid #ffffff91;border-radius:13px;box-shadow:0 25px 65px #030c1d4c;animation:cardAppear .8s 2.1s var(--ease) both}
.hero-v3 .floating-card-icon{border-radius:10px;background:#e5effd;width:45px;height:45px;flex-shrink:0}
.hero-v3 .hero-floating-card strong{font-size:12.5px;letter-spacing:-.02em}
.hero-v3 .hero-floating-card small{font-size:10px;color:#76859b}
.replay-motion{position:absolute;right:9%;bottom:41px;z-index:8;display:inline-flex;align-items:center;gap:7px;color:#c1d4ecb5;background:transparent;border:0;cursor:pointer;font:600 10px 'Manrope',sans-serif;letter-spacing:.02em;padding:8px 0;transition:color .2s}
.replay-motion svg{width:14px;height:14px;transform:rotate(-45deg)}
.replay-motion:hover{color:#fff}.hero-v3 .hero-image-credit{right:14px;bottom:12px;opacity:.45;font-size:7px}
.hero-bottom-rule{position:absolute;bottom:0;left:0;right:0;z-index:10;border-top:1px solid #ffffff22;background:#05132833}
.hero-bottom-rule>.container{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-bottom-rule span,.hero-bottom-rule a{font:700 9px 'Manrope',sans-serif;letter-spacing:.17em;color:#97afcb}
.hero-bottom-rule a{display:inline-flex;gap:15px;align-items:center;color:#cbdcf0;transition:color .2s}.hero-bottom-rule a span{font-size:16px;letter-spacing:0}.hero-bottom-rule a:hover{color:#fff}
.hero-v3-visual.playing-again .car-journey{animation:none}.hero-v3-visual.playing-again .wheel-rotation{animation:none}
.hero-v3-visual.playing-again .car-journey{animation:carArriveV3 3.05s .06s cubic-bezier(.18,.76,.25,1) both}
.hero-v3-visual.playing-again .wheel-rotation{animation:wheelRollV3 3.05s .06s cubic-bezier(.18,.76,.25,1) both}
.hero-v3-visual.playing-again .vehicle-shell{animation:carSettle 3.05s .06s both}
.hero-v3-visual.playing-again .road-trail{animation:roadRush 2.8s .06s cubic-bezier(.18,.66,.21,1) both}

/* Secções mais leves, tipografia e espaçamento com personalidade. */
.assurance-strip{background:#f6f8f8;border-color:#e7ecef}.assurance-inner{min-height:94px;justify-content:space-between}
.assurance-inner>div{color:#3b5067;font-size:12px;font-weight:600}.assurance-inner svg{width:20px;height:20px;color:#3577cb}
.assurance-separator{background:#d8e1e8}
.section{padding:120px 0}.services{background:#fafaf8}
.section-heading-row{align-items:end;margin-bottom:48px}
.section-heading-row h2,.process h2,.about h2,.faq h2{font-size:clamp(38px,3.9vw,56px);font-weight:700;letter-spacing:-.057em;line-height:1.17}
.section-heading-row h2 span,.about h2 span,.faq h2 span{color:#8899aa}
.section-heading-row>p{max-width:325px;font-size:14px;line-height:1.9;color:#687c90}
.eyebrow{font-size:10px;letter-spacing:.16em;color:#2c6fd0}
.services-grid{gap:17px}
.service-card{border:1px solid #e5ebef;background:#fff;min-height:309px;padding:30px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;border-radius:17px;box-shadow:0 6px 22px #061d3210}
.service-card:hover{box-shadow:0 26px 56px #0b2e511c;border-color:#c3d7ee;transform:translateY(-6px)}
.service-icon{border-radius:12px}.service-card-featured{background:#0d2541;color:#fff;border-color:#0d2541;box-shadow:0 18px 42px #0d254124}
.services-note{font-style:normal;color:#8392a1}
.process{background:linear-gradient(135deg,#0b2441,#0d1b31 75%)}
.process::before{content:"";position:absolute;top:-280px;left:-160px;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,#4479be2a,transparent 72%)}
.process-step{transition:transform .3s}.process-step:hover{transform:translateX(5px)}
.about{background:#fff}
.about-art{border-radius:18px;overflow:hidden;background:radial-gradient(circle at 60% 55%,#184d86,#0a2545 75%)}
.about-text p{line-height:1.95}
.cta-band{background:linear-gradient(120deg,#2369c7,#114c9f);border-top:1px solid #7db0fa50}
.faq{background:#fafaf8}
.faq-icon{background:#e9f1fa}
.contact-section{background:#0c2038}
.map-wrapper{border-radius:16px;border:5px solid #ffffff12}
.footer{background:#061427}
.footer-brand img{max-height:68px;object-fit:contain;object-position:left}
.floating-whatsapp{border:1px solid #fff5}

@media(max-width:1230px){.hero-v3-grid{grid-template-columns:52% 48%}.hero-v3 h1{font-size:clamp(53px,5.3vw,72px)}.hero-v3-visual{margin-right:-35px}.car-journey{width:123%;right:-65px}.hero-v3 .hero-floating-card{left:7%;max-width:79%}.hero-v3 .hero-footnotes{margin-top:43px}}
@media(max-width:1020px){.hero-v3-grid{min-height:690px;grid-template-columns:52% 48%}.hero-v3 .hero-content{padding:65px 5px 95px 0}.hero-v3 h1{font-size:clamp(48px,5.4vw,64px)}.hero-v3 .hero-subtitle{font-size:13.5px;line-height:1.85}.hero-v3-visual{height:690px;min-height:690px}.hero-v3 .hero-floating-card{left:4%;max-width:88%}.hero-v3 .hero-actions{gap:8px}.hero-v3 .btn{padding-inline:17px;min-height:52px;gap:10px}}
@media(max-width:800px){
 .nav-inner{height:73px}.main-nav{top:105px;background:#0a1b31}.nav-link.active::after{transform:scaleX(.2)}
 .hero-v3-grid{display:flex;flex-direction:column;min-height:0;align-items:stretch}
 .hero-v3 .hero-content{padding:68px 0 22px}
 .hero-v3 h1{font-size:clamp(54px,7.4vw,75px);max-width:690px}
 .hero-v3 .hero-subtitle{max-width:585px;font-size:14px}
 .hero-v3 .hero-footnotes{margin-top:42px}
 .hero-v3-visual{height:530px;min-height:530px;margin:0 -22px;overflow:hidden}
 .hero-stage-glow{width:76%;right:5%;top:-22%}
 .hero-car-stage{inset:18px 0 43px 0;mask-image:linear-gradient(90deg,transparent,black 9%,black 94%,transparent)}
 .car-journey{width:min(110%,780px);right:0;bottom:78px}
 .hero-v3 .hero-visual-headline{width:300px;right:7%;top:20px}
 .hero-v3 .hero-floating-card{bottom:69px;left:7%;width:340px;max-width:77%}
 .replay-motion{bottom:31px;right:8%}
 .hero-bottom-rule{position:relative}.hero-bottom-rule>.container{min-height:55px}
 .assurance-inner{gap:20px}
 .service-card{padding:27px}
}
@media(max-width:560px){
 .hero-v3 .hero-content{padding:51px 0 21px}
 .hero-kicker{font-size:8.5px;letter-spacing:.12em;margin-bottom:23px}
 .hero-v3 h1{font-size:clamp(45px,10.5vw,62px);line-height:1.14;letter-spacing:-.06em;max-width:480px;margin-bottom:22px}
 .hero-v3 h1 br{display:none}.hero-v3 h1 span{display:block}
 .hero-v3 .hero-subtitle{font-size:13px;line-height:1.77;margin-bottom:28px}
 .hero-v3 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .hero-v3 .btn{width:100%;justify-content:space-between;min-height:55px;border-radius:10px}
 .hero-v3 .hero-footnotes{margin-top:34px;gap:15px}
 .hero-v3 .hero-footnote{font-size:9px;gap:7px}.hero-v3 .hero-footnote strong{font-size:10px}
 .hero-v3 .verified-icon{width:29px;height:29px}.hero-v3 .hero-footnote-divider{height:29px}
 .hero-v3-visual{height:342px;min-height:342px;margin:0 -18px}
 .hero-car-stage{inset:8px 0 20px 0;mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}
 .car-journey{width:112%;right:-21px;bottom:26px}
 .hero-v3 .hero-visual-headline{top:18px;right:22px;width:190px;max-width:49%}
 .road-glow{bottom:6px}.road-lane-one{bottom:32px}.road-lane-two{bottom:24px}.road-trail-one{bottom:45px}.road-trail-two{bottom:65px}
 .hero-v3 .hero-floating-card{left:18px;bottom:34px;max-width:76%;width:260px;padding:9px 10px;gap:9px;border-radius:10px}
 .hero-v3 .floating-card-icon{width:31px;height:31px;border-radius:7px}.hero-v3 .floating-card-icon svg{width:17px;height:17px}.hero-v3 .hero-floating-card strong{font-size:10px;margin-bottom:1px}.hero-v3 .hero-floating-card small{font-size:8px}.hero-v3 .floating-card-arrow svg{width:13px}
 .replay-motion{font-size:9px;right:18px;bottom:7px}.hero-v3 .hero-image-credit{display:none}
 .hero-bottom-rule>.container{min-height:47px}.hero-bottom-rule span,.hero-bottom-rule a{font-size:7px;letter-spacing:.08em}
 .assurance-inner{padding:25px 0}.assurance-inner>div{font-size:11px}
 .section{padding:85px 0}
 .section-heading-row h2,.process h2,.about h2,.faq h2{font-size:36px}
 .service-card{min-height:250px}
 .footer{padding-top:50px}
}
@media(prefers-reduced-motion:reduce){
 .car-journey,.wheel-rotation,.vehicle-shell,.road-trail,.hero-v3 .hero-visual-headline,.hero-v3-visual.playing-again .car-journey,.hero-v3-visual.playing-again .wheel-rotation{animation:none!important;filter:none!important;transform:none!important;opacity:1!important}
 .hero-v3 .hero-visual-headline{opacity:.1!important}
 .replay-motion{display:none}
}
/* Ajuste final: os aros ficam presentes na animação, sem parecer cromados demais. */
.wheel-front{filter:brightness(.76) saturate(.72)}
.wheel-back{filter:brightness(.37) saturate(.6)}
html,body{overflow-x:clip}