:root{--blue:#1E69B8;--dark:#155590;--text:#555;--muted:#8b8f93;--bg:#f4f5f6;--footer:#777b7f;--max:1170px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:14px;color:var(--text);line-height:1.75;background:#fff}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{background:#f5f5f5;color:#8a8d91;font-size:12px;border-bottom:1px solid #ececec}.topbar .container{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:16px}.top-items,.social{display:flex;align-items:center;gap:26px}.social{gap:15px}.topbar a:hover{color:var(--blue)}
.header{height:132px;background:#fff;display:flex;align-items:center}.header .container{display:flex;justify-content:space-between;align-items:center}.logo img{width:150px}.nav{display:flex;gap:32px;font-size:14px}.nav a{padding:12px 0;position:relative}.nav a:hover,.nav a.active{color:var(--blue)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--blue)}.mobile-toggle{display:none;border:0;background:none;padding:8px}.mobile-toggle span{display:block;width:27px;height:2px;background:#333;margin:5px}
.hero{height:600px;position:relative;overflow:hidden;background:#222}.slide{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:.8s}.slide.active{opacity:1}.slide:after{content:"";position:absolute;inset:0;background:rgba(10,25,35,.34)}.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-box{max-width:1040px;padding:20px}.hex{width:92px;height:102px;margin:0 auto 28px;background:var(--blue);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);display:grid;place-items:center;font-size:40px}.hero h1{margin:0 0 22px;font-size:38px;line-height:1.2;text-transform:uppercase;letter-spacing:1px}.hero p{font-size:16px;color:#f2f2f2;margin:0 auto 30px}.btn{display:inline-flex;min-height:47px;align-items:center;justify-content:center;padding:0 28px;background:var(--blue);color:#fff;border:1px solid var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.btn:hover{background:var(--dark)}.btn-outline{background:transparent;border-color:#fff}.btn-outline:hover{background:#fff;color:#333}.arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);border:0;background:rgba(0,0,0,.15);color:#fff;font-size:32px;width:42px;height:70px;cursor:pointer}.prev{left:0}.next{right:0}.dots{position:absolute;z-index:4;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px}.dot{width:9px;height:9px;border:1px solid #fff;border-radius:50%;background:transparent;padding:0}.dot.active{background:#fff}
.section{padding:72px 0}.section.light{background:var(--bg)}.title{text-align:center;margin-bottom:46px}.title h2{font-size:33px;line-height:44px;font-weight:300;text-transform:uppercase;margin:0;color:#555}.title h2:after{content:"";display:block;width:78px;height:2px;background:var(--blue);margin:18px auto}.title p{font-size:14px;line-height:24px;color:#92969a;margin:0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;text-align:center}.feature .ico{width:84px;height:94px;margin:0 auto 25px;border:1px solid var(--blue);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);display:grid;place-items:center;color:var(--blue);font-size:31px}.feature h3,.need h3{font-size:16px;line-height:26px;text-transform:uppercase;letter-spacing:.5px;color:#333;font-weight:500}.feature h3:after{content:"";display:block;width:42px;height:2px;background:var(--blue);margin:15px auto}.feature p,.need p{font-size:14px;color:#777;line-height:24px;margin:0}
.vehicle{display:grid;grid-template-columns:1fr 1fr;min-height:515px}.vehicle-image{background:url("../images/diagnostico.jpg") center/cover}.vehicle-copy{background:#f3f4f5;padding:60px 9%;display:flex;align-items:center}.vehicle-copy h2{text-align:center;font-size:33px;line-height:44px;font-weight:300;text-transform:uppercase;margin:0}.vehicle-copy h2:after{content:"";display:block;width:75px;height:2px;background:var(--blue);margin:18px auto}.vehicle-copy p{text-align:center;font-size:14px;line-height:24px;color:#777}.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 28px;margin-top:30px;font-size:14px;line-height:24px}.brands span:before{content:"✓";color:var(--blue);font-weight:bold;margin-right:8px}
.cards{display:grid;grid-template-columns:repeat(3,1fr)}.card{background:#f6f6f6;border-right:1px solid white}.card img{height:260px;width:100%;object-fit:cover}.card .label{padding:15px 18px;display:flex;justify-content:space-between;font-size:14px;line-height:24px;font-weight:600;text-transform:uppercase;color:#333}.card .label b{color:var(--blue);font-size:23px}.center{text-align:center;margin-top:45px}
.needs{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 55px}.need{display:grid;grid-template-columns:48px 1fr;gap:17px}.need .icon{font-size:29px;color:var(--blue)}.need h3{margin:0 0 8px}
.page-hero{height:255px;background:linear-gradient(rgba(0,55,100,.72),rgba(0,55,100,.72)),url("../images/hero-motor.jpg") center/cover;display:grid;place-items:center;color:#fff;text-align:center}.page-hero h1{font-size:36px;text-transform:uppercase;margin:0}.page-hero p{margin:9px 0 0}
.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.service-row{display:grid;grid-template-columns:190px 1fr;background:#f5f6f7}.service-row img{width:100%;height:100%;min-height:160px;object-fit:cover}.service-row div{padding:25px}.service-row h3{margin:0 0 8px;font-size:17px;line-height:27px;text-transform:uppercase;color:#333}.service-row p{margin:0;font-size:14px;line-height:24px;color:#777}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery a{aspect-ratio:4/3;overflow:hidden;background:#eee}.gallery img{width:100%;height:100%;object-fit:cover;transition:.3s}.gallery a:hover img{transform:scale(1.04)}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.panel{padding:42px;background:#f4f5f6}.panel h2,.wa h2{font-size:26px;font-weight:300;text-transform:uppercase;margin:0 0 14px}.contact-list{display:grid;gap:17px;margin-top:28px}.contact-list strong{display:block;text-transform:uppercase;font-size:14px}.contact-list a,.contact-list span{font-size:15px;line-height:26px;color:#6f7478}.wa{padding:42px;background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.wa .wa-icon{font-size:68px}.wa .btn{background:#fff;color:var(--blue);border-color:#fff;margin-top:12px}
.footer{background:var(--footer);color:#eef0f1;padding:58px 0 42px}.footer-grid{display:grid;grid-template-columns:1.15fr 1.15fr .9fr .65fr;gap:55px}.footer h4{font-size:14px;line-height:24px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 20px;color:#fff}.footer h4:after{content:"";display:block;width:30px;height:1px;background:#fff;margin-top:11px}.footer p,.footer li,.footer a{font-size:14px;line-height:24px}.footer ul{list-style:none;padding:0;margin:0}.footer li:before{content:"✓";margin-right:7px}.copyright{height:72px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#aaa}
@media(max-width:900px){.top-items{gap:12px;flex-wrap:wrap;padding:8px 0}.hours{display:none}.header{height:100px}.mobile-toggle{display:block}.nav{display:none;position:absolute;z-index:30;left:0;right:0;top:142px;background:#fff;flex-direction:column;gap:0;padding:10px 22px;box-shadow:0 8px 18px #0002}.nav.open{display:flex}.nav a{padding:13px;border-bottom:1px solid #eee}.hero{height:500px}.hero h1{font-size:29px}.features,.needs{grid-template-columns:1fr;max-width:620px;margin:auto}.vehicle{grid-template-columns:1fr}.vehicle-image{min-height:420px}.cards{grid-template-columns:1fr;max-width:650px;margin:auto}.card img{height:330px}.footer-grid{grid-template-columns:1fr 1fr}.services-list{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.top-items{display:grid;gap:4px}.hero{height:470px}.hero h1{font-size:25px}.section{padding:54px 0}.title h2,.vehicle-copy h2{font-size:24px}.vehicle-image{min-height:300px}.vehicle-copy{padding:45px 25px}.brands{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.service-row{grid-template-columns:1fr}.service-row img{height:220px}}


/* Ajustes para aproximar a tipografia e o ícone do site WordPress original */
.hero h1{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-weight:700}
.hero p{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:16px;line-height:28px;font-weight:300}
.hex{background:#1E69B8;color:#fff}
.hex svg{width:48px;height:48px;display:block;fill:none;stroke:#fff;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.feature h3{font-size:16px;line-height:26px;font-weight:600}
.need h3{font-size:14px;line-height:24px;font-weight:600}
.btn{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-weight:600}


/* Slider: cada slide possui seu próprio conteúdo, como no WordPress original */
.hero .slide{pointer-events:none}
.hero .slide.active{pointer-events:auto}
.hero .slide .hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.hero .slide .hero-box{width:min(1040px,calc(100% - 100px));margin:auto}
.hero .slide .hero-box h1,.hero .slide .hero-box p,.hero .slide .hero-box .hex,.hero .slide .hero-box .btn{
  transform:translateY(12px);
  opacity:0;
  transition:opacity .45s ease .12s,transform .45s ease .12s;
}
.hero .slide.active .hero-box h1,
.hero .slide.active .hero-box p,
.hero .slide.active .hero-box .hex,
.hero .slide.active .hero-box .btn{
  transform:translateY(0);
  opacity:1;
}


/* Ícones ajustados conforme o WordPress original */
.feature .ico{
  width:84px;
  height:94px;
  margin:0 auto 25px;
  border:1px solid var(--blue);
  clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);
  display:grid;
  place-items:center;
  color:var(--blue);
}
.feature .ico svg{
  width:43px;
  height:43px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Aumenta os ícones de "Do que você precisa?" e padroniza em SVG */
.need{
  grid-template-columns:64px 1fr;
  gap:18px;
}
.need .icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  color:var(--blue);
}
.need .icon svg{
  width:50px;
  height:50px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Slider: hexágono azul sólido com pictograma branco */
.hero .hex svg{
  width:50px;
  height:50px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* ÍCONES ORIGINAIS DO TEMA CARSERVICE
   Os SVGs são os contornos vetoriais dos glifos originais streamline-small-cs. */
.hero .hex img{
  width:50px;
  height:50px;
  object-fit:contain;
  display:block;
}
.feature .ico img{
  width:44px;
  height:44px;
  object-fit:contain;
  display:block;
}
.need{
  grid-template-columns:66px 1fr;
  gap:18px;
}
.need .icon{
  width:60px;
  height:60px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.need .icon img{
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
}


/* Mapa da página de contato */
.map-section{
  background:#f4f5f6;
  padding:0 0 58px;
}
.map-wrap{
  width:100%;
  background:#e9ecef;
  line-height:0;
  border-top:1px solid #e4e7e9;
  border-bottom:1px solid #e4e7e9;
}
.map-wrap iframe{
  display:block;
  width:100%;
  min-height:430px;
}
.map-actions{
  display:flex;
  justify-content:center;
  padding-top:28px;
}
@media(max-width:700px){
  .map-wrap iframe{min-height:350px;height:350px}
  .map-section{padding-bottom:42px}
}


/* Redes sociais no cabeçalho: maiores e com melhor contraste */
.topbar .social{
  gap:9px;
  flex-shrink:0;
}
.topbar .social-link{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#555b61;
  border:1px solid #cfd3d6;
  border-radius:3px;
  background:#fff;
  transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;
}
.topbar .social-link svg{
  width:21px;
  height:21px;
  display:block;
}
.topbar .social-link:hover{
  color:#fff;
  background:var(--blue);
  border-color:var(--blue);
  transform:translateY(-1px);
}
@media(max-width:600px){
  .topbar .social-link{
    width:36px;
    height:36px;
  }
  .topbar .social-link svg{
    width:22px;
    height:22px;
  }
}