/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html, body{
    overflow-x: hidden;
}
/* tag 0km novo menu */
.tag-novo a:after{
    content: "novo";
    background-color: red;
    margin-left: 10px;
    padding: 10px 10px;
    border-radius: 50px;
    line-height: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 8px
}
/* VEÍCULO 0KM */
.valor-versao-0km span {
    font-size: 16px;
    font-weight: normal;
    padding-right: 10px;
}
.lista-ficha-tecnica .jet-listing.jet-listing-dynamic-field.display-inline,
.lista-ficha-tecnica .jet-listing-dynamic-field__inline-wrap {
    display: block !important;
}
.lista-ficha-tecnica ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}
.lista-ficha-tecnica ul li {
    width: 33%;
    margin-bottom: 30px;
    list-style: none;
	position: relative;
	padding: 0 20px 0 40px;
}
.lista-ficha-tecnica .jet-listing-grid__item:last-child .e-flex.e-con-boxed.e-con.e-parent {
    border: none
}
@media (max-width:767px) {
.lista-ficha-tecnica ul li {
    width: 50%;
}
.lista-ficha-tecnica .elementor-widget-mobile__width-initial.ha-advanced-tooltip-top.elementor-widget.elementor-widget-jet-listing-dynamic-field {
    width: 100%;
}
}
@media (max-width:522px) {
.lista-ficha-tecnica ul li {
    width: 100%;
}
}
.lista-ficha-tecnica ul li:before {
	content: '';
	background-image: url('https://life.dev.br/devbw/wp-content/uploads/2024/01/vector-checked.webp');
	background-repeat: no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
}
/* BOTÃO TENHO INTERESSE */
.tenho-interesse .elementor-button-wrapper a.elementor-button {
    position: relative;
    overflow: hidden;
    transition: background-color 0.7s ease-in-out;
}
.tenho-interesse .elementor-button-wrapper a.elementor-button:hover {
    background-color: #1f1f1f !important;
    color: #fff !important;
    transition: width 2 ease-in-out;
}
.tenho-interesse .elementor-button-wrapper a.elementor-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 0;
    transition: width 2 ease-in-out;
}
.tenho-interesse .elementor-button-wrapper a.elementor-button:hover:before {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    transition: width 0.7s ease-in-out;
}
/* BANNER HOME TOP */
.banner-top-home .swiper-pagination {
    margin-top: -30px
}
.formulario-banner-home {
    position: absolute;
    height: 100%;
    right: 5%;
    width: 25%;
}
.formulario-banner .elementor-field-group .elementor-select-wrapper select {
    font-weight: 600;
    color: #BCBCBC;
    font-size: 14px
}
.formulario .elementor-field-group .elementor-select-wrapper select {
    font-weight: 600;
    color: #BCBCBC;
    font-size: 16px
}
.formulario select#form-field-modelo, .formulario select#form-field-loja {
    font-weight: 600 !important;
    color: #BCBCBC;
    font-size: 16px
}
@media (max-width:991px) {
.formulario-banner-home {
    position: initial;
    background: #fafafa !important;
    width: 100%
}
}
/* BULLETS HOME */
.banner-top-home span.swiper-pagination-bullet, .semi-novos-home span.swiper-pagination-bullet {
    width: 20px !important;
	height: 5px !important;
    border-radius: 10px
}
/* CARD SEREVICO HOME */
.card-servico-home:hover:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(79, 158, 221, 0.5);
    transition: .4s
}
.card-chanfro-home {
    background: #052C65;
    -webkit-clip-path: polygon(0% 10%, 0 100%, 100% 100%, 100% 0, 28% 24%);
    clip-path: polygon(0% 10%, 0 100%, 100% 100%, 100% 0, 28% 24%);
    z-index: 2
}
.card-servico-home:hover .card-chanfro-home {
    background: #FFF;
}
.card-servico-home:hover h2 {
    color: #052C65 !important
}
/* BANNER CONSORCIO HOME */
.home-consorcio:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    background-color: #f2f6f7;
    -webkit-clip-path: polygon(77% 0, 100% 38%, 74% 100%, 0 100%, 0 0);
    clip-path: polygon(77% 0, 100% 38%, 74% 100%, 0 100%, 0 0);
}
.home-consorcio-texto {
    -webkit-clip-path: polygon(100% 0, 100% 100%, 24% 100%, 0 65%, 26% 0);
    clip-path: polygon(100% 0, 100% 100%, 24% 100%, 0 65%, 26% 0);
    background-color: #061A38;
    max-width: 520px;
    width: 100%;
}
.home-consorcio-carro img {
    width: 100%;
}
@media (max-width: 767px){
.e-con.e-flex .home-consorcio {
    flex-direction: inherit;
}
.home-consorcio {
    padding-top: 30px    
}
.banner-top-home .swiper-pagination {
    margin-top: -20px
}
}
/* BANNER VENDAS ESPECIAIS HOME */
.home-vendas-especiais:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    background-color: #f2f6f7;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 26% 100%, 0 38%, 23% 0);
    clip-path: polygon(100% 0, 100% 100%, 26% 100%, 0 38%, 23% 0);
}
.home-vendas-especiais-texto {
    background-color: #052C65;
    max-width: 520px;
    width: 100%;
    -webkit-clip-path: polygon(74% 0, 100% 65%, 76% 100%, 0 100%, 0 0);
    clip-path: polygon(74% 0, 100% 65%, 76% 100%, 0 100%, 0 0);
}
.home-vendas-especiais-carro img {
    width: 100%;
}
@media (max-width: 767px){
.home-vendas-especiais-carro {
    padding-bottom: 30px    
}

}
/* CHANFROS */
.chanfro-esquerdo-branco {
    width: 85%;
    height: 52px;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);
    clip-path: polygon(0 0, 100% 0, 4% 100%);
    margin-top: -1px !important;
    margin: 0 auto;
}
.chanfro-esquerda-branco-estreiro {
    width: 100%;
    height: 52px;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 15% 100%);
    clip-path: polygon(0 0, 100% 0, 15% 100%);
    margin-top: -1px !important;
}
.chanfro-direita-azul {
    max-width: 85%;
    height: 52px;
    background: #052C65;
    -webkit-clip-path: polygon(0 0, 100% 0, 96% 100%);
    clip-path: polygon(0 0, 100% 0, 96% 100%);
    margin: 0 auto;
    margin-top: -1px !important;
}
.chanfro-esquerda-azul {
    width: 85%;
    height: 52px;
    background: #052C65;
    -webkit-clip-path: polygon(0 0, 100% 0, 2.5% 100%);
    clip-path: polygon(0 0, 100% 0, 2.5% 100%);
    margin: 0 auto;
    margin-top: -1px !important;
}
.chanfro-esquerdo-branco-cima {
    width: 100%;
    height: 32px;
    -webkit-clip-path: polygon(4% 0, 100% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 100%, 0% 100%);
    background: #fff;
}
@media (max-width:1024px) {
.chanfro-direita-azul, .chanfro-esquerdo-branco, .chanfro-esquerda-azul, .chanfro-esquerda-branco-estreiro {
    height: 30px !important;
	}
.chanfro-esquerda-azul {
    width: 100% !important;
	}
}

