:root{--azul:#134074;--azulOscuro:#0B2545;--azulGris:#8DA9C4;--blanco:#fff;--fuente:'Quicksand',sans-serif;}
html{box-sizing:border-box;}
*,*::after,*::before{box-sizing:inherit;}
body{font-family:var(--fuente);background-color:#f2f2f2;display:flex;align-items:center;justify-content:center;min-height:100vh;padding-bottom:40px;}
.body{width: 50%;}
.contenedor{margin:0 auto;max-width:1600px;width:95%;}
.imagen-formulario{background-image:url('../img/bg.jpg');background-position:center center;background-size:cover;height:280px;flex:0 0 58%;position:relative;}
.imagen-formulario::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(to right,rgba(141,169,196,.5),rgba(19,64,116,.5));}
.contenedor-formulario{width:100%;max-width:1400px;margin:0 auto;display:flex;gap:0;}
.formulario{padding:64px;background-color:var(--azul);flex:1 1 42%;}
.texto-formulario h2,.input label,.password-olvidada a,.texto-formulario p{color:var(--blanco);}
.texto-formulario h2{font-size:44px;text-align:center;}
.texto-formulario p{font-size:22px;text-align:center;}
.input label{display:block;font-size:18px;font-weight:bold;margin:20px 0;}
.password-olvidada a{display:inline-block;margin-top:20px;font-size:18px;}
.input input{width:100%;padding:10px 16px;border-radius:5px;outline:none;font-size:15px;}
.input input[type="submit"]{background-color:var(--azulGris);color:var(--blanco);font-size:20px;font-weight:bold;border:none;margin-top:20px;transition:background-color .3s ease-in-out;}
.input input[type="submit"]:hover{cursor:pointer;background-color:var(--azulOscuro);}
.alert{color:red;font-size:13px;margin:15px 0 0 16px;}
.footer{width:100%;position:fixed;bottom:0;left:0;right:0;padding:.7rem;background:#fff;color:#5d5e70;display:flex;justify-content:center;align-items:center;margin-top:20px;font-size:10px;}
@media(min-width:768px){.imagen-formulario{height:auto;min-height:640px;background-position:center right;}}
@media(min-width:1200px){}
@media(min-width:768px) and (max-width:1199px){}
@media(max-width:767px){}
@media(max-width:480px){}