.Forma{


    
}

.Forma legend{
    font-size:.9rem;
    letter-spacing: .1rem;
    padding:0 1rem;
    text-transform: uppercase;

}
.Forma fieldset{
    margin:10px 0px 20px;
    border:#888 1px dashed;
    padding:20px 10px;
}

.Forma input{
    color:#222;
    font-size: 1rem;
    padding:.3rem .4rem;
    border: #888 1px solid;
    border-radius: 4px;
    transition: background-color 200ms ease-out;
}
.Forma input::placeholder{
    color:#9999bb;
    font-style: italic;
}
.Forma input:focus{
    border: #000 2px solid;
    background-color: #e5f2fd;
}

.Forma .CampoPar{
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: start;
    padding:10px 0px;
}

.Forma .CampoPar label{
    width:9rem;
    font-weight: bold;
    padding:0 1rem 0 0;
    text-align: right;
    font-size:.9rem;
    font-family: 'Bahnschrift', Arial, Helvetica, sans-serif;
}

.Forma .CampoColumna{
    display: inline-block;
    padding:10px 0px;
}

.Forma .CampoColumna label{
    display:block;
    font-weight: normal;
    padding:0 1rem 6px 0;
    text-align: left;
    color:#555;
    font-family: 'Bahnschrift', Arial, Helvetica, sans-serif;
}
.Forma .CampoColumna label.inline{
display: inline;
}

.Forma .CampoFila{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: start;
    padding:10px 0px;
}

.Forma .CampoFila label{
    width:9rem;
    font-weight: bold;
    padding:0 1rem 0 0;
    text-align: right;
    font-size:.9rem;
    color:var(--oscuro);
    font-family: 'Bahnschrift', Arial, Helvetica, sans-serif;
}



.Forma.Registro {
    display:grid;
    grid-template-columns: 1fr 1fr;;
}


.Forma input[type='submit'], .Forma input[type='button'], .Forma button{
    background: linear-gradient(180deg, #29cdf1, #011142 50%,#011142);
    color:#f0f0f0;
    border: #aaa 1px solid;
    box-shadow: #666 1px 1px 4px;
    padding:.3rem 1rem;
    margin:0;
    border-radius:5px;
    cursor:pointer;
    letter-spacing:1px;
    font-family: 'Bahnschrift';
}
.Forma input[type='submit']:hover, input[type='button']:hover{
    color:#fff;
    box-shadow: #aaa 3px 3px 6px;
}
.Forma select{
    border: #333 1px solid;
    box-shadow: #999 1px 1px 4px;
    padding:.2rem 1rem;
    margin:0;
    border-radius:5px;  
    font-size:1rem;
    background-color: #eee;
}
.Forma select option{
    padding:.4rem 1rem;
    border-bottom:#666 1px dotted;
    background-color: #fff;
}


.Forma .comentario{
    color:#888;
    font-style: italic;
    margin:6px 0px;
}


.GridPares{
    display:inline-grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: .5rem;
}
.GridPares label{
    text-transform:capitalize;
}

.Flogin{
    width:50vw;
    margin:0px auto;
}


.monitor{
    color:#33bb33;
    padding:.2rem 0 .5rem 0;
    font-weight: bold;
    letter-spacing: .1rem;
}



.Tira.Centrada{
    align-items: center;
}


fieldset{
    display:block;
    margin-top: 10px;
    margin-bottom:10px;
}



@media screen and (max-width:720px) {
    .Flogin{
        width:70vw;
    }

    .Forma.Registro{
        grid-template-columns: 1fr;
    }


}


@media screen and (max-width:520px) {
    .Forma .CampoPar{
        display:block;
    }
    .Forma .CampoPar label{
        display:block;
        text-align: left;
        padding-bottom:6px;
    }

    .Flogin{
        width:90vw;
    }
}