/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/#dm .dmSocialHub:not(.gapSpacing) .socialHubInnerDiv a:not(:last-child){margin-right:5px}.socialHubIcon{display:flex!important;align-items:center;justify-content:center}.socialHubIcon svg{fill:currentColor;width:80%;height:80%}
.socialHubIcon.style1,.socialHubIcon.style4,.socialHubIcon.style6,.socialHubIcon.style7{background:#617379}.socialHubIcon.style7{box-shadow:0 5px 0 0 #475459}.style1.dmSocialTiktok,.style4.dmSocialTiktok{background:#000}
.style1.dmSocialFacebook,.style4.dmSocialFacebook{background:#1877f2}.style1.dmSocialTwitter,.style4.dmSocialTwitter{background:#0f1419}.style1.dmSocialGooglePlus,.style4.dmSocialGooglePlus{background:#da4835}
.style1.dmSocialInstagram,.style4.dmSocialInstagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}.style1.dmSocialYoutube,.style4.dmSocialYoutube{background:red}
.style1.dmSocialLinkedin,.style4.dmSocialLinkedin{background:#2867b2}.style1.dmSocialYelp,.style4.dmSocialYelp{background:#e43340}.style1.dmSocialPinterest,.style4.dmSocialPinterest{background:#c8232c}
.style1.dmSocialVimeo,.style4.dmSocialVimeo{background:#1ab7ea}.style1.dmSocialPicasa,.style4.dmSocialPicasa{background:#be81d1}.style1.dmSocialFoursquare,.style4.dmSocialFoursquare{background:#ef4b78}
.style1.dmSocialRss,.style4.dmSocialRss{background:#f39200}.style1.dmSocialReddit,.style4.dmSocialReddit{background:#ff4500}.style1.dmSocialEmail,.style4.dmSocialEmail{background:#617379}.style1.dmSocialSnapchat,.style4.dmSocialSnapchat{background:#fffc00}
.style1.dmSocialTripadvisor,.style4.dmSocialTripadvisor{background:#589442}.style1.dmSocialWaze,.style4.dmSocialWaze{background:#56cbe7}.style1.dmSocialGoogleMyBusiness,.style4.dmSocialGoogleMyBusiness{background:#477cdf}
.style1.dmSocialWhatsapp,.style4.dmSocialWhatsapp{background:#25d366}.style1.dmSocialPhone,.style4.dmSocialPhone{background:#616c79}.style1:after{content:"";width:44px;height:28px;display:block;position:absolute;top:0;left:0;z-index:-1;border-radius:10px}
.style1.dmSocialEmail:after,.style1.dmSocialFacebook:after,.style1.dmSocialFoursquare:after,.style1.dmSocialGoogleMyBusiness:after,.style1.dmSocialGooglePlus:after,.style1.dmSocialInstagram:after,.style1.dmSocialLinkedin:after,.style1.dmSocialPhone:after,.style1.dmSocialPicasa:after,.style1.dmSocialPinterest:after,.style1.dmSocialReddit:after,.style1.dmSocialRss:after,.style1.dmSocialSnapchat:after,.style1.dmSocialTripadvisor:after,.style1.dmSocialTwitter:after,.style1.dmSocialVimeo:after,.style1.dmSocialYelp:after,.style1.dmSocialYoutube:after{background:#fff;opacity:.2}
.style2.dmSocialTiktok{color:#000}.style2.dmSocialFacebook{color:#1877f2}.style2.dmSocialTwitter{color:#0f1419}.style2.dmSocialGooglePlus{color:#da4835}.style2.dmSocialInstagram:before{background-image:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.style2.dmSocialYoutube{color:red}.style2.dmSocialLinkedin{color:#2867b2}.style2.dmSocialYelp{color:#e43340}.style2.dmSocialPinterest{color:#c8232c}.style2.dmSocialVimeo{color:#1ab7ea}.style2.dmSocialPicasa{color:#be81d1}
.style2.dmSocialFoursquare{color:#ef4b78}.style2.dmSocialRss{color:#f39200}.style2.dmSocialReddit{color:#ff4500}.style2.dmSocialEmail{color:#617379}.style2.dmSocialSnapchat{color:#fffc00}.style2.dmSocialTripadvisor{color:#589442}
.style2.dmSocialGoogleMyBusiness:before{color:#477cdf}.style2.dmSocialWaze:before{color:#56cbe7}.style2.dmSocialWhatsapp:before{color:#25d366}.style2.dmSocialPhone{color:#616c79}.style6.dmSocialTiktok{background:#000}
.style6.dmSocialFacebook{background:#1877f2}.style6.dmSocialTwitter{background:#0f1419}.style6.dmSocialGooglePlus{background:#da4835}.style6.dmSocialInstagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}
.style6.dmSocialYoutube{background:red}.style6.dmSocialLinkedin{background:#2867b2}.style6.dmSocialYelp{background:#e43340}.style6.dmSocialPinterest{background:#c8232c}.style6.dmSocialVimeo{background:#1ab7ea}
.style6.dmSocialPicasa{background:#be81d1}.style6.dmSocialFoursquare{background:#ef4b78}.style6.dmSocialRss{background:#f39200}.style6.dmSocialReddit{background:#ff4500}.style6.dmSocialEmail{background:#617379}
.style6.dmSocialSnapchat{background:#fffc00}.style6.dmSocialTripadvisor{background:#589442}.style6.dmSocialWaze{background:#56cbe7}.style6.dmSocialGoogleMyBusiness{background:#477cdf}.style6.dmSocialWhatsapp{background:#25d366}
.style6.dmSocialPhone{background:#616c79}.style7.dmSocialTiktok{background:#000}.style7.dmSocialFacebook{background:#1877f2;box-shadow:0 5px 0 0 #4b68a5}.style7.dmSocialTwitter{background:#0f1419}.style7.dmSocialGooglePlus{background:#da4835;box-shadow:0 5px 0 0 #c44130}
.style7.dmSocialInstagram{box-shadow:0 5px 0 0 #ad2271;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}.style7.dmSocialYoutube{background:red;box-shadow:0 5px 0 0 #b3392c}
.style7.dmSocialLinkedin{background:#2867b2;box-shadow:0 5px 0 0 #1278b1}.style7.dmSocialYelp{background:#e43340;box-shadow:0 5px 0 0 #b62933}.style7.dmSocialPinterest{background:#c8232c;box-shadow:0 5px 0 0 #a21a2d}
.style7.dmSocialVimeo{background:#1ab7ea;box-shadow:0 5px 0 0 #1592bb}.style7.dmSocialPicasa{background:#be81d1;box-shadow:0 5px 0 0 #9867a7}.style7.dmSocialFoursquare{background:#ef4b78;box-shadow:0 5px 0 0 #da3b67}
.style7.dmSocialRss{background:#f39200;box-shadow:0 5px 0 0 #c27500}.style7.dmSocialReddit{background:#ff4500;box-shadow:0 5px 0 0 #ae5534}.style7.dmSocialEmail{background:#617379;box-shadow:0 5px 0 0 #475459}
.style7.dmSocialSnapchat{background:#fffc00;box-shadow:0 5px 0 0 #d1d05d}.style7.dmSocialTripadvisor{background:#589442;box-shadow:0 5px 0 0 #4e7b3e}.style7.dmSocialWaze{background:#56cbe7;box-shadow:0 5px 0 0 #475459}
.style7.dmSocialGoogleMyBusiness{background:#477cdf;box-shadow:0 5px 0 0 #475459}.style7.dmSocialWhatsapp{background:#25d366;box-shadow:0 5px 0 0 #475459}.style7.dmSocialPhone{background:#616c79;box-shadow:0 5px 0 0 #4a5458}/**/.dmSocialHub{clear:both}#dm .dmSocialHub .horizontal a,#dm .dmSocialHub.gapSpacing .socialHubWrapper{display:block}#dm .dmSocialHub.gapSpacing .socialHubInnerDiv{display:flex;flex-wrap:wrap;column-gap:5px;justify-content:center}
#dm .dmSocialHub.alignedLeft .socialHubInnerDiv,#dm .dmSocialHub.alignedLeft h3,.dmSocialHub>div.horizontal{text-align:left}#dm .dmSocialHub a{display:inline-block;text-decoration:none;margin:0;vertical-align:bottom}
#dm .dmSocialHub>h3,.dmSocialHub>div{text-align:inherit}#dm .dmSocialHub.alignedCenter .socialHubInnerDiv,#dm .dmSocialHub.alignedCenter h3{text-align:center}#dm .dmSocialHub.alignedRight .socialHubInnerDiv,#dm .dmSocialHub.alignedRight h3{text-align:right}
a span.socialHubIcon{width:44px;height:44px;font-size:27px;display:inline-block;text-align:center;margin-right:0;margin-bottom:5px;line-height:44px;box-sizing:border-box;background-image:none!important}
.socialHubIcon[class^=icon-]:before,[class*=" icon-"]:before{cursor:pointer}.socialHubIcon.style1{font-size:24px;border-radius:10px;color:#fff;position:relative;z-index:1}.socialHubIcon.style2{font-size:29px}
.socialHubIcon.style3{font-size:24px;border-radius:50%;border:3px solid #fff;color:#fff}.socialHubIcon.style4{font-size:24px;border-radius:10px;color:#fff;position:relative}.socialHubIcon.style5{color:#fff}
.socialHubIcon.style6,.socialHubIcon.style7{font-size:24px;border-radius:50%;color:#fff}.socialHubIcon.style7{border-radius:10px;position:relative;margin-bottom:10px}.socialHubIcon.style8{font-size:24px;border-radius:50%;color:#fff;background:#000}
.socialHubIcon.style9{color:#333;font-size:29px}@media(min-width:768px) and (max-width:1024px){.dmRoot #dm .dmStandardTablet .dmSocialHub.dmSocialHome .socialHubIcon{width:36px;height:36px;background-size:auto}
}#dm .dmSocialHub .socialHubWrapper{display:inline-block;max-width:100%}/**/.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .text-align-right{text-align:right!important}.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}
.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}
.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}
.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}
.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}
.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/.graphicWidget{width:200px;height:200px;margin:10px auto;text-align:center}.graphicWidget svg.svg{width:100%;height:100%;color:#000;fill:#000}.graphicWidgetV2{width:60px;height:60px}.graphicWidgetV3{font-size:0}
/* Custom Widgets Styles */
@charset "UTF-8";
.widget-b1c8b0 {
  height: 100%;
}

.widget-b1c8b0.wSearch {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

#containerUsedList {
  position: relative;
  z-index: 0;
}

#list-cars {
  min-height: 100px;
  min-width: 100px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  align-items: stretch;
}

.swiperUsed {
  overflow: hidden;
  padding: 0 50px 0 0;
}

.swiperUsed .container-swiper-buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.swiperUsed #list-cars.swiper-wrapper {
  flex-wrap: nowrap;
  gap: 0;
}

#list-cars .card {
  width: inherit;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  transition: all 0.3s ease-in-out;
  background: var(--color_3);
  border-radius: 5px;
  padding: var(--pd-inner-cards);
}

#list-cars .card.setWidth {
  width: 100% !important;
  max-width: 230px;
}

#list-cars .card.wLoop {
  max-width: 242px;
}

#list-cars .card:hover .img img:not(.selo) {
  transform: scale(1.05);
}

#list-cars .img {
  width: 100%;
  /*height:150px;*/
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
}

#list-cars .img img:not(.selo) {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

#list-cars .img img.selo {
  max-width: 50px;
}

.imageWrapper {
  position: relative;
  display: block;
  width: 100%;
}

.imageWrapper .img {
  display: block;
  width: 100%;
  height: auto;
}

.shareButton {
  position: absolute;
  top: 5px;
  left: 5px;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  border: none;
  border-radius: 5px;
  width: auto;
  padding: 0 8px;
  height: 23px;
  gap: 7px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
}

.shareOverlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 30px 10px 5px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.shareOverlay.active {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

.shareOverlay.smallCard {
  padding: 30px 10px 10px 10px;
}

.shareOverlay .socialIcons {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 3px;
}

.shareOverlay.smallCard .socialIcons {
  column-gap: 20px;
  row-gap: 0px;
}

.shareOverlay .socialIcons a {
  height: 45.5px;
}

.shareButton svg {
  width: 12px;
}

.shareButton i {
  font-size: 12px;
}

.shareButton .fa-xmark {
  margin-right: -2px;
}

.shareOverlay .socialIcons svg {
  width: 33px;
  height: auto;
  margin-top: -2px;
  fill: #fff;
}

.shareOverlay .socialIcons i {
  color: #fff;
  font-size: 28px;
}

.shareOverlay .socialIcons img {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.socialIcons .boxCopyLink {
  width: 32px;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  gap: 5px;
  font-size: 11px;
}

#list-cars .title {
  width: 100%;
  margin: 0;
  flex-grow: 1 !important;
  height: auto !important;
}

#list-cars .price {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin: auto auto 0 auto;
}

#list-cars .price strong {
  font-size: 22px;
  line-height: 1;
  height: 26px;
}

#list-cars .price small {
  font-size: 14px;
}

#list-cars .exchangePrice {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  padding-bottom: var(--gap);
  margin-top: -5px;
}

#list-cars .exchangePrice strong {
  font-size: 22px;
  line-height: 1;
  height: 26px;
}

#list-cars .exchangePrice small {
  font-size: 14px;
}

#list-cars .infos {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid var(--color_5);
  border-bottom: 1px solid var(--color_5);
  height: 66px;
}

#list-cars .infosList {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#list-cars .op {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--gap) / 2) 0;
}

#list-cars .op1 {
  border-right: 1px solid var(--color_5);
  padding: 0;
}

#list-cars .op2 {
  padding: 0 0 0 5px;
}

#list-cars .infosList li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: calc(var(--gap) / 2);
  font-size: 12px;
}

#list-cars .infosList li svg {
  width: 25px;
}

#list-cars .card .btn {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: var(--gap);
  background: var(--btn-bg-color);
  color: var(--btn-text-color);
  font-family: var(--btn-text-font-family);
  font-size: var(--btn-text-font-size);
  font-weight: var(--btn-text-font-weight);
  text-decoration: var(--btn-text-decoration);
  text-align: center;
  border-color: var(--btn-border-color);
  border-bottom-color: var(--btn-border-b-color);
  border-left-color: var(--btn-border-l-color);
  border-right-color: var(--btn-border-r-color);
  border-top-color: var(--btn-border-t-color);
  border-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-bl-radius);
  border-bottom-right-radius: var(--btn-border-br-radius);
  border-top-left-radius: var(--btn-border-tl-radius);
  border-top-right-radius: var(--btn-border-tr-radius);
  border-width: var(--btn-border-width);
  border-bottom-width: var(--btn-border-b-width);
  border-left-width: var(--btn-border-l-width);
  border-right-width: var(--btn-border-r-width);
  border-top-width: var(--btn-border-t-width);
}

