/* ===== Base da landing (layout próprio, sem Tailwind, para carregar rápido) ===== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;overflow-x:hidden}
h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
strong{color:var(--dg-white);font-weight:800}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--dg-yellow);color:#000;padding:10px 16px;font-weight:800}
.skip:focus{top:12px}

.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
@media (min-width:640px){.wrap{padding:0 24px}}
.sec{padding:80px 0;position:relative}
@media (min-width:1024px){.sec{padding:112px 0}}
.sec-1{background:var(--dg-surface-1)}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}
.sec-title{font-size:clamp(34px,6vw,64px);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;transform:skewX(var(--dg-skew));transform-origin:left bottom}
.sec-lead{max-width:560px;font-size:17px}
.kicker{display:flex;align-items:center;gap:12px;color:var(--dg-yellow);margin-bottom:18px}
.kicker::before{content:"";width:28px;height:4px;background:var(--dg-yellow)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:40px}
.cta-row-center{justify-content:center}
.grid{display:grid;gap:16px}
.grid>*{min-width:0}
@media (min-width:640px){.g-2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:640px){.g-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.g-4{grid-template-columns:repeat(4,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}}
@media (max-width:420px){.dg-btn{white-space:normal;text-align:center;line-height:1.15}.cta-row .dg-btn{width:100%}}

/* ===== Navbar ===== */
.top{position:sticky;top:0;z-index:60}
.top .dg-nav{max-width:none}
.nav-links{display:none;align-items:center;gap:22px}
.nav-right{display:flex;align-items:center;gap:10px}
.nav-burger{display:grid;place-items:center;width:44px;height:44px;background:var(--dg-surface-2);border:1px solid var(--dg-line-strong);cursor:pointer;color:var(--dg-yellow)}
.nav-burger .ico{width:22px;height:22px}
.nav-burger .ico-x{display:none}
.top.is-open .nav-burger .ico-x{display:block}
.top.is-open .nav-burger .ico-menu{display:none}
.nav-drawer{display:none;background:#000;border-bottom:3px solid var(--dg-yellow);padding:8px 16px 20px}
.top.is-open .nav-drawer{display:block}
.nav-drawer a{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;border-bottom:1px solid var(--dg-line);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.nav-drawer a:hover{color:var(--dg-yellow)}
.nav-drawer .dg-btn{width:100%;margin-top:16px;border:0}
@media (min-width:1280px){.nav-links{display:flex}.nav-burger{display:none}.top.is-open .nav-drawer{display:none}}
@media (max-width:420px){.nav-wa-label{display:none}.nav-wa{padding-right:6px!important}}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column}
.hero-inner{position:relative;display:grid;gap:40px;align-items:center;padding-top:48px;padding-bottom:56px}
@media (min-width:1024px){.hero-inner{grid-template-columns:7fr 5fr;padding-top:72px;padding-bottom:88px;min-height:calc(100vh - 76px - 20px - 70px)}}
.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.hero-title{font-size:clamp(44px,11vw,104px)}
.hero-title .line{display:block}
.hero-tag{font-size:clamp(20px,3.4vw,30px);font-style:italic;margin-top:32px}
.hero-sub{font-size:18px;max-width:620px;margin-top:20px}
@media (min-width:640px){.hero-sub{font-size:20px}}
.hero-side{display:flex;flex-direction:column;align-items:center;gap:20px}
@media (min-width:1024px){.hero-side{align-items:flex-end}}
.hero-logo{width:min(68vw,400px);height:auto;filter:drop-shadow(0 18px 40px rgba(255,191,0,.2))}
.hero-sos{display:flex;align-items:center;gap:16px;padding:16px 22px;background:#000;border:1px solid var(--dg-yellow)}
.hero-sos .dg-siren{font-size:38px}
.hero-sos b{display:block;font-weight:900;font-size:20px;text-transform:uppercase}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:13px;font-weight:700;color:var(--dg-white-70)}
.hero-note .dg-stars{gap:2px}
.hero-note .dg-stars svg{width:15px;height:15px;fill:currentColor;stroke:none}

/* ===== Urgência (banner de emergência) ===== */
.sos{position:relative;overflow:hidden;background:#000;border:1px solid var(--dg-yellow);isolation:isolate}
.sos-bg{position:absolute;inset:0;z-index:-1}
.sos-bg img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.sos-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.8) 55%,rgba(0,0,0,.55) 100%)}
@media (max-width:639px){.sos-bg::after{background:rgba(0,0,0,.84)}}
.sos-body{min-height:260px}
.sos-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:28px}
@media (min-width:640px){.sos-body{padding:36px}}
.sos-main{display:flex;align-items:center;gap:20px}
.sos-main .dg-icon-box{width:76px;height:76px;font-size:40px;flex:none}
.sos h2{font-size:clamp(24px,4vw,36px)}
.sos p{color:var(--dg-white);margin-top:6px;max-width:620px}
@media (max-width:639px){.sos-main{flex-direction:column;align-items:flex-start}.sos-main .dg-icon-box{width:60px;height:60px;font-size:32px}.sos-body .dg-btn{width:100%}}

