/*	cores do projeto */
:root{
	--corBg:#EEE;
	--corBase:#2C2E35;
	--corBranco:#FFF;
	--corCinza:#E6E6DD;
	--corCinzaEscuro:#B6B69A;
	--corAmarelo:#E1BF00;
	--borderRadius:5px;
}
	
/*	global */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");
body{ font-family: 'Montserrat', sans-serif; color:var(--corBase) !important; background:var(--corBg); font-size:14px;}
.clear{ clear:both; width:100%; font-size:1px;}
.fontzero{ margin:0; padding:0; font-size:0em;}
a,a:hover{ text-decoration:none !important; color:var(--corBase) !important;}
ul,li{ margin:0; padding:0; list-style:none;}
img{ max-width:100%;}
.erro{ padding:50px !important;}
.interna .compartilhamento .mobile,
.mobile{ display:none !important;}
.input50{ display:inline-block !important; width:48%;}

.padding-none{ padding:0;}
.padding-top{ padding-top:0;}
.padding-right{ padding-right:0;}
.padding-bottom{ padding-bottom:0;}
.padding-left{ padding-left:0;}

.red{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #842029; background-color: #f8d7da; border-color: #f5c2c7;}
.yellow{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #664d03; background-color: var(--cor_fonte)3cd; border-color: #ffecb5;}
.green{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #0f5132; background-color: #d1e7dd; border-color: #badbcc;}

::-webkit-input-placeholder{ color: #999 !important; font-size:13px;}
:-moz-placeholder{ color: #999 !important; font-size:13px;}
:-ms-input-placeholder{ color: #999 !important; font-size:13px;}

.btn-padrao,
.btn-padrao:hover,
.btn-padrao:focus{ width:100%; background:var(--corBase) !important; border-color:var(--corBase) !important; color:var(--corBranco) !important;}

body.modal-open{overflow: visible;}
.scroll-top{ background:var(--corBase) !important;}
.lg-backdrop{ z-index:999999999 !important;}
.lg-outer{ z-index:9999999999 !important;}

/*	Scroll top button */
.scroll-top{ position:fixed; visibility:hidden; opacity:0; right:15px; bottom:15px; z-index:99999; padding:8px 10px; background:var(--corBase); border-radius:50px; transition:all 0.4s;}
.scroll-top i{ font-size:24px; color:var(--corBranco) !important; line-height:0;}
.scroll-top:hover{ background:var(--corBase); color:var(--corBranco);}
.scroll-top.active{ visibility:visible; opacity:1; bottom:15px;}

/* acessibilidade */
.acessibilidade-footer{ position:fixed; top:50%; right:0; z-index:9;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.acessibilidade-footer a{ display: block; text-align: center; padding:15px 5px; transition: all 0.3s ease; color: #FFF !important; font-size: 18px; cursor:pointer;	}
.icon-bar a:hover{ background-color: #ddd; color:#333 !important;}	
.facebook{ background: #3B5998; color: white;}	
.instagram{ background: #E1306C; color: white;}	
.whatsapp{ background: #25d366; color: white;}	
.contraste{ background: #A4A712; color: white;}
.acessibilidade{ background: #063d8d; color: white;}

/* mapa do site */
.mapa-do-site{ margin-bottom:20px;}
.mapa-do-site h2{ font-size:20px;}
.mapa-do-site ul{ padding:10px; border:1px solid #CDCDCD; border-radius:5px; text-align:left !important;}
.mapa-do-site ul li{ padding:10px 5px; border-bottom:1px solid #CDCDCD;}
.mapa-do-site ul li:last-child{ border:none;}
.mapa-do-site ul h1{ margin:0; font-size:14px;}

/* zoom imagem */
.z-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.z-img:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* erro */
.erro{ margin-bottom:50px; padding:0 !important;}
.erro h2{ padding:30px; background:var(--corCinza); text-align:center; font-size:16px;}
.erro ul{}
.erro ul li{ margin-bottom:10px; padding-bottom:10px;}
.erro ul li h1{ font-size:15px !important;}

/* placeholder gradiente */
.placeholder_bg{
  background: linear-gradient(90deg, #eee, #ccc, #eee);
  background-size: 150% 150% !important;
  animation: gradient-animation 1s ease-in-out infinite alternate both;
}
@keyframes gradient-animation {
  0% { background-position: right top; }
  50% { background-position: left bottom; }
  100% { background-position: right top; }
}

/* pagination */
.pagination{ margin:30px 0;}
.pagination .page-item{ margin:0 !important; padding:0 !important;}
.pagination a{ color:#222933 !important; border:1px solid var(--corBase) !important;}
.pagination .active a{ background:var(--corBase) !important; color:var(--corBranco) !important;}

/* desktop */

/* global */
.titulo{ margin-bottom:20px; padding:30px;}
.titulo .span{ display:inline-block; margin:0 !important; margin-left:20px; padding:10px; background:#000; color:#FFF; font-size:23px; text-transform:uppercase;}

/* libras */
div[vw]{ top:10% !important; right:-4px !important;}
[vw] [vw-plugin-wrapper].active{ margin-top:250px !important;}
[vw] [vw-access-button] img.access-button, [vw] [vw-access-button] img.pop-up{ display:none !important;}

/* top */
.top{ background:var(--corBase); padding:10px 0; color:var(--corBranco) !important; font-size:13px;}
.top .horario{ display:inline-block;}
/* tablet */
@media only screen and (min-width: 991px){
	.top .redes{ display:flex; justify-content:end; align-items:center; text-align:right;}
}
.top .horario a,
.top .redes a{ display:inline-block; padding:3px 7px; color:var(--corBranco) !important;}

/* header */
header{ padding:10px 0; background:var(--corBranco) !important;}

/* menu */
.menu{ text-align:center;}
.menu nav li{ display:inline-block; padding:15px 30px 10px 30px;}
.menu nav li h1{ font-size:16px;}
.menu nav li h1 a{ color:var(--corBase) !important;}

.menu nav li.dropdown{ position:relative;}
.menu nav li.dropdown:hover .submenu{ display: block;}
.menu .submenu{ display:none; position:absolute; z-index:2; padding-top:10px; background:var(--corCinza); border-radius:var(--borderRadius);}
.menu .submenu li{ padding:5px 10px !important;}
.menu .submenu li h1 a{ font-size:14px;}

.sticky{ position:fixed; top:0; z-index:2; padding:10px 0; width:100%; background:var(--corBase); box-shadow: 0px 10px 15px -3px rgba(255,255,255,0.1);}
.sticky img{ height:50px;}
.sticky nav li{ display:inline-block; padding:10px 0 0 50px;}
.sticky .menu nav li h1 a{ color:var(--corBranco) !important;}

/* estoque */
.estoque form{ padding:20px; background:var(--corBase); color:var(--corBranco);}
.estoque form h2{ margin-bottom:20px; font-size:18px;}
.estoque form .btn{ display:inline-block !important; float:right; margin-right:5px; width:auto !important; background:var(--corBranco) !important; color:var(--corBase) !important;}
.estoque form select{ font-size:15px;}

.estoque .listaEstoque{ margin:20px 0;}
.estoque .listaEstoque li{ margin-bottom:20px; padding:5px;}
.estoque .listaEstoque li .cerca .image{ margin-bottom:5px;}
.estoque .listaEstoque .a{ margin:0 0 5px 0;}
.estoque .listaEstoque .a .l{ padding-left:5px; font-size:15px; text-align:left;}
.estoque .listaEstoque .a .r{ background:#000 url(../img/bg/bg-preco.png) top left no-repeat; color:#FFF;}
.estoque .listaEstoque .a span{ padding:8px 0; display:inline-block; text-align:center; font-size:13px; font-weight:700;}
.estoque .listaEstoque p{ padding:3px 10px; font-size:14px;}
.estoque .listaEstoque .e span{ display:inline-block; width:32.5%; background:#CCC; padding:8px 0; text-align:center; font-size:13px; font-weight:700;}
.estoque .listaEstoque .e span.primeira,
.estoque .listaEstoque .e span.meio{ border-right:1px solid #FFF;}

/* reviews */
.reviews{ padding:10px 0; background:var(--corBase); color:var(--corBranco);}
.reviews h1{ text-align:center; font-size:25px;}
.reviews h2{ margin-bottom:40px; text-align:center; font-size:20px; color:var(--corAmarelo);}
.reviews h2 .btn{ background:#FFF; color:#333 !important; border:10px;}
.indi-review{ margin:20px; padding: 20px; height: auto; text-align:center;}
.stars{ color: #f2b01e; font-size: 30px !important;}
.indi-review h1{ font-size:20px;}
.indi-review h2{ font-size:15px;}

/* banner meio */
.banner-meio{ padding-top:30px;}
.banner-meio .carousel-item{ text-align:center !important;}
.banner-meio img{ margin:0 auto; width:auto !important; height:290px;}

/* mapa */
.mapa iframe{ width:100% !important; height:450px;}
.interna iframe{ width:100% !important;}

/* empresa */
.empresa img{ margin-bottom:20px;}
.empresa .txt{ margin-bottom:30px;}
.empresa .txt h2{ font-size:25px;}

.fotos_equipe{ padding:20px; background:var(--corBase); color:var(--corBranco);}

#main-carousel,
#main-carousel2,
#main-carousel3{ margin-bottom:5px !important;}
.splide__slide{ position:relative;}
.splide__slide img{ width:100%; height:100%; object-fit:cover;}
.splide__slide h1{ position:fixed; z-index:10; padding:10px; bottom:0; font-size:15px; background:rgba(0,0,0,.8); color:#FFF;}
.splide__track--nav>.splide__list>.splide__slide.is-active{ border:none !important;}

.campanhas{ padding:20px;}

/* interna */
.interna{ padding-bottom:50px; min-height:600px;}
.interna .titulo-materia h1{ font-size:28px; line-height:35px;}
.interna .titulo-materia h1 span{ display:block; padding:15px; text-transform:uppercase; border-radius:var(--borderRadius);}

.interna .l .telefone,
.interna .l .email,
.interna .l .horario{ padding:10px 0; font-size:16px;}

.interna .financiamento .veiculos{ font-size:15px;}
.interna .financiamento .cerca{ padding:10px; border:1px solid var(--corCinzaEscuro);}
.interna .financiamento .cerca h3{ font-size:20px;}

.interna #main-carousel{ margin-bottom:5px !important;}
.interna .splide__slide{ position:relative;}
.interna .splide__slide img{ width:100%; height:100%; object-fit:cover;}
.interna .splide__slide h1{ position:fixed; z-index:10; padding:10px; bottom:0; font-size:15px; background:rgba(0,0,0,.8); color:#FFF;}
.splide__track--nav>.splide__list>.splide__slide.is-active{ border:none !important;}

.interna .l .txt{ color:var(--corBase) !important;}
.interna .l .txt a{ color:var(--corBase) !important; text-decoration:underline !important;}

.interna .valor{ padding:10px; background:#ff2117; color:var(--corBranco); font-size:25px; text-align:center;}

.interna .compartilhamento{ display:inline-block; margin:5px 0 10px 0; width:100%; font-size:18px;}
.interna .compartilhamento a{ display:inline-block; padding:5px 20px; font-size:15px !important; cursor:pointer; color:var(--corBranco) !important;}
.interna .whatsapp{ background:#25d366;}
.interna .telegram{ background:#5ea8e3;}
.interna .facebook{ background:#227bef;}
.interna .twitter{ background:#000;}
.interna .voltar{ float:right; display:inline-block; padding:10px; background:#000; color:#FFF; font-size:23px; text-transform:uppercase;}

.interna .dados-lista{ margin-top:10px;}
.interna .dados-lista li{ padding:10px 0; border-bottom:1px solid var(--corCinzaEscuro);}
.interna .dados-lista li span{ display:inline-block; float:right;}

.interna .accordion{ margin-top:20px; background:var(--corCinzaEscuro);}
.interna .accordion .alerta{ margin-bottom:10px;}
.interna .accordion .accordion-item,
.interna .accordion .accordion-button{ background:none !important; border-radius:0;}
.interna .accordion .w::after{ background:none !important;}

.interna .dados-veiculo{ margin-top:50px;}
.interna .nav-pills .active{ background:var(--corBase); color:var(--corBranco) !important;}
.interna .minha-tab{ border:1px solid var(--corCinzaEscuro); margin-top:5px; padding:20px;}
.interna .minha-tab span{ display:inline-block; margin:5px; padding:5px; background:var(--corCinzaEscuro); border-radius:var(--borderRadius);}

.relacionados{ padding:20px 0; background:var(--corCinzaEscuro);}
.relacionados .slick{ margin-bottom:20px;}
.relacionados h2{ margin-bottom:20px; font-size:20px;}
.relacionados a{ display:inline-block; margin-right:10px;}
.relacionados .image img{ margin-bottom:10px; width:100%; min-height:280px;}
.relacionados .preco{ font-size:18px;}

.controles-slick{ text-align:center;}
.controles-slick .prev,
.controles-slick .next{ display:inline-block; padding:5px 10px; cursor:pointer; color:#fff !important; background:#333 !important; border:1px solid #ddd !important;}

/* footer */
footer{ background:var(--corBase); color:var(--corBranco) !important; font-size:14px; text-align:center;}

footer .menu_footer{ padding-top:20px; padding-bottom:20px;}
footer .menu_footer h1{ margin-bottom:10px; text-transform:uppercase; color:var(--corBranco) !important;}
footer .menu_footer a{ display:inline-block; margin-right:10px; color:var(--corBranco) !important;}

footer .direitos{ padding:10px;}
footer .direitos a{ color:var(--corBranco) !important;}

/* tablet */
@media only screen and (max-width: 990px){
	
	/* global */
	.web,
	.acessibilidade-footer{ display:none !important;}
	.mobile{ display:inline-block !important;}
	.menu nav li{ display:inline-block; padding:25px 0 0 15px;}
	.menu nav li h1{ font-size:13px;}
	.dir{ float:right;}
	iframe{ width:100% !important;}
	
	.close,
	.icone-menu{ display:none !important;}
	
	.es{ margin-bottom:30px;}
	
}

/* mobile */
@media only screen and (max-width: 579px){
	
	/* global */
	.web{ display:none !important;}
	.mobile{ display:inline-block !important;}
	
	.top{ margin:0; text-align:center; font-size:13px;}
	
	.top .logo{ padding:20px; text-align:center;}
	
	/* menu */
	.menu{ text-align:center;}
	.mobile-menu{ position:absolute; left:0; top:0; z-index:999; width:50%; transform:translateX(-100%); transition:transform 0.3s ease-in-out;}
	.icone-menu{ text-align:center; }
	.icone-menu a{ display:inline-block; padding:5px 10px; background:var(--corBase); color:var(--corBranco) !important; font-size:20px; border-radius:var(--borderRadius);}
	.menu .open{ transform: translateX(0);}
	.mobile-menu{ padding:20px; width:98%; background:var(--corBase);}
	.mobile-menu .close{ display:inline-block; float:right; margin-top:10px;}
	.mobile-menu .close a{ font-size:25px;}
	.mobile-menu .close a:hover{ background:none !important;}
	.mobile-menu a{ color:var(--corBranco) !important;}
	.mobile-menu nav li{ display:block; padding:10px;}
	.mobile-menu nav li h1{ font-size:20px;}
	.mobile-menu .submenu{ display:block; position:inherit; padding-top:10px; background:none;}
	.sticky .icone-menu{ padding-top:0px !important;}
	.menu nav li h1 a{ color:var(--corBranco) !important;}
	
	/* banner meio */
	.banner-meio img{ height:auto;}
	
	/* mapa */
	.mapa iframe{ width:100% !important; height:auto;}
	.interna iframe{ width:100% !important;}
	
	/* interna */
	.interna .compartilhamento .mobile{ display:inline-block !important;}
	
	/* acessibilidade */
	.acessibilidade-footer{ display:block !important; bottom: 0; top: auto; transform: translate(-50%, 0); left: 50% !important; right: auto; background: white; width: 100%; text-align: center; padding: 8px; display: block; position: fixed; z-index: 9999;}
	.acessibilidade-footer .acessibilidade,
	.acessibilidade-footer .contraste{ display:none;}
	.acessibilidade-footer .a{ padding:15px !important;}
	.acessibilidade-footer a{ display: inline-block; text-align: center; padding:15px 5px; transition: all 0.3s ease; color: #FFF !important; font-size: 18px; cursor:pointer;}
	.icon-bar a:hover{ background-color: #ddd; color:#333 !important;}	
	.facebook{ background: #3B5998; color: white;}	
	.instagram{ background: #E1306C; color: white;}	
	.whatsapp{ background: #25d366; color: white;}	
	.contraste{ background: #A4A712; color: white;}
	.acessibilidade{ background: #063d8d; color: white;}
	
}