.eefj-carousel-container {
            position: relative;
            width: 100%;
        }

        .eefj-carousel {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 1rem;
            padding: 1rem;
            scroll-behavior: smooth;
        }

        .eefj-carousel::-webkit-scrollbar {
            display: none;
        }

        .eefj-carousel-item {
            flex: 0 0 auto;
            width: 200px;
            scroll-snap-align: start;
            border-radius: 8px;
            border: #bdbdbd 0.5px solid;
            overflow: hidden;
            background-color: #ffffff;
            text-align: center;
            transition: transform 0.3s ease;
        }

        .eefj-carousel-item:hover {
            transform: scale(1.05);
        }

        .eefj-carousel-item img {
            width: 100%;
            height: auto;
            object-fit: cover;
            aspect-ratio: 1 / 1;
            /* Mantiene las imágenes cuadradas */
        }

        .eefj-nav-button {
            background-color: rgba(155, 155, 155, 0.5);
            border: none;
            color: #fff;
            padding: 10px;
            border-radius: 50%;
            cursor: pointer;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
        }

        .eefj-nav-button:hover {
            background-color: rgba(255, 255, 255, 0.7);
            color: #000;
        }

        .eefj-prev {
            left: 0.5rem;
        }

        .eefj-next {
            right: 0.5rem;
        }

        .eefj-title {
            padding-top: 5px;
            line-height: 17px;
            color: #000;
            font-weight: bold;
        }

        .eefj-price {
            padding-top: 5px;
            line-height: 17px;
            font-size: 36px;
            color: #000;
        }

        .eefj-description {
            line-height: normal;
            color: #aaa;
        }

        @media (min-width: 768px) {
            .eefj-carousel {
                gap: 2rem;
                padding: 2rem;
            }

            .eefj-carousel-item {
                width: 250px;
            }

            .eefj-carousel-item .title {
                font-size: 1.2rem;
            }

            .eefj-carousel-item .subtitle {
                font-size: 1rem;
            }

            .eefj-nav-button {
                padding: 10px;
            }
        }