- Reglas:

# Global Rules
- Usa TypeScript en todos los componentes y páginas.
- Prefiere funciones asíncronas modernas (`async/await`) en lugar de callbacks.
- Sigue convenciones de commit semántico (feat, fix, chore).

# Test Rules
- Todos los tests deben ir en `__tests__` o con sufijo `.test.tsx`.
- Usa Jest + React Testing Library.
- Un test mínimo por componente.

# Style Rules
- Usa Tailwind CSS para todos los estilos.
- No mezclar CSS modules ni styled-components.
- Nombres de clases consistentes y reutilizar utilidades personalizadas.

# File Structure Rules
- Páginas en `/app` o `/pages` (Next.js 15+ usar App Router).
- Componentes reutilizables en `/components`.
- Hooks en `/hooks`.
- Utilidades en `/lib`.
- Tipos globales en `/types`.

# Component Architecture Rules
- Los componentes deben ser funcionales (no clases).
- Props tipadas con `interface` o `type`.
- Evitar lógica compleja en la UI → mover a hooks o servicios.
- Un componente = una responsabilidad.