.modal-mensaje-body{
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-rows: 1fr;
    align-items: center;
    height: 180px; 
    width: 100%; 
}

.div-imagen{
    display: flex;
    justify-content: center;
}

.img-modal-mensaje{
    grid-column: 1;
    max-width: 150px;
    height: auto;
}  

.titulo-mensaje{
    font-size: 2rem;
    line-height: 3rem;
}

.texto{
    width: 100%;
}



@media (max-width: 400px) {

    .modal-mensaje-body{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        justify-items: center;
        height: auto;
    }

    .img-modal-mensaje{
        grid-column: 1;
        max-width: 25%;
    }  

    .titulo-mensaje{
        font-size: 2rem;
        line-height: 2rem;
        margin: 0%;
        text-align: center;
    }

    .descrip-mensaje{
        text-align: center;
    }
        
}