/* ==========================================================
   QUESTÕES DE TI - RESET PROFISSIONAL
   Objetivo:
   - remover aparência improvisada
   - separar bem hero / busca / filtros
   - alinhar grid de filtros
   - profissionalizar cards
   - manter responsividade mobile
========================================================== */

.qti-q4-page {
    --q-bg: #edf2f7;
    --q-bg-soft: #e7edf4;
    --q-surface: #ffffff;
    --q-surface-2: #f7fafe;
    --q-panel: #dde6f0;
    --q-panel-2: #d2ddea;
    --q-border: #d6e0eb;
    --q-text: #1a2940;
    --q-text-soft: #5f7288;
    --q-blue: #31547d;
    --q-blue-2: #3a5f8b;
    --q-blue-3: #284569;
    --q-teal: #24c6bf;
    --q-shadow: 0 14px 36px rgba(24, 41, 67, .08);

    width: 100%;
    min-height: 100vh;
    margin: 0 calc(50% - 50vw);
    padding: 28px 20px 64px;
    background:
        radial-gradient(circle at 0% 0%, rgba(58, 95, 139, .10), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(36, 198, 191, .06), transparent 20%),
        linear-gradient(180deg, var(--q-bg-soft), var(--q-bg));
    color: var(--q-text);
}

.qti-q4-page *,
.qti-q4-page *::before,
.qti-q4-page *::after {
    box-sizing: border-box;
}

