From b0c402b718791c0b6a2ad8419a6ff29a25ec135b Mon Sep 17 00:00:00 2001
From: Jessica Orozco <jessicaorozco@gmail.com>
Date: Wed, 1 Jul 2026 20:47:47 -0400
Subject: [PATCH] update login

---
 .../src/app/features/auth/login.component.css | 76 +++++++++++++++----
 .../app/features/auth/login.component.html    |  9 +--
 2 files changed, 64 insertions(+), 21 deletions(-)

diff --git a/frontend/src/app/features/auth/login.component.css b/frontend/src/app/features/auth/login.component.css
index e0de212..b906251 100644
--- a/frontend/src/app/features/auth/login.component.css
+++ b/frontend/src/app/features/auth/login.component.css
@@ -94,7 +94,10 @@
   margin-bottom: 4px;
 }
 
-.login-logo-icon { width: 34px; height: 34px; }
+.login-logo-icon {
+  width: 34px;
+  height: 34px;
+}
 
 .login-eyebrow {
   font-family: 'Outfit', sans-serif;
@@ -183,7 +186,9 @@
   box-sizing: border-box;
 }
 
-.field-input::placeholder { color: #A8A29E; }
+.field-input::placeholder {
+  color: #A8A29E;
+}
 
 .field-input:focus {
   border-color: #C9973C;
@@ -219,8 +224,15 @@
   box-shadow: 0 8px 30px rgba(13, 27, 42, 0.35);
 }
 
-.btn-cta:active { transform: translateY(0); }
-.btn-cta:disabled { opacity: 0.65; cursor: not-allowed; transform: none; }
+.btn-cta:active {
+  transform: translateY(0);
+}
+
+.btn-cta:disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+  transform: none;
+}
 
 /* ── Error ── */
 .login-error {
@@ -237,15 +249,28 @@
   animation: fadeUp 0.3s ease;
 }
 
-.login-error svg { width: 15px; height: 15px; flex-shrink: 0; }
+.login-error svg {
+  width: 15px;
+  height: 15px;
+  flex-shrink: 0;
+}
 
 @keyframes fadeUp {
-  from { opacity: 0; transform: translateY(-8px); }
-  to   { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes spin {
-  to { transform: rotate(360deg); }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 /* ── SSO Divider ── */
@@ -293,11 +318,22 @@
   box-shadow: 0 4px 12px rgba(15, 13, 10, 0.08);
 }
 
-.btn-sso:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
+.btn-sso:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+}
 
-.ms-logo { width: 20px; height: 20px; flex-shrink: 0; }
+.ms-logo {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+}
 
-.sso-text { flex: 1; text-align: left; }
+.sso-text {
+  flex: 1;
+  text-align: left;
+}
 
 .sso-provider {
   display: block;
@@ -332,9 +368,19 @@
   color: #D6D3D1;
 }
 
-.login-security svg { width: 11px; height: 11px; color: #D6D3D1; }
+.login-security svg {
+  width: 11px;
+  height: 11px;
+  color: #D6D3D1;
+}
 
 @media (max-width: 480px) {
-  .login-card { padding: 28px 22px; }
-  .login-title { font-size: 22px; letter-spacing: 1px; }
-}
+  .login-card {
+    padding: 28px 22px;
+  }
+
+  .login-title {
+    font-size: 22px;
+    letter-spacing: 1px;
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/app/features/auth/login.component.html b/frontend/src/app/features/auth/login.component.html
index cb08f4a..9bd60a6 100644
--- a/frontend/src/app/features/auth/login.component.html
+++ b/frontend/src/app/features/auth/login.component.html
@@ -9,14 +9,11 @@
     <div class="login-brand">
       <div class="login-logo-wrap">
         <!-- K logotipo SVG -->
-        <svg class="login-logo-icon" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path d="M8 6L17 17L8 28" stroke="white" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" />
-          <path d="M17 6H26" stroke="white" stroke-width="3.5" stroke-linecap="round" />
-          <path d="M17 28H26" stroke="white" stroke-width="3.5" stroke-linecap="round" />
-        </svg>
+        <div class="header-logo">
+          <img src="/assets/wave.jpg" alt="Wave" class="header-logo__img">
+        </div>
       </div>
       <p class="login-eyebrow">Portal Corporativo</p>
-      <h1 class="login-title">App <span class="login-title-gold">ECO</span></h1>
       <p class="login-sub">WAVE · Intranet 2026</p>
     </div>