#list-cars .card .btn:hover {
  background: var(--btn-hover-bg);
  color: var(--btn-hover-text-color);
}

#containerUsedList .swiper-horizontal > .swiper-scrollbar, #containerUsedList .swiper-scrollbar.swiper-scrollbar-horizontal {
  top: var(--swiper-scrollbar-top, calc(100% + var(--gap)));
  background-color: var(--color_5);
}

#containerUsedList .swiper-scrollbar-drag {
  background: var(--color_1);
}

#containerUsedList .swiper-buttons::after {
  content: "";
}

.swiper-padding {
  padding-inline: 50px;
}

#loadMore {
  width: 100%;
}

.btnLoadMore {
  width: 55%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin: 20px auto;
  padding: 10px 20px;
  border: 2px solid #000;
  border-radius: 50px;
  background-color: #fff;
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

.d-none {
  display: none;
}

.certified {
  position: absolute;
  right: 5px;
  top: 5px;
}

.etiqueta {
  background-color: var(--color_2);
  color: var(--color_3);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}

.etiquetas-container {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 10px;
  visibility: hidden; /* Inicialmente oculto */
}

/* Exibe as etiquetas no hover da imagem */
.img:hover .etiquetas-container {
  visibility: visible;
}

/* Se a opção do Duda estiver ativada, as etiquetas ficam sempre visíveis */
.etiquetas-container.visivel {
  visibility: visible !important;
}

/* Contêiner das etiquetas */
.etiquetas-container.etiquetas-bottom {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  /* display: grid; */
  /* grid-template-columns: repeat(2, 1fr); */
  padding: 5px;
  flex-direction: row;
  flex-wrap: wrap;
}

.etiquetas-container.tagsAlignRight {
  align-items: flex-end !important;
  right: 5px !important;
  left: 0 !important;
}

/* Estilização das etiquetas */
.etiquetas-bottom .etiqueta {
  min-height: 24px; /* Define altura mínima para alinhar corretamente */
  background-color: var(--color_2);
  color: var(--color_3);
  padding: 2px 6px; /* Ajuste fino do espaçamento interno */
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img {
  position: relative;
  display: block;
  overflow: hidden;
}

.title-container {
  display: flex;
  align-items: center;
  gap: var(--gap);
}

.secondaryPrice {
  text-decoration: line-through;
  font-size: 18px !important;
}

/* Campo de Pesquisa */
.boxSearch {
  display: flex;
  gap: var(--gap);
  align-items: center;
}

.boxSearch svg {
  width: 25px;
}

.boxSearch #searchVehicles {
  all: unset;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  width: 100%;
}

/* Countdown */
#list-cars .boxPriceWithCountdown {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--gap);
}

