/**/.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}/**/.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}/**/.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}
/* Custom Widgets Styles */
.boxModel, .boxSearch {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--gap) * 2);
}

.boxModel h3, .boxSearch h3 {
  margin-bottom: 0;
}

.boxModel #listModels, .boxSearch #listModels {
  cursor: pointer;
}

.boxModel table, .boxSearch table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.boxModel table caption, .boxSearch table caption {
  font-size: 1.5rem;
  margin: .5rem 0 .75rem;
}

.boxModel table thead,
.boxModel table tbody, .boxSearch table thead,
.boxSearch table tbody {
  cursor: auto;
}

.boxModel table thead tr,
.boxModel table tbody tr, .boxSearch table thead tr,
.boxSearch table tbody tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35rem;
}

.boxModel table thead th,
.boxModel table thead td,
.boxModel table tbody th,
.boxModel table tbody td, .boxSearch table thead th,
.boxSearch table thead td,
.boxSearch table tbody th,
.boxSearch table tbody td {
  padding: .625rem;
  text-align: center;
}

.boxModel table thead th.txtStart,
.boxModel table thead td.txtStart,
.boxModel table tbody th.txtStart,
.boxModel table tbody td.txtStart, .boxSearch table thead th.txtStart,
.boxSearch table thead td.txtStart,
.boxSearch table tbody th.txtStart,
.boxSearch table tbody td.txtStart {
  text-align: start;
}

.boxModel table thead th.txtEnd,
.boxModel table thead td.txtEnd,
.boxModel table tbody th.txtEnd,
.boxModel table tbody td.txtEnd, .boxSearch table thead th.txtEnd,
.boxSearch table thead td.txtEnd,
.boxSearch table tbody th.txtEnd,
.boxSearch table tbody td.txtEnd {
  text-align: end;
}

.boxModel table thead th,
.boxModel table tbody th, .boxSearch table thead th,
.boxSearch table tbody th {
  font-size: 1.2rem;
  letter-spacing: .1rem;
  text-transform: uppercase;
}

.boxModel .d-none, .boxSearch .d-none {
  display: none;
}

.boxModel .btn-default, .boxSearch .btn-default {
  width: fit-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--gap);
  padding: var(--gap);
  background: var(--btn-bg-color);
  color: var(--btn-text-color) !important;
  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);
}

.boxModel .btn-default svg, .boxSearch .btn-default svg {
  width: 17px;
  color: var(--btn-text-color) !important;
  fill: var(--btn-text-color) !important;
}

.boxSearch {
  padding-top: calc(var(--gap) * 2);
}

.boxSearch form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-items: center;
}

.boxSearch form .maskField {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--gap);
  padding: var(--gap);
  border: solid 1px #000;
  border-radius: 50px;
}

.boxSearch form .maskField label svg {
  width: 35px;
}

.boxSearch form .maskField input {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
}

.boxSearch form .maskField button[type="submit"] {
  border-radius: 50px;
}

.boxSearch form .maskField button[type="submit"] svg {
  width: 25px;
}


@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;
}

@charset "UTF-8";
.banner, .banner .swiper-slide, .banner .swiper-slide .linkBanner, .banner .swiper-slide img {
  width: 100%;
  height: 100%;
  max-height: max-content;
}

.banner {
  position: relative;
  background-color: #e0e0e0;
}

.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;
}

/* --- CONTROLES (Setas e Paginação) --- */
.banner .swiperBanners .swiper-button-next,
.banner .swiperBanners .swiper-button-prev {
  z-index: 10;
}

.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;
  position: relative;
  overflow: visible;
}

.swiperBanners .swiper-configs .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 10;
}

/* Esconde controles até o JS carregar */
.swiperBanners .swiper-configs {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
}

.swiperBanners .swiper-configs.loaded {
  opacity: 1;
  visibility: visible;
}

/* --- THUMBS --- */
.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;
}

/* --- BOTÕES --- */
.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);
  /* ... (restante das bordas originais) ... */
  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;
}

/* --- SKELETON --- */
.skeletonBanner {
  width: 100%;
  height: 550px !important;
}

