# Custom Rules for AI Agents (Antigravity, Claude, Cursor)

# 1. Styling Guidelines
- Only write Vanilla CSS. Do not use TailwindCSS or utility libraries unless specifically asked.
- Put styling in Component-level CSS Modules (`*.module.css`) and import it locally (e.g. `import styles from './Button.module.css'`).
- Always use variables from [globals.css](file:///home/gabogg/Proyects/semillero-special-hotel/styles/globals.css) for spacing, colors, fonts, border radii, shadows, and animations.
- Implement smooth hover transitions and card lifts for interactive states (micro-animations).

# 2. Architecture & decoupled design
- Next.js acts as the user interface and database state layer.
- Offload heavy operations, calculations, scheduling, and LLM evaluations to the external **n8n** engine by invoking webhook endpoints.
- Ensure the application is decoupled: read all connection strings, URLs, and secrets from environment variables (`process.env.DATABASE_URL`, `process.env.N8N_WEBHOOK_URL`).

# 3. Auditing & DB operations
- Do not build custom audit logging tables or log triggers from scratch.
- Use the `@explita/prisma-audit-log` Prisma Client Extension. Let it automatically intercept database modifications and log snapshots to the `AuditLog` table.
- Always run `npx prisma generate` after modifying `schema.prisma`.