#list-cars .boxPriceWithCountdown .price {
  width: auto;
  margin: 0;
}

#list-cars .boxPriceWithCountdown .boxCountdown {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#list-cars .boxPriceWithCountdown .boxCountdown svg {
  width: 22px;
  margin-bottom: 7px;
}

/* Efeitos Pulsante */
.effectPulse {
  animation: pulse-block 1s linear infinite alternate;
}

@keyframes pulse-block {
  100% {
    transform: scale(1.05);
  }
}
.effectPulse1 {
  animation: pulse-text 1s infinite;
}

@keyframes pulse-text {
  0% {
    text-shadow: 0 0 1px var(--color-effect), 0 0 3px var(--color-effect);
  }
  10% {
    text-shadow: 0 0 3px var(--color-effect), 0 0 6px var(--color-effect);
  }
  40% {
    text-shadow: 0 0 1px var(--color-effect), 0 0 3px var(--color-effect);
  }
  65% {
    text-shadow: 0 0 4px var(--color-effect), 0 0 7px var(--color-effect);
  }
  100% {
    text-shadow: 0 0 1px var(--color-effect), 0 0 3px var(--color-effect);
  }
}
/* Skeleton */
#list-cars .skeletonCard {
  width: 230px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--pd-inner-cards);
  gap: var(--gap);
  border-radius: calc(var(--gap) / 2);
  background-color: #f7f7f7;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdcdc;
  animation: pulse 1.5s infinite;
}

#list-cars .skeletonImg,
#list-cars .skeletonTitle,
#list-cars .skeletonValue,
#list-cars .skeletonPrice,
#list-cars .skeletonButton {
  background-color: #d6d6d6;
  border-radius: 4px;
}

#list-cars .skeletonImg {
  width: 100%;
  height: 185px;
}

#list-cars .skeletonTitle {
  width: 100%;
  height: 48px;
}

#list-cars .skeletonValue {
  width: 90%;
  height: 60px;
}

#list-cars .skeletonPrice {
  width: 80%;
  height: 55px;
}

#list-cars .skeletonButton {
  width: 100%;
  height: 40px;
}

.swiperUsed #list-cars:has(> .skeletonCard) {
  display: flex;
  gap: 28px;
  overflow: hidden;
  width: 100%;
  height: auto;
}

/* Animação Pulse Skeleton */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@media (max-width: 767px) { #list-cars .card.setWidth {
  max-width: 100% !important;
}

#list-cars .img {
  height: 100%;
}

.swiperUsed {
  padding: 0;
}

#list-cars .card {
  width: 100%;
}

#list-cars .card.wLoop {
  width: initial !important;
}

#list-cars .img img.selo {
  max-width: 60px;
}

.button-prev-swiperUsed {
  transform: translate(10px, -15px);
}

.button-next-swiperUsed {
  transform: translate(-10px, -15px);
}

#list-cars .skeletonCard {
  flex: auto;
} }
@charset "UTF-8";
.formsMotorleads {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.formsMotorleads .titleForm {
  margin: 0;
  font-size: 18px;
  background: var(--btn-bg-color);
  color: var(--btn-text-color);
  text-align: center;
  border-radius: calc(var(--gap) / 2) calc(var(--gap) / 2) 0 0;
  padding: 10px 15px;
}

.formsMotorleads .boxFields {
  width: 100%;
  border: 1px solid var(--color_4);
  border-radius: 0 0 calc(var(--gap) / 2) calc(var(--gap) / 2);
  border-top: 0;
}

.formsMotorleads .boxFields {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.formsMotorleads .boxFieldsSteps {
  flex-direction: column;
}

.formsMotorleads .boxFields .defaultColumn,
.formsMotorleads .boxFields .secondColumn {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  gap: calc(var(--gap) + var(--gap) / 2);
  border-radius: 0 0 calc(var(--gap) / 2) calc(var(--gap) / 2);
  background-color: var(--color_3);
  padding: calc(var(--gap) * 2);
  border-top: 0;
}

.formsMotorleads .boxFields .stepHeader {
  order: -1;
  width: 100%;
  gap: 12px;
  display: flex;
  justify-content: space-around;
  margin-bottom: 15px;
  padding: 15px calc(var(--gap) * 2) 0 calc(var(--gap) * 2);
}

.formsMotorleads .boxFields .stepHeader .headerStep {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 17px;
  margin-right: 5px;
  border-bottom: 5px solid #eaedf0;
}

.formsMotorleads .boxFields .stepHeader .headerStep.active {
  border-bottom-color: #000;
  transition: all 0.4s ease;
}

.step {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.step.active {
  opacity: 1;
  transform: translateY(0);
}

.formsMotorleads .boxFields .stepHeader .numberStep {
  border: 2.8px solid #000;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
}

.formsMotorleads .boxFields .stepHeader .headerStep.active .numberStep {
  background-color: #000;
  color: #fff;
  transition: all 0.4s ease;
}

.formsMotorleads .boxFields .stepHeader .titleStep {
  margin: 0 0 -1px 3px;
  font-size: 16px;
}

.formsMotorleads .boxFields .defaultColumn,
.formsMotorleads .boxFields .defaultColumn .full,
.formsMotorleads .boxFields .secondColumn,
.formsMotorleads .boxFields .secondColumn .full,
.formsMotorleads .titleForm {
  width: 100%;
}

.formsMotorleads .boxFields .defaultColumn .half,
.formsMotorleads .boxFields .secondColumn .half {
  width: calc((100% + var(--gap)) / 2 - (var(--gap) + var(--gap) / 2));
}

.formsMotorleads .boxFields .defaultColumn .third,
.formsMotorleads .boxFields .secondColumn .third {
  width: calc((100% + var(--gap)) / 3 - (var(--gap) + var(--gap) / 2));
}

.formsMotorleads .boxFields .defaultColumn .fourth,
.formsMotorleads .boxFields .secondColumn .fourth {
  width: calc((100% + var(--gap)) / 4 - (var(--gap) + var(--gap) / 2));
}

.formsMotorleads .boxFields .defaultColumn .fifth,
.formsMotorleads .boxFields .secondColumn .fifth {
  width: calc((100% + var(--gap)) / 5 - (var(--gap) + var(--gap) / 2));
}

.formsMotorleads .boxFields .defaultColumn .sixth,
.formsMotorleads .boxFields .secondColumn .sixth {
  width: calc((100% + var(--gap)) / 6 - (var(--gap) + var(--gap) / 2));
}

.formsMotorleads .boxFields .defaultColumn input:not([type=checkbox]):not([type=radio]),
.formsMotorleads .boxFields .defaultColumn select,
.formsMotorleads .boxFields .defaultColumn textarea,
.formsMotorleads .boxFields .secondColumn input:not([type=checkbox]):not([type=radio]),
.formsMotorleads .boxFields .secondColumn select,
.formsMotorleads .boxFields .secondColumn textarea {
  width: 100%;
  height: 40px;
  max-height: 35px;
  padding: 0 10px;
  margin: 0;
  border: solid 1px var(--color_6) !important;
  border-radius: calc(var(--gap) / 2);
  background-color: transparent;
  font-size: 14px;
  outline: none;
}

.formsMotorleads .boxFields .defaultColumn textarea,
.formsMotorleads .boxFields .secondColumn textarea {
  height: 80px;
  min-height: 50px;
  padding: 10px;
}

.formsMotorleads .boxFields .defaultColumn input[type=date],
.formsMotorleads .boxFields .secondColumn input[type=date] {
  height: 40px;
  width: 100%;
  padding: 0 10px;
  display: inline-flex;
  margin: 0;
  text-align: left;
  text-align: -webkit-left;
  justify-content: flex-start;
  justify-items: flex-start;
}

.formsMotorleads .boxFields .defaultColumn input[type=date]::-webkit-date-and-time-value,
.formsMotorleads .boxFields .secondColumn input[type=date]::-webkit-date-and-time-value {
  text-align: left;
  text-align: -webkit-left;
}

.formsMotorleads .boxFields .defaultColumn select,
.formsMotorleads .boxFields .defaultColumn input[type=date],
.formsMotorleads .boxFields .secondColumn select,
.formsMotorleads .boxFields .secondColumn input[type=date] {
  color: var(--color_7);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.formsMotorleads .boxFields .defaultColumn input[type=checkbox],
.formsMotorleads .boxFields .defaultColumn input[type=radio],
.formsMotorleads .boxFields .secondColumn input[type=checkbox],
.formsMotorleads .boxFields .secondColumn input[type=radio] {
  width: auto;
  margin: 0;
  accent-color: var(--color_1);
}

input[readonly] {
  background-color: #fff !important;
}

.formsMotorleads .boxFields .defaultColumn .boxIti,
.formsMotorleads .boxFields .secondColumn .boxIti {
  position: relative;
}

.formsMotorleads .boxFields .defaultColumn .boxIti .iti,
.formsMotorleads .boxFields .secondColumn .boxIti .iti {
  display: flex;
}

.formsMotorleads .boxFields .defaultColumn .boxIti .errorMsg,
.formsMotorleads .boxFields .secondColumn .boxIti .errorMsg {
  position: absolute;
  z-index: 1;
  top: 9px;
  right: 2px;
  background-color: ivory;
  padding-inline: 3px;
  font-size: 11px;
  color: #000;
}

.formsMotorleads .boxFields .defaultColumn .boxIti input.error,
.formsMotorleads .boxFields .secondColumn .boxIti input.error {
  background-color: ivory;
  border: none;
  outline: 1px solid red;
}

.formsMotorleads .boxFields .defaultColumn .boxChecks,
.formsMotorleads .boxFields .secondColumn .boxChecks {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) + var(--gap) / 2);
}

.formsMotorleads .boxFields .defaultColumn .boxChecks label,
.formsMotorleads .boxFields .secondColumn .boxChecks label {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--gap) / 2);
  font-size: 12px;
}

