/* LISTA DE IMÓVEIS*/

.template-properties--list
{
    position: relative;
    width: 100%;
    height: auto;

}

.template-properties--list .properties-list-001
{
    position: relative;
    width: auto;
    height: auto;
    display: block;
}

.template-properties--list .properties-list-001--cards {
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
}@media(min-width: 768px)
{
    .template-properties--list .properties-list-001--cards {
        gap: 35px;
    }
}@media(min-width: 992px)
{
    .template-properties--list .properties-list-001--cards {

        gap: 40px;

    }
}@media(min-width: 1200px)
{
    .template-properties--list .properties-list-001--cards {
        gap: 30px;
        justify-content: flex-start;
        align-items: stretch;
    }
}@media(min-width: 1400px)
{
    .template-properties--list .properties-list-001--cards {
        gap: 35px;
    }
}

.template-properties--list .properties-list-001--card
{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 560px;
    background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--default-regular);
    transition: transform 200ms;

}

@media(min-width: 768px)
{
    .template-properties--list .properties-list-001--card
    {
        width: calc(90% / 2);
    }

}

@media(min-width: 960px)
{

    .template-properties--list .properties-list-001--card
    {
        width: calc(90% / 3);
    }

}

@media(min-width: 1200px)
{

    .template-properties--list .properties-list-001--card
    {
        width: calc(90% / 4);
    }

    .template-properties--list .properties-list-001--card:hover
    {
        transform: scale(1.05);
        transition: transform 300ms;
    }

}

.template-properties--list .properties-list-001--card-tags
{
    position: absolute;
    width: auto;
    height: auto;
    right: 15px;
    top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 10px;
}

.template-properties--list .properties-list-001--card-tags-tag
{
    position: relative;
    width: auto;
    height: auto;
    background-color: var(--secondary-regular);
    color: var(--secondary-contrast);
    padding: 5px 15px 5px 15px;
    border-radius: 50px;
    font-size: var(--typography-label-small-font-size--sm);
    line-height: var(--typography-label-small-line-height--sm);
    font-weight: 400;
}

.template-properties--list .properties-list-001--card-image
{
    position: relative;
    width: 100%;
    height: auto;

    overflow: hidden;
    aspect-ratio: 3/2;
    background-color: #A0A8AB;
}