.boxSkeletonBanner {
  height: 100% !important;
  width: 100%;
  animation: pulse 1.5s infinite;
  object-fit: cover;
  margin: 0px;
  border-radius: 4px;
  background-color: #e0e0e0 !important;
}

.boxSkeletonBanner.mobile {
  display: none !important;
}

.boxSkeletonBanner.desk {
  display: block !important;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}


@charset "UTF-8";
.widget-b26e86 {
  height: 100%;
}

#newsList {
  position: relative;
  z-index: 0;
  min-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

#newsList .newsList, #filters .filter {
  min-height: 10px;
  min-width: 100px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
  transition: all 0.5s ease-in-out;
}

#filters .filter.centerCategories {
  justify-content: center;
}

#filters .filter strong {
  font-weight: normal;
}

#filters .filter b {
  text-transform: capitalize;
  text-align: center;
  height: auto;
  transition: all 0.5s ease-in-out;
  padding: 2.5px 5px;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}

#filters .filter b:hover {
  transition: all 0.2s ease-in-out;
  border: 1px solid;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color_7);
  font-weight: normal;
}

#filters .filter b.active {
  background: var(--color_7);
  color: #fff;
  transition: all 0.2s ease-in-out;
}

#filters.filtroMontadora {
  display: flex;
  justify-content: center;
}

#filters.filtroMontadora .filter {
  min-width: initial;
  width: initial;
  margin-bottom: calc(var(--gap) * 2);
  gap: 0;
  justify-content: center;
}

#filters.filtroMontadora .filter b {
  padding: var(--gap) calc(var(--gap) * 2);
  border-radius: 0;
  border: 0px;
  border-bottom: 1px solid #999;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
}

#filters.filtroMontadora .filter b:hover,
#filters.filtroMontadora .filter b.active {
  background: transparent;
  color: initial;
  border: 0px;
  border-bottom: 1px solid #222;
}

#newsList .card {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) / 2);
  transition: all 0.3s ease-in-out;
}

#newsList .swiper-slide {
  display: flex;
  width: 100%;
  height: auto;
}

#newsList .card:hover .img img {
  transform: scale(1.05);
}

#newsList .img {
  width: 100%;
  overflow: hidden;
}

#newsList .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

#newsList .title, #newsList .price {
  margin: 0;
}

#newsList .newsList .divCard {
  display: flex;
  flex-wrap: wrap;
}

#newsList .newsList .divCard.uma-coluna {
  width: calc(100% - var(--gap));
}

#newsList .swiperCars {
  overflow: hidden;
  width: 100%;
}

#newsList .swiperCars .swiperCarsMontadora .card {
  display: flex;
  flex-direction: row;
  border-radius: var(--gap);
  gap: 0;
}

#newsList .swiperCars .swiperCarsMontadora .card .internLink {
  width: 100%;
}

#newsList .swiperCars .swiperCarsMontadora .card .internLink,
#newsList .swiperCars .swiperCarsMontadora .card .internLink .img {
  border-radius: var(--gap) 0 0 var(--gap);
}

#newsList .swiperCars .swiperCarsMontadora .card .infos {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: var(--gap);
  border-radius: 0 var(--gap) var(--gap) 0;
  background: var(--color_6);
}

#newsList .swiper-wrapper {
  display: flex;
  width: 100%;
  height: auto;
}

.listContent.content-center {
  justify-content: center;
}

#newsList .boxButtons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap);
}

#newsList .btnDetault,
.boxFilterTires .filterTires .clear-filter {
  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-style: solid; /* Necessário para exibir bordas em <a> */
  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);
}

#newsList .customBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}

#newsList .btnCars {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--gap) / 2) 0 0 0;
  gap: var(--gap);
  font-size: 14px;
  cursor: pointer;
}

#newsList .swiperCars .swiper-scrollbar {
  z-index: 1;
}

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

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

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

#newsList .swiperCars .swiper-buttons-montadora {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gap);
}

