*{
            margin: 0;
            padding: 0;
        }

        .mfondo{
            height: 100vh;
            width: 100%;
            background: rgb(0,0,2,0.4);
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            align-items: center;
            justify-content: center;
            
        }
        
        .modal{
            background: white;
            position: absolute;
            border-radius: 15px;
            padding: 15px;
            border: 1px solid rgb(126,194,77);
            height: 450px;
            width: 500px;   
            
        }
.Mod_Normal{
      height: auto;       
}

.Mod_hv80{
    height: 80vh;
}

.Mod_ap80{
    width: 80%;
}
.Mod_hv90{
    height: 90vh;
}

.Mod_ap90{
    width: 90%;
}

.Mod_1{
    width: 250px;
    height: auto;
    
    
}

.mcontenidoMensaje{
    max-height: 500px;
    overflow: auto;
}


.mod_close{
    position: absolute;
    right: 5px;
    top: 5px;
    height: 30px;
    width: 30px;
    cursor:pointer;
    
}

.tamAncho360_720{
    width: auto;
    max-width: 360px;
}

.tam80{
    width: 80%;
    min-width: 250px;
}

.msj_450{
    width: 360px;
}


.mX_95{
    padding: 5px;
    border-radius: 50px;
    position: relative;
    left: 95%;
    cursor:pointer;
    
}


.mtitulo{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    
}

.mfooter{
    display: flex;
    align-content:  center;
    justify-content: center;
    margin-top: 20px;
    overflow: auto;
}

.tamAncho420_720{
    width: 420px;
    max-width: 420px;
    
}

@media screen and (max-width:360px){
    .movil_msj_80{
        width: 80%;
    }
}