.formsMotorleads .boxFields .defaultColumn .boxRadios,
.formsMotorleads .boxFields .secondColumn .boxRadios {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--gap) / 2) var(--gap);
  font-size: 14px;
}

.formsMotorleads .boxFields .defaultColumn .boxRadios .label,
.formsMotorleads .boxFields .secondColumn .boxRadios .label {
  width: 100%;
}

.formsMotorleads .boxFields .defaultColumn .boxRadios label,
.formsMotorleads .boxFields .secondColumn .boxRadios label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(var(--gap) / 2);
}

.formsMotorleads .boxFields .defaultColumn .privacyPolicy,
.formsMotorleads .boxFields .secondColumn .privacyPolicy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 calc(var(--gap) / 2);
  font-size: 12px;
}

.formsMotorleads .boxFields .defaultColumn input[readonly],
.formsMotorleads .boxFields .defaultColumn select[readonly],
.formsMotorleads .boxFields .defaultColumn button[type=submit][disabled],
.formsMotorleads .boxFields .secondColumn input[readonly],
.formsMotorleads .boxFields .secondColumn select[readonly],
.formsMotorleads .boxFields .secondColumn button[type=submit][disabled] {
  cursor: not-allowed;
  opacity: 0.7;
}

.formsMotorleads .boxFields .defaultColumn #btnSend.btnCenter,
.formsMotorleads .boxFields .secondColumn #btnSend.btnCenter {
  display: flex;
  justify-content: center;
}

.formsMotorleads .boxFields .defaultColumn button[type=submit],
.formsMotorleads .boxFields .secondColumn button[type=submit],
.btnContinue,
.btn-accordion-form {
  width: 100%;
  padding: var(--gap);
  background: var(--btn-bg-color);
  color: var(--btn-text-color);
  font-family: var(--btn-text-font-family);
  font-size: var(--btn-text-font-size);
  font-weight: var(--btn-text-font-weight);
  text-decoration: var(--btn-text-decoration);
  text-align: center;
  border-color: var(--btn-border-color);
  border-bottom-color: var(--btn-border-b-color);
  border-left-color: var(--btn-border-l-color);
  border-right-color: var(--btn-border-r-color);
  border-top-color: var(--btn-border-t-color);
  border-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-bl-radius);
  border-bottom-right-radius: var(--btn-border-br-radius);
  border-top-left-radius: var(--btn-border-tl-radius);
  border-top-right-radius: var(--btn-border-tr-radius);
  border-width: var(--btn-border-width);
  border-bottom-width: var(--btn-border-b-width);
  border-left-width: var(--btn-border-l-width);
  border-right-width: var(--btn-border-r-width);
  border-top-width: var(--btn-border-t-width);
}

.formsMotorleads .boxFields .defaultColumn button[type=submit]:hover,
.formsMotorleads .boxFields .secondColumn button[type=submit]:hover,
.btnContinue,
.btn-accordion-form {
  background: var(--btn-hover-bg);
  color: var(--btn-hover-text-color);
}

.backdrop {
  position: fixed !important;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -999999;
  opacity: 0;
  min-width: 100%;
  min-height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

.backdrop.success {
  background: rgba(0, 90, 100, 0.5);
}

.backdrop.error {
  background: rgba(100, 0, 0, 0.5);
}

.backdrop.open {
  display: flex;
  z-index: 999999;
  opacity: 1;
}

.backdrop .backdrop__modal {
  position: relative;
  z-index: 999999;
  background-color: #FFF;
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  padding: 50px 20px 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.backdrop .backdrop__modal .modal__close .close___btn {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  width: 27px;
  height: 27px;
  font-size: 20px;
  border: none;
}

.backdrop .backdrop__modal .modal__content {
  overflow: auto;
}

.backdrop .backdrop__modal .modal__content h1 {
  font-size: 18px;
  margin-top: 0px;
}

.backdrop .backdrop__modal .modal__content p {
  font-size: 16px;
  text-align: justify;
  margin: 20px 0;
  color: #000;
}

#modalSubmiting {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -999999;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

#modalSubmiting.open {
  z-index: 99;
  opacity: 1;
}

.popUpForms {
  width: calc(100% - 30px) !important;
  max-width: 480px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 4% 0 !important;
}

.iti__country-list {
  color: #000;
}

.columnReverse {
  display: flex;
  flex-direction: column-reverse;
}

.boxBtnContinue {
  padding: 0 20px 20px 20px;
}

.btnContinue {
  cursor: pointer;
}

.border-top {
  border-top: 1px solid #e2e5e8;
  padding-top: 12px;
}

.fileField {
  width: 100%;
}

.d-none {
  display: none;
}

#formSkeleton {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  border-radius: 10px;
  background-color: #f7f7f7;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdcdc;
  animation: pulseForm 1.7s infinite;
}

.skeletonForm {
  background: linear-gradient(90deg, #c2c2c2 25%, #d0d0d0 50%, #c2c2c2 75%);
  background-size: 200% 100%;
  animation: shimmer 2s infinite;
}

.skeletonInput {
  width: 100%;
  height: 40px;
  background-color: #d6d6d6;
  border-radius: 4px;
}

.skeletonTextarea {
  width: 100%;
  height: 55px;
  background-color: #d6d6d6;
  border-radius: 4px;
}

#formSkeleton .skeletonButton {
  width: 100%;
  height: 45px;
  background-color: #d6d6d6;
  border-radius: 8px;
}

