/* Estilos generales para el div con el ID "delta" */
    #delta {
        display: none;
        /* Oculta el div por defecto en todos los dispositivos */
    }

    /* Estilos específicos para dispositivos móviles utilizando una media query */
    @media only screen and (max-width: 767px) {
        #delta {
            display: block;
            /* Muestra el div solo en dispositivos con un ancho de pantalla de hasta 767px */
        }

        #delta .filter-toggle {
            text-align: center !important;
            /* Centra el contenido del div interior */
            margin: 0 auto !important;
            /* Centra el div interior en la página */
            padding: 10px !important;
            /* Añade un poco de espacio alrededor del contenido del div interior */
        }
    }

    /* Estilo para los widgets */
    .widget {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 15px;
        background-color: #f9f9f9;
    }

    .fondo-filtro {
        border: 1px solid #1D70BA;
        border-radius: 5px;
        padding: 15px;
        background-color: #1D70BA;
    }

    .widget-title {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .checkbox-container {
        display: block;
    }

    .checkbox-container .form-check {
        display: block;
        margin-bottom: 10px;
    }

    .form-check-label {
        display: inline-block;
        width: 100%;
    }

    /* Estilo para el botón de reset */
    .btn-outline-danger {
        display: flex;
        align-items: center;
    }

    .btn-outline-danger i {
        margin-right: 5px;
    }