/* CARRO SEMI NOVO */

.carro-seminovo-layout .imagem-carro-seminovo:after{
    content: '';
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 100%;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background-color: #052C65;
	transition: all 0.5s ease-out allow-discrete;
	opacity: 0
}
.carro-seminovo-layout:hover .imagem-carro-seminovo:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 100%;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background-color: #052C65;
	transition: all 0.5s ease-out allow-discrete;
	opacity: 1
} 

@media (min-width:1025px) and (max-width:1331px){
.carro-seminovo-dado {
    width: 70%;
	margin: 0 auto !important
}
}
@media  (max-width:767px){
.carro-seminovo-dado {
    width: 49%;
}
}

/* BLOG STYLES */
.post-blog .elementor-post__excerpt p:after {
    content: ' ...';
}
.post-blog article .elementor-post__thumbnail:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s;
	opacity: 0;
}
.post-blog article:hover .elementor-post__thumbnail:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s;
	opacity: 1;
}
/* PAGINAÇÃO */
.post-blog span.page-numbers.current, .post-blog a.page-numbers:hover, .pagina-seminovos span.page-numbers.current, .pagina-seminovos a.page-numbers:hover {
    cursor: pointer;
    margin-right: 10px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    border: 1px solid #ddd;
    color: #222;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    background: #052C65;
    color: #fff;
    border-color: #052C65;
    flex-wrap: wrap !important;
    margin-bottom: 30px !important;
}
.post-blog a.page-numbers, .pagina-seminovos a.page-numbers {
    cursor: pointer;
    margin-right: 10px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    border: 1px solid #ddd;
    color: #222;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    flex-wrap: wrap !important;
    margin-bottom: 30px !important;
}
/* MENU POPUP */
.menu-popup svg {
filter: invert(69%) sepia(2%) saturate(11%) hue-rotate(353deg) brightness(88%) contrast(89%);
}
/* FAQ DA PAGINA CONSORCIO */
.consorcio .helpie-faq h2, .consorcio form.search {
    display: none !important
}
.consorcio .accordion__body .accordion__header {
    background-color: transparent !important;
}
.consorcio .accordion__body .accordion__title {
    color: #1f1f1f !important
}
.consorcio .accordion__body .accordion__body {
    background-color: #eff8ff !important;
}
.consorcio article.accordion ul {
    margin: 0;
    padding: 0;
}
.consorcio .accordion .accordion__item  .accordion__header:after,
.consorcio .accordion .accordion__item  .accordion__header:before{
    background-color: #ffffff !important;
}
.consorcio .accordion .accordion__body .accordion__header:after,
.consorcio .accordion .accordion__body .accordion__header:before{
    background-color: #000 !important;
}
.consorcio .helpie-faq.accordions.custom-styles .accordion .accordion__item{
    border: 0;
}
.consorcio .accordion__body .accordion__item{
    border-bottom: 1px solid #052C65 !important
}
.consorcio .accordion__body .accordion__title {
    width: 80% !important;
}
/* GALERIA VEICULOS SEMINOVOS */
@media (max-width: 479px ) {
	.galeria-veiculo-seminovo .elementor-image-gallery .gallery-item {
    width: 33%;
}
}
@media (min-width: 480px) and (max-width: 767px){
	.galeria-veiculo-seminovo .elementor-image-gallery .gallery-item {
    width: 25%;
}
}
/* CARROSSEL VEICULOS SEMINOVOS HOME */
.semi-novos-home .swiper.elementor-loop-container.elementor-grid.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    padding-right: 25px;
}
/* CARROSSEL VEICULOS 0KM */
.fotos-slide-0km figure.swiper-slide-inner {
    overflow: hidden;
}
.fotos-slide-0km figure.swiper-slide-inner img.swiper-slide-image {
    min-height: 315px;
    object-fit: cover;
    
}
/* VERSÕES VEICULOS 0KM */
.versoes-0km .elementor-loop-container.elementor-grid {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.versoes-0km .elementor-loop-container.elementor-grid div {
    max-width:230px
}
@media (max-width:370px){
	.cores-veiculo-container {
		gap:10px !important
	}	
}
@media (max-width:350px){
	.nome-cor-veiculo {
    	padding: 0 !important;
    	max-width: 100px !important;
    	min-width: 100px !important;
	}
}

.active-car {
    outline: 2px solid #a7a7a736;
    border-radius: 2px 2px 0 0;
}