/* Animação Pulse Skeleton */
@keyframes pulseForm {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@media (max-width: 767px) { @charset "UTF-8";
.formsMotorleads.wAccordion {
  overflow: hidden;
  max-height: 0;
  padding-top: 0;
  transition: all 0.6s ease-in-out;
}

.formsMotorleads.wAccordion.open {
  max-height: 800px;
  padding-top: 4%;
}

.btn-accordion-form {
  width: 100%;
}

.formsMotorleads .boxFields {
  display: block;
}

.formsMotorleads .boxFields .secondColumn {
  padding-top: 0;
  margin-top: -5px;
}

.formsMotorleads .boxFields .stepHeader .headerStep {
  flex-direction: column;
  align-items: flex-start;
  margin-right: 0;
}

.formsMotorleads .boxFields .stepHeader {
  gap: 17px;
}

.formsMotorleads .boxFields .stepHeader .titleStep {
  font-size: 13.5px;
  margin: 0;
  overflow-wrap: anywhere;
}

.formsMotorleads .half,
.formsMotorleads .third,
.formsMotorleads .fourth,
.formsMotorleads .fifth,
.formsMotorleads .sixth {
  width: 100%;
}

.formsMotorleads .boxFields input[type=date]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background: url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat;
  width: 20px;
  height: 20px;
  border-width: thin;
}

/* configuração de FORMULÁRIO + FINANCIAMENTO */
.withFinance form {
  width: 100%;
}

.formFinanciamento .boxFields .full {
  flex-direction: column;
}

.formFinanciamento .boxFields input:not([type=checkbox]),
.formFinanciamento .boxFields input:not([type=radio]),
.formFinanciamento .boxFields select,
.formFinanciamento .boxFields textarea {
  max-width: inherit;
}

#formSkeleton {
  width: 100%;
} }
.banner,
.banner .swiper-slide,
.banner .swiper-slide .linkBanner,
.banner .swiper-slide img {
  width: 100%;
  height: 100%;
  max-height: max-content;
}

.banner {
  position: relative;
}

.banner .swiperBanners {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.banner .swiperBanners .swiper-wrapper {
  width: 100%;
  z-index: 0;
}

.banner .swiper-slide .linkBanner {
  display: flex;
}

.banner .swiper-slide.paginationPosition {
  padding-bottom: 37px;
}

.banner .swiperBanners .swiper-wrapper .swiper-slide img {
  object-fit: cover;
}

.banner .swiperBanners .swiper-button-next,
.banner .swiperBanners .swiper-button-prev {
  z-index: 1;
}

.banner .swiperBanners .swiper-button-next.paginationPosition,
.banner .swiperBanners .swiper-button-prev.paginationPosition {
  top: calc(var(--swiper-navigation-top-offset, 50%) - 37px);
}

.banner .swiperBanners .swiper-button-next.swiper-button-disabled,
.banner .swiperBanners .swiper-button-prev.swiper-button-disabled {
  cursor: not-allowed;
  pointer-events: auto;
}

.swiperBanners .swiper-configs .swiper-pagination {
  z-index: 1;
}

.swiperBanners .swiper-configs .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  margin-bottom: 10px;
}

.thumbsSwiper {
  position: absolute !important;
  width: 50% !important;
  bottom: var(--gap);
  box-sizing: border-box;
  padding: 10px 0;
}

.thumbsSwiper .swiper-wrapper {
  width: calc(100% - var(--gap) * 2);
  gap: var(--gap);
}

.thumbsSwiper .swiper-slide {
  height: auto;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}

.thumbsSwiper .swiper-slide:not(.swiper-slide-thumb-active) {
  cursor: pointer;
}

.thumbsSwiper .swiper-slide:hover:not(.swiper-slide-thumb-active) {
  opacity: 0.7;
}

.thumbsSwiper .swiper-slide img {
  object-fit: cover;
}

.thumbsSwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.firstSlideText {
  position: absolute;
  top: 40%;
  left: 20%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.firstSlideButton {
  position: absolute;
  top: 70%;
  left: 20%;
  transform: translate(-50%, -50%);
  z-index: 10;
  padding: var(--gap);
  background: var(--btn-bg-color);
  color: var(--btn-text-color);
  font-family: var(--btn-text-font-family);
  font-size: var(--btn-text-font-size);
  font-weight: var(--btn-text-font-weight);
  text-decoration: var(--btn-text-decoration);
  text-align: center;
  border-color: var(--btn-border-color);
  border-bottom-color: var(--btn-border-b-color);
  border-left-color: var(--btn-border-l-color);
  border-right-color: var(--btn-border-r-color);
  border-top-color: var(--btn-border-t-color);
  border-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-bl-radius);
  border-bottom-right-radius: var(--btn-border-br-radius);
  border-top-left-radius: var(--btn-border-tl-radius);
  border-top-right-radius: var(--btn-border-tr-radius);
  border-width: var(--btn-border-width);
  border-bottom-width: var(--btn-border-b-width);
  border-left-width: var(--btn-border-l-width);
  border-right-width: var(--btn-border-r-width);
  border-top-width: var(--btn-border-t-width);
}

.firstSlideButton:hover {
  background: var(--btn-hover-bg);
  color: var(--btn-hover-text-color);
}

.d-none {
  display: none;
}
@media (max-width: 767px) { .banner {
  max-height: initial;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--gap) + calc(var(--gap)/ 2));
}

.banner .swiperBanners {
  position: relative;
}

.banner .formBanner {
  position: relative;
  z-index: initial;
  top: initial;
  right: initial;
  max-width: initial;
  margin: 0 15px;
}

.thumbsSwiper {
  bottom: calc(var(--gap)/ 2);
  width: 100% !important;
}

.thumbsSwiper .swiper-wrapper {
  width: calc(100% - var(--gap));
  gap: calc(var(--gap)/ 2);
}
 }
@charset "UTF-8";
.tituloUnidades {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.boxMapa {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--gap) * 4);
}

.invert {
  flex-direction: row-reverse;
  align-items: normal;
  justify-content: space-between;
  padding-left: 10px;
  gap: 0;
}

.mapaUnidades {
  width: calc(50% - var(--gap));
  height: 400px;
  display: flex;
}

.mapaFotoListMapa {
  height: auto;
}

.mapaUnidades.withSwiper {
  width: calc(60% - var(--gap));
}

.mapaUnidades:not(.withSwiper) img {
  width: 100%;
  object-fit: cover;
}

.listCarouselSwiper {
  flex-direction: column-reverse !important;
  gap: 0 !important;
}

.listCarouselSwiper .swiper-wrapper {
  gap: calc(var(--gap) * 3);
}

.listaUnidades {
  width: calc(50% - var(--gap) * 4);
  height: 100%;
  display: flex;
  gap: calc(var(--gap) * 3);
  justify-content: space-between;
}

.listagemUnits {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.listagemUnits .listUnitsCarousel {
  width: 100% !important;
}

.listaUnidades:not(.swiperUnidades, .listCarousel) {
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  overflow-y: auto;
  gap: calc(var(--gap) * 3) 0;
  padding: calc(var(--gap) * 4) 0;
  height: 400px;
}

.unidadesListaMapa:not(.swiperUnidades) {
  overflow: auto;
  width: 49%;
  height: 100%;
  padding-bottom: 50px;
  gap: 10px;
}

/* width */
.listaUnidades:not(.swiperUnidades)::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.listaUnidades:not(.swiperUnidades)::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
.listaUnidades:not(.swiperUnidades)::-webkit-scrollbar-thumb {
  background: var(--color_6);
  border-radius: 10px;
}

.listaUnidades .unidade.list {
  width: calc(50% - var(--gap));
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--gap);
  transition: all 0.25s ease-in-out;
}

.listaUnidades .unidade.listListaMapa {
  width: 98%;
  border-radius: 5px;
  padding: 15px;
  cursor: pointer;
}

.listaUnidades .unidade.list .icone, .listaUnidades .unidade.list .infos {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-direction: column;
  gap: var(--gap);
  font-size: 14px;
  line-height: initial;
}

.listaUnidades .unidade.list .icone, .listaUnidades .unidade.list .infosListaMapa {
  flex-direction: column;
}

.listaUnidades .unidade.list .icone {
  width: 25px;
}

.listaUnidades .unidade.list .icone svg {
  width: auto;
  height: auto;
}

.listaUnidades .unidade.list .title {
  width: 100%;
}

