body {
    color: rgb(0, 0, 118);
}

.containerPral {
    background-color: rgb(195, 246, 255);
    border-color: rgb(0, 0, 255);
    
}

.cubix {
    height: 150px;
    width: 25%;
    background-color:rgb(251, 200, 105);
    margin: 30px;
    padding: 15px;

}

.cubix h1 img {
    padding-top: 15px;
    border-radius: 40px;
    width: 90%;
    max-height: 100px;
}

.cubix:hover {
    background-color: orange;

}
#cubo1-1 {
    border-radius: 60px 20px 5px 20px;
}

#cubo1-2 {
    border-radius: 20px 20px 5px 5px;
}

#cubo1-3 {
    border-radius: 20px 60px 20px 5px;
}

#cubo2-1 {
    border-radius: 20px 5px 5px 20px;
}

#cubo2-2 {
    border-radius: 5px 5px 5px 5px;
    background-color:rgb(195, 246, 255);
    margin: 0;
    height: fit-content;
}

#cubo2-3 {
    border-radius: 5px 20px 20px 5px;
}
#cubo3-1 {
    border-radius: 20px 5px 20px 60px;
}

#cubo3-2 {
    border-radius: 5px 5px 20px 20px;
}

#cubo3-3 {
    border-radius: 5px 20px 60px 20px;
}

.txtAvisoReg {
    background-color: rgb(174, 217, 255);
    margin-bottom: 0px;
}

#saludo, #frm-login{
    border: 1px;
    border-style: solid;
    border-color: rgb(174, 217, 255);
    padding: 10px 5px 0px 5px;
    min-height: 20px;
}

#avisoTop {
    border-radius: 50px 50px 0px 0px;
}

#avisoBottom {
    border-radius: 0px 0px 50px 50px;
}

#saludo {
    padding: 20px 5px 0px 5px;
}

.unDo {
    color: brown;
}

.unDo:hover {
    color: red;
    font-weight: bold;
}

@media (max-width: 1100px){
    #cubo3-2 {
        background: none;
    }
    
    
}

@media (max-width: 858px){
    .cubix {
        height: 100px;
    }
    
    #cubo1-2, #cubo3-2, #cubo2-1, #cubo2-3 {
        display:none;
    }
    #cubo2-2 {
        margin: -30px 20px;
        height: fit-content;
    }

    

}