@charset "utf-8";
/* CSS Document */

body{ background:#fff}
.bottom{border-bottom: 2px solid #3235a2;} 

a:hover {color:initial;}
a:visited {color:initial;}

label{ color: #232628; font-size:14px}

#topo {background:rgba(0,0,0,0.25);  }
#topo li{color:#ffffffcc}
#topo a {color:#ffffff;}
#topo a:hover { color:#eee;}

#header{opacity: 1;
    background: linear-gradient(135deg, rgb(0 0 0 / 50%) 25%, #57575714 25%) -10px 0 / 20px 20px, linear-gradient(225deg, rgb(0 0 0 / 50%) 25%, #57575714 25%) -10px 0 / 20px 20px, linear-gradient(315deg, rgb(0 0 0 / 50%) 25%, #57575714 25%) 0px 0 / 20px 20px, linear-gradient(45deg, rgb(0 0 0 / 50%) 25%, #57575714 25%) 0px 0 / 20px 20px;
    background-color: var(--cor-primaria);}

#header #alinhatopo {
    display: flex;                   /* Usando Flexbox para alinhar logo e ícones sociais */
    justify-content: space-between;  /* Coloca logo à esquerda e ícones sociais à direita */
    align-items: center;             /* Centraliza verticalmente */
    padding: 20px;                   /* Espaço em volta do conteúdo */
    height: 198px;
}

#header #alinhatopo #logo img {
    height: 130px;                   /* Altura do logo */
}

#header #alinhatopo #social_bar {
    display: flex;                   /* Flexbox para os ícones sociais */
    align-items: center;             /* Centraliza verticalmente os ícones */
    margin-right:20px;
}

#header #alinhatopo #social_bar a {
    background-color: #fff;     /* Fundo dos ícones */
    color: #000;                     /* Cor do texto dos ícones */
    border-radius: 50%;              /* Bordas arredondadas para forma circular */
    margin-left: 15px;               /* Espaçamento entre os ícones */
    width: 34px;                     /* Largura fixa para todos os ícones */
    height: 34px;                    /* Altura fixa para todos os ícones */
    display: flex;                   /* Usando Flexbox para centralizar o ícone */
    justify-content: center;         /* Centraliza o conteúdo horizontalmente */
    align-items: center;             /* Centraliza o conteúdo verticalmente */
    text-decoration: none;           /* Remove sublinhado */
    transition: all 0.3s ease;      /* Transição para hover */
}

#header #alinhatopo #social_bar a:hover {
    background-color: #000;  
    color:#fff;     /* Cor de fundo ao passar o mouse */
}

#header #alinhatopo #social_bar i {
    font-size: 18px;                 /* Tamanho do ícone */
}



#header_nav{ background-color: rgba(0,0,0,0.25); }
#header_nav li.ativo, #header_nav li:hover{  background-color:#d32e2e69}
#header_nav a li { color:#fff; }

#slide .img1 {background: url(../../slide/slide1.jpg); }
#slide .img2 {background: url(../../slide/slide2.jpg); }
#slide .img3 {background: url(../../slide/slide3.jpg); }
#slide .img4 {background: url(../../slide/slide4.jpg); }

#slide_int .slide_contato { background-image:url(../../imagem/back_home.jpg); }
#slide_int .slide_fin {background-image: url(../../imagem/slide_int3.jpg); }
#slide_int h1 {color:#fff; }

#bar_title {background-color:#EEE}
#bar_title h1{ color:#fff; }
#vitrine a{color:#2b2b2b}
#vitrine #carro #car_details {background-color:#ffffff} 
#vitrine #carro #car_details #box { border-bottom: 1px solid #c7c7c7;}
#vitrine #carro #car_details #title{ color: #2b2b2b; }
#vitrine #carro #car_details .preco { background-color: #ededed;}
#vitrine #carro #car_details .preco:before { background-color: #dadada;  }

.marca {font-family: "Montserrat";
    margin-top: 2px;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    text-align: left;}
.modelo {font-family: "Montserrat";
    overflow: hidden;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
    padding: 1px 0;
    color:var(--cor-modelo);}
.submodelo {
    display: block;
    font-size: 11px;
    line-height: 1.5rem;
    font-weight: normal;
}

.submodelotopo {
    display: block;
    font-size: 80%;
    line-height: 1.3;
    font-weight: normal;}

.busca {padding: 10px 15px;
    text-align: right;
    font-size: 14px;}