.listaUnidades .unidade.list .phones {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.listaUnidades .unidade.list .phones a {
  width: max-content;
}

.listaUnidades .unidade.list .phones a.boxIconPhone {
  display: flex;
  align-items: center;
  gap: 5px;
}

.listaUnidades .unidade.list .phones a.boxIconPhone svg {
  max-width: 25px;
}

/* configurações CARROSSEL SWIPER */
.listaUnidades.swiperUnidades:not(.unitToyota) {
  position: relative;
  width: calc(40% - var(--gap));
  overflow: hidden;
}

.swiperUnidades .swiper-wrapper {
  width: 100%;
  order: 2;
}

.swiperUnidades .swiper-wrapper .unidade:not(.carouselToyota, .listUnitsCarousel) {
  width: calc(100% - var(--gap));
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: center;
  gap: calc(var(--gap) / 2);
  padding: 5px 15px;
  border-radius: 12px;
  border: 1px solid var(--color_1);
  transition: all 0.5s ease-in-out;
  opacity: 0.6;
}

.listCarousel .listUnitsCarousel {
  width: 280px;
  flex-shrink: 0;
  padding: 0;
  background: var(--color_3);
  border-radius: 5px;
  cursor: default;
  display: flex;
  flex-direction: column;
  height: auto;
}

.listUnitsCarousel .imageUnit {
  width: 100%;
  border-radius: 5px 5px 0 0;
  object-fit: cover;
}

.listUnitsCarousel .infosListUnits {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  padding: var(--pd-inner-cards);
  text-align: left;
  border-radius: 0 0 5px 5px;
  border-top: 2px solid var(--color_2) !important;
  flex-grow: 1;
}

.listUnitsCarousel .addressListUnits {
  text-align: left !important;
}

.swiperUnidades .swiper-wrapper .unidade.swiper-slide-active:not(.listUnitsCarousel) {
  opacity: 1;
  background: rgba(0, 0, 0, 0.1);
}

.swiperUnidades .swiper-wrapper .unidade:not(.carouselToyota) .title {
  text-align: center;
  font-size: 18px;
}

.swiperUnidades .swiper-wrapper .unidade:not(.carouselToyota) a {
  text-decoration: none;
  text-align: center;
  font-size: 14px;
}

.swiperUnidades .swiper-wrapper .unidade .phones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.swiperUnidades .swiper-configs {
  width: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: var(--gap) 0;
  order: 1;
}

.listCarousel .swiper-configs {
  height: 40px !important;
}

.swiperUnidades .swiper-configs.start {
  justify-content: flex-start;
}

.swiperUnidades .swiper-configs.center {
  justify-content: center;
}

.swiperUnidades .swiper-configs.end {
  justify-content: flex-end;
}

.swiperUnidades .swiper-configs.stretch {
  justify-content: stretch;
}

.swiperUnidades .swiper-configs.around {
  justify-content: space-around;
}

.swiperUnidades .swiper-configs.between {
  justify-content: space-between;
}

.swiperUnidades .swiper-configs .button-swiperUnidades {
  position: initial;
}

.swiperUnidades .swiper-configs .button-swiperUnidades:after {
  transform: rotate(90deg);
  font-size: 30px;
}

.swiperUnidades .swiper-configs .swiper-button-next.swiper-button-disabled, .swiperUnidades .swiper-configs .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: all;
}

.swiperUnidades .swiper-notification {
  display: none;
}

.d-none {
  display: none;
}

.listaUnidades.swiperUnidades.unitToyota {
  position: relative;
  width: 100%;
  overflow: hidden;
  gap: var(--gap) 0;
  flex-direction: column;
}

.listaUnidades.swiperUnidades.unitToyota .unidade.centerInfos {
  align-items: center;
}

.listaUnidades.swiperUnidades.unitToyota .unidade.centerInfos .txt {
  justify-items: end;
}

.listaUnidades.swiperUnidades.unitToyota .unidade.centerInfos .phones.phonesToyota {
  align-items: center;
  width: 100%;
}

.listUnitsCarousel .infosListUnits .phones.phonesListUnits {
  display: flex;
  flex-direction: column !important;
}

.phonesListUnits .boxIconPhone {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.phonesListUnits .boxIconPhone svg {
  width: 25px;
  height: 25px;
}

.listaUnidades.swiperUnidades.unitToyota .containerInfo.centerInfos {
  align-items: center;
}

.listaUnidades.swiperUnidades.unitToyota .containerInfo.centerInfos .txt {
  justify-items: end;
}

.listaUnidades.swiperUnidades.unitToyota .containerInfo.centerInfos .phones.phonesToyota {
  align-items: center;
  width: 100%;
}

.swiperUnidades .swiper-wrapper.wrapperToyota {
  order: 1;
}

.swiperUnidades .swiper-wrapper .carouselToyota {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: space-evenly;
  gap: calc(var(--gap));
  padding: 5px 15px;
  border-radius: 12px;
}

.swiperUnidades .swiper-wrapper .fotocarouselToyota {
  flex-direction: row;
  padding: 10px 15px;
  background: #fff;
  opacity: 0;
}

.swiperUnidades .swiper-wrapper .carouselToyota .txt,
.swiperUnidades .swiper-wrapper .carouselToyota .boxFuncionamento {
  width: 100%;
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  align-items: center;
  gap: 0 12px;
}

.swiperUnidades .swiper-wrapper .carouselToyota .boxFuncionamento {
  padding: 12px 0;
}

.swiperUnidades .swiper-wrapper .carouselToyota .horizontalLayout {
  display: flex;
  flex-direction: row;
  gap: 50px;
}

.swiperUnidades .swiper-wrapper .carouselToyota .horizontalLayout .txt {
  width: 50%;
}

.swiperUnidades .swiper-wrapper .carouselToyota .btn-maps {
  padding: 10px 5px;
  background: blue;
  width: 200px;
  display: grid;
  grid-template-columns: 1fr 4fr;
  color: #fff;
  border-radius: 12px;
  place-items: center;
}

.swiperUnidades .swiper-wrapper .carouselToyota .phonesToyota {
  flex-direction: column;
  gap: var(--gap) 0;
  border-top: 1px solid var(--color_5);
  padding: var(--gap) 0;
  text-align: left;
}

.swiperUnidades .swiper-wrapper .carouselToyota .horizontalLayout .phonesToyota {
  border-top-width: 0px !important;
}

.phonesToyota .boxIconPhone {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--gap);
}

.phonesToyota .boxIconPhone svg {
  width: 25px;
}

.swiperUnidades.unitToyota .swiper-configs {
  width: 100%;
  flex-direction: row;
}

.swiper-configs-carousel {
  width: 55% !important;
  margin-left: 50%;
  position: absolute;
  top: 150px;
}

.swiperUnidades.unitToyota .swiper-button-next, .swiperUnidades.unitToyota .swiper-button-prev {
  position: static;
}

.swiperUnidades.unitToyota .button-swiperUnidades::after {
  transform: rotate(0);
}

.swiper-configs .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  background-color: var(--color_4);
}

.swiperUnidades .swiper-wrapper .carouselToyota .txt svg,
.containerBtn svg,
.boxFuncionamento svg {
  width: 26px;
}

.boxFuncionamento.iconTop svg {
  height: auto;
  margin: 10px 0 auto 0;
}

.containerBtn,
.boxPhoneMedia {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.containerBtn {
  margin-bottom: 10px;
}

.boxPhoneMedia .phones {
  width: auto;
}

.boxPhoneMedia .socialMedia {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
}

.boxPhoneMedia .socialMedia a {
  display: flex;
  opacity: 1;
  transition: all 0.25s ease-in-out;
}

.boxPhoneMedia .socialMedia a:hover {
  opacity: 0.7;
}

.boxPhoneMedia .socialMedia a svg {
  width: 20px;
}

.funcionamento {
  width: 100%;
}

.textoGenerico {
  width: calc(30% - var(--gap) * 4);
  padding: 10px;
  align-items: flex-start;
  color: var(--color_1);
}

.containerInfo {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: space-evenly;
  gap: calc(var(--gap) * 2);
  padding: 5px 15px;
  border-radius: 12px;
}

.imagemUnidade, .imagemUnidade img {
  width: 55%;
}

.bg-color {
  transition: 0.3s;
}

.btn {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: var(--gap);
  background: var(--btn-bg-color);
  color: var(--btn-text-color);
  font-family: var(--btn-text-font-family);
  font-size: var(--btn-text-font-size);
  font-weight: var(--btn-text-font-weight);
  text-decoration: var(--btn-text-decoration);
  text-align: center;
  border-color: var(--btn-border-color);
  border-bottom-color: var(--btn-border-b-color);
  border-left-color: var(--btn-border-l-color);
  border-right-color: var(--btn-border-r-color);
  border-top-color: var(--btn-border-t-color);
  border-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-bl-radius);
  border-bottom-right-radius: var(--btn-border-br-radius);
  border-top-left-radius: var(--btn-border-tl-radius);
  border-top-right-radius: var(--btn-border-tr-radius);
  border-width: var(--btn-border-width);
  border-bottom-width: var(--btn-border-b-width);
  border-left-width: var(--btn-border-l-width);
  border-right-width: var(--btn-border-r-width);
  border-top-width: var(--btn-border-t-width);
  margin-top: auto;
}

