.jet-listing-grid__items {
display: grid;
grid-template-columns: repeat( var( --tbus-colunas, 3 ), minmax( 0, 1fr ) );
gap: 15px;
margin: 0;
padding: 0;
list-style: none;
}
.jet-listing-grid__item {
min-width: 0;
}
.jet-listing-grid.is-carregando {
opacity: .55;
transition: opacity .15s ease-in-out;
pointer-events: none;
}
.jet-listing-not-found {
padding: 24px 0;
text-align: center;
}
.jet-listing-grid__loading {
display: flex;
justify-content: center;
padding: 24px 0;
}
.tbus-load-more {
padding: 12px 28px;
border: 1px solid currentColor;
border-radius: 4px;
background: transparent;
cursor: pointer;
font: inherit;
}
.tbus-load-more:hover {
opacity: .8;
}
@media ( max-width: 767px ) {
.jet-listing-grid__items {
grid-template-columns: repeat( var( --tbus-colunas-mobile, 1 ), minmax( 0, 1fr ) );
}
} .jet-listing-dynamic-field__content {
display: block;
}
.jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__content {
display: inline-block;
}
.jet-listing-dynamic-image__img {
display: block;
max-width: 100%;
height: auto;
}
.jet-listing-dynamic-link__link {
display: inline-flex;
align-items: center;
gap: 6px;
text-decoration: none;
} .tbus-filtro,
.tbus-filtro__form {
width: 100%;
}
.tbus-filtro__form {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.jet-filter-label {
width: 100%;
margin-bottom: 4px;
font-weight: 600;
}
.jet-select,
.jet-search {
display: flex;
flex: 1 1 auto;
min-width: 0;
align-items: stretch;
}
.jet-select__control,
.jet-search__field {
width: 100%;
min-width: 0;
padding: 10px 12px;
border: 1px solid #d5d8dc;
border-radius: 4px;
background: #fff;
font: inherit;
line-height: 1.4;
}
.jet-search {
position: relative;
}
.jet-search__submit {
padding: 0 16px;
margin-left: -1px;
border: 1px solid #d5d8dc;
border-radius: 0 4px 4px 0;
background: #f2f3f5;
cursor: pointer;
font: inherit;
}
.jet-filter__apply-button {
padding: 10px 20px;
border: 0;
border-radius: 4px;
background: #1c1c1c;
color: #fff;
cursor: pointer;
font: inherit;
}
.jet-checkboxes-list {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
.jet-checkboxes-list__label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.jet-checkboxes-list__count {
opacity: .55;
font-size: .85em;
} .tbus-galeria__palco {
position: relative;
}
.tbus-galeria__slide {
position: relative;
display: none;
overflow: hidden;
}
.tbus-galeria__slide[data-zoom-src] {
cursor: crosshair;
}
.tbus-galeria__lupa {
position: absolute;
inset: 0;
z-index: 1;
background-color: var( --tbus-zoom-fundo, #fff );
background-repeat: no-repeat;
background-size: calc( var( --tbus-zoom, 2 ) * 100% ) auto;
opacity: 0;
pointer-events: none;
transition: opacity .15s ease-in-out;
}
.tbus-galeria__slide.is-zoom .tbus-galeria__lupa {
opacity: 1;
}
.tbus-galeria__slide.is-ativo {
display: block;
}
.tbus-galeria__slide img {
display: block;
width: 100%;
height: auto;
}
.tbus-galeria__thumbs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.tbus-galeria__thumb img {
display: block;
width: 72px;
height: auto;
}
.tbus-galeria:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
}
.tbus-galeria__zoom {
display: block;
cursor: zoom-in;
}
.tbus-galeria__palco {
touch-action: pan-y;
} .tbus-galeria button.tbus-galeria__thumb {
width: auto;
height: auto;
min-height: 0;
margin: 0;
padding: 0;
border: 2px solid transparent;
border-radius: 4px;
background: transparent;
box-shadow: none;
color: inherit;
line-height: 0;
text-transform: none;
cursor: pointer;
opacity: .6;
transition: opacity .15s ease-in-out, border-color .15s ease-in-out;
}
.tbus-galeria button.tbus-galeria__thumb:hover,
.tbus-galeria button.tbus-galeria__thumb:focus-visible {
background: transparent;
opacity: 1;
}
.tbus-galeria button.tbus-galeria__thumb.is-ativo {
border-color: #d0d0d0;
opacity: 1;
}
.tbus-galeria button.tbus-galeria__seta {
position: absolute;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
min-height: 0;
margin: -18px 0 0;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba( 255, 255, 255, .8 );
box-shadow: 0 1px 3px rgba( 0, 0, 0, .15 );
color: #333;
font-size: 24px;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
opacity: 0;
transition: opacity .15s ease-in-out, background .15s ease-in-out;
} .tbus-galeria:hover button.tbus-galeria__seta,
.tbus-galeria button.tbus-galeria__seta:focus-visible {
opacity: 1;
}
.tbus-galeria button.tbus-galeria__seta:hover {
background: #fff;
color: #000;
}
.tbus-galeria button.tbus-galeria__seta--anterior {
left: 8px;
}
.tbus-galeria button.tbus-galeria__seta--proxima {
right: 8px;
} @media ( hover: none ) {
.tbus-galeria button.tbus-galeria__seta {
opacity: 1;
}
}