/* ===== COLORES TEMÁTICOS ===== */

:root {
    --green: #43a047;
    --green-dark: #2e7d32;
    --blue: #2196f3;
    --blue-dark: #1565c0;
}

/* ===== TEXTOS ===== */

.text-green {
    color: var(--green);
}

.text-blue {
    color: var(--blue);
}

/* ===== BOTONES ===== */

.btn-green {
    background: var(--green);
    color: white;
    border: none;
}

.btn-green:hover {
    background: var(--green-dark);
}

.btn-blue {
    background: var(--blue);
    color: white;
    border: none;
}

.btn-blue:hover {
    background: var(--blue-dark);
}

/* ===== CARDS ===== */

.product-card {
    border: none;
    transition: 0.3s;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 20px rgba(0,0,0,.12);
}

.price {
    font-weight: bold;
    color: var(--green-dark);
}

/* ===== FOOTER ===== */

.footer-green {
    background: var(--green-dark);
}

/* ===== RESPONSIVE ===== */

.carousel img {
    object-fit: cover;
    max-height: 700px;
}

@media (max-width: 768px) {
    .carousel img {
        max-height: 300px;
    }
}