.saga-blog-filters {
    --saga-filter-color: #144a72;
    --saga-filter-background: #fff;
    --saga-filter-text: #203543;
    --saga-filter-border: #dedede;
    --saga-filter-button-text: #fff;
    --saga-filter-field-background: #fff;
    --saga-filter-font: inherit;
    --saga-filter-font-size: 14px;
    --saga-filter-heading-size: 20px;
    --saga-filter-checkbox-size: 18px;
    --saga-filter-spacing: 20px;
    --saga-filter-padding: 22px;
    --saga-filter-radius: 12px;
    box-sizing: border-box;
    width: 100%;
    padding: var(--saga-filter-padding);
    border: 1px solid var(--saga-filter-border);
    border-radius: var(--saga-filter-radius);
    background: var(--saga-filter-background);
    color: var(--saga-filter-text);
    font-family: var(--saga-filter-font);
    font-size: var(--saga-filter-font-size);
    line-height: 1.5;
}
.saga-blog-filters * { box-sizing: border-box; }
.saga-blog-filters .saga-blog-filters__heading {
    margin: 0 0 var(--saga-filter-spacing);
    color: var(--saga-filter-color);
    font-family: inherit;
    font-size: var(--saga-filter-heading-size);
    line-height: 1.3;
}
.saga-blog-filters__field { margin: 0 0 var(--saga-filter-spacing); min-width: 0; }
.saga-blog-filters label, .saga-blog-filters legend {
    display: block;
    margin: 0 0 8px;
    font-size: 1em;
    color: inherit;
    font-weight: 600;
}
.saga-blog-filters select, .saga-blog-filters input[type=date] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    border: 1px solid var(--saga-filter-border);
    border-radius: 6px;
    background: var(--saga-filter-field-background);
    color: var(--saga-filter-text);
    padding: 10px;
    font: inherit;
    font-size: max(1em, 16px);
}
.saga-blog-filters .saga-blog-filters__period, .saga-blog-filters .saga-blog-filters__group {
    min-width: 0;
    padding: 0;
    border: 0;
    margin: 0 0 var(--saga-filter-spacing);
}
.saga-blog-filters__options { display: grid; gap: 6px; }
.saga-blog-filters label.saga-blog-filters__check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 36px;
    padding: 6px 0;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}
.saga-blog-filters__check span { min-width: 0; overflow-wrap: anywhere; }
.saga-blog-filters .saga-blog-filters__check input[type=checkbox] {
    appearance: auto;
    -webkit-appearance: checkbox;
    flex: 0 0 var(--saga-filter-checkbox-size);
    width: var(--saga-filter-checkbox-size);
    height: var(--saga-filter-checkbox-size);
    min-width: var(--saga-filter-checkbox-size);
    margin: 2px 0 0;
    padding: 0;
    accent-color: var(--saga-filter-color);
    cursor: pointer;
}
.saga-blog-filters .saga-blog-filters__hint { font-size: .9em; margin: 0; }
.saga-blog-filters__period label { font-weight: 400; }
.saga-blog-filters .saga-blog-filters__apply {
    display: block;
    width: 100%;
    min-height: 46px;
    padding: 12px;
    border: 1px solid var(--saga-filter-color);
    border-radius: 7px;
    background: var(--saga-filter-color);
    color: var(--saga-filter-button-text);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.saga-blog-filters .saga-blog-filters__clear {
    display: block;
    padding: 12px 4px 0;
    text-align: center;
    color: var(--saga-filter-color);
    text-decoration: underline;
    font-size: 1em;
}
.saga-blog-filters :is(input,select,button,a):focus-visible {
    outline: 2px solid var(--saga-filter-color);
    outline-offset: 3px;
}
.saga-blog-filters .saga-blog-filters__error { color: #9b1c1c; font-size: 14px; }
#saga-resultados { scroll-margin-top: 100px; }
.saga-blog-filters__status { margin: 10px 0 0; font-size: .9em; }
.saga-blog-filters__status:empty { display: none; }
.saga-blog-filters__status.is-error { color: #9b1c1c; }
.saga-blog-filters[aria-busy=true] { opacity: .75; }
#saga-resultados[aria-busy=true] { opacity: .55; transition: opacity .15s; }
.saga-blog-filters[data-saga-apply=change] .saga-blog-filters__apply { display: none; }
.saga-blog-filters__count { margin-left: auto; min-width: 2ch; text-align: right; font-variant-numeric: tabular-nums; color: var(--saga-filter-count-color, #8491a3); font-size: 1em; }
.saga-blog-filters__option-text { flex: 1; }
.saga-blog-filters.saga-blog-filters--sidebar { border: 0; border-radius: 0; }
.saga-blog-filters--sidebar .saga-blog-filters__toolbar { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 17px; border-bottom: 1px solid var(--saga-filter-divider, #f0f0f0); }
.saga-blog-filters--sidebar .saga-blog-filters__toolbar .saga-blog-filters__heading { margin: 0; font-weight: 400; color: var(--saga-filter-text); }
.saga-blog-filters--sidebar .saga-blog-filters__clear--top { margin-left: auto; padding: 0; color: inherit; text-align: right; white-space: nowrap; }
.saga-blog-filters__accordion { margin: 0 0 10px; border: 0; padding: 0; }
.saga-blog-filters__accordion > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; padding: 18px 0; border-bottom: 1px solid var(--saga-filter-divider, #f0f0f0); font-size: 1em; font-weight: 600; cursor: pointer; }
.saga-blog-filters__accordion > summary::-webkit-details-marker { display: none; }
.saga-blog-filters__accordion > summary::after { content: ''; width: 7px; height: 7px; margin-right: 8px; flex: 0 0 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.saga-blog-filters__accordion[open] > summary::after { transform: rotate(225deg); }
.saga-blog-filters__accordion .saga-blog-filters__options { padding: 8px 8px 10px; gap: 0; }
.saga-blog-filters__accordion label.saga-blog-filters__check { align-items: center; min-height: 40px; gap: 12px; padding: 8px 0; }
.saga-blog-filters--sidebar .saga-blog-filters__check input[type=checkbox] { appearance: none; -webkit-appearance: none; display: grid; place-content: center; margin: 0; border: 1px solid var(--saga-filter-checkbox-border, #9ca3af); border-radius: 0; background: var(--saga-filter-field-background); }
.saga-blog-filters--sidebar .saga-blog-filters__check input[type=checkbox]::before { content: none; }
.saga-blog-filters--sidebar .saga-blog-filters__check input[type=checkbox]:checked { border-color: var(--saga-filter-color); background: var(--saga-filter-color); }
.saga-blog-filters--sidebar .saga-blog-filters__check input[type=checkbox]:checked::after { content: ''; width: calc(var(--saga-filter-checkbox-size) * .26); height: calc(var(--saga-filter-checkbox-size) * .48); border: solid var(--saga-filter-button-text); border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); }
@media (max-width: 767px) {
    .saga-blog-filters label.saga-blog-filters__check { min-height: 44px; }
}
