/* =============================EsqueceuASenha?01============================= */
.modal-container03{
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.616);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2000;
    display: none;
    justify-content: center;
    align-items: center;
}
.modal-container03.mostrar03{
    display: flex;
}
@keyframes modal03{
    from {
        opacity: 0;
        transform: translate(0, -60, 0);
    }
    to {
        opacity: 1;
        transform: translate(0, 0, 0);
    }
}
.mostrar03 .modal03{
    animation: modal03 .9s;
}

.box4
{
    width: 350px;
    height: 270px;
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #b0daee;
    text-align: center;
    border-radius: 10px;
    border : none;
    box-shadow: 0 5px 45px rgba(0, 0, 0,0.35);
    padding: 2% 2%;
}

fieldset
{
   border: 3px double #90c1d6;
   border-radius: 10px; 
}

legend
{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 25px;
    color:#036494;
    text-shadow: 1px 2px 4px #337381;
    cursor: default;
}
para01{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 15px;
    text-align: left;
    color:#036494;
    cursor: default;
}
.box4 input[type=email]{
    background-color: #b0daee;
    display: flexbox;
    margin: 5px auto;
    text-align: left;
    border: 1.75px solid rgb(2, 132, 255);
    padding:  8px 14px;
    width: 282px;
    outline: none;
    color: #7c8081;
    border-radius: 10px;
    transition: 0.20s;
    margin-top: -5px;
    margin-left: 0px;
}
.box4 input[type = "email"]:focus
{
    border: 1.75px solid #011AD6;
    color: black;
}
para02{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 12px;
    text-align: left;
    color:#036494;
    cursor: default;
    margin-top: -10px;
}
.box4  input[type="button"]
{
    background-color: #00B7D5;
    margin: 11px auto;
    text-align: center;
    border: 1.5px solid #00B7D5;
    padding:  20px 22px;
    width: 200px;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
    color: rgb(255, 255, 255);
    border-radius: 10px;
    cursor: pointer;
    transition: 0.6s;
    align-items: center;
    
}

.box4  input[type="button"]:hover
{
    background: #b0daee;
    border-color: #00B7D5;
    color: #00B7D5;;
}


@media(max-width:500px){
    .modal-container03{
        background:#b0daee ;
    }
    .box4{
        box-shadow: none;
    }
    .legend0{
        top: -45px;
        left: 80px;
    }
    fieldset{
        border: none;
    }
    para01{
        position: absolute;
        left: 30px;
        top: -10px;
    }
    para02{
        position: absolute;
        left: 30px;
        top: 65px;
    }
    .box4 input[type=email]{
        top: 30px;
        left: 20px;
        position: absolute;
    }
    .box4  input[type="button"]{
        position: absolute;
        top: 80px;
        left: 80px;
    }

}
@media(max-width:360px){
    .legend0{
        top: -45px;
        left: 80px;
    }
    fieldset{
        border: none;
    }
    para01{
        position: absolute;
        left: 60px;
        top: -10px;
    }
    para02{
        position: absolute;
        left: 60px;
        top: 65px;
    }
    .box4 input[type=email]{
        width: 250px;
        left: 50px;
    }
    .box4 input[type="button"]{
        width: 150px;
        padding:  20px 22px;
        left: 120px;
    }
    #fecha{
        right: 40px;
    }
}