body{ background-image: url('uploads/estilos/fondo-login.jpg'); background-color: #b01d62; background-repeat: no-repeat; position: relative; font-family: Quicksand, Montserrat, sans-serif; color: #FFF; }
.ko{ background: #ff6868; padding: 10px; text-align: center; }
.contenedor{ display: flex; flex-direction: column; max-width: 390px; width: 100%; align-items: center; margin: auto; padding: 0 20px; box-sizing: border-box; }
.contenedor>img{ margin: 50px 0; max-width: 100%; }
.contenedor>form{display: block;width: 100%;/* margin: 50px 0; */}
.contenedor>form>p{}
.contenedor>form>p>label{ display: block; margin: 20px 0 5px 0; }
.contenedor>form>p>input[type="text"],
.contenedor>form>p>input[type="password"]{display: block;width: 100%;padding: 10px;box-sizing: border-box;border: 0;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;margin-bottom: 18px;font: normal 15px "Roboto", sans-serif;color: #7f7f7f;border-color: #bdbdbd;font-weight: normal;}
.contenedor>form>input[type="submit"]{ display: block; max-width: 200px; margin: 30px auto; box-shadow: 0 0 0px rgb(0 0 0 / 80%); height: auto; line-height: 20px; padding: 13px; float: none; width: 100%; background: #7b1444; border-color: #7b1444; border-radius: 5px; color: #fff; font-size: 16px; border: 0; }
.contenedor>form>input[type="submit"]:hover{background: #7a244c;cursor:pointer}