/* remove wrappers escuros/legados */
.qti-q4-page > *,
.qti-q4-page .container,
.qti-q4-page .container-fluid,
.qti-q4-page .banco-shell,
.qti-q4-page .banco-wrapper,
.qti-q4-page .banco-page {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* centralização padrão dos blocos principais */
.qti-q4-hero,
.qti-q4-search,
.qti-q4-filters,
.banco-resultado-topo,
.banco-lista,
.qti-q4-pagination {
    width: min(1180px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ==========================================================
   HERO
========================================================== */
.qti-q4-hero {
    padding: clamp(26px, 4vw, 42px) !important;
    margin-bottom: 18px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(49, 84, 125, .08) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(36, 198, 191, .05), transparent 22%),
        linear-gradient(180deg, var(--q-surface-2), var(--q-surface)) !important;
    box-shadow: var(--q-shadow) !important;
    color: var(--q-text) !important;
}

.qti-q4-hero h1 {
    margin: 10px 0 12px !important;
    color: var(--q-text) !important;
    font-size: clamp(2.2rem, 4.8vw, 4.3rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    max-width: 820px !important;
}

.qti-q4-hero p {
    max-width: 760px !important;
    color: var(--q-text-soft) !important;
    font-size: 1.02rem !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

.qti-q4-hero .banco-kicker,
.qti-q4-hero .qti-kicker,
.qti-q4-hero [class*="eyebrow"],
.qti-q4-hero [class*="kicker"] {
    display: inline-block !important;
    color: #13a6a0 !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.qti-q4-hero .banco-limite,
.qti-q4-hero [class*="restante"],
.qti-q4-hero [class*="limite"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 20px !important;
    padding: 12px 16px !important;
    min-height: 56px !important;
    border-radius: 14px !important;
    border: 0 !important;
    background: linear-gradient(135deg, var(--q-blue-2), var(--q-blue-3)) !important;
    box-shadow: 0 10px 24px rgba(24, 41, 67, .14) !important;
    color: #dbe8f4 !important;
}

.qti-q4-hero .banco-limite strong,
.qti-q4-hero .banco-limite b,
.qti-q4-hero [class*="restante"] strong,
.qti-q4-hero [class*="restante"] b {
    color: #59ded6 !important;
    font-size: 1.65rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.qti-q4-hero .banco-limite span,
.qti-q4-hero [class*="restante"] span {
    color: #dbe8f4 !important;
    font-size: .8rem !important;
}

/* ==========================================================
   BUSCA
========================================================== */
.qti-q4-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 210px !important;
    gap: 12px !important;
    padding: 12px !important;
    margin-bottom: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(49, 84, 125, .08) !important;
    background: var(--q-surface) !important;
    box-shadow: 0 10px 30px rgba(24, 41, 67, .06) !important;
}

.qti-q4-search input,
.qti-q4-search input[type="text"] {
    width: 100% !important;
    min-height: 54px !important;
    height: 54px !important;
    padding: 0 17px !important;
    border-radius: 12px !important;
    border: 1px solid var(--q-border) !important;
    background: #f8fbff !important;
    color: #22344d !important;
    font-size: 1rem !important;
    box-shadow: none !important;
}

.qti-q4-search input::placeholder {
    color: #7a8b9f !important;
    opacity: 1 !important;
}

.qti-q4-search button,
.qti-q4-search .btn,
.qti-q4-search input[type="submit"] {
    width: 100% !important;
    min-height: 54px !important;
    height: 54px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--q-blue-2), var(--q-blue)) !important;
    color: #fff !important;
    font-size: .95rem !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 24px rgba(49, 84, 125, .18) !important;
}

/* ==========================================================
   FILTROS
========================================================== */
.qti-q4-filters {
    overflow: hidden !important;
    margin-bottom: 28px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(49, 84, 125, .08) !important;
    background: linear-gradient(180deg, var(--q-surface), #f8fbff) !important;
    box-shadow: 0 12px 32px rgba(24, 41, 67, .07) !important;
}

.qti-q4-filters summary {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 60px !important;
    padding: 0 22px !important;
    background: linear-gradient(180deg, #fbfdff, #f2f7fc) !important;
    color: var(--q-text) !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    list-style: none !important;
    cursor: pointer !important;
    border-bottom: 1px solid #e9f0f7 !important;
}

.qti-q4-filters summary::-webkit-details-marker {
    display: none !important;
}

.qti-filtro-summary-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    background: #eef4fb !important;
    color: var(--q-blue) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.qti-q4-filters[open] .qti-filtro-summary-icon {
    transform: rotate(180deg) !important;
}

.qti-filtros-form {
    padding: 22px !important;
    background: transparent !important;
}

.qti-filtros-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
}

.qti-filtros-grid > *,
.qti-filtro-campo {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.qti-filtro-campo label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #304660 !important;
    font-size: .84rem !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.qti-filtro-campo select,
.qti-filtro-campo input,
.qti-filtros-grid select,
.qti-filtros-grid input[type="text"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border: 1px solid #d9e3ee !important;
    background: #ffffff !important;
    color: #22344d !important;
    font-size: .95rem !important;
    line-height: 50px !important;
    box-shadow: none !important;
    appearance: auto !important;
}

.qti-filtro-campo input::placeholder {
    color: #8090a4 !important;
    opacity: 1 !important;
}

.qti-filtro-campo select:focus,
.qti-filtro-campo input:focus,
.qti-filtros-grid select:focus,
.qti-filtros-grid input[type="text"]:focus {
    outline: 0 !important;
    border-color: #9ab0c7 !important;
    box-shadow: 0 0 0 4px rgba(58, 95, 139, .08) !important;
}

.qti-filtro-campo-orgao {
    grid-column: span 2 !important;
}

.qti-filtro-campo-ordenar {
    grid-column: span 1 !important;
}

.qti-filtros-acoes {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 6px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e7eef6 !important;
}

.qti-filtro-limpar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 11px !important;
    text-decoration: none !important;
    color: #5e7188 !important;
    font-size: .9rem !important;
    font-weight: 700 !important;
    background: transparent !important;
}

.qti-filtro-limpar:hover {
    background: #f1f6fb !important;
    color: var(--q-blue) !important;
}

.qti-filtro-aplicar {
    min-height: 48px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--q-blue-2), var(--q-blue)) !important;
    color: #fff !important;
    font-size: .94rem !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 24px rgba(49, 84, 125, .18) !important;
}

/* ==========================================================
   CONTADOR
========================================================== */
.banco-resultado-topo {
    margin-bottom: 14px !important;
    padding: 0 4px !important;
}

.qti-q4-count {
    display: block !important;
    color: #43576f !important;
    font-size: .96rem !important;
    font-weight: 800 !important;
}

/* ==========================================================
   LISTA / GRID
========================================================== */
.banco-lista {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

/* ==========================================================
   CARD DA QUESTÃO
========================================================== */
.qti-q4-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 360px !important;
    padding: 22px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,255,255,.05), transparent 25%),
        linear-gradient(180deg, #3d628f, #31547d) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(34, 56, 88, .18) !important;
    overflow: hidden !important;
}

.qti-q4-card::before,
.qti-q4-card::after {
    display: none !important;
}

.qti-q4-card h2 {
    margin: 18px 0 16px !important;
    color: #ffffff !important;
    font-size: clamp(1rem, 1.2vw, 1.18rem) !important;
    font-weight: 700 !important;
    line-height: 1.58 !important;
}

.qti-q4-card .banco-tags,
.qti-q4-card .banco-meta,
.qti-q4-card .banco-topo {
    margin-bottom: 8px !important;
}

.qti-q4-card .banco-tags span,
.qti-q4-card .badge,
.qti-q4-card .tag {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: rgba(255,255,255,.12) !important;
    color: #f4f8fb !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
}

.qti-q4-card .banco-tags .principal {
    background: rgba(36, 198, 191, .18) !important;
    color: #7ce8e0 !important;
}

.qti-q4-card .banco-tipo,
.qti-q4-card .banco-prova,
.qti-q4-card .banco-prova strong,
.qti-q4-card .banco-prova span,
.qti-q4-card .banco-assuntos span,
.qti-q4-card .banco-card-metricas span {
    color: rgba(255,255,255,.82) !important;
}

.qti-q4-card .banco-card-metricas {
    margin-top: auto !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
}

.qti-q4-card .banco-card-metricas span:first-child {
    color: #ffd36c !important;
}

.qti-q4-resolve,
.qti-q4-card .btn-resolver,
.qti-q4-card a[href*="resolver"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 16px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.13) !important;
    color: #ffffff !important;
    font-size: .94rem !important;
    font-weight: 800 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.07) !important;
}

