/*IMPORTANTE!*/
/*A TELA MODAL DO CARRINHO, É UTILIZADO OS LINKS EXTERNOS DA BOOTSTRAP INSERIDOS NO MASTERPAGE*/ 

/*ESTAS DEMAIS CONFIG PERTENCEM AO MODAL INFORMATIVO*/
.modal-img-image {
    display: block;
    margin: 0 auto; /* Alinha a imagem ao centro */
    width: 60%; /* Garante que a imagem não ultrapasse o contêiner */
    height: 60%; /* Garante que a imagem não ultrapasse o contêiner */
    max-width: 70%; /* Garante que a imagem não ultrapasse o contêiner */
    max-height: 70%; /* Garante que a imagem não ultrapasse o contêiner */
    object-fit: contain; /* Mantém as proporções da imagem */
}

.modal {
    width: 100%; /* Garante que a imagem não ultrapasse o contêiner */
    height: 100%; /* Garante que a imagem não ultrapasse o contêiner */
}

@media screen and (max-width: 900px) {
    .modal-img-image {
        width: 100%; /* Garante que a imagem não ultrapasse o contêiner */
        height: 100%; /* Garante que a imagem não ultrapasse o contêiner */
    }
}