Ias

1

<!DOCTYPE html><html lang=”es”><head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Mis IAs Pro</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif; background: #0f0f0f; color: white; padding: 20px; } .header { text-align: center; margin-bottom: 30px; } h1 { font-size: 2rem; margin-bottom: 8px; } .subtitle { color: #888; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; max-width: 900px; margin: 0 auto; } .ia-card { background: #1a1a1a; border: 1px solid #333; border-radius: 16px; padding: 24px; text-decoration: none; color: white; transition: all 0.2s; display: block; } .ia-card:hover { border-color: #4f46e5; transform: translateY(-4px); background: #222; } .emoji { font-size: 2.5rem; margin-bottom: 12px; } .nombre { font-size: 1.3rem; font-weight: 600; margin-bottom: 6px; } .desc { color: #aaa; font-size: 0.9rem; line-height: 1.4; } .footer { text-align: center; margin-top: 40px; color: #555; font-size: 0.8rem; } </style></head><body> <div class=”header”> <h1>Mis IAs Pro</h1> <p class=”subtitle”>Elige tu asistente especializado</p> </div> <div class=”grid”> <!–