diff --git a/src/pages/login/Login.module.css b/src/pages/login/Login.module.css index df57718..256e095 100644 --- a/src/pages/login/Login.module.css +++ b/src/pages/login/Login.module.css @@ -8,16 +8,32 @@ margin: 0; padding: 20px; box-sizing: border-box; -} -h1 { - color: #0056b3; + /* Fondo azul difuminado */ + /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */ + + /* Alternativa: azul más suave */ + /* background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%); */ + + /* Alternativa: azul oscuro elegante */ + /* background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); */ } .formWrapper { width: 100%; max-width: 400px; + background: rgba(255, 255, 255, 0.9); + padding: 40px; + border-radius: 15px; + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); + backdrop-filter: blur(10px); +} +.container h1 { + color: ; + text-align: center; + margin-bottom: 30px; + color: #667eea; } .container input[type="text"], @@ -26,27 +42,40 @@ h1 { padding: 12px; margin: 8px 0 16px 0; box-sizing: border-box; - border: 1px solid #ccc; - border-radius: 4px; + border: 1px solid #ddd; + border-radius: 8px; + background: rgba(255, 255, 255, 0.8); } .container input[type="submit"] { width: 100%; padding: 12px; - margin-top: 16px; - background-color: #007bff; + margin-top: 20px; + background-color: #667eea; color: white; border: none; - border-radius: 4px; + border-radius: 8px; cursor: pointer; + font-size: 16px; + font-weight: bold; + transition: background-color 0.3s ease; } .container input[type="submit"]:hover { - background-color: #0056b3; + background-color: #5a6fd8; } .container label { display: block; margin-bottom: 4px; - font-weight: bold; + font-weight: 600; + color: #555; +} + +.container img { + width: 100%; + height: 150px; + object-fit: cover; + border-radius: 8px; + margin-bottom: 20px; }