body { font-family: Arial, sans-serif; margin: 0; background: #f4f4f4; text-align: center; }
header { background: #333; color: #fff; padding: 1rem; }
.grid { display: flex; justify-content: center; gap: 20px; padding: 20px; flex-wrap: wrap; }
.card { background: #fff; border: 1px solid #ddd; padding: 15px; width: 200px; border-radius: 8px; }
.card img { width: 100%; height: 150px; object-fit: cover; border-radius: 4px; }
.btn-comprar { background: #28a745; color: white; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; border-radius: 5px; margin: 20px; }
.btn-comprar:hover { background: #218838; }