:root{--blue:#0877f9;--blue2:#0254be;--ink:#07101e;--ink2:#0d1a2b;--paper:#f5f7fa;--muted:#607087;--line:#dfe5ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--white);font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:84px;position:absolute;z-index:20;top:0;left:0;right:0;border-bottom:1px solid #ffffff24}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:190px;height:72px;object-fit:contain}.site-header nav{display:flex;gap:28px;color:#dbe7f6;font-weight:600;font-size:.92rem}.site-header nav a:hover{color:#fff}.btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 25px;border-radius:7px;font-weight:800;line-height:1.15;text-align:center;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary,.btn-small{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 10px 28px #0877f933}.btn-small{min-height:46px;padding:0 20px}.btn-ghost{border-color:#ffffff57;color:#fff;background:#ffffff0a}.hero{min-height:760px;display:flex;align-items:center;position:relative;background:var(--ink);overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/oficina-mecar.jpg') center 30%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050b14fa 0%,#07101ee8 42%,#07101e66 72%,#07101e8c 100%),linear-gradient(0deg,#07101e 0%,transparent 28%)}.hero-content{position:relative;padding-top:100px}.hero-copy{max-width:735px;color:#fff}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.14em;font-weight:800;color:#8fc5ff;margin:0 0 18px}.eyebrow span{width:35px;height:3px;background:var(--blue)}.eyebrow.dark{color:var(--blue2)}h1,h2,h3{font-family:"Barlow Condensed",Arial,sans-serif;line-height:.98;margin:0}h1{font-size:clamp(3.6rem,7vw,6.4rem);letter-spacing:-.025em;max-width:780px}h2{font-size:clamp(2.7rem,4.5vw,4.6rem);letter-spacing:-.02em}.lead{font-size:1.18rem;color:#d7e0ea;max-width:650px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:27px;flex-wrap:wrap;margin-top:34px;color:#e8eef5;font-size:.9rem}.trust-row span::first-letter{color:var(--blue)}.quick-strip{background:var(--blue);color:#fff}.quick-grid{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.quick-grid>div{display:flex;flex-direction:column}.quick-grid b{font:800 1.75rem "Barlow Condensed"}.quick-grid span{color:#dbeaff}.phone-link{font:800 1.75rem "Barlow Condensed";display:flex;flex-direction:column;align-items:flex-end}.phone-link small{font:700 .7rem Inter;letter-spacing:.18em}.section{padding:105px 0}.services{background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-head>p{max-width:440px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.service-grid article{padding:34px;min-height:265px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.service-grid article:nth-child(3n){border-right:0}.service-grid article:nth-last-child(-n+3){border-bottom:0}.service-grid i{font:800 .8rem Inter;color:var(--blue);font-style:normal}.service-grid h3{font-size:2rem;margin:22px 0 12px}.service-grid p{font-size:.94rem;color:var(--muted);margin:0 0 22px}.service-grid a,.text-link{font-weight:800;color:var(--blue2);font-size:.9rem}.workshop-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.workshop-image{position:relative;background:var(--ink);padding:12px}.workshop-image img{width:100%;height:630px;object-fit:cover}.workshop-image>span{position:absolute;left:24px;bottom:24px;background:var(--blue);color:#fff;font-weight:800;font-size:.7rem;letter-spacing:.12em;padding:10px 14px}.workshop-copy>p:not(.eyebrow){color:var(--muted);font-size:1.03rem;margin:24px 0}.workshop-copy ul{list-style:none;margin:32px 0;padding:0;border-top:1px solid var(--line)}.workshop-copy li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.workshop-copy li>b{color:var(--blue);font:800 1rem Inter}.workshop-copy li div{display:flex;flex-direction:column}.workshop-copy li span{font-size:.9rem;color:var(--muted)}.signs{padding-top:0}.sign-box{background:var(--ink);color:#fff;padding:55px;display:grid;grid-template-columns:1fr 1.4fr;gap:45px;align-items:center}.sign-box h2{font-size:3.6rem}.sign-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sign-list span{background:#ffffff0b;border:1px solid #ffffff17;padding:13px 15px;font-size:.88rem}.sign-box>.btn{grid-column:2;justify-self:start}.faq{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-grid>div:first-child>p:not(.eyebrow){color:var(--muted)}.accordions{border-top:1px solid #ccd5df}details{border-bottom:1px solid #ccd5df;padding:22px 0}summary{font:700 1.4rem "Barlow Condensed";cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}summary::after{content:'+';color:var(--blue);font:700 1.5rem Inter}details[open] summary::after{content:'−'}details p{color:var(--muted);margin:12px 0 0;max-width:650px}.location{background:var(--ink);color:#fff}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.address{font-size:1.15rem;color:#cdd8e5;margin:25px 0}.location-actions{display:flex;gap:12px;flex-wrap:wrap}.map-card{height:430px;position:relative;padding:45px;background:linear-gradient(135deg,#132338,#091321);border:1px solid #ffffff1c;overflow:hidden}.map-card::before,.map-card::after{content:"";position:absolute;width:160%;height:1px;background:#ffffff1c;transform:rotate(-25deg);left:-30%;top:48%}.map-card::after{transform:rotate(35deg);top:60%}.map-card span{font-size:.72rem;letter-spacing:.15em;color:#86bfff;font-weight:800}.map-card strong{font:800 4.4rem/.85 "Barlow Condensed";display:block;margin:95px 0 12px}.map-card small{color:#b9c8d9}.pin{position:absolute;right:19%;top:24%;z-index:2;width:58px;height:58px;border-radius:50% 50% 50% 0;background:var(--blue);transform:rotate(-45deg);display:grid;place-items:center;font-weight:900;font-size:1.3rem;box-shadow:0 15px 30px #0008}.pin::first-letter{transform:rotate(45deg)}.final-cta{background:var(--blue);color:#fff;padding:42px 0}.final-cta .container{display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:35px}.final-cta img{height:100px;width:200px;object-fit:contain}.final-cta h2{font-size:2.8rem}.final-cta p{margin:5px 0 0;color:#dcecff}.final-cta .btn{background:#fff;color:var(--blue2);box-shadow:none}footer{background:#030810;color:#b7c3d0;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-grid img{width:190px}.footer-grid p{margin:5px 0}.footer-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-end}.footer-grid b{color:#fff}.footer-grid a{color:#69aefb;font-weight:800}.copyright{border-top:1px solid #ffffff17;margin-top:35px;padding-top:20px;font-size:.8rem}.wa-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;z-index:50;border-radius:50%;display:grid;place-items:center;background:#25d366;box-shadow:0 12px 30px #0005}.wa-float svg{width:35px;fill:#fff}
@media(max-width:900px){.site-header{height:72px}.brand img{width:145px}.site-header nav{display:none}.header-cta{display:none}.hero{min-height:720px}.hero-photo{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#050b14f5,#07101ebd),linear-gradient(0deg,#07101e,transparent 35%)}.hero-content{padding-top:90px}h1{font-size:clamp(3.2rem,15vw,5rem)}.quick-grid{padding:22px 0}.section{padding:75px 0}.section-head,.workshop-grid,.faq-grid,.location-grid{display:grid;grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(3n){border-right:1px solid var(--line)}.service-grid article:nth-child(2n){border-right:0}.service-grid article:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.service-grid article:nth-last-child(-n+2){border-bottom:0}.workshop-image img{height:500px}.sign-box{grid-template-columns:1fr}.sign-box>.btn{grid-column:1}.final-cta .container{grid-template-columns:150px 1fr}.final-cta .btn{grid-column:2;justify-self:start}.final-cta img{width:150px}.map-card{height:360px}.footer-grid>div:last-child{align-items:flex-start}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.hero{min-height:760px}.hero-copy{text-align:left}.eyebrow{font-size:.68rem}.lead{font-size:1.03rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.trust-row{gap:10px;flex-direction:column}.quick-grid{align-items:flex-start;flex-direction:column}.phone-link{align-items:flex-start}.section-head{align-items:start}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:nth-child(3n),.service-grid article:nth-child(2n){border-right:0;border-bottom:1px solid var(--line)}.service-grid article:last-child{border-bottom:0}.workshop-image img{height:430px}.sign-box{padding:36px 24px}.sign-box h2{font-size:3rem}.sign-list{grid-template-columns:1fr}.faq-grid{gap:45px}.location-actions{display:grid}.map-card{padding:30px;height:340px}.map-card strong{font-size:3.5rem}.final-cta .container{display:flex;flex-direction:column;align-items:flex-start}.final-cta .btn{width:100%}.footer-grid{grid-template-columns:1fr}.wa-float{right:15px;bottom:15px;width:56px;height:56px}}

/* Refinamento visual profissional — versão 2 */
body{letter-spacing:-.005em}
.site-header{height:92px;background:linear-gradient(180deg,rgba(3,8,16,.66),rgba(3,8,16,0));border-bottom:1px solid rgba(255,255,255,.13)}
.header-inner{max-width:1240px}
.brand img{width:174px;height:78px}
.site-header nav{padding:10px 18px;border-radius:999px;background:rgba(4,13,25,.34);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}
.site-header nav a{font-size:.86rem;letter-spacing:.01em}
.hero{min-height:720px}
.hero-photo{background-position:center 37%;transform:scale(1.015)}
.hero-shade{background:linear-gradient(90deg,#030812 0%,rgba(5,13,25,.96) 37%,rgba(5,13,25,.69) 66%,rgba(4,10,20,.4) 100%),linear-gradient(0deg,#07101e 0%,transparent 28%)}
.hero-content{padding-top:98px}
.hero-copy{max-width:680px;padding:34px 0}
.hero-copy h1{font-size:clamp(3.25rem,5.15vw,4.85rem);line-height:1.01;max-width:650px;letter-spacing:-.018em;text-wrap:balance}
.hero-copy .lead{font-size:1.08rem;line-height:1.72;max-width:600px;margin:24px 0 27px}
.hero .eyebrow{margin-bottom:15px}
.hero-actions{gap:14px}
.hero-actions .btn{min-height:56px;padding-inline:28px}
.trust-row{margin-top:29px;padding-top:23px;border-top:1px solid rgba(255,255,255,.15);max-width:650px}
.quick-strip{background:linear-gradient(90deg,#0466df,#0877f9 58%,#075dc8)}
.quick-grid{min-height:104px}
.section{padding:96px 0}
.section-head{margin-bottom:38px}
.section-head h2,.workshop-copy h2,.faq-grid h2,.location h2{text-wrap:balance}
.service-grid{gap:16px;border:0;background:transparent}
.service-grid article,.service-grid article:nth-child(3n),.service-grid article:nth-last-child(-n+3){border:1px solid #e1e7ee;border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(16,38,66,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(16,38,66,.12);border-color:#c4d9f3}
.service-grid h3{font-size:1.85rem}
.workshop-image{padding:0;border-radius:14px;overflow:hidden;box-shadow:0 25px 60px rgba(6,18,33,.19)}
.workshop-image img{height:610px}
.workshop-copy li{padding:18px 0}
.sign-box{border-radius:14px;background:linear-gradient(135deg,#07101e,#0d2038);box-shadow:0 25px 60px rgba(6,18,33,.14)}
.map-card{border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.25)}
.btn{border-radius:8px}

@media(max-width:900px){
  .site-header{height:76px}
  .brand img{width:150px;height:68px}
  .hero{min-height:690px}
  .hero-content{padding-top:82px}
  .hero-copy{max-width:630px}
  .hero-copy h1{font-size:clamp(3rem,9vw,4.15rem);max-width:600px}
  .service-grid{gap:13px}
}
@media(max-width:620px){
  .hero{min-height:700px}
  .hero-photo{background-position:58% center}
  .hero-shade{background:linear-gradient(90deg,rgba(3,8,18,.97),rgba(6,15,29,.78)),linear-gradient(0deg,#07101e 0%,transparent 38%)}
  .hero-content{padding-top:74px}
  .hero-copy{padding:34px 0 25px}
  .hero-copy h1{font-size:clamp(2.75rem,12vw,3.45rem);line-height:1.02;max-width:100%}
  .hero-copy .lead{font-size:1rem;line-height:1.58;margin:20px 0 23px}
  .hero-actions .btn{min-height:54px;padding-inline:18px}
  .trust-row{margin-top:23px;padding-top:18px;font-size:.83rem}
  .quick-grid{min-height:0}
  .service-grid{gap:12px}
  .service-grid article,.service-grid article:nth-child(3n),.service-grid article:nth-child(2n){border:1px solid #e1e7ee;border-radius:11px}
  .section{padding:70px 0}
  .sign-box{border-radius:11px}
}

/* Hero BMW Mecar */
.hero{background:#000}
.hero-photo{background-image:url('assets/hero-bmw-mecar.jpg');background-position:center center;background-size:cover;transform:none}
.hero-shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.94) 29%,rgba(0,0,0,.64) 48%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.02) 100%),linear-gradient(0deg,rgba(0,0,0,.72) 0%,transparent 30%)}
.hero-copy{max-width:620px}
.hero-copy h1{max-width:600px}
.hero-copy .lead{max-width:555px}
@media(max-width:900px){
  .hero-photo{background-position:60% center}
  .hero-shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.91) 45%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 42%)}
}
@media(max-width:620px){
  .hero-photo{background-position:66% center}
  .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.86) 53%,rgba(0,0,0,.42) 100%),linear-gradient(0deg,#000 0%,transparent 48%)}
}

/* Revisão completa para mobile */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:620px){
  body{font-size:16px}
  .container{width:calc(100% - 32px);max-width:100%;padding:0}
  .site-header{height:72px;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}
  .header-inner{justify-content:center}
  .brand{display:flex;align-items:center;justify-content:center}
  .brand img{width:142px;height:64px;object-fit:contain}
  .site-header nav,.header-cta{display:none}

  .hero{min-height:760px;align-items:flex-start;padding-top:72px}
  .hero-photo{background-size:auto 54%;background-repeat:no-repeat;background-position:center 100%;opacity:1}
  .hero-shade{background:linear-gradient(180deg,#000 0%,#000 49%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.22) 100%)}
  .hero-content{padding-top:34px;padding-bottom:245px}
  .hero-copy{width:100%;max-width:100%;padding:0;text-align:center}
  .hero .eyebrow{justify-content:center;margin:0 auto 14px;line-height:1.45}
  .hero-copy h1{font-size:clamp(2.55rem,11.5vw,3.3rem);line-height:1.02;max-width:360px;margin-inline:auto;text-wrap:balance}
  .hero-copy .lead{font-size:1rem;line-height:1.55;max-width:345px;margin:18px auto 22px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
  .hero-actions .btn{width:100%;min-height:54px;padding:14px 17px}
  .trust-row{width:100%;max-width:350px;margin:20px auto 0;padding-top:16px;align-items:center;gap:7px;font-size:.82rem;line-height:1.35}

  .quick-strip{padding:0}
  .quick-grid{padding:24px 0;gap:17px;align-items:center;text-align:center}
  .quick-grid b{font-size:1.65rem;line-height:1.1}
  .quick-grid span{font-size:.92rem}
  .phone-link{align-items:center;font-size:1.55rem;line-height:1.15}

  .section{padding:64px 0}
  .section-head{display:block;margin-bottom:28px;text-align:center}
  .section-head .eyebrow,.workshop-copy .eyebrow,.faq-grid .eyebrow,.location .eyebrow{justify-content:center}
  h2{font-size:clamp(2.35rem,10vw,3.1rem);line-height:1.02}
  .section-head>p{margin:16px auto 0;max-width:360px;font-size:.98rem}
  .service-grid{grid-template-columns:1fr;gap:12px}
  .service-grid article{min-height:auto;padding:27px 24px;text-align:center}
  .service-grid h3{font-size:1.8rem;margin:14px 0 9px}
  .service-grid p{font-size:.95rem;line-height:1.55;margin-bottom:16px}

  .workshop-grid{grid-template-columns:1fr;gap:35px}
  .workshop-image{width:100%;border-radius:11px}
  .workshop-image img{width:100%;height:auto;max-height:470px;aspect-ratio:4/5;object-fit:cover;object-position:center}
  .workshop-image>span{left:14px;bottom:14px;font-size:.64rem;padding:8px 10px}
  .workshop-copy{text-align:center}
  .workshop-copy>p:not(.eyebrow){font-size:.98rem;line-height:1.6;margin:18px 0 24px}
  .workshop-copy ul{text-align:left;margin:25px 0}
  .workshop-copy li{gap:14px;padding:16px 0}
  .workshop-copy .btn{width:100%}

  .signs{padding-top:0}
  .sign-box{display:block;width:calc(100% - 32px);padding:34px 20px;text-align:center}
  .sign-box .eyebrow{justify-content:center}
  .sign-box h2{font-size:2.7rem}
  .sign-list{grid-template-columns:1fr;gap:9px;margin:25px 0}
  .sign-list span{padding:12px;font-size:.9rem}
  .sign-box>.btn{display:flex;width:100%;margin-top:8px}

  .faq-grid{grid-template-columns:1fr;gap:34px;text-align:center}
  .faq-grid>div:first-child>p:not(.eyebrow){max-width:350px;margin:16px auto}
  .accordions{text-align:left}
  details{padding:19px 0}
  summary{font-size:1.28rem;line-height:1.2;align-items:flex-start}
  details p{font-size:.95rem;line-height:1.55}

  .location-grid{grid-template-columns:1fr;gap:32px;text-align:center}
  .address{font-size:1.05rem;line-height:1.6;margin:20px 0}
  .location-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .location-actions .btn{width:100%;padding:14px 16px}
  .map-card{height:310px;padding:27px;text-align:left}
  .map-card strong{font-size:3.3rem;margin:80px 0 10px}
  .pin{right:15%;top:20%;width:52px;height:52px}

  footer{padding:42px 0 88px;text-align:center}
  .footer-grid{grid-template-columns:1fr;gap:25px}
  .footer-grid>div{align-items:center!important}
  .footer-grid img{width:165px;margin:0 auto}
  .footer-grid span{max-width:300px}
  .copyright{text-align:center;margin-top:28px}
  .wa-float{width:56px;height:56px;right:14px;bottom:14px}
  .wa-float svg{width:31px}
}
@media(max-width:380px){
  .container{width:calc(100% - 24px)}
  .hero{min-height:750px}
  .hero-content{padding-top:28px;padding-bottom:235px}
  .hero-copy h1{font-size:2.45rem}
  .hero-copy .lead{font-size:.95rem}
  .hero-actions .btn{font-size:.9rem}
  .trust-row{font-size:.78rem}
  .sign-box{width:calc(100% - 24px)}
}