#newsList .swiperCars .swiper-buttons-montadora .swiper-button-next,
#newsList .swiperCars .swiper-buttons-montadora .swiper-button-prev,
#newsList .swiperCars .swiper-buttons-montadora .swiper-pagination {
  position: initial;
  z-index: initial;
  margin-top: 0;
  width: 15px;
}

#newsList .swiperCars .swiper-buttons-montadora .swiper-pagination,
#newsList .swiperCars .swiper-buttons-montadora .swiper-pagination .swiper-pagination-fraction {
  width: auto;
}

#newsList .swiperCars :not(.swiper-buttons-montadora) .swiper-pagination {
  display: none;
}

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

.d-none {
  display: none;
}

.text-center {
  text-align: center;
}

.w-100 {
  width: 100%;
}

/* Skeleton */
.newSkeletonCard {
  display: flex;
  justify-content: center;
  align-items: center;
}

#newsList .card .newSkeletonImg,
#newsList .card .newSkeletonTitle,
#newsList .card .newSkeletonButton {
  background-color: #d6d6d6;
  border-radius: 4px;
  animation: pulse 1.5s infinite;
}

.newSkeletonImg {
  width: 80%;
  aspect-ratio: 2/1.2;
}

.newSkeletonTitle {
  width: 60%;
  height: 20px;
}

.newSkeletonButton {
  width: 35%;
  height: 20px;
}

.swiperList:has(> .newSkeletonCard) {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 50px 20px 50px;
}

#newsList:has(> .newSkeletonCard) {
  row-gap: 40px;
  padding-top: 40px;
}

/* Animação Pulse Skeleton */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.boxFilterTires {
  display: grid;
  grid-template-columns: minmax(265px, auto) 1fr;
  gap: var(--gap);
}

.boxFilterTires .filterTires {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.boxFilterTires .filterTires select {
  cursor: pointer;
  margin: 0;
  padding: 0;
  /* ESPAÇAMENTO TEXTO + ÍCONE SETA */
  border-width: 10px;
  border-color: transparent;
}

.boxFilterTires .filterTires select option {
  background-color: #f5f5f5;
  color: #000;
}


@charset "UTF-8";
.listProducts .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--gap-list-cards);
}

#listProducts .swiper-slide {
  width: 100% !important;
  max-width: 230px !important;
}

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

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

.filtersProducts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

.filtersProducts.center {
  align-items: center;
  justify-content: center;
}

.multiSelect {
  position: relative;
  display: inline-block;
  font-size: 16px;
}

.selectBtn {
  min-width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  background: #fff;
  color: #4c4c4c;
  border: 1px solid #ccc;
  padding: 12px 16px;
  border-radius: 5px;
  text-align: left;
  font-size: 17px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.selectBtn .arrow {
  display: inline-flex;
  transition: transform 0.2s ease;
}

.multiSelect .options.active + .selectBtn .arrow,
.selectBtn.active .arrow {
  transform: rotate(180deg);
}

.selectBtn:disabled {
  background: #f3f3f3;
  color: #888;
  cursor: not-allowed;
}

.options {
  display: none;
  position: absolute;
  left: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-height: 250px;
  overflow-y: auto;
  z-index: 50;
  padding: 10px;
}

.options.active {
  display: block;
}

.options label {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 6px 4px;
  cursor: pointer;
  color: #5c5c5c;
  font-weight: 500;
}

.options input {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin-right: 8px;
  cursor: pointer;
}

.tagsContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: -12px;
  padding: 15px 0 22px 0;
  border-top: 1px solid #ddd;
}

.tagsContainer.center {
  align-items: center;
  justify-content: center;
}

.tagFilter {
  background: #666;
  color: #fff;
  border: none;
  padding: 7px 12px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  transition: 0.2s;
}

.tagFilter span {
  margin-left: 8px;
  font-size: 18px;
}

.tagFilter:hover {
  background: #333;
}

.btnClearFilters {
  margin-left: 15px;
  background: transparent;
  border: 2px solid #414141;
  color: #4c4c4c;
  padding: 7px 20px;
  border-radius: 48px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.2s;
}

.btnClearFilters:hover {
  background: #555;
  color: #fff;
}

