.contenedor{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 25rem [col-start]);
    grid-column-gap: 3rem;
}
.contenedor-formulario{
    display: flex;
    flex-direction: column;
    font-family: Arial;
    /* width: 25rem; */
}
.contenedor-formulario > label {
    margin-top: 15px;
}
.contenedor-formulario > input {
    border:1px solid black;
    padding: 5px 7px;
    border-radius: 5px;
}
.contenedor-formulario > input:focus{
    border-color:blue;
}
.contenedor-formulario > input:read-only{
    background-color: #dfdfdf;
    color: #8f8f8f;
}
.contenedor-formulario > input:-moz-read-only {
    background-color: #dfdfdf;
    color: #8f8f8f;
}

input[type=button].boton-formulario{
    color:#000000;
    margin-top: 5px;
    padding: 7px ;
    border-radius: 5px;
    position: relative;
}

.boton{
    width: 150px;
    height: 30px;
    border-radius: 7px;
    border: solid 1px black;
}

.guardar{
    background-color: #45af3e;
}
.guardar:hover {
    background-color: #abf7a6;
}

@media screen and (max-width:845px){
    .contenedor{
        grid-template-columns: repeat(1,20rem [col-start])
    }
}