/* Contenedor de scroll horizontal */
    .scroll-container {
        display: flex;
        align-items: center;
        position: relative; /* Asegura que los botones de flecha estén sobre el contenedor */
        width: 95%; /* Asegura que el contenedor ocupe el 100% del ancho disponible */
        overflow: hidden; /* Elimina el desplazamiento horizontal en el contenedor principal */
    }

    /* Ocultar la barra de desplazamiento en navegadores Webkit */
    .scroll-options::-webkit-scrollbar {
        display: none; /* Ocultar barra de desplazamiento */
    }

    /* Contenedor de opciones (radio buttons) */
    .scroll-options {
        display: flex;
        flex-wrap: nowrap; /* Evita que los elementos se envuelvan y permite que se alineen en línea */
        padding: 0 10px; /* Espaciado */
        padding-top: 3px;
        overflow-x: auto; /* Permite el scroll horizontal */
        z-index: 0; /* Asegura que el contenedor de opciones esté por debajo de los botones */
        position: relative; /* Hace que el scroll sea interno y no afecte al contenedor */
        max-width: 100%; /* Evita que se estire más allá de su límite */
        width: auto; /* Ajusta al tamaño de los botones */
        left: 13px;
    }

    /* Flechas para mover el scroll */
    .scroll-btn {
        position: absolute;
        top: 64%;
        transform: translateY(-50%);
        background-color: rgb(255 255 255);
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 1; /* Asegura que las flechas estén por encima del contenedor */
        width: 38px; /* Tamaño fijo para las flechas */
        height: 50px; /* Tamaño fijo para las flechas */
    }

    .scroll-btn.left {
        left: -12px; /* Coloca la flecha izquierda con un margen */
    }

    .scroll-btn.right {
        right: -12px; /* Coloca la flecha derecha con un margen */
    }

    /* Diseño de los botones de radio */
    .btn-group-toggle .btn {
        margin-right: 10px; /* Espaciado entre los botones */
    }

    /* Asegura que el contenedor de las opciones se ajuste correctamente */
    .scroll-options label {
        flex-shrink: 0; /* Evita que los botones se reduzcan */
    }

    /* Estilo de iconos */
    i.fa-chevron-left, i.fa-chevron-right {
        font-size: 20px;
        color: #333;
    }