.qti-q4-resolve:hover,
.qti-q4-card .btn-resolver:hover,
.qti-q4-card a[href*="resolver"]:hover {
    background: #ffffff !important;
    color: var(--q-blue-3) !important;
}

/* ==========================================================
   PAGINAÇÃO
========================================================== */
.qti-q4-pagination {
    margin-top: 24px !important;
}

/* ==========================================================
   TABLET
========================================================== */
@media (max-width: 1024px) {
    .qti-filtros-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .qti-filtro-campo-orgao {
        grid-column: span 2 !important;
    }

    .banco-lista {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ==========================================================
   MOBILE
========================================================== */
@media (max-width: 640px) {
    .qti-q4-page {
        margin: 0 !important;
        padding: 16px 12px 42px !important;
    }

    .qti-q4-hero {
        padding: 22px 18px !important;
        border-radius: 18px !important;
    }

    .qti-q4-hero h1 {
        font-size: clamp(2rem, 10vw, 2.9rem) !important;
        line-height: 1.02 !important;
    }

    .qti-q4-search {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 10px !important;
        border-radius: 16px !important;
    }

    .qti-q4-search button {
        width: 100% !important;
    }

    .qti-q4-filters {
        border-radius: 16px !important;
    }

    .qti-filtros-form {
        padding: 16px !important;
    }

    .qti-filtros-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .qti-filtro-campo-orgao,
    .qti-filtro-campo-ordenar {
        grid-column: span 1 !important;
    }

    .qti-filtros-acoes {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    .qti-filtro-aplicar,
    .qti-filtro-limpar {
        width: 100% !important;
        justify-content: center !important;
    }

    .banco-lista {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .qti-q4-card {
        min-height: 0 !important;
        padding: 18px 16px !important;
        border-radius: 18px !important;
    }

    .qti-q4-card h2 {
        font-size: 1rem !important;
        line-height: 1.52 !important;
    }
}


/* ==========================================================
   QTI_FILTROS_GRID_PROFISSIONAL_FINAL

   Desktop:
   Área | Disciplina | Assunto | Subassunto | Banca
   Tipo | Dificuldade | Ano    | Órgão      | Ordenar
========================================================== */


/* ==========================================================
   FORM OCUPA 100% DO PAINEL
========================================================== */

html body
.qti-q4-page
.qti-q4-filters
.qti-filtros-form {
    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        24px 28px
        26px !important;

    border:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   GRID DESKTOP — 5 COLUNAS PERFEITAS
========================================================== */

html body
.qti-q4-page
.qti-q4-filters
.qti-filtros-grid {
    display:
        grid !important;

    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    grid-template-columns:
        repeat(
            5,
            minmax(0, 1fr)
        ) !important;

    grid-auto-flow:
        row !important;

    grid-auto-columns:
        minmax(0, 1fr) !important;

    column-gap:
        18px !important;

    row-gap:
        20px !important;

    justify-content:
        stretch !important;

    justify-items:
        stretch !important;

    align-items:
        start !important;

    border:
        0 !important;

    background:
        transparent !important;
}


/* ==========================================================
   CADA CAMPO É UMA CÉLULA DE MESMO TAMANHO
========================================================== */

html body
.qti-q4-page
.qti-q4-filters
.qti-filtros-grid
> .qti-filtro-campo,

html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-campo {
    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    height:
        auto !important;

    min-height:
        79px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    grid-column:
        span 1 !important;

    justify-self:
        stretch !important;

    align-self:
        stretch !important;

    border:
        0 !important;

    background:
        transparent !important;
}


/*
 * Neutraliza os spans especiais que estavam criando
 * áreas maiores e desalinhadas.
 */

html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-campo-orgao,

html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-campo-ordenar {
    grid-column:
        span 1 !important;

    width:
        100% !important;

    max-width:
        none !important;
}


/* ==========================================================
   LABELS
========================================================== */

html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-campo
label {
    display:
        block !important;

    width:
        100% !important;

    height:
        20px !important;

    min-height:
        20px !important;

    margin:
        0 0 8px !important;

    padding:
        0 !important;

    color:
        #30445e !important;

    font-size:
        .79rem !important;

    line-height:
        20px !important;

    font-weight:
        800 !important;

    white-space:
        nowrap !important;
}


/* ==========================================================
   TODOS OS INPUTS EXATAMENTE IGUAIS
========================================================== */

html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-campo
select,

html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-campo
input[type="text"] {
    display:
        block !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    height:
        52px !important;

    min-height:
        52px !important;

    max-height:
        52px !important;

    margin:
        0 !important;

    padding:
        0 14px !important;

    border:
        1px solid
        #d5dfeb !important;

    border-radius:
        12px !important;

    background:
        #f8fbff !important;

    color:
        #23364e !important;

    font-family:
        inherit !important;

    font-size:
        .91rem !important;

    font-weight:
        500 !important;

    line-height:
        normal !important;

    box-shadow:
        none !important;

    box-sizing:
        border-box !important;

    justify-self:
        stretch !important;
}


/* Órgão não pode ficar maior que os outros */

html body
.qti-q4-page
.qti-q4-filters
#qti-orgao {
    width:
        100% !important;

    max-width:
        none !important;
}


/* Ordenar não pode ficar menor */

html body
.qti-q4-page
.qti-q4-filters
#qti-ordenar {
    width:
        100% !important;

    max-width:
        none !important;
}


/* Focus profissional */

html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-campo
select:focus,

html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-campo
input:focus {
    outline:
        none !important;

    border-color:
        #8ca5c0 !important;

    background:
        #ffffff !important;

    box-shadow:
        0 0 0 4px
        rgba(
            49,
            84,
            125,
            .07
        ) !important;
}


/* ==========================================================
   AÇÕES
========================================================== */

html body
.qti-q4-page
.qti-q4-filters
.qti-filtros-acoes {
    display:
        flex !important;

    width:
        100% !important;

    max-width:
        none !important;

    align-items:
        center !important;

    justify-content:
        flex-end !important;

    gap:
        10px !important;

    margin:
        22px 0 0 !important;

    padding:
        20px 0 0 !important;

    border-top:
        1px solid
        #e1e9f2 !important;

    background:
        transparent !important;
}


html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-limpar {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        130px !important;

    min-height:
        48px !important;

    margin:
        0 !important;

    padding:
        0 16px !important;

    border-radius:
        11px !important;

    color:
        #5d7088 !important;

    text-decoration:
        none !important;

    font-size:
        .86rem !important;

    font-weight:
        750 !important;
}


html body
.qti-q4-page
.qti-q4-filters
.qti-filtro-aplicar {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        165px !important;

    min-height:
        48px !important;

    margin:
        0 !important;

    padding:
        0 20px !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    background:
        linear-gradient(
            135deg,
            #3a5f8b,
            #31547d
        ) !important;

    color:
        #ffffff !important;

    font-size:
        .88rem !important;

    font-weight:
        800 !important;

    box-shadow:
        0 9px 22px
        rgba(49,84,125,.16) !important;
}


/* ==========================================================
   LARGE DESKTOP
========================================================== */

@media (min-width: 1100px) {

    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtros-grid {
        grid-template-columns:
            repeat(
                5,
                minmax(0, 1fr)
            ) !important;
    }

}


/* ==========================================================
   NOTEBOOK / TABLET HORIZONTAL
========================================================== */

@media (
    min-width: 760px
)
and (
    max-width: 1099px
) {

    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtros-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (
    min-width: 560px
)
and (
    max-width: 759px
) {

    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtros-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

}


/* ==========================================================
   CELULAR
========================================================== */

@media (max-width: 559px) {

    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtros-form {
        padding:
            16px !important;
    }


    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtros-grid {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap:
            13px !important;
    }


    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtro-campo {
        min-height:
            80px !important;
    }


    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtro-campo
    select,

    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtro-campo
    input[type="text"] {
        width:
            100% !important;

        height:
            50px !important;

        min-height:
            50px !important;

        max-height:
            50px !important;

        font-size:
            16px !important;
    }


    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtros-acoes {
        flex-direction:
            column-reverse !important;

        align-items:
            stretch !important;

        gap:
            8px !important;
    }


    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtro-limpar,

    html body
    .qti-q4-page
    .qti-q4-filters
    .qti-filtro-aplicar {
        width:
            100% !important;

        min-width:
            0 !important;
    }

}



/* QTI_CARD_LISTA_MESMA_COR_DETALHE_BEGIN
   Origem real: .questao-mobile-card, .questao-interacoes
*/
html body .qti-q4-page .qti-q4-card {
    background: #111f33 !important;
    border: 0 !important;
}
/* QTI_CARD_LISTA_MESMA_COR_DETALHE_END */