.btn:hover {
  background: var(--btn-hover-bg);
  color: var(--btn-hover-text-color);
  transition: 0.2s;
}

.boxSelectsUnits {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--gap);
  padding-bottom: 20px;
}

.boxSelectsUnits .selectUnitRegions,
.boxSelectsUnits .selectUnitCities {
  background: transparent;
  cursor: pointer;
}

.swiper-configs-separated {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.swiper-configs-separated.swiper-configs-separated-top {
  bottom: 55% !important;
}

.swiperUnidades .swiper-configs.swiper-configs-separated-top {
  height: auto !important;
}

.swiperUnidades .swiper-configs-separated .swiper-buttons-separated {
  position: absolute;
}

.swiperUnidades .swiper-wrapper .unidade.unit-buttons-separated {
  padding-inline: 52px;
}

.swiperUnidades.unitToyota .swiper-configs-separated .swiper-button-prev {
  left: 0px !important;
}

.swiperUnidades.unitToyota .swiper-configs-separated .swiper-button-next {
  right: 0px !important;
}

.swiperUnidades.unitToyota .swiper-configs-separated .swiper-button-next:after, .swiperUnidades.unitToyota .swiper-configs-separated .swiper-button-prev:after {
  font-size: 35px !important;
}
@media (max-width: 767px) { .boxMapa {
  height: 100%;
  flex-direction: column;
  gap: var(--gap);
}

.mapaUnidades {
  width: calc(100% - var(--gap));
  height: 350px;
  order: 2;
}

.mapaUnidades, .listaUnidades, .listaUnidades .unidade.list {
  width: 100% !important;
}

.listaUnidades:not(.swiperUnidades, .listCarousel) {
  padding: calc(var(--gap) * 2) !important;
  gap: calc(var(--gap) * 2) !important;
  overflow: hidden !important;
  height: initial !important;
}

.listCarousel .listUnitsCarousel {
  width: 100% !important;
  height: fit-content;
}

.listUnitsCarousel .infosListUnits {
  flex-grow: unset;
}

.unidadesListaMapa:not(.swiperUnidades) {
  width: 100%;
  padding: 10px;
}

.invert {
  padding: 0 !important;
}

.swiperUnidades {
  width: calc(100% - var(--gap));
  order: 1;
  display: block;
}

.swiperUnidades .swiper-wrapper {
  display: flex;
  align-items: center;
  height: auto;
  align-items: stretch;
  width: 100%;
}

.swiperUnidades .swiper-wrapper .unidade {
  margin-left: inherit;
}

.swiperUnidades .swiper-wrapper .unidade a {
  text-align: center;
}

.swiperUnidades .swiper-configs .button-swiperUnidades,
.swiperUnidades.unitToyota .swiper-configs.swiper-configs-separated .button-swiperUnidades {
  position: absolute;
}

.swiperUnidades.unitToyota .swiper-configs .button-swiperUnidades {
  position: static;
}

.swiperUnidades.unitToyota .swiper-wrapper .unidade a {
  text-align: left;
}

.swiperUnidades.unitToyota .swiper-configs {
  height: auto;
  position: absolute;
  bottom: 0;
}

.textoGenerico {
  display: none;
}

.imagem-unidade {
  grid-row: 1/span 2;
  height: 100%;
}

.imagem-unidade img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.swiperUnidades .swiper-wrapper .fotocarouselToyota {
  flex-direction: column;
}

.swiper-configs-carousel {
  width: 100%;
  margin: 20px auto 10px auto;
  position: unset !important;
}

.imagemUnidade, .imagemUnidade img {
  width: 100%;
}

.containerInfo {
  width: 100%;
}

.listCarousel .swiper-configs {
  height: 30px !important;
  position: unset !important;
}

.swiperUnidades .swiper-wrapper .carouselToyota .horizontalLayout {
  flex-direction: column;
  gap: 20px;
}

.swiperUnidades .swiper-wrapper .carouselToyota .horizontalLayout .txt {
  width: 100%;
}

.listCarouselSwiper .swiper-wrapper {
  gap: 0;
}

.widget-full-width {
  width: 100% !important;
} }
@charset "UTF-8";
#containerConsList {
  position: relative;
  z-index: 0;
}

.listaConsorcio {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

.listaConsorcio .consorcio {
  width: 230px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--pd-inner-cards);
  gap: var(--gap);
  border-radius: calc(var(--gap) / 2);
  background: var(--color_3);
}

.listaConsorcio:not(.swiperConsorcio) .consorcio {
  width: 230px !important;
}

.listaConsorcio .consorcio img {
  border-radius: 5px;
}

.listaConsorcio .consorcio .title {
  margin: 0;
  display: flex;
  align-items: center;
}

.listaConsorcio .consorcio .preco {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  border: solid var(--color_5);
  border-width: 1px 0;
  padding: var(--gap) 0;
}

.listaConsorcio .consorcio .preco strong {
  font-size: 22px;
}

.listaConsorcio .consorcio .credito {
  font-size: 12px;
  padding: calc(var(--gap) / 2) var(--gap);
  border-radius: calc(var(--gap) / 2);
  background: var(--color_5);
}

.listaConsorcio .consorcio .boxAllInstallments,
.listaConsorcio .consorcio .boxAllInstallments .subTitlePrice,
.listaConsorcio .consorcio .boxAllInstallments .installments {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap);
}

.listaConsorcio .consorcio .boxAllInstallments .subTitlePrice,
.listaConsorcio .consorcio .boxAllInstallments .installments {
  gap: calc(var(--gap) / 2);
}

.listaConsorcio .consorcio .boxAllInstallments .subTitlePrice .subtitle {
  margin: 0;
  font-weight: normal;
}

.listaConsorcio .consorcio .boxAllInstallments .subTitlePrice .price {
  color: var(--color_1);
}

.listaConsorcio .consorcio .button {
  width: 100%;
  padding: var(--gap);
  background: var(--btn-bg-color);
  color: var(--btn-text-color);
  text-align: center;
  font-family: var(--btn-text-font-family);
  font-size: var(--btn-text-font-size);
  font-weight: var(--btn-text-font-weight);
  text-decoration: var(--btn-text-decoration);
  border-color: var(--btn-border-color);
  border-bottom-color: var(--btn-border-b-color);
  border-left-color: var(--btn-border-l-color);
  border-right-color: var(--btn-border-r-color);
  border-top-color: var(--btn-border-t-color);
  border-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-bl-radius);
  border-bottom-right-radius: var(--btn-border-br-radius);
  border-top-left-radius: var(--btn-border-tl-radius);
  border-top-right-radius: var(--btn-border-tr-radius);
  border-width: var(--btn-border-width);
  border-bottom-width: var(--btn-border-b-width);
  border-left-width: var(--btn-border-l-width);
  border-right-width: var(--btn-border-r-width);
  border-top-width: var(--btn-border-t-width);
}

.listaConsorcio .consorcio .button:hover {
  background: var(--btn-hover-bg);
  color: var(--btn-hover-text-color);
}

.swiperConsorcio {
  overflow: hidden;
}

.swiper-padding {
  padding-inline: 50px;
}

.swiperConsorcio .swiper-wrapper {
  width: 100%;
}

.swiperConsorcio .swiper-notification {
  display: none;
}

.swiperConsorcio .swiper-scrollbar {
  z-index: 1;
}

#containerConsList .swiper-horizontal > .swiper-scrollbar, #containerConsList .swiper-scrollbar.swiper-scrollbar-horizontal {
  top: var(--swiper-scrollbar-top, calc(100% + var(--gap)));
  background-color: var(--color_5);
}

#containerConsList .swiper-scrollbar-drag {
  background: var(--color_1);
}

#containerConsList .swiper-buttons::after {
  content: "";
}

.d-none {
  display: none;
}