#listProducts .card {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  padding: var(--pd-inner-cards);
  background: var(--color_3);
  border-radius: 5px;
  cursor: default;
}

#listProducts .card.hasShadow {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--color-shadow), transparent 90%);
  transition: all 0.3s ease;
}

#listProducts .card.hasShadow:hover {
  box-shadow: 0 12px 24px color-mix(in srgb, var(--color-shadow), transparent 85%);
}

#listProducts.allHover .card {
  transition: all 0.15s ease-in-out;
}

#listProducts.allHover:hover .card {
  opacity: 0.5;
}

#listProducts.allHover .card:hover {
  transform: scale(1.05);
  opacity: 1;
}

#listProducts:not(.allHover) .card:hover .img img {
  transform: scale(1.05);
}

#listProducts .img {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  display: block;
}

#listProducts .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

#listProducts .title {
  width: 100%;
  margin: 0;
}

#listProducts .product-call {
  width: 100%;
  padding: var(--gap) 0;
  margin: 0;
  border-top: 1px solid var(--color_5);
  border-bottom: 1px solid var(--color_5);
}

#listProducts .price {
  width: 100%;
  font-size: 22px;
}

#listProducts .btn-products {
  width: 100%;
  display: flex;
  justify-content: center;
  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);
  border-style: solid; /* Necessário para exibir bordas em <a> */
  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);
}

#listProducts .btn-products:hover {
  background: var(--btn-hover-bg);
  color: var(--btn-hover-text-color);
}

.swiperProducts {
  overflow: hidden;
  width: 100%;
  flex-wrap: nowrap;
  padding: 0 50px 0 0;
}

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

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

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

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

.swiper-button-next, .swiper-button-prev {
  width: calc(var(--swiper-navigation-size) / 49 * 27) !important;
}

.d-none {
  display: none;
}

/* Skeleton */
#listProducts .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;
}

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

#listProducts .skeletonImg {
  width: 100%;
  height: 200px;
}

#listProducts .skeletonTitle {
  width: 55%;
  height: 30px;
}

#listProducts .skeletonValue {
  width: 75%;
  height: 30px;
}

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

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

.swiperProducts #listProducts: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;
  }
}


.btnSelectUnidade {
  height: 40px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: calc(var(--gap) / 1.5);
}

.btnSelectUnidade.hideWidget {
  height: 0px !important;
  display: none !important;
}

.btnSelectUnidade strong {
  display: flex;
  align-items: center;
  line-height: 1;
}

.btnSelectUnidade .iconLocation,
.btnSelectUnidade .iconArrowDown {
  display: flex;
}

.btnSelectUnidade .iconLocation svg {
  width: 30px;
}

.btnSelectUnidade .iconArrowDown {
  padding-right: 7px;
}

.btnSelectUnidade .iconArrowDown svg {
  width: 10px;
}

.listaMultiEstados,
.listaMultiUnidades {
  position: absolute;
  z-index: 99;
  display: none;
  width: 100%;
  height: auto;
  text-align: start;
  list-style: none;
  background: #FFF;
  margin: 0;
  padding: 10px 0;
  transition: max-height 0.2s ease-in-out;
  overflow: hidden;
  max-height: 0;
}

.listaMultiEstados.show,
.listaMultiUnidades.show {
  display: block;
  max-height: 550px;
}

.listaMultiEstados li,
.listaMultiUnidades li a {
  display: block;
  transition: all 0.2s ease-in-out;
}

.listaMultiEstados li:hover,
.listaMultiUnidades li a:hover {
  background: #f2f2f2;
}

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

.popUpSelectUnidade .listaMultiEstados,
.popUpSelectUnidade .listaMultiUnidades,
#flex-runtime-popup .listaMultiEstados,
#flex-runtime-popup .listaMultiUnidades {
  position: relative;
}

.logoMultiRegioes {
  display: flex;
}

.boxSideBySide {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

.boxSideBySide .sideBySide {
  position: relative;
  flex: 2;
}

.selectUnitRegions, .selectUnitCities {
  text-decoration: none;
  color: #000;
}