/* --- Slideshow Styles --- */
 .link-product-category {
     text-decoration: none;
     color: var(--bs-card-title-color)
 }
 .row-category{
    margin-top: 8rem;
 }

 .slideshow-container {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .slides-wrapper {
     position: relative;
     width: 100%;
     height: 200px;
     /* Ajusta según necesites */
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .slide {
     display: none;
     width: 100%;
     height: 100%;
 }

 .slide.active {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .slide img {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
 }

 .slide-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 /* Botones de navegación */
 .nav-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.8);
     border: none;
     font-size: 18px;
     padding: 5px 10px;
     cursor: pointer;
     z-index: 2;
     border-radius: 50%;
     transition: 0.3s;
     opacity: 0;
     /* Ocultos por defecto */
 }

 .product-card:hover .nav-btn {
     opacity: 1;
 }

 .nav-btn:hover {
     background: var(--primary-color);
     color: white;
 }

 .prev {
     left: 5px;
 }

 .next {
     right: 5px;
 }

 /* Dots */
 .dots-container {
     position: absolute;
     bottom: 5px;
     width: 100%;
     text-align: center;
     z-index: 2;
     white-space: nowrap;
 }

 .dot {
     height: 8px;
     width: 8px;
     margin: 0 3px;
     background-color: #bbb;
     border-radius: 50%;
     display: inline-block;
     cursor: pointer;
     transition: 0.3s;
 }

 .dot.active {
     background-color: var(--primary-color);
 }