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

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.