/* styles.css */
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f2f2f2; }
header { background: #b30000; color: white; padding: 20px; text-align: center; }
nav a { color: white; margin: 0 15px; text-decoration: none; font-weight: bold; }
.productos { display: flex; flex-wrap: wrap; justify-content: center; padding: 20px; }
.producto { background: white; border: 1px solid #ddd; border-radius: 8px; margin: 15px; padding: 15px; width: 250px; text-align: center; }
.producto img { max-width: 100%; border-radius: 8px; }
button { background: #b30000; color: white; padding: 10px; border: none; cursor: pointer; border-radius: 5px; }
button:hover { background: #800000; }
footer { background: #333; color: white; text-align: center; padding: 15px; margin-top: 20px; }