/* ===== 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;
    }
}



/* ===== FEATURES / VENTAJAS ===== */

.feature-box {
    padding: 25px;
    border-radius: 14px;
    background: #f8f9fa;
    transition: 0.3s;
}

.feature-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
}

.feature-icon {
    font-size: 40px; /* x3 tamaño */
    line-height: 1;
    display: inline-block;
}


.swiper-slide {
    height: auto;
}


/* Hover botón producto */
.btn-green:hover {
    background: var(--green-dark);
    color: #ffc107 !important; /* amarillo Bootstrap */
}

/* asegura que el icono también cambie */
.btn-green:hover i {
    color: #ffc107;
}


.product-card {
    cursor: pointer;
}