.header{
    grid-area:header;
    place-content:center;
    text-align:center;
    background-color: white;
    border-bottom:3px solid #074C73;
}
#logo_afirma{
    width: 60%;
    height: auto;
    margin: auto;
}
.form-login {
    grid-area: form-login;
    width: 95vw;
    margin:auto;
    border:#074C73 solid 3px;
    border-radius: 15px;
    gap:5px;
    padding:15px;
    place-content: center;
    background-color: white;
}
.registro-contenedor{
    width: 100vw;
    height: 100vh;
    display: grid;
    background-color: #074C73;
    gap: 1px;
    grid-template:
        "header"  15%
        "form-login"      auto /
        auto
    ;
}

.btn-entrar {
    width: 15em;
    height: 2.7em;
    background-color:#074C73;
    border-radius: 8px;
    border:3px solid #074C73;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}

.liga-login {

    text-decoration: underline  #074C73;
    color:#074C73;
    font-size:large;
    font-weight: bold;
}
.dv-subtitulo{
    width: 80%;
    height: auto;
    margin:auto;
    text-align: center;
    margin-top:1%;
} 
.subtitulo {
    font-size:x-large;
    font-weight: 1000;
    color:#074C73;

}
.lbl-campo{
    color: #074C73;
}
.err-registro{
    color: red;
}

.botones-recuperar{
    background-color: white;
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
}

@media (min-width:900px){

  
#logo_afirma{
    width: 20%;
    height: auto;
    margin: auto;
}

.registro-contenedor{
    width: 100vw;
    height: 100vh;
    display: grid;
    background-color: white;
    gap: 1px;
    grid-template:
        "header"  15%
        "form-login"      auto /
        auto
    ;
}

.form-login {
    grid-area: form-login;
    width: 55vw;
    margin:auto;
    border:#074C73 solid 3px;
    border-radius: 15px;
    gap:5px;
    padding:15px;
    place-content: center;
    background-color: white;
}

}