.login-wrapper{display:flex;justify-content:center;align-items:center;height:85vh}.login-container{background:#eceaeabd;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:300px;z-index:1;display:flex;flex-direction:column;align-items:center}.logo{width:100px;height:auto;margin-bottom:10px}.login-container h2{text-align:center;margin-bottom:20px;color:#333}.login-container input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.login-container button[type=submit]{width:100%;padding:10px;background-color:#5cb85c;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.login-container button[type=submit]:hover{background-color:#4cae4c}.oauth-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px;width:100%}.oauth-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;width:100%;text-decoration:none;transition:opacity .3s}.oauth-button:hover{opacity:.9;text-decoration:none}.oauth-button.google{background-color:#4285f4;color:#fff}.oauth-button.microsoft{background-color:#2f2f2f;color:#fff}.oauth-buttons svg{width:20px;height:20px;fill:#fff}.password-container{position:relative;width:100%;margin-bottom:15px}.password-container input{padding-right:40px;width:100%;box-sizing:border-box}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;padding:5px}.toggle-password:hover{color:#333}.register-link,.RecuerarContraseña{margin-top:15px;text-align:center;width:100%}.register-link a,.RecuerarContraseña a{color:#5cb85c;text-decoration:none}.register-link a:hover,.RecuerarContraseña a:hover{text-decoration:underline}