html{

    font-size: 12px;

}



/* Menu */



.menu-personalizado{

    margin: 0;

    /*background-color: #b0ccff!important;*/
    background-color: #0078D7!important;

    border-radius: 0;

}



.menu-personalizado-2{

    text-align: center;

    /*background-color: #0a2a65!important;*/
    background-color: #004E8E!important;

    border-radius: 0;

}



.botao-lupa{

    border: 1px solid rgb(255, 255, 255)!important;

    color: #fff!important;

}

.botao-lupa:hover{

    background-color: #fff!important;

    color: #0a2a65!important;

    border: 1px solid #0a2a65!important;

}


.item-menu-personalizado {

    text-align: center;

}



.img-tumb img{

    width: 75px;

    border: 1px solid #ccc;

    border-radius: 5px;

    margin-bottom: 5px;

}





/*

*** pagina CONTATO

*/



.contato-cabecalho{

    background-color: #062d84;

}

.contato-info, .contato-texto{

    padding: 25px;

}

.contato-form{

    padding: 20px;

    border: 1px solid #ccc;

    border-radius: 5px;

}



/*

*** pagina BUSCA

*/



.busca-veiculo-por-placa{

    background-color: #2d4f99;

    border-radius: 5px;

    padding: 5px;

    color: #fff;

}



.produto-individual{

    background: #ffffff;

    padding: 10px;

    margin-top: 10px;

}



.produto-individual-img{

    width: 150px;

    height: auto;

    max-width: 150px;

    max-height: 150px;

    padding: 10px;

    float: left;

}

.produto-individual-preco{

    font-size: 20px;

}

.produto-individual-txt{

    padding: 5px;
    float: right;

}



.divisoria-altura{

    margin-top: -25px;

    margin-bottom: -10px;

}

.meu-carrinho-busca{

    margin: -15px 0;

}

.meu-carrinho-busca-2{

    margin: -10px 0;

}

.distancia{

    margin: 1rem!important;

}





/*

*** pagina LOGIN

*/



.background-degrade{

    background-image: linear-gradient(t45deg, #4258cf, #c750c0);

}





/*

*** pagina PRODUTOS INDIVIDUAL

*/



.info-laterais-individual{

    padding: 15px;
    border: #ccc 1px solid;
    border-radius: 5px;
    margin-bottom: 10px;
}




.card-body img{

    width: 100%;

    max-width: 300px;

}



.tabela-caracteristicas{

    border-collapse: collapse;

    width: 100%;

}

.tabela-caracteristicas td, .tabela-caracteristicas th {

    border: 1px solid #dddddd;

    text-align: left;

    padding: 15px;

}

  

.tabela-caracteristicas th{

    background-color: #ebebeb;

    width: 20%;

}



.tabela-caracteristicas td{

    background-color: #f5f5f5;

}



.tabela-caracteristicas tr:nth-child(even) {

    background-color: #dddddd;

}



  /*   zoom na imagem     */

/*

#box{

    overflow: hidden;

    width: 500px;

    height: auto;

}*/



/*.zoom{

    transform-origin: center center;

    object-fit: cover;

    height: 100%;

    width: 100%;

}*/





.zoom{

    overflow: hidden;

}



.zoom img{

    max-width: 100%;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.zoom:hover img{

    -moz-transform: scale(1.5);

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

}





/*

*** pagina CARRINHO

*/



.img-produto-carrinho{

    width: 100%;

    max-width: 100px;

}

.icone-adc{

    float: inline-end;

}

.background-white{

    background-color: #fff;

    padding: 15px 0;

}

.maior-890{

    display: none;

}

.menor-890{

    display: block;

}



/*

*** pagina CONFIRMACAO

*/



.divisoria-vertical{

    border-right: 1px solid #ccc;

}



.tabela-carrinho{

    background-color: #fff;

    padding: 15px 0;

    

}

.center{

    text-align: center;

}



.maior-991{

    display: block;

}

.menor-991{

    display: none;

}



.maior-890{

    display: block;

}

.menor-890{

    display: none;

}



.produto-individual {

    border-bottom: 1px solid #ececec;
    margin-top: 10px !important;
}



.produto-individual:hover {

    cursor: pointer;

    border: none !important;

    --background: #fcfcfc;

    border-top: 1px solid #ececec;

    border-left: 1px solid #ececec;

    border-right: 1px solid #ececec;

    box-shadow: 0px 0px 8px 5px rgba(236,236,236,1);

    -webkit-box-shadow: 0px 0px 8px 5px rgba(236,236,236,1);

    -moz-box-shadow: 0px 0px 8px 5px rgba(236,236,236,1);

    

}



.pedido-destacado:hover {

    cursor: pointer;

    border: none !important;

    --background: #007bff;

    border-top: 1px solid #007bff;

    border-left: 1px solid #007bff;

    border-right: 1px solid #007bff;

    box-shadow: 0px 0px 8px 5px rgba(0,123,255,1);

   -webkit-box-shadow: 0px 0px 8px 5px rgba(0,123,255,1);

   -moz-box-shadow: 0px 0px 8px 5px rgba(0,123,255,1);

    

}



.financeiro-destacado:hover {

    cursor: pointer;

    border: none !important;

    --background: #007bff;

    border-top: 1px solid #007bff;

    border-left: 1px solid #007bff;

    border-right: 1px solid #007bff;

    box-shadow: 0px 0px 8px 5px rgba(0,123,255,1);

   -webkit-box-shadow: 0px 0px 8px 5px rgba(0,123,255,1);

   -moz-box-shadow: 0px 0px 8px 5px rgba(0,123,255,1);

    

}



/*

##################

        LAYOUT RESPONSIVO

##################

*/

@media screen and (max-width: 991px) {

    .maior-991{
        display: none;
    }

    .menor-991{
        display: block;
    }



  }



@media screen and (max-width: 890px) {

    .maior-890{

        display: none;

    }

    .menor-890{

        display: block;

    }

  }

  .btn-adc-carrinho-busca{

    /*text-align: right;

    margin-right:-70px;

    margin-top:-40px;*/
    float: left;
    margin-top: -25px;
    margin-left: 70px;

}



.inputQtdeX{
    width: 40px;
}

@media screen and (max-width: 991px) {
    .info-laterais-individual{
        width: 100%;
    }
    #menu  {  	
        width: 100%;
    } 
    #contents  {  	    
        width: 100%; 
    }
}

@media screen and (max-width: 576px) {

    .comeco-user{
        margin-top: 20px;
        margin-right: 20px;
    }

    .produto-individual-img{

        width: 100%!important;

        height: auto;

        max-width: 100%;

    }

}

@media screen and (max-width: 768px){
    
}

/* Estilo para o contêiner */
.image-container {
    width: 100px;    /* Defina a largura desejada */
    height: 80px;   /* Defina a altura desejada */
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* Estilo para a imagem com AspectFit */
.aspect-fit {
    width: 100%;
    height: 100%;
    object-fit: contain;
}