*{
    @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap')
}



*{
    margin: 0%; padding: 0%;
    box-sizing: border-box;
    outline: none; border: none;
    text-transform: capitalize;
    transition: all .2s linear;
}

.container{
    display:flex ;
    justify-content: center;
    align-items:center ;
    padding: 25px;
    min-height: 100vh;
    padding: 70px;

}

#imagen-fondo{
    background:linear-gradient(rgba(136, 170, 117, 0.432), rgba(63, 76, 109, 0.432)),
    url(../IMG/FONDO2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
    background-attachment: fixed;
    background-size: cover;
}

.container form{

    padding: 20px;
    width: 700px;
    background: floralwhite;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

}

.container form .row{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.container form .row .col{
    flex: 1 1 250px;
}

.container form .row .col .TITULO{
    font-size: 20px;
    color: #333;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.container form .row .col .imputBox span{
    margin: 5px;
    display: block;
}

.container form .row .col .imputBox input{
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 15px;
    font-size: 15px;
    text-transform: none;
}

.container form .row .col .imputBox input:focus{
    border: 1px solid orangered;
}

.container form .row .col .flex{
    display: flex;
    gap: 15px;
}

.container form .row .col .flex .inputBox{
    margin-top: 5PX;
}

.container form .row .col .inputBox img{
    height: 34px;
    margin-top: 5px;
    filter: drop-shadow(0 0 1px #000);
}

.container form .submit-btn{
    width: 100%;
    padding: 12px;
    font-size: 17px;
    background: #43E090;
    color: #fff;
    margin-top: 5px;
    cursor: pointer;

}

.container form .submit-btn:hover{
    background: #43E05B;



}