/* Estilo de los productos */
.product-item {
    
    
    padding: 15px;
    border-radius: 5px; /* Bordes redondeados */
    
    transition: transform 0.3s ease; /* Transición para hover */
}

.product-item:hover {
    transform: translateY(-10px); /* Efecto hover de movimiento */
}

.product-item img {
    width: 100%; /* Imagen fluida */
    height: 330px; /* Altura fija */
    object-fit: cover; /* Mantener la proporción de la imagen */
    border-radius: 5px; /* Bordes redondeados */
    transition: transform 0.5s ease; /* Transición suave para el zoom */
}

.product-item img:hover {
    transform: scale(1.2); /* Aumentar el tamaño de la imagen al pasar el cursor */
}

.product-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 15px;
    color: #333;
}

.product-subtitle {
    font-size: 1rem;
    color: #777;
    margin-bottom: 10px;
}

.product-price {
    font-size: 1.1rem;
    color: #333;
    margin-top: 10px;
}

.text-decoration-line-through {
    text-decoration: line-through;
    color: red; /* Color rojo para el precio tachado */
}

.product-price strong {
    font-size: 1.3rem;
    font-weight: 700;
    color: #333;
}

/* Estilo de los botones */
.btn-warning {
    background-color: #fbbf24; /* Amarillo similar a Amazon */
    border: none;
    font-size: 1rem;
    font-weight: 600;
    padding: 10px;
    border-radius: 5px;
}

.btn-warning:hover {
    background-color: #f59e0b; /* Color más oscuro al pasar el mouse */
}

/* Espaciado y márgenes */
.mb-4 {
    margin-bottom: 20px;
}

.py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.container {
    max-width: 1200px;
}

/* Responsividad */
@media (max-width: 768px) {
    .col-md-3 {
        max-width: 100%;
    }
}