.wrapper_colunas {
    display: flex !important;
    flex-direction: row;
    width: 100%;
   
}



.coluna1{
    flex: 0 0 50%;
    height: 460px;
    margin-right:10px;
    overflow: hidden;

}

.coluna2{
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    height: 460px;
    overflow: hidden;
}


.coluna3{
    flex: 0 0 25%;
    height: 460px;
    margin-left:10px;
    height: 460px;
    overflow: hidden;
}

.imagem1,.imagem4{
    height:460px !important;
    width:100%;
    border-radius:5px; 
}

.imagem2,.imagem3{
    transform: scale(1.1);
    width:100%;
    border-radius:5px;
    height:230px; 
    
}

.linha1{
    flex: 1;  
    overflow: hidden;
    margin-bottom: 5px;
    height: 230px;
}

.linha2{
    flex: 1;  
    overflow: hidden;
    margin-top: 5px;
    height: 230px;
}

.imagem1,.linha1,.linha2,.imagem4{
    
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* Suaviza transformações */


}

.imagem1:hover,.linha1:hover,.linha2:hover,.imagem4:hover{
    opacity: 0.9;
    transform: scale(1.02); /* Aumenta levemente a imagem */
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);  Adiciona uma sombra leve */
    
}
.full-link {
    display: block;
    width: 100%;
    height: 100%; /* Faz com que o link ocupe toda a altura da coluna */
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; /* Garante que o link esteja sobre a imagem */
}

.model-images{
    width:850px !important;
}
.tabela-model{
    border-style: solid;
    border-width: 3px;
    border-color: rgb(0, 0, 0);
    margin: 20px;
}
/* Estilos específicos para dispositivos móveis */
@media (max-width: 768px) {
    .wrapper_colunas {
        display: inline-block !important;
        width: 100% !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        align-content: center !important;
        justify-content: center !important;
        align-items: center !important;
        margin:10px !important;
        padding:10px !important;

    }

    .coluna1,.coluna2,.coluna3,.coluna4 {
        width: 100% !important; /* Imagem ocupa toda a largura */
       display:flex !important;
       flex-direction: column !important;
       align-content: center !important;
        justify-content: center !important;
        align-items: center !important;
        margin:0px !important;
        margin-bottom:10px !important;
        height:auto;
      
    }

    img.imagem1,img.imagem4,img.imagem2,img.imagem3{
        width:100% !important;
        height:auto !important;
        margin:0px !important;
        margin-bottom:10px !important;
        transform: scale(1) !important; 
    }

    .linha1, .linha2{
        height: 300px !important;
    }
}