.producto-card {
   border: 1px solid #ddd;
   border-radius: 8px;
   padding: 15px;
   transition: transform 0.2s, box-shadow 0.2s;
   display: flex;
   flex-direction: column;
   height: 100%; /* Asegura que todas las tarjetas tengan la misma altura */
}
.producto-card-link {
   text-decoration: none; /* Evita el subrayado del enlace */
   color: inherit; /* Hereda los colores del contenido */
   display: block; /* Hace que el enlace ocupe todo el espacio del div */
}
.producto-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.producto-card img {
   width: 100%; /* Hace que la imagen ocupe todo el ancho disponible */
   height: auto; /* Ajusta la altura automáticamente para mantener la proporción */
   object-fit: contain; /* Asegura que la imagen sea visible en su totalidad sin recorte */
   border-radius: 8px;
}
.producto-titulo {
   font-size: 18px;
   font-weight: bold;
   margin: 10px 0;
}
.producto-descripcion {
   font-size: 14px;
   color: #666;
   flex-grow: 1; /* Hace que la descripción ocupe el espacio restante */
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* Limita el texto a 3 líneas */
   -webkit-box-orient: vertical;
}
.stock-badge {
   padding: 5px 10px;
   border-radius: 5px;
   font-size: 14px;
   margin: 10px 0;
   text-align: center;
   color: white;
}
.hay-stock {
   background-color: #28a745;
   color: white;
}
.proximamente {
   background-color: #ffc107;
   color: black;
}
.producto-precio {
   font-size: 14px;
   color: #333;
   margin-bottom: 10px;
}
.btn-ver-detalles {
   width: 100%;
   margin-top: auto; /* Empuja el botón hacia la parte inferior */
}