Roadmap Visual AimUp (MVP)

Modo Oscuro
``` **Resumen de los Cambios:** 1. **Fondos Dark Mode (Ocre/Stone):** * `body`: `dark:bg-stone-900` * `.sidebar`, `.content-area`, `.modal-content`: `dark:bg-stone-800` * `.task-card`: `dark:bg-stone-700` * Se ajustaron los colores de texto (`dark:text-stone-*`) y bordes (`dark:border-stone-*`) para que contrasten adecuadamente con estos nuevos fondos. 2. **Switch Active Color (Dark Mode):** Cambiado el color de fondo del slider cuando está activo a ámbar: `input:checked + .slider { background-color: #d97706; /* amber-600 */ }`. También se ajustó el color del slider inactivo en dark mode a `dark .slider { background-color: #57534e; /* stone-600 */ }`. 3. **Tabs Activas Ocre Más Oscuras (Light Mode):** * Se actualizaron las clases CSS para `.vertical-tab-button.active`: * `background-color: #fef3c7;` (`amber-100`) * `border-left-color: #b45309;` (`amber-700`) * `color: #92400e;` (`amber-800`) * El texto de las semanas (`.tab-weeks`) dentro de la pestaña activa ahora también usa `color: #92400e;` (`amber-800`). 4. **Refactorización JS->CSS (Tabs):** Se eliminó la manipulación directa de estilos (`button.style...`) del JavaScript `setActiveTab`. Ahora, esa función solo añade/quita la clase `.active`, y todos los estilos para el estado activo (tanto light como dark) están definidos directamente en el CSS con selectores como `.vertical-tab-button.active` y `.dark .vertical-tab-button.active`. Esto es más limpio. 5. **Traducción Estados Leyenda:** Añadí la traducción de los estados al español en la leyenda para mayor claridad. Con estos cambios, el modo oscuro tendrá una base en tonos piedra/ocre oscuro, y los elementos activos (switch, pestaña) usarán acentos ámbar/naranja. En modo claro, la pestaña activa tendrá tonos ámbar más intensos. El borde "Hecho" sigue usando verde lima en modo oscuro para intentar asegurar su visibilid