html,body{margin:0;padding:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background-color:#f5f7fa}.fondoLogin{width:350px;background:#fff;border-radius:12px;border-top:5px solid #F6A732;box-shadow:0 5px 20px #00000014}.cabeceraLogin{width:100%;height:100px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5e5e5}.cabeceraLogin img{width:200px}.cabeceraLogin h1{font-size:30px;margin-left:10px;margin-bottom:0;color:#1e3666;font-weight:700;text-align:center;width:150px}.cuerpoLogin{padding:25px;display:flex;flex-direction:column;align-items:center}.cuerpoLogin input{width:100%;margin-top:12px;border:1px solid #dcdcdc}.cuerpoLogin input:focus{border-color:#005d75}.cuerpoLogin button{width:100%;margin-top:25px;background-color:#1e3666;border:none;color:#fff;font-weight:600;padding:10px;transition:.2s}.cuerpoLogin button:hover{background-color:#005d75}.rojo{background:red}.negro{background:#000}