:root {
    --primary: #4CAF50;
    --primary-dark: #388E3C;
    --secondary: #FFF9C4;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f9f9f9;
}

.hero-section {
    /* La URL ahora apunta a tu imagen local en wwwroot/img/ */
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/img/banner.jpg') no-repeat center center;
    background-size: cover;
    height: 50vh;
}

.veg-card {
    transition: transform 0.3s, box-shadow 0.3s;
}

    .veg-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

.cart-item {
    border-bottom: 1px solid #eee;
    padding: 0.5rem 0;
}

@media (max-width: 768px) {
    .hero-section {
        height: 30vh;
    }
}