/* Hierarquia tipografica inspirada na pagina Malbec para o catalogo de imoveis. */
:root {
    --catalog-display: "Wix Madefor Display", "Montserrat", sans-serif;
    --catalog-label: "Montserrat", sans-serif;
    --catalog-body: "Roboto", sans-serif;
}

body,
input,
select,
button {
    font-family: var(--catalog-body);
}

.apple-title,
.catalog-intro h2,
.listing-title,
.catalog-empty h3,
.catalog-cta h3,
.catalog-trust strong {
    font-family: var(--catalog-display);
    font-weight: 400;
}

.apple-title {
    letter-spacing: clamp(6px, 1.1vw, 14px) !important;
    line-height: 1.08;
}

.catalog-intro h2 {
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    line-height: 1.08;
    letter-spacing: -.02em;
}

.listing-title {
    letter-spacing: .2px;
    line-height: 1.32;
}

.apple-subtitle,
.catalog-intro p,
.listing-desc,
.catalog-cta p,
.catalog-empty p,
.catalog-result-line {
    font-family: var(--catalog-body);
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: .2px;
}

.desktop-nav a,
.mobile-nav a,
.chapter-nav,
.apple-tag,
.catalog-kicker,
.catalog-toolbar label > span,
.catalog-toolbar input,
.catalog-toolbar select,
.catalog-trust span,
.listing-location,
.listing-badge,
.catalog-sale,
.catalog-price,
.catalog-specs span,
.listing-actions a,
.catalog-cta span,
.btn-primary {
    font-family: var(--catalog-label);
}

.apple-tag,
.catalog-kicker,
.catalog-toolbar label > span,
.listing-location,
.listing-badge,
.catalog-sale,
.catalog-cta span {
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.catalog-toolbar input,
.catalog-toolbar select {
    font-weight: 500;
    letter-spacing: .2px;
}

@media (max-width: 720px) {
    .apple-title {
        letter-spacing: 5px !important;
    }

    .catalog-intro h2 {
        line-height: 1.12;
    }

    .apple-subtitle,
    .catalog-intro p,
    .listing-desc {
        line-height: 1.7;
    }
}