.busca select {padding:5px 15px; border-radius:5px; }

.busca img {height: 25px; opacity: 60%; margin: 0 6px 10px;}

.botaoestoque { background-color: #3235a2; color: #fff; }

#controle #leftc, #controle #rigthc{  border: 2px solid #fff; }
#controle #leftc:hover, #controle #rigthc:hover{ border: 2px solid #3235a2; color:#3235a2 }
#controle #ball { background-color:#999; }
#controle #ball.ativo { background-color:#3235a2 }

#empresa{ background-image: url(../../imagem/back_home.jpg) !important; } 
#empresa #texto{background-color:#000000c2; }
#empresa #texto:hover{background-color:#000000fa;}
#empresa #texto h2 { color:#fff; font-style: italic;}
#empresa #texto h3 { color:var(--cor-clara); }
#empresa #texto p { color:#fff; }
#empresa #texto p span { color:var(--cor-clara); }


#left #sidebar{background-color:#fff; }
#left #sidebar #sidebar_title {  background-color:#3235a2; color:#fff; }
#left .divsel {background-color: #eceff3; }
#left #reset {  background-color: #333; color: #fff; }

#rigth .divsel {background-color: #eceff3; }
#rigth .select:before { color: #333;  }
#rigth .select:hover:before { color: #3235a2 }

#rigth #lista #car_details #title a{ color: #666; }
#rigth #lista #car_details #title a:hover{ color:#3235a2}
#rigth #lista #car_details .preco { background-color: #3235a2; }
#rigth #lista #car_details .preco:before { background-color: #3235a2; }
#rigth #lista #car_details .preco .valor {color: #fff; }

#rigth #lista #car_details li{  color:#bbb; border-right: 1px solid #ccc; } 
#rigth #lista #car_details li .bold{ color:#666; }

#rigth_det #price{ background: linear-gradient(219deg, rgb(0 0 0 / 48%) 0%, rgb(255 255 255 / 11%) 74%, rgb(0 0 0 / 37%) 100%); background-color: var(--cor-saturada); color:#fff;  border-radius: 0 40px 0 0 ;}
#rigth_det #price #mini{ color:#fff; }
#rigth_det #bar{ background-color:#cdcdcd; }
#rigth_det #info{ background-color:#f0f2f5; border-radius: 0 0 40px 0; }
#rigth_det #info table tr td{border-bottom: 1px solid #d5d9e0; }
#rigth_det #info table tr td.t-label { color: #1e1e1e; }


#contato_det #bar_black{ width:100%; background-color:#232628;}
#contato_det #bar_black #tituloddet{ background-color:#fff; border-top: 5px solid #232628; }
#contato_det #left-contato {background-color: #fff; border-right: 1px solid #ddd}
#contato_det #left-contato .icontext h4 { color:#232628}
#contato_det #left-contato .icon {color: #3235a2; }
#contato_det #left-contato .icontext {color:#666; } 
#contato_det #left-contato .icontext a{color:#666}


#fin h2{ color: #3235a2; border-bottom: 1px solid #ddd; }
#fin .form-group .divsel { background-color: #eceff3; }
#fin .form-group .select:before { color: #333; }
#fin .form-group .select:hover:before { color: #3235a2 }

#left-contato { }
#left-contato .icon {color: var(--cor-primaria); }
#left-contato .icontext { color:#888} 
#left-contato .icontext a{color:#888} 
#left-contato .icontext h4 { color:#232628}

#rigth-contato{ background-color:#fff; }


#footer {background-color: rgb(0 0 0); opacity: 1.8; background-image: repeating-radial-gradient(circle at 0 0, #00000078 0, #000000 10px), repeating-linear-gradient(#bfbfbf55, #000000); }
#footer #footer_main #footer_logo img{ height:85px; } 
#footer #footer_main #base { border-top: 1px solid rgba(255,255,255,0.15); }
#footer #footer_main #base .copyright-text { color:#aaa; } 
#footer #footer_main #base .copyright-socials li{  color:#aaa}
#footer #footer_main #base .copyright-socials li .fa {  color:#fff }

#left_control{background-color: #333; }
#rigth_control{background-color: #333; }




:-moz-any(.select):before { background-color: #fff; }
.select { background-color: #fff; border: 1px solid #ccc;  }
#left .select:before { color: #333; }
#left .select:hover:before { color: #eeeeee }
.select > select { background-color: transparent; color: #333; }

input, textarea {
    color: #888888;
    border: 2px solid #eceff3;
    background-color: #eceff3; 
	} 

input:focus, textarea:focus{
	border: 2px solid #e6e6e6;
	background: #fff
}

input[type="submit"], button, .button, .load-more-btn {
    color: #fff !important;
    background-color: #eeeeee;
}



.item:nth-child(1) { background: url(../../slide/slide1.jpg) center no-repeat; }
.item:nth-child(2) { background: url(../../slide/slide2.jpg) center no-repeat; }
.item:nth-child(3) { background: url(../../slide/slide3.jpg) center no-repeat; }
.item:nth-child(4) { background: url(../../slide/slide4.jpg) center no-repeat; }

.carousel-control.left, .carousel-control.right  { background: none !important}
.carousel-fade .active{ background-color:#eeeeee}

.destaque { color:#eeeeee}
.filter {border-bottom: 1px solid #ddd;}

.small{ display:none}
.filter {border-bottom: 1px solid #ddd; height:90px}

.whatsapp-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px!important; /* Largura do ícone do WhatsApp */
    height: 60px!important; /* Altura do ícone do WhatsApp */
    border-radius: 50%; /* Formato circular */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Garante que o ícone fique acima de outros elementos */
    animation: slideIn 0.5s ease forwards; /* Aplica a animação ao botão */
}

.whatsapp-icon img {
    width: 50px; /* Largura da imagem do ícone */
    height: 50px; /* Altura da imagem do ícone */
}

td li {    margin-left: -20px;
    font-size: 14px;}

    .proposta {padding: 8px 10px;
      
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.3rem;
        box-shadow: 3px 3px 0px 0px rgb(0 0 0 / 10%);
        background-color: var(--cor-botao);
    }

    .proposta:hover {
        filter: drop-shadow(3px 4px 1px #00000063);
        color: #fff;
    }

    .endfooter {color:#FFF; font-size: 14px; text-align: center;}
    .endfooter a {color:#FFF; font-size:18px;}

    .map-container {max-width: 100%; overflow: hidden; border:0; }
    .map-container iframe { width: 100%; height: 360px; }

    .gps {display:none;}
    .profiler img {height:21px; float: left; padding: 0 }
    .carrosp img {height:21px; float: left; padding: 0 20px;}

    #toggleFilter {display: none;}

    select {color: #474747;  margin-left: 10px; border: solid 2px #e6e6e6;background-color: #fff;}

    #alinhatopo {display: flex; justify-content: space-between; align-items: center;}

    .share {    position: absolute;
        top: 20px;
        right: 25px;
        background: #007fffd9;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 12px;
        cursor: pointer;
        font-size: 16px;
    }


    #slider {
        max-height: 541px;
        overflow: hidden;
    }
    
    .slidecar {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        min-width: 100%;
        max-height: 541px; /* Isto garante que a altura do slide não ultrapasse o máximo */
        overflow: hidden; /* Para esconder qualquer parte da imagem que for além do contêiner */
    }
    
    .slidecar img {
        width: auto;
        height: 100%; /* Ajusta a altura da imagem para ocupar totalmente o contêiner */
        max-height: 541px; /* Garante que a imagem não ultrapasse a altura máxima */
        object-fit: cover; /* Mantém a proporção da imagem enquanto preenche o contêiner */
        border-radius: 40px 0;
    }

    .face-footer {text-align:right;}
    .fb_iframe_widget iframe {border-radius: 20px 20px 0 0;}
    .crown {
        display: inline-flex;
        position: relative;
        width: 12px; /* Largura reduzida */
        height: 3.5px; /* Altura reduzida da base da coroa */
        background-color: #740d77;
        margin: 0 3px 0 0;
        border-radius: 1.5px 1.5px 0 0; /* Ajuste proporcional do raio */
    }
    
    .crown:before, .crown:after {
        content: "";
        position: absolute;
        top: -6px; /* Altura reduzida das pontas */
        width: 5.25px; /* Largura reduzida das bases dos triângulos */
        height: 7.5px; /* Altura reduzida das pontas */
        background-color: #740d77;
    }
    
    .crown:before {
        left: 0;
        clip-path: polygon(0 0, 0 100%, 100% 100%); /* Triângulo esquerdo com lateral externa reta */
    }
    
    .crown:after {
        right: 0;
        clip-path: polygon(0 100%, 100% 100%, 100% 0); /* Triângulo direito com lateral externa reta */
    }
    
    .crown .middle {
        position: absolute;
        top: -7.5px; /* Altura reduzida da ponta do meio */
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 3px solid transparent; /* Largura proporcional das bordas do triângulo do meio */
        border-right: 3px solid transparent;
        border-bottom: 8px solid #740d77; /* Altura reduzida da ponta do meio */
    }

    .topo-mapa {
        background-color: var(--cor-primaria);
        padding: 10px 20px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        text-transform:uppercase;
    position:relative;}

        .topo-mapa svg { height: 16px; padding: 0 4px 0 0;}

        .vendido {
            height: 400px;
            text-align: center;
            padding: 60px;
            font-size: 22px;}
        
            .vendido span {
            color: var(--cor-primaria);
            font-size: 40px;
            font-weight: 700;}
        
            .vendido svg {width:130px;}
        
            .vendido a {background-color: var(--cor-botao);text-align:center; padding:10px 12px; font-size:16px;border-radius: 5px; filter: drop-shadow(2px 2px 3px #a5a5a5); line-height: 8rem;}
            .vendido a:hover {background-color: var(--cor-clara);}

           .nao-encontrado {text-align: center;
    font-size: 22px;
    color: #383838;
margin: 100px }
h2#titulo-pesquisa {
    margin: 40px 0 0 15px;
}

.text-resultados {
    font-size: 16px;
    color: #5e5e5e;
}

.text-busca {
    font-size: 18px;
    color: #d30221;
}

  
/* Ajustes mobile */
@media (max-width: 1140px) {

    h2#titulo-pesquisa {
    margin: 20px 0 20px 15px;
}

         .nao-encontrado {
margin: 100px 28px; }

 #header #alinhatopo #logo img {height: 80px; }
 
 #header #alinhatopo {height: 120px;}

#rigth_det #info  {border-radius: 0;} 

.slidecar img {border-radius: 0;}
.slidecar {aspect-ratio: 4 / 3;}

#rigth_det #price {border-radius: 0;}

#toggleFilter img {height: 18px;}

select {margin: 0px;}

.busca img {display:none;}

#toggleFilter {display: inline; width: 90%; padding: 10px 0; background-color: #ffd200; color: #000 !important;}

.botaofiltrar {margin: 15px 0; text-align: center;}

#filter {
    display: none; /* Esconde o filtro por padrão */
    transition: all 0.5s ease; /* Para suavizar a transição */
}

#filter.show {
    display: block; /* Mostra o filtro quando a classe 'show' está presente */
}

.map-container {margin: 0;}
.map-container iframe {height: 200px; text-align: center;}

.gps   {display: inline; padding: 15px 15px 15px 15px; background-color: #ffe1df; color: #212121!important ;cursor: pointer; transition: background-color 0.3s;font-size: 15px; font-weight: bold; position: absolute;
    margin: 10px 45px 0 0; right: 0;  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; border:0; text-transform: none; line-height: 1.6; border-radius: 0 !important; }
.gps svg {display: inline; color:#db0000; vertical-align: middle; font-size: 1.8rem;}

.endfooter {font-size: 16px;}

    .proposta {margin-right: 20px; font-size:1.4rem;}

    #topo a {font-size: 16px;}

	#header .sidebar_min .fa {  color: #FFF; } 
	#header #logo img{ height:120px}
	#footer #footer_main #footer_logo img{ height:85px; }
	.g-recaptcha {display:none;}

    .busca {
        display: flex;
        flex-direction: column;
        align-items: center; 
        display: relative;
        text-align: center;
    }

    .busca select {
        width: 90%; /* Define a largura para 90% */
        margin-bottom: 10px; /* Espaçamento entre os campos */
        padding: 10px; /* Adiciona um pouco de espaço interno */
        font-size: 16px;
    }

    .marca {font-size: 14px!important;}
    .modelo {font-size: 16px!important;}
    .submodelo {font-size: 13px!important;}

    .whatsapp-icon {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 60px; /* Largura do ícone do WhatsApp */
        height: 60px; /* Altura do ícone do WhatsApp */
        border-radius: 50%; /* Formato circular */
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000; /* Garante que o ícone fique acima de outros elementos */
        animation: slideIn 0.5s ease forwards; /* Aplica a animação ao botão */
    }

    .whatsapp-icon img {
        width: 60px; /* Largura da imagem do ícone */
        height: 60px; /* Altura da imagem do ícone */
    }
    #bar_title {background-color: #fff;}
}