# ETAPA — Fixes rápidos: toggle password + card Talento en riesgo ## 1. Objetivo Dos fixes visuales independientes y quirúrgicos. Scope estricto. ## 2. DECISIONES YA TOMADAS — no consultar - Toggle de contraseña: solo en el campo password del login, sin librería nueva. - Card Talento en riesgo: eliminar el gradiente, quedar igual que los demás cards (background blanco, sin distinción especial de fondo). ## 3. Tareas ### Fix A — Toggle "ver contraseña" en /login En `app/login/page.tsx`: - Agregar estado `showPassword` (useState). - El input password alterna entre `type="password"` y `type="text"`. - Botón inline dentro del campo (position absolute o flex) con ícono SVG simple de ojo (inline, sin librería). Accesible: `aria-label="Mostrar contraseña"` / `aria-label="Ocultar contraseña"` según estado. `type="button"` para no submitear. - Estilo consistente con el formulario existente. ### Fix B — Card Talento en riesgo sin gradiente En `app/globals.css`, clase `.db-widget-star`: - Eliminar la propiedad `background` (el gradiente actual). - El card hereda `background: #FFFFFF` de `.db-widget` — mismo que los demás. - NO tocar `border-color: var(--color-re-teal)` — mantener el borde distintivo. - NO tocar `.db-widget-star .db-widget-title` — mantener el título en teal. ## 4. DoD antes de reportar - [ ] `git log --name-only -1` — solo `app/login/page.tsx` y `app/globals.css` - [ ] Toggle password funciona: click muestra/oculta, aria-label cambia - [ ] Card Talento en riesgo: fondo blanco igual que los demás cards - [ ] Build sin errores: `npm run build` - [ ] Commit: `fix(ui): toggle password en login + fondo blanco card talento` - [ ] Push a Gitea ## 5. Qué reportar - `git log --name-only -1` - Línea exacta eliminada en `.db-widget-star` - Build: ✓/✗ ## 6. Qué NO hacer - ❌ No tocar otros campos del formulario de login - ❌ No tocar otros widgets del dashboard - ❌ No agregar librerías de iconos - ❌ No modificar el borde teal ni el título teal del card estrella - ❌ No hacer deploy — solo commit y push