/* ===== Veículos ===== */
.truck{margin-bottom:16px}
.truck-in{display:grid;gap:24px;align-items:center;padding:28px}
@media (min-width:768px){.truck-in{grid-template-columns:1fr auto;padding:44px}}
.truck h3{font-size:clamp(40px,7vw,72px)}
.truck-list{display:grid;gap:10px;margin-top:22px}
@media (min-width:640px){.truck-list{grid-template-columns:1fr 1fr}}
.truck-list li{display:flex;gap:10px;align-items:flex-start;font-weight:700;color:#000}
.truck-list .ico{width:20px;height:20px;margin-top:2px;stroke-width:3}
.truck .dg-vehicle-img{max-width:300px;margin:0 auto}
.truck-in>*{min-width:0}
.truck .dg-badge{white-space:normal;height:auto;min-height:30px;padding:6px 12px;line-height:1.3}
@media (max-width:639px){.truck .dg-vehicle-img{max-width:220px}}
.truck-btn{box-shadow:0 10px 24px -10px rgba(0,0,0,.55)}
@media (max-width:639px){.truck-btn,.sos-body .dg-btn{width:100%;max-width:100%;height:auto;min-height:60px;padding-top:8px;padding-bottom:8px;white-space:normal;line-height:1.2;font-size:14px}}
.marquee-tilt{overflow:hidden;padding:28px 0}
.veh{display:flex;flex-direction:column}
.veh-img{padding:28px 28px 0}
.veh-img img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.veh-body{padding:24px 28px 28px;display:flex;flex-direction:column;flex:1}
.veh-body h3{font-size:30px}
.veh-body .card-link{margin-top:auto;padding-top:22px}
.card-link{display:inline-flex;align-items:center;gap:8px}
.card-link .ico{width:16px;height:16px;transition:transform .2s var(--dg-ease)}
.card-link:hover .ico{transform:translateX(4px)}
.link-green{color:var(--dg-green)}
.link-red{color:var(--dg-red-300)}
.link-yellow{color:var(--dg-yellow)}
.biz{margin-top:16px;display:grid;gap:20px;align-items:center;padding:28px;background:var(--dg-surface-2);border:1px solid var(--dg-line-strong)}
@media (min-width:900px){.biz{grid-template-columns:auto 1fr auto}}
.biz img{width:72px;height:72px}
.biz h3{font-size:24px;text-transform:uppercase;font-weight:900}

/* ===== Serviços ===== */
.svc-layout{display:grid;gap:16px}
@media (min-width:1024px){.svc-layout{grid-template-columns:5fr 7fr;align-items:stretch}}
.svc-photo{position:relative;margin:0;min-height:360px;overflow:hidden}
.svc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svc-photo figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:80px 24px 24px;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent)}
.svc-photo-cap{font-weight:900;font-size:24px;line-height:1.05;text-transform:uppercase;font-style:italic;max-width:300px}
@media (max-width:1023px){.svc-photo{aspect-ratio:4/5;max-height:560px;min-height:0}}
.dg-card-service{display:flex;flex-direction:column}
.dg-card-service .card-link{margin-top:auto}
.svc-desc{font-size:15px;margin-bottom:24px}

/* ===== Objeções ===== */
.obj{display:grid;gap:12px;padding:26px;background:#000;border:1px solid var(--dg-line);border-top:4px solid var(--dg-yellow)}
.obj-q{font-weight:900;font-size:22px;font-style:italic;text-transform:uppercase;letter-spacing:-.01em}
.obj img{width:56px;height:56px}

/* ===== Como funciona ===== */
.steps{position:relative;display:grid;gap:28px}
@media (min-width:1024px){.steps{grid-template-columns:repeat(3,1fr);gap:32px}}
.steps-lane{display:none;position:absolute;left:8%;right:8%;top:44px;background-size:60px 4px}
@media (min-width:1024px){.steps-lane{display:block}}
.step{position:relative;background:var(--dg-surface-2);border:1px solid var(--dg-line);padding:28px}
.step-num{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#000;border:4px solid var(--dg-yellow);margin-bottom:22px;position:relative;z-index:1}
.step-num img{width:54px;height:54px}
.step-n{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:32px;height:32px;background:var(--dg-yellow);color:#000;font-weight:900;font-size:15px;border-radius:50%}
.step h3{font-size:22px;margin-bottom:10px}

/* ===== Quem somos & números ===== */
.about{display:grid;gap:48px;align-items:center}
@media (min-width:1024px){.about{grid-template-columns:5fr 7fr}}
.about-photos{position:relative;width:100%;max-width:480px;margin:0 auto;padding:0 20% 22% 0}
.about-photos figure{margin:0}
.about-photos img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.ph-sub{position:absolute;right:0;bottom:0;width:50%;border:4px solid var(--dg-yellow);box-shadow:0 20px 40px -12px rgba(0,0,0,.8)}
.about-photos .dg-seal{position:absolute;top:-18px;right:6%;width:116px;height:116px}
.about-photos .dg-seal b{font-size:40px}
.about-photos .dg-seal-7{top:auto;right:auto;left:-14px;bottom:30%;background:#000;color:var(--dg-yellow);box-shadow:inset 0 0 0 3px var(--dg-yellow)}
@media (max-width:639px){.about-photos .dg-seal{width:92px;height:92px;top:-14px}.about-photos .dg-seal b{font-size:30px}.about-photos .dg-seal-7{left:-6px}}
.stats{display:grid;gap:28px;margin-top:40px}
@media (min-width:640px){.stats{grid-template-columns:repeat(3,1fr)}}
.stat-n{font-weight:900;font-size:48px;color:var(--dg-yellow);line-height:1}
.stat-l{margin-top:8px;color:var(--dg-white-70)}
.catches{display:grid;gap:8px;margin-top:32px}
@media (min-width:640px){.catches{grid-template-columns:1fr 1fr}}

/* ===== Depoimentos ===== */
.g-rating{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--dg-surface-2);border:1px solid var(--dg-line)}
.g-rating b{font-size:40px;font-weight:900;line-height:1}
.g-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;flex:none}
.reviews{display:grid;gap:16px}
@media (min-width:768px){.reviews{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.reviews{grid-template-columns:repeat(3,1fr)}}
.dg-quote{display:flex;flex-direction:column;margin:0}
.dg-quote blockquote{font-size:16px;font-weight:600;line-height:1.6;flex:1}
.dg-quote figcaption{display:flex;align-items:center;gap:12px;margin-top:22px}
.avatar{display:grid;place-items:center;width:44px;height:44px;font-weight:900;flex:none;background:var(--dg-yellow);color:#000}
.dg-quote.is-y{background:var(--dg-yellow);color:#000;border-color:var(--dg-yellow)}
.dg-quote.is-y .dg-quote-mark,.dg-quote.is-y .dg-stars{color:#000}
.dg-quote.is-y .avatar{background:#000;color:var(--dg-yellow)}
.dg-quote.is-y .dg-help{color:rgba(0,0,0,.65)}
.dg-stars svg{width:16px;height:16px;fill:currentColor;stroke:none}

/* ===== Área de atendimento ===== */
.area{display:grid;gap:16px}
@media (min-width:1024px){.area{grid-template-columns:1fr 1fr}}
.area-box{padding:28px;background:var(--dg-surface-2);border:1px solid var(--dg-line)}
.area-box h3{display:flex;align-items:center;gap:14px;font-size:22px;text-transform:uppercase;font-weight:900;margin-bottom:20px}
.area-box h3 img{width:48px;height:48px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;height:44px;padding:0 16px;background:#000;border:1px solid var(--dg-line-strong);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.04em}
.pill-road{border-color:var(--dg-yellow);color:var(--dg-yellow);font-style:italic}
.area-note{margin-top:18px}

/* ===== Pagamento ===== */
.pay{display:grid;gap:16px}
@media (min-width:1024px){.pay{grid-template-columns:5fr 7fr;align-items:stretch}}
.pay-quote{padding:32px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.pay-quote h3{font-size:clamp(26px,3.6vw,36px)}
.pay-list{display:grid;gap:12px}
@media (min-width:640px){.pay-list{grid-template-columns:1fr 1fr}}
.pay-item{display:flex;gap:16px;align-items:center;padding:22px;background:var(--dg-surface-2);border:1px solid var(--dg-line)}
.pay-ico{display:grid;place-items:center;width:52px;height:52px;flex:none;background:#000;color:var(--dg-yellow);border:1px solid var(--dg-yellow)}
.pay-ico .ico{width:26px;height:26px}
.pay-item b{display:block;font-weight:900;text-transform:uppercase;font-size:17px}

/* ===== Formulário + FAQ ===== */
.form-faq{display:grid;gap:48px}
@media (min-width:1024px){.form-faq{grid-template-columns:1fr 1fr;align-items:start}}
.call-form{display:grid;gap:22px;padding:28px;background:var(--dg-surface-2);border:1px solid var(--dg-yellow)}
@media (min-width:640px){.call-form{padding:36px}}
.call-form h2{font-size:clamp(24px,3.4vw,32px)}
.loc-row{display:flex;gap:8px}
.loc-row .dg-input{flex:1;min-width:0}
.loc-btn{display:grid;place-items:center;width:56px;flex:none;background:#000;border:1px solid var(--dg-yellow);color:var(--dg-yellow);cursor:pointer;transition:background .2s,color .2s}
.loc-btn:hover{background:var(--dg-yellow);color:#000}
.loc-btn.is-loading .ico{animation:dg-spin 1.2s linear infinite}
.call-form .dg-btn{width:100%;height:auto;min-height:64px;padding-top:10px;padding-bottom:10px;white-space:normal;line-height:1.2}
.dg-chip{font-family:var(--dg-font)}
.dg-faq-q{font-size:17px}
@media (min-width:640px){.dg-faq-q{font-size:18px}}
.dg-faq-a p{padding-right:16px}
@media (min-width:640px){.dg-faq-a p{padding-right:48px}}

/* ===== CTA final + rodapé ===== */
.final{position:relative;overflow:hidden;text-align:center}
.final .dg-display{font-size:clamp(46px,10vw,112px);display:inline-block}
.final-logo{width:120px;height:120px;margin:0 auto 28px}
.foot{background:#000;border-top:1px solid var(--dg-line)}
.foot-in{display:grid;gap:36px;padding-top:56px;padding-bottom:40px}
@media (min-width:900px){.foot-in{grid-template-columns:5fr 4fr 3fr}}
.foot h4{margin-bottom:16px;color:var(--dg-yellow)}
.foot li{margin-bottom:12px}
.foot a:hover{color:var(--dg-yellow)}
.foot-contact a,.foot-contact span{display:inline-flex;gap:10px;align-items:flex-start;font-weight:700}
.foot-contact .ico{color:var(--dg-yellow);margin-top:1px}
.foot-legal{border-top:1px solid var(--dg-line);padding-top:20px;padding-bottom:110px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media (min-width:640px){.foot-legal{padding-bottom:28px}}

/* ===== Botão flutuante ===== */
.fab-wrap{position:fixed;right:16px;bottom:16px;z-index:70;transition:transform .35s var(--dg-ease),opacity .35s}
.fab-wrap.is-hidden{transform:translateY(120px);opacity:0;pointer-events:none}
.fab-label{display:none}
@media (min-width:640px){.fab-label{display:inline}}
@media (max-width:639px){.dg-fab{padding:0 9px;width:64px;justify-content:center}}