body .contenedor{background-image:url(https://img.freepik.com/foto-gratis/grupo-hombres-negocios-diversos_53876-20967.jpg?t=st=1720329444~exp=1720333044~hmac=e00ece68d6d1e7d2668009aa473410d19b50bb25f54b5393a3d564c934855317&w=900);background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}body .contenedor:after{content:"";position:absolute;width:100%;min-height:100vh;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem)}body .contenedor .logo{position:absolute;top:0;left:1rem;width:15rem;z-index:1}body .contenedor .formulario-login{z-index:1;border:.1rem solid #333;border-radius:.5rem;padding:1rem;background:#ffffffb3;width:35%;display:flex;flex-direction:column;align-items:center;gap:2.5rem;font-family:Poppins,sans-serif;font-weight:400;box-shadow:0 0 2rem;transition:.3s ease-out}body .contenedor .formulario-login h2{font-size:3rem;letter-spacing:.1rem}body .contenedor .formulario-login .input{display:flex;flex-direction:column;font-size:1.8rem;gap:.4rem;width:80%}body .contenedor .formulario-login .input .encabezado-input{display:flex;gap:1rem;justify-content:space-between}body .contenedor .formulario-login .input .encabezado-input .texto-error{color:red;font-weight:700}body .contenedor .formulario-login .input input{font-size:2rem;padding:1rem;border:.1rem solid;border-radius:.5rem;outline:none;transition:.3s ease}body .contenedor .formulario-login .input input:focus{box-shadow:0 0 1rem #00f}body .contenedor .formulario-login .input input.error{box-shadow:0 0 1rem red}body .contenedor .formulario-login .btn-login{color:#fff;background:#333}body .contenedor .formulario-login .btn-login:hover{background:unset;color:#333}@media (width <= 1000px){body .contenedor .formulario-login{width:60%}body .contenedor .formulario-login .input{width:90%}}@media (width <= 600px){body .contenedor .formulario-login{width:90%}body .contenedor .formulario-login .input{width:100%}}