.template-properties--list .properties-list-001--card-image-img
{
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.template-properties--list .properties-list-001--card-content
{
    position: relative;
    width: auto;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
}


.template-properties--list .properties-list-001--card-promo-tag
{
    position: absolute;
    width: 100%;
    height: 35px;
    background-color: var(--secondary-regular);
    color: var(--secondary-contrast);
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: var(--typography-label-small-font-size--sm);
    line-height: var(--typography-label-small-line-height--sm);
    font-weight: bold;

}

@media(min-width: 768px)
{
    .template-properties--list .properties-list-001--card-promo-tag
    {
        font-size: var(--typography-label-small-font-size--md);
        line-height: var(--typography-label-small-line-height--md);
    }
}

@media(min-width: 992px)
{
    .template-properties--list .properties-list-001--card-promo-tag
    {
        font-size: var(--typography-label-small-font-size--lg);
        line-height: var(--typography-label-small-line-height--lg);
    }
}

@media(min-width: 1200px)
{
    .template-properties--list .properties-list-001--card-promo-tag
    {
        font-size: var(--typography-label-small-font-size--xl);
        line-height: var(--typography-label-small-line-height--xl);
    }
}

@media(min-width: 1400px)
{
    .template-properties--list .properties-list-001--card-promo-tag
    {
        font-size: var(--typography-label-small-font-size--xxl);
        line-height: var(--typography-label-small-line-height--xxl);
    }
}


.template-properties--list .properties-list-001--card-title
{
    position: absolute;
    top: 20px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    height: auto;
    font-size: var(--typography-label-small-font-size--xl);
    line-height: var(--typography-label-small-line-height--xl);
    color: var(--default-regular);
    font-weight: bold;
    text-align: left;

}


.template-properties--list .properties-list-001--card-description
{
    position: absolute;
    top: 80px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    height: auto;
    font-size: var(--typography-description-small-font-size--lg);
    line-height: var(--typography-description-small-line-height--lg);
    font-weight: var(--typography-description-small-font-weight--lg);
    color: var(--default-regular);
    text-align:left;
}


.template-properties--list .properties-list-001--icons
{
    position: absolute;
    top: 160px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 3px;
}

.template-properties--list .properties-list-001--icons-item
{
    position: relative;
    width: 25%;
    height: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;

}

.template-properties--list .properties-list-001--icons-item-svg
{
    width: 25px;
    height: 25px;
}

.template-properties--list .properties-list-001--icons-item-svg-path
{
    fill: var(--default-regular);
}

.template-properties--list .properties-list-001--icons-item-number
{
    font-size: var(--typography-label-small-font-size--sm);
    line-height: var(--typography-label-small-line-height--sm);
    color: var(--default-regular);
    font-weight: 300;
    text-align: center;
    margin-top: 5px;
}

.template-properties--list .properties-list-001--icons-item-text
{
    font-size: var(--typography-label-small-font-size--sm);
    line-height: var(--typography-label-small-line-height--sm);
    color: var(--default-regular);
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
}

.properties-list-001--prices
{
    position: absolute;
    top: 250px;
    left: 0;
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    align-items: start;
}

.template-properties--list .properties-list-001--price
{
    position: relative;
    width: 100%;
    height: auto;
    
    text-align: left;
    margin-top: 5px;
}

.template-properties--list .properties-list-001--price-number
{
    font-size: var(--typography-label-small-font-size--lg);
    line-height: var(--typography-label-small-line-height--lg);
    color: var(--default-regular);
}


.template-properties--list .properties-list-001--price-label
{
    font-weight: bold;
    font-size: var(--typography-label-small-font-size--lg);
    line-height: var(--typography-label-small-line-height--lg);
    color: var(--default-regular);
}

.template-properties--list .template-properties--list-not-found
{
    font-size: var(--typography-text-middle-font-size--sm);
    line-height: var(--typography-text-middle-line-height--sm);
}

@media(min-width: 768px)
{
    .template-properties--list .template-properties--list-not-found
    {
        font-size: var(--typography-text-middle-font-size--md);
        line-height: var(--typography-text-middle-line-height--md);
    }
}

@media(min-width: 992px)
{
    .template-properties--list .template-properties--list-not-found
    {
        font-size: var(--typography-text-middle-font-size--lg);
        line-height: var(--typography-text-middle-line-height--lg);
    }
}

@media(min-width: 1200px)
{
    .template-properties--list .template-properties--list-not-found
    {
        font-size: var(--typography-text-middle-font-size--xl);
        line-height: var(--typography-text-middle-line-height--xl);
    }
}

@media(min-width: 1400px)
{
    .template-properties--list .template-properties--list-not-found
    {
        font-size: var(--typography-text-middle-font-size--xxl);
        line-height: var(--typography-text-middle-line-height--xxl);
    }
}


/* Paginação */

.template-properties--list .pagination-simple-001
{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    margin-top: 50px;
}

.template-properties--list .pagination-simple-001--buttons
{
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.template-properties--list .pagination-simple-001--button
{
    position: relative;
    width: fit-content;
    min-width: 120px;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    background-color: var(--primary-regular);
    color: var(--primary-contrast);
    padding-left: 10px;
    padding-right: 10px;
}

.template-properties--list .pagination-simple-001--button-end
{
    opacity: 0.5;
}


.template-properties--highlight-buttons
{
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 50px;

}


.template-properties--highlight-buttons-button
{
    position: relative;
    width: 100%;
    max-width: 200px;
    height: var(--button-height--sm);
    padding: var(--button-padding);
    background-color: var(--primary-regular);
    color: var(--primary-contrast);
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: var(--button-radius);
    font-size: var(--button-font-size--sm);
    font-weight: var(--button-font-weight);
    line-height: var(--button-line-height--sm);

}

@media(min-width: 768px)
{
    .template-properties--highlight-buttons-button
    {
        height: var(--button-height--md);
        font-size: var(--button-font-size--md);
        line-height: var(--button-line-height--md);
    }
}

@media(min-width: 992px)
{
    .template-properties--highlight-buttons-button
    {
        height: var(--button-height--lg);
        font-size: var(--button-font-size--lg);
        line-height: var(--button-line-height--lg);
    }
}

@media(min-width: 1200px)
{
    .template-properties--highlight-buttons-button
    {
        height: var(--button-height--xl);
        font-size: var(--button-font-size--xl);
        line-height: var(--button-line-height--xl);
    }
}

@media(min-width: 1400px)
{
    .template-properties--highlight-buttons-button
    {
        height: var(--button-height--xxl);
        font-size: var(--button-font-size--xxl);
        line-height: var(--button-line-height--xxl);
    }
}