
    .carousel-imagenes {
        position: relative;
        width: 100%;
        max-width: 600px; /* Tamaño máximo del carrusel en pantallas grandes */
        margin: auto; /* Centra el carrusel horizontalmente */
        overflow: hidden; /* Oculta el desbordamiento de las imágenes */
        overflow: visible;
    }


    .carousel-inner-imagenes {
        display: flex;
        width: 100%; /* Ajusta el ancho al 100% del contenedor */
        transition: transform 0.5s ease;
    }

    .carousel-item-imagenes {
        flex: 0 0 100%; /* Ajusta el ancho de las imágenes al 100% del contenedor */
        position: relative;
        transition: transform 0.5s ease, opacity 0.5s ease;
        box-sizing: border-box;
    }

    .carousel-item-imagenes img {
        width: 100%; /* Ajusta la imagen al ancho del contenedor */
        height: auto;
        display: block;
    }

    .carousel-item-imagenes.active {
        transform: scale(1.1); /* Aumenta ligeramente el tamaño de la imagen activa */
        opacity: 1;
        z-index: 1;
    }

    .carousel-item-imagenes:not(.active) {
        transform: scale(0.9); /* Reducción para mostrar parcialmente las imágenes laterales */
        opacity: 0;
    }

    .carousel-control-imagenes {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0); /* Fondo semi-transparente para los controles */
        color: #fff;
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 10;
        width: 40px; /* Ancho del botón para ajustarse mejor en pantallas pequeñas */
        height: 40px; /* Alto del botón para ajustarse mejor en pantallas pequeñas */
    }

    #prev {
        left: -100px; /* Posición del botón anterior */
    }

    #next {
        right: -100px; /* Posición del botón siguiente */
    }

    #prev-responsivo,
    #next-responsivo {
        display: none;
    }

    .cuadro-texto-container {
        text-align: center; /* Centra el texto en el contenedor */
        position: relative;
    }

    .cuadro-texto {
        background-color: #0e4580; /* O el color que prefieras */
        color: #ffffff;
        padding: 15px; /* Ajusta el padding para pantallas pequeñas */
        box-sizing: border-box;
        display: none; /* Oculta por defecto */
        border-radius: 15px;
        margin: 10px auto; /* Espacio entre el carrusel y el texto */
        max-width: 90%; /* Ajusta el ancho máximo del cuadro de texto */
    }

    /* Media Queries para Responsividad */
    @media (max-width: 992px) {
        .carousel-control-imagenes {
            width: 30px; /* Botones más pequeños en pantallas pequeñas */
            height: 30px;
        }

        #prev-responsivo,
        #next-responsivo {
            display: block; /* Muestra los controles responsivos en pantallas pequeñas */
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0);
            color: #fff;
            border: none;
            padding: 5px;
            cursor: pointer;
            z-index: 10;
            width: 30px;
            height: 30px;
        }

        #prev-responsivo {
            left: 10px; /* Posición del botón anterior */
        }

        #next-responsivo {
            right: 10px; /* Posición del botón siguiente */
        }

        #prev{
            display: none;
        }

        #next{
            display: none;
        }

        .center-buttons {
            display: flex; /* Utiliza flexbox para alinear los botones horizontalmente */
            justify-content: center; /* Centra los botones horizontalmente */
            gap: 30px; /* Espacio entre los botones */
            margin: 10px 0; /* Espacio arriba y abajo del contenedor */
        }
        .cuadro-texto {
            padding: 10px; /* Padding reducido en pantallas pequeñas */
            margin: 5px auto; /* Espacio reducido en pantallas pequeñas */
        }

        .carousel-imagenes {

            max-width: 400px; /* Tamaño máximo del carrusel en pantallas grandes */

        }
    }

