/* custom.css: ajustes base para aproximar el estilo */
:root{
  --primary-color: #b71c1c; /* rojo oscuro aproximado */
  --accent-color: #111111;
}
body { font-family: 'Open Sans', Arial, sans-serif; }
.salypimienta-hero { padding: 80px 0; background-size: cover; background-position: center; }
.salypimienta-section { padding: 40px 0; }
.menu-card { border-radius: 8px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.12); }
.primary-btn { background: var(--primary-color); color: #fff; padding: 12px 20px; border-radius: 6px; display: inline-block; text-decoration: none; }
footer { background: #111; color:#ddd; padding: 30px 0; }