.filterable-query,
.filterable-query * {
font-family: 'TT Norms Pro', sans-serif;
}
.filterable-query { display:block; }
.filterable-query .fq-controls { display:grid; gap: 20px; margin-bottom: 1rem; }
.filterable-query .fq-results { display:block; }
.filterable-query .fq-items {
display:grid;
grid-template-columns: repeat(var(--cols, 3), minmax(0,1fr));
gap: var(--gap, 1rem);
}
.filterable-query .fq-item a { text-decoration: none; }
.filterable-query .fq-pagination { display:flex; gap:.5rem; margin-top:1rem; }
.filterable-query .fq-pagination .fq-page.is-active { font-weight: 700; } .filterable-query .fq-filter__options.as-tags {
display:flex; flex-wrap:wrap; gap:.5rem;
}
.filterable-query .fq-filter__options.as-tags label {
border:1px solid #e5e7eb; padding:.25rem .6rem; border-radius:999px; cursor:pointer;
}
.filterable-query .fq-filter__options.as-tags label.is-active {
background:#eef2ff; border-color:#c7d2fe;
}
.filterable-query .fq-filter__options.as-tags input { display:none; } .filterable-query .fq-results.is-loading { position:relative; }
.filterable-query .fq-results.is-loading::after{
content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent, rgba(0,0,0,.04), transparent);
animation:fqShimmer 1s linear infinite;
}
@keyframes fqShimmer { from { background-position:-200px 0; } to { background-position:200px 0; } } .filterable-query .fq-field--search { display: grid; gap: .375rem; }
.filterable-query .fq-search {
display: flex;
align-items: center;
gap: 12px;
height: 50px;
padding: 0 20px;
border: 1px solid #D4D4D4;
background: #f5f5f5;
border-radius: 0;
}
.filterable-query .fq-search__icon {
display: inline-flex;
flex: 0 0 auto;
line-height: 0;
}
.filterable-query .fq-search__input {
flex: 1 1 auto;
appearance: none;
border: 0;
outline: none;
background: transparent;
font-size: 16px;
font-weight: 400;
color: #121820;
min-width: 0;
}
.filterable-query .fq-search__input::placeholder { color: #525252; opacity: 1; }
.filterable-query .fq-search:focus-within {
box-shadow: 0 0 0 2px rgba(0, 0, 0, .12);
} .filterable-query .fq-filters-grid {
display: grid;
gap: .75rem;
}
@media (min-width: 768px){
.filterable-query .fq-filters-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 1000px){
.filterable-query .fq-filters-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
} .filterable-query .fq-label {
font-size: .875rem;
color: #121820;
opacity: .85;
display: block;
margin-bottom: .25rem;
} .filterable-query .fq-field--select .fq-select {
position: relative;
display: flex;
align-items: center;
height: 50px;
padding: 0 20px;
border: 1px solid #4AC2E6;
background: #E3F3FB;
}
.filterable-query .fq-field--select select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 0;
outline: none;
background: transparent;
width: 100%;
font-size: 16px;
font-weight: 400;
color: #121820;
padding-right: 24px;
min-width: 0;
}
.filterable-query .fq-select__arrow {
position: absolute;
right: 12px;
pointer-events: none;
font-size: 18px;
line-height: 1;
color: #121820;
}
.filterable-query .fq-field--select .fq-select:focus-within {
box-shadow: 0 0 0 2px rgba(74, 194, 230, .25);
} .filterable-query .fq-field--dropdown .fq-dropdown{ position:relative; }
.filterable-query .fq-field--dropdown .fq-dropdown__button{
display:flex; align-items:center; justify-content:space-between;
width:100%; height:50px; padding:0 20px;
border:1px solid #D4D4D4; 
background:#f5f5f5;
color: #525252;
font-size:1rem !important; 
font-weight:400; 
text-align:left;
cursor:pointer;
} .filterable-query .fq-field--dropdown .fq-dropdown__panel{
position:absolute; z-index:30; top:calc(100% + 4px); left:0; right:0;
background:#fff; border:1px solid #E5E7EB; box-shadow:0 8px 24px rgba(0,0,0,.06);
border-radius:4px; padding:.5rem; max-height:260px; overflow:auto;
display:none;
}
.filterable-query .fq-field--dropdown .fq-dropdown.is-open .fq-dropdown__panel{ display:block; } .filterable-query .fq-dropdown__option{
display:flex; align-items:center; gap:.5rem; padding:.25rem .25rem;
cursor:pointer; user-select:none;
font-size: 0.938rem; color: #525252;
}
.filterable-query .fq-dropdown__option:hover{ background:#F3F4F6; }
.filterable-query .fq-dropdown__option input{ flex:0 0 auto; } .filterable-query .fq-search__input:focus,
.filterable-query .fq-select select:focus,
.filterable-query .fq-dropdown__button:focus { outline: none; }
.filterable-query .fq-search:focus-within,
.filterable-query .fq-field--select .fq-select:focus-within,
.filterable-query .fq-field--dropdown .fq-dropdown__button:focus-visible,
.filterable-query .fq-field--dropdown .fq-dropdown__panel:focus-within {
box-shadow: 0 0 0 2px rgba(0, 0, 0, .12);
outline: none;
} .filterable-query .fq-field--dropdown .fq-dropdown__button:after { content: none; }
.filterable-query .fq-dropdown__chevron{
display:inline-flex;
margin-left:.5rem;
transition: transform .2s ease;
}
.filterable-query .fq-dropdown.is-open .fq-dropdown__chevron{ transform: rotate(180deg); }
.filterable-query .fq-dropdown__chevron svg{ width:25px; height:24px; display:block; } .filterable-query .fq-dropdown__option input[type="checkbox"]{
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border: 1px solid #D4D4D4;
border-radius: 4px;
background: #fff;
margin: 0;
outline: none;
box-shadow: none;
flex: 0 0 auto;
}
.filterable-query .fq-dropdown__option:hover input[type="checkbox"]{ border-color: #bdbdbd; }
.filterable-query .fq-dropdown__option input[type="checkbox"]:checked{
background-color: #3332CB;
border-color: #3332CB;
background-repeat: no-repeat;
background-position: center;
background-size: 12px 10px;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'><path d='M4.5 7.2L1.7 4.4L0.6 5.5L4.5 9.4L11.4 2.5L10.3 1.4L4.5 7.2Z' fill='%23FFFFFF'/></svg>");
}
.filterable-query .fq-dropdown__option input[type="checkbox"]:focus{ outline: none; box-shadow: none; } .filterable-query .fq-reset.is-hidden { display: none !important; } .filterable-query .fq-actions .fq-reset {
display: inline-flex;
align-items: center;
gap: 8px;
height: 50px;
padding: 0 20px;
border: 1px solid #C6D5FF;
background: #DFE9FF;
color: #3332CB;
font-size: 1rem;
font-weight: 400;
line-height: 1;
border-radius: 0;
cursor: pointer;
appearance: none;
margin-bottom: 20px;
}
.filterable-query .fq-actions .fq-reset::before {
content: "";
width: 24px;
height: 24px;
flex: 0 0 24px;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 1.5C6.15 1.5 1.5 6.15 1.5 12C1.5 17.85 6.15 22.5 12 22.5C17.85 22.5 22.5 17.85 22.5 12C22.5 6.15 17.85 1.5 12 1.5ZM12 21C7.05 21 3 16.95 3 12C3 7.05 7.05 3 12 3C16.95 3 21 7.05 21 12C21 16.95 16.95 21 12 21Z' fill='%233332CB'/><path d='M16.05 17.25L12 13.2L7.95 17.25L6.75 16.05L10.8 12L6.75 7.95L7.95 6.75L12 10.8L16.05 6.75L17.25 7.95L13.2 12L17.25 16.05L16.05 17.25Z' fill='%233332CB'/></svg>");
}
.filterable-query .fq-actions .fq-reset:hover {
border-color: #B6C6FF;
background: #D6E2FF;
}
.filterable-query .fq-actions .fq-reset:active { transform: translateY(1px); }
.filterable-query .fq-actions .fq-reset:focus { outline: none; }
.filterable-query .fq-actions .fq-reset:focus-visible { box-shadow: 0 0 0 2px rgba(51, 50, 203, .25); } .filterable-query .fq-reset.is-hidden { display: none; } .filterable-query .fq-label {
font-size: 0.875rem; color: #525252; opacity: 1; }
.fq-counter{
font-size: 1rem;
color: #525252;
margin-top: 40px;
}   @media (max-width: 1024px){
.filterable-query .fq-items{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 640px){
.filterable-query .fq-items{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
} .filterable-query .fq-pagination{
display:flex;
gap: 10px; align-items:center;
justify-content:center; font-family: 'TT Norms Pro', sans-serif;
flex-wrap: wrap; } .filterable-query .fq-pagination .fq-page{
display:inline-flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border:1px solid #E5E5E5;
background:#FFF;
color:#121820;
font-family:'TT Norms Pro', sans-serif;
font-size:1.125rem; font-weight:500; line-height:1;
text-decoration:none;
cursor:pointer;
user-select:none;
transition: background .2s ease, color .2s ease, border-color .2s ease, transform .05s ease;
} .filterable-query .fq-pagination .fq-page:hover{
border-color:#dcdcdc;
background:#fafafa;
} .filterable-query .fq-pagination .fq-page.is-active{
background:#3332CB;
border-color:#3332CB;
color:#FFFFFF;
} .filterable-query .fq-pagination .fq-page.is-disabled{
opacity:.45;
pointer-events:none;
} .filterable-query .fq-pagination .fq-page.fq-nav{
font-size:0; padding:0;
} .filterable-query .fq-pagination .fq-page.fq-nav.is-prev .fq-icon{
transform: rotate(180deg);
} .filterable-query .fq-pagination .fq-page.fq-nav .fq-icon svg{
width:24px;
height:24px;
display:block;
} .filterable-query .fq-pagination .fq-page:active{
transform: translateY(1px);
} .filterable-query .fq-pagination .fq-page:focus { outline: none; }
.filterable-query .fq-pagination .fq-page:focus-visible {
outline: none;
box-shadow: 0 0 0 2px rgba(51, 50, 203, .25); } .filterable-query .fq-pagination a.fq-page:focus,
.filterable-query .fq-pagination button.fq-page:focus { outline: none; }
.filterable-query .fq-pagination a.fq-page:focus-visible,
.filterable-query .fq-pagination button.fq-page:focus-visible {
outline: none;
box-shadow: 0 0 0 2px rgba(51, 50, 203, .25);
} .filterable-query .fq-pagination .fq-ellipsis{
display:inline-flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
color:#6B7280; font-family:'TT Norms Pro', sans-serif;
font-size:1.125rem;
user-select:none;
} @keyframes fqSkeleton {
0% { background-position: -200px 0; }
100% { background-position: 200px 0; }
}
.filterable-query .is-skeleton,
.filterable-query .sk-line,
.filterable-query .sk-block,
.filterable-query .sk-btn,
.filterable-query .sk-badge,
.filterable-query .sk-title,
.filterable-query .sk-dot,
.filterable-query .sk-cube {
background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
background-size: 400px 100%;
animation: fqSkeleton 1s linear infinite;
border-radius: 4px;
}
.filterable-query .sk-inline { display: inline-block; vertical-align: middle; }
.filterable-query .sk-line { height: 14px; width: 100%; }
.filterable-query .sk-block { height: 180px; width: 100%; }
.filterable-query .sk-dot   { width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; }
.filterable-query .sk-cube  { width: 18px; height: 19px; border-radius: 3px; margin-right: 6px; } .filterable-query.is-proyectos .card-project.is-skeleton {
position: relative;
background: #fff;
border-top: 4px solid transparent;
border-right: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
display: flex;
flex-direction: column;
height: 100%;
}
.filterable-query.is-proyectos .card-project.is-skeleton .card-thumb {
height: 230px; }
.filterable-query.is-proyectos .card-project.is-skeleton .card-body {
padding: .75rem .5rem 0;
flex: 1 1 auto;
}
.filterable-query.is-proyectos .card-project.is-skeleton .sk-meta { 
display:flex; align-items:center; gap:8px; margin-bottom:.5rem;
}
.filterable-query.is-proyectos .card-project.is-skeleton .card-footer {
margin-top: auto;
padding: 0;
border-top: 1px solid #E5E5E5;
display: flex;
}  .filterable-query .fq-toolbar{
display: flex;
align-items: center; gap: 10px;
} .filterable-query .fq-filters-toggle{
flex: 0 0 50px;
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #D4D4D4;
background: #f5f5f5;
cursor: pointer;
line-height: 0;
padding: 0;
}
.filterable-query .fq-filters-toggle:focus{ outline: none; }
.filterable-query .fq-filters-toggle:focus-visible{
box-shadow: 0 0 0 2px rgba(0, 0, 0, .12);
} .filterable-query .fq-field--search .fq-search{
height: 50px;
display: flex;
align-items: center;
} .filterable-query .fq-field--search{
order: 1;
flex: 1 1 auto;
margin: 0;
}
.filterable-query .fq-filters-toggle{
order: 2;
align-self: center;
} @media (min-width: 768px){
.filterable-query .fq-filters-toggle{ display: none; }
.filterable-query .fq-field--search{ order: 1; flex: 1 1 100%; }
} .filterable-query .fq-filters-panel{ overflow: visible; }
@media (max-width: 767px){
.filterable-query .fq-filters-panel{
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height .25s ease, opacity .25s ease;
}
.filterable-query .fq-filters-panel.is-open{
max-height: 1200px; opacity: 1;
overflow: visible;
}
.filterable-query .fq-filters-panel .fq-filters-grid{ margin-top: 10px; }
}
@media (min-width: 768px){
.filterable-query .fq-filters-panel{
max-height: none; opacity: 1; overflow: visible;
}
} .filterable-query .sr-only{
position: absolute;
width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}  .filterable-query .fq-drawer{
position: fixed;
inset: 0;
z-index: 1000;
pointer-events: none; } .filterable-query .fq-drawer__overlay{
position: absolute;
inset: 0;
background: rgba(1,29,51,.65);
opacity: 0;
transition: opacity .2s ease;
} .filterable-query .fq-drawer__panel{
position: absolute;
top: 0; bottom: 0; left: 0;
width: min(92vw, 360px);
background: #fff;
display: flex;
flex-direction: column;
transform: translateX(-100%);
transition: transform .25s ease;
box-shadow: 0 10px 30px rgba(0,0,0,.25);
overflow: visible;
} .filterable-query .fq-drawer__header{
position: sticky; top: 0; z-index: 3;
display: flex; align-items: center; gap: 8px;
padding: 20px 12px;
background: #fff;
border-bottom: 1px solid #E5E5E5;
}
.filterable-query .fq-drawer__header h3{
margin: 0;
font: 600 1rem/1.2 'TT Norms Pro', sans-serif;
color: #121820;
flex: 1 1 auto;
} .filterable-query .fq-drawer__close{
position: absolute;
right: 12px; top: 12px;
width: 36px; height: 36px;
border: 1px solid #E5E5E5; border-radius: 999px;
background: #fff; cursor: pointer; line-height: 0;
z-index: 4;
}
.filterable-query .fq-drawer__close:focus{ outline: none; }
.filterable-query .fq-drawer__close:focus-visible{
box-shadow: 0 0 0 2px rgba(51,50,203,.25);
} .filterable-query .fq-drawer__progress{
position: absolute; left: 0; right: 0; bottom: -1px; height: 3px;
background: linear-gradient(90deg,#3332CB 0%, rgba(51,50,203,.2) 100%);
transform: scaleX(0); transform-origin: left;
transition: transform .2s ease;
}
.filterable-query.is-fetching .fq-drawer__progress{ transform: scaleX(1); } .filterable-query .fq-drawer .fq-filters-panel{
flex: 1 1 auto;
overflow: auto;
padding: 14px 16px 20px;
max-height: none !important;
opacity: 1 !important;
overscroll-behavior: contain; } .filterable-query .fq-drawer.is-open{ pointer-events: auto; }
.filterable-query .fq-drawer.is-open .fq-drawer__overlay{ opacity: 1; }
.filterable-query .fq-drawer.is-open .fq-drawer__panel{ transform: translateX(0); } .filterable-query .fq-drawer .fq-actions{ margin-top: 16px; }
.filterable-query .fq-drawer .fq-reset{ display: inline-flex; margin-top: 8px; } .filterable-query .fq-field--dropdown .fq-dropdown__panel{ z-index: 1001; } body.fq-lock{ overflow: hidden !important; } @media (min-width: 768px){
.filterable-query .fq-drawer{
position: static; inset: auto; pointer-events: auto;
}
.filterable-query .fq-drawer__overlay{ display: none; }
.filterable-query .fq-drawer__panel{
position: static; width: auto; transform: none; box-shadow: none;
}
.filterable-query .fq-drawer__header{ display: none; } .filterable-query .fq-drawer .fq-filters-panel{
padding: 0; overflow: visible;
}
} @media (max-width: 767px){
.filterable-query .fq-drawer .fq-field--dropdown .fq-dropdown__panel{
max-height: 60vh; overflow: auto; -webkit-overflow-scrolling: touch;
}
} .filterable-query .fq-controls:focus,
.filterable-query .fq-filters-panel:focus,
.filterable-query .fq-filters-grid:focus,
.filterable-query .fq-drawer__panel:focus {
outline: none !important;
box-shadow: none !important;
} .filterable-query .fq-controls:focus-visible,
.filterable-query .fq-filters-panel:focus-visible,
.filterable-query .fq-filters-grid:focus-visible,
.filterable-query .fq-drawer__panel:focus-visible {
outline: none !important;
box-shadow: none !important;
} .wp-admin .block-editor-page .filterable-query img,
.block-editor .filterable-query img,
.editor-styles-wrapper .filterable-query img {
max-width: 100% !important;
height: auto !important;
display: block;
}
@media (min-width:1024px){
.filterable-query form.fq-controls[data-display-mode="proyectos"] .fq-toolbar .fq-search{
margin-bottom: 16px;
}
} .filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--controls{
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: end;
} @media (min-width: 1024px){
.filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--controls .fq-toolbar{
flex: 1 1 600px; min-width: 360px; }
.filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--controls .fq-drawer{
flex: 0 1 auto;
} .filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--controls .fq-filters-panel{
display: flex;
flex-wrap: nowrap;
gap: 12px;
align-items: stretch;
padding: 0; }
.filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--controls .fq-filters-grid{
display: flex;
flex-wrap: nowrap;
gap: 12px;
align-items: stretch;
}
.filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--controls .fq-field--select,
.filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--controls .fq-field--dropdown{
flex: 0 0 240px; }
} .filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--meta{
display: flex;
align-items: center;
gap: 12px;
margin-top: 6px;
}
.filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--meta .fq-counter{
margin-left: auto; text-align: left;
} .filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--meta .fq-reset{
margin-bottom: 0;
} @media (max-width: 1023px){
.filterable-query form.fq-controls:not([data-display-mode="proyectos"]) .fq-row--controls{ 
display: block; 
}
}
.fq-dossier-card.is-skeleton .dossier-title{ border-bottom:none; padding-bottom:0; }    @media (min-width: 768px){
.filterable-query.is-inline .fq-drawer{
display: none !important; }
} @media (max-width: 767px){
.filterable-query.is-inline .fq-inline-filters{
display: none !important; }
} .filterable-query.is-inline .fq-toolbar--inline{
display: flex;
align-items: end;
gap: 16px;
flex-wrap: wrap;
width: 100%;
}
.filterable-query.is-inline .fq-toolbar--inline .fq-field--search{
flex: 1 1 320px;
}
.filterable-query.is-inline .fq-inline-filters{
display: flex;
align-items: end;
gap: 12px;
flex: 0 1 auto;
}
.filterable-query.is-inline .fq-inline-filters .fq-field--inline{
min-width: 200px;
flex: 0 1 260px;
} .filterable-query.is-inline .fq-field--dropdown .fq-dropdown__panel{
z-index: 1001;
}    @media (min-width: 768px){
.filterable-query.is-inline .fq-toolbar--inline .fq-field--search{
order: 0 !important; flex: 1 1 420px; }
.filterable-query.is-inline .fq-toolbar--inline .fq-inline-filters{
order: 1 !important;
flex: 0 1 auto;
}
}
@media (max-width: 768px){
.filterable-query.is-inline .fq-toolbar--inline{
flex-wrap: nowrap !important;
}
}   .filterable-query .fq-field--dropdown {
min-width: 0 !important;
} .filterable-query .fq-field--dropdown .fq-dropdown {
min-width: 0 !important;
width: 100%;
} .filterable-query .fq-dropdown__button {
min-width: 0 !important;
overflow: hidden; } .filterable-query .fq-dropdown__button .fq-dropdown__labelText {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
max-width: calc(100% - 45px); flex: 1 1 auto; }