/* Skeleton */
.centerList:has(.skeletonCard) {
  justify-content: center !important;
}

.listaConsorcio .skeletonCard {
  width: 230px;
  flex: 0 0 230px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--pd-inner-cards);
  gap: var(--gap);
  border-radius: calc(var(--gap) / 2);
  background-color: #f7f7f7;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdcdc;
  animation: pulse 1.5s infinite;
}

.listaConsorcio .skeletonImg,
.listaConsorcio .skeletonTitle,
.listaConsorcio .skeletonValue,
.listaConsorcio .skeletonPlan,
.listaConsorcio .skeletonButton {
  background-color: #d6d6d6;
  border-radius: 4px;
}

.listaConsorcio .skeletonImg {
  width: 100%;
  height: 185px;
}

.listaConsorcio .skeletonTitle {
  width: 75%;
  height: 30px;
}

.listaConsorcio .skeletonValue {
  width: 60%;
  height: 50px;
}

.listaConsorcio .skeletonPlan {
  width: 85%;
  height: 45px;
}

.listaConsorcio .skeletonButton {
  width: 100%;
  height: 40px;
}

.swiperConsorcio:has(> .skeletonCard) {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 416px;
}

/* Animação Pulse Skeleton */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@media (max-width: 767px) { .listaConsorcio .consorcio,
.listaConsorcio:not(.swiperConsorcio) .consorcio {
  width: 100% !important;
  max-width: 100% !important;
}

.swiperConsorcio {
  padding: 0;
}

.swiperProducts #listProducts .skeletonItem2,
.swiperProducts #listProducts .skeletonItem3,
.swiperProducts #listProducts .skeletonItem4,
.swiperProducts #listProducts .skeletonItem5 {
  display: none;
}

.listaConsorcio .skeletonCard {
  width: 100vw !important;
  max-width: 100vw !important;
  flex: auto;
} }
@charset "UTF-8";
#filter {
  background-color: #fff;
  border-radius: 10px;
}

.boxFilter {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 25px;
  gap: 20px;
}

.boxFilterYear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  flex-direction: column;
}

.containerFields {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.verticalFilter {
  flex-direction: column !important;
  gap: 10px;
}

.input {
  width: 23%;
}

.inputSearch {
  position: relative;
}

.inputSearch .boxOpts {
  position: absolute;
  z-index: 10;
  width: 100%;
}

.inputSearch .boxOpts ul#optionsSearched {
  list-style: none;
  background-color: #f9f9f9;
  margin: 0;
  padding: 2px;
  display: flex;
  flex-direction: column;
}

.inputSearch .boxOpts ul#optionsSearched li {
  font-size: 13px;
  padding: 5px 10px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.inputSearch .boxOpts ul#optionsSearched li:not(.liTitle):hover {
  background-color: #eaeaea;
  cursor: pointer;
}

.inputSearch .boxOpts ul#optionsSearched li.liTitle {
  background: #333;
  color: #FFF;
  text-transform: uppercase;
}

.boxPrice {
  width: 28%;
}

.boxPriceYear {
  width: 38%;
}

.verticalFilter .input, .verticalFilter .boxPrice, .verticalFilter .boxPriceYear {
  width: 100%;
}

#listBrands, #listModels, #listYearsMin, #listYearsMax, #fieldSearch {
  width: 100%;
  height: 50px;
  background-color: #fff;
  color: #333333;
  border: 2px solid #707070;
  border-radius: 10px;
}

#fieldSearch::placeholder, .inputSearch .boxOpts ul#optionsSearched li a {
  color: #333333;
}

.verticalFilter #listBrands, .verticalFilter #listModels, .verticalFilter #listYearsMin, .verticalFilter #listYearsMax, .verticalFilter #fieldSearch {
  height: 40px;
}

#listBrands:focus, #listModels:focus, #listYearsMin:focus, #listYearsMax:focus, #fieldSearch:focus {
  outline: none;
  border-color: var(--color_1);
}

.titlePrice {
  margin-left: 10px;
  font-size: 16px;
  color: #666666;
}

.verticalFilter .titlePrice {
  font-size: 14px;
}

.wrapperPrice {
  padding: 13px 10px 0px;
}

.priceInput {
  width: 100%;
  display: flex;
}

.priceInput .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
  justify-content: space-between;
}

.verticalFilter .field {
  height: 40px;
}

.field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 19px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}

.divMinPrice {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  gap: 4px;
}

.divMaxPrice {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
  padding-right: 10px;
  gap: 4px;
}

.symbolPrice {
  height: 100%;
  font-size: 15px;
  font-weight: 600;
  color: var(--color_1);
  display: flex;
  align-items: center;
}

#input-min, #input-max {
  background-color: transparent;
  border: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--color_1);
}

#input-min {
  height: auto;
  padding: 0;
  text-align: left;
  outline: none;
}

#input-max {
  height: auto;
  padding: 0;
  outline: none;
  text-align: justify;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.priceInput .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}

.sliderPrice {
  position: relative;
  width: 95%;
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}

.range-min {
  right: 10px;
}

.sliderPrice .progress {
  position: absolute;
  height: 100%;
  left: 0;
  right: 100%;
  border-radius: 5px;
  background-color: var(--color_1);
}

.rangeInput {
  position: relative;
}

.rangeInput input {
  position: absolute;
  width: 98%;
  height: 5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

#filterContent:has(.boxFilterYear) .rangeInput input {
  top: -5px;
}

#filterContent:not(:has(.boxFilterYear)) .rangeInput input {
  top: -7px;
}

input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--color_3);
  border: 2px solid var(--color_1);
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type=range]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: var(--color_1);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.buttonSubmit {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0 20px;
  border-radius: 5px;
  height: 50px;
  background-color: var(--color_1);
  color: #fff;
}

.buttonSubmit .icon, .buttonSubmit .icon svg {
  width: 25px;
  height: auto;
  margin-top: 2px;
  margin-right: 3px;
}

#filter #filterSkeleton {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 30px;
  gap: 20px;
  border-radius: 10px;
  background-color: #f7f7f7;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdcdc;
  animation: pulse 1.5s infinite;
}

#filter .skeletonSelect,
#filter .skeletonSlider,
#filter .skeletonButton {
  width: 25%;
  height: 55px;
  background-color: #d6d6d6;
  border-radius: 4px;
}

#filter .verticalFilter .skeletonSelect,
#filter .verticalFilter .skeletonSlider,
#filter .verticalFilter .skeletonButton {
  width: 100%;
}

/* Animação Pulse Skeleton */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@media (max-width: 767px) { .boxFilter {
  display: flex;
  flex-direction: column;
  padding: 5px 25px;
  gap: 15px;
}

.containerFields {
  flex-direction: column;
}

.input, .boxPriceYear, .boxPrice, .buttonSubmit {
  width: 100% !important;
}

#filter #filterSkeleton {
  flex-direction: column;
}

#filter .skeletonSelect,
#filter .skeletonSlider,
#filter .skeletonButton {
  width: 100%;
} }
.containerCats {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}

.items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 0px 11px 0px;
  border-radius: 5px;
  transition: all 0.1s ease-in-out;
}

.items.p-2 {
  padding: 20px;
}

/* Destaca o item ao passar o mouse */
.items:hover {
  transform: scale(1.1); /* Amplia o item */
  z-index: 1; /* Garante que o item destacado esteja acima dos outros */
  opacity: 1;
}

/* Aplica efeito de desfoque nos demais itens */
.containerCats:hover .items:not(:hover) {
  filter: blur(1.5px);
  opacity: 0.7;
}

.boxImg svg {
  width: 100%;
  height: 100%;
  max-height: 98px;
}

.boxTxt, .boxTxt h4 {
  width: 100%;
  text-align: center;
}

.boxTxt h4 {
  margin: 10px 0;
}

.items.p-2 .boxTxt h4 {
  margin: 10px 0 0;
}

.skeleton {
  background-color: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.skeleton::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
.skeleton-text h4, .skeleton-text strong, .skeleton-text span, .skeleton-img img {
  visibility: hidden;
}
@media (max-width: 767px) { .containerCats {
  justify-content: space-between;
  align-content: space-between;
  gap: 6px;
}

.containerCats .items {
  width: 49%;
  margin: 0;
  flex: none;
}

.containerCats .items .boxImg {
  padding: 5px;
}

.containerCats .items .boxTxt h4 {
  font-size: 18px !important;
} }