motor-de-encuestas/sprints/sprint-5/ETAPA_FIXES_RAPIDOS_PROMPT.md

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