Ajustes UI

ai/tasks/done/TASK-047-remove-nested-width-constraints.md

@@ -0,0 +1,44 @@
+# TASK-047-remove-nested-width-constraints
+
+## Goal
+Eliminar o corregir restricciones internas de anchura que siguen estrechando hero, tráiler y panel de servidores aunque el shell principal se haya ensanchado.
+
+## Context
+En la UI actual hay indicios claros de que, además del shell principal, existen wrappers interiores o `max-width` secundarios que mantienen las secciones demasiado estrechas. Esta task debe identificar y eliminar esas restricciones internas para que cada sección ocupe realmente el ancho disponible del carril principal.
+
+## Steps
+1. Revisar la estructura HTML y CSS de hero, tráiler y panel de servidores.
+2. Identificar wrappers internos con `max-width`, anchuras fijas o márgenes automáticos que estrechen el contenido.
+3. Corregir esas restricciones para que:
+   - hero
+   - tráiler
+   - panel de servidores
+   usen `width: 100%` dentro del shell principal.
+4. Mantener una composición limpia y centrada, sin volver a una columna estrecha.
+5. Evitar que un wrapper interno rompa el ancho unificado buscado.
+6. No rediseñar secciones; solo liberar el ancho real utilizable.
+
+## Files to Read First
+- AGENTS.md
+- ai/repo-context.md
+- frontend/index.html
+- frontend/assets/css/styles.css
+
+## Expected Files to Modify
+- frontend/index.html
+- frontend/assets/css/styles.css
+
+## Constraints
+- No tocar backend.
+- No añadir librerías nuevas.
+- No hacer cambios destructivos.
+- Mantener la estructura visual existente salvo correcciones de anchura.
+
+## Validation
+- No quedan wrappers interiores que vuelvan a estrechar las secciones principales.
+- Hero, tráiler y servidores ocupan realmente el ancho del shell maestro.
+- La sensación de “columna central demasiado angosta” desaparece o se reduce claramente.
+
+## Change Budget
+- Preferir menos de 2 archivos modificados.
+- Preferir menos de 120 líneas cambiadas.