        /* Contenedor del slideshow */
        .slideshow {
            position: relative;
            width: 100%;
            max-width: 600px; /* Puedes ajustar el tamaño máximo aquí */
            height: 300px; /* Ajusta el alto del slideshow */
            overflow: hidden;
            margin: auto;
            border-radius: 10px; /* Bordes redondeados opcionales */
            background: #ffffff; /* Fondo por defecto */
            margin-bottom: 20px;
        }

        /* Imágenes del slideshow */
        .slideshow img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: contain;
            opacity: 0;
            transition: opacity 1s ease-in-out; /* Transición suave */
        }

        /* La imagen visible */
        .slideshow img.active {
            opacity: 1;
        }

        /* Botones de navegación */
        .slideshow .prev,
        .slideshow .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(11, 11, 11, 0.068);
            color: #fff;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            z-index: 10;
            border-radius: 50%;
        }

        .slideshow .prev {
            left: 0px;
            width: 15px;
            height: 35px;
            border-radius: 5px 0px 0px 5px;
            overflow: hidden;
        }

        .slideshow .next {
            right: 0px;
            width: 15px;
            height: 35px;
            border-radius: 0px 5px 5px 0px;
        }


        /* Indicadores opcionales */
        .dots {
            text-align: center;
            position: absolute;
            bottom: 10px;
            width: 100%;
        }

        .dot {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            background: #bbb;
            border-radius: 50%;
            cursor: pointer;
        }

        .dot.active {
            background: #fff;
        }