/*
 * GTW Imoview — CSS Frontend
 * Estilos base para o formulário de busca, cards e páginas de imóveis.
 *
 * Todas as cores e bordas usam CSS custom properties (--gtw-*).
 * Os valores padrão estão definidos abaixo e podem ser sobrescritos
 * pelo PHP via <style id="gtw-imoview-vars"> injetado no wp_head.
 */

/* ─── CSS Variables padrão ───────────────────────────────────────────────────
   São sobrescritas automaticamente via PHP quando o admin configura cores.    */
:root {
    --gtw-primary:        #0073aa;
    --gtw-primary-hover:  #005d8c;
    --gtw-tag-venda:      #27ae60;
    --gtw-tag-alugar:     #e67e22;
    --gtw-whatsapp:       #25d366;
    --gtw-whatsapp-hover: #1ebe5d;
    --gtw-card-radius:    10px;
    --gtw-btn-radius:     6px;
}

/* ─── Reset local ────────────────────────────────────────────────────────── */
.gtw-search-form *,
.gtw-grid *,
.gtw-single-wrap *,
.gtw-archive-wrap * {
    box-sizing: border-box;
}

/* Aplica a fonte customizada somente nos wrappers do plugin */
.gtw-single-wrap,
.gtw-grid,
.gtw-search-form,
.gtw-archive-wrap,
.gtw-contact-card {
    font-family: var(--gtw-font, inherit);
}

/* ─── Formulário de busca ─────────────────────────────────────────────────── */
.gtw-search-form {
    background: #fff;
    border-radius: var(--gtw-card-radius, 10px);
    padding: 24px;
}

.gtw-form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
}

/* Layout grade (padrão) */
.gtw-layout-grid .gtw-form {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    align-items: end;
}

/* Layout horizontal */
.gtw-layout-horizontal .gtw-form {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
}

@media (max-width: 560px) {
    .gtw-layout-horizontal .gtw-form {
        flex-wrap: wrap;
        overflow-x: visible;
    }
}

/* Layout vertical */
.gtw-layout-vertical .gtw-form {
    flex-direction: column;
}

.gtw-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gtw-field label {
    font-size: 13px;
    font-weight: 600;
    color: #444;
}

.gtw-field input,
.gtw-field select {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    background: #fafafa;
    transition: border-color .2s;
}

.gtw-field input:focus,
.gtw-field select:focus {
    outline: none;
    border-color: var(--gtw-primary, #0073aa);
    background: #fff;
}

.gtw-field-checkbox {
    flex-direction: row;
    align-items: center;
    padding-bottom: 4px;
}

.gtw-field-checkbox label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
}

.gtw-field-submit,
.gtw-field-actions {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1 0 160px; /* cresce para preencher a linha quando quebra */
}

.gtw-btn-search {
    padding: 11px 28px;
    background: var(--gtw-primary, #E31E24);
    color: #fff;
    border: none;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s;
    white-space: nowrap;
    flex: 1;
    min-width: 120px;
}

.gtw-btn-search:hover { background: var(--gtw-primary-hover, #C01818); }

.gtw-btn-clear {
    padding: 11px 16px;
    background: #f3f3f3;
    color: #555;
    border: 1px solid #ddd;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background .2s, color .2s;
}

.gtw-btn-clear:hover { background: #e8e8e8; color: #222; }

/* ─── Multi-select customizado ─────────────────────────────────────────────── */
.gtw-ms {
    position: relative;
    width: 100%;
}

.gtw-ms-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    background: #fafafa;
    cursor: pointer;
    transition: border-color .2s;
    user-select: none;
    min-height: 42px;
    box-sizing: border-box;
}

.gtw-ms-trigger:hover,
.gtw-ms.open .gtw-ms-trigger {
    border-color: var(--gtw-primary, #E31E24);
    background: #fff;
}

.gtw-ms-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #444;
}

.gtw-ms.has-value .gtw-ms-text { color: #111; font-weight: 600; }

.gtw-ms-arrow {
    flex-shrink: 0;
    color: #999;
    transition: transform .2s;
}

.gtw-ms.open .gtw-ms-arrow { transform: rotate(180deg); }

.gtw-ms-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: var(--gtw-card-radius, 10px);
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    z-index: 99999;
    max-height: 240px;
    overflow-y: auto;
    padding: 6px 0;
}
/* Quando movido para <body> pelo JS, display é controlado via inline style */
[data-gtw-for] { display: block; }

.gtw-ms.open .gtw-ms-dropdown { display: block; }

.gtw-ms-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    transition: background .15s;
}

.gtw-ms-item:hover { background: #f5f5f5; }

.gtw-ms-item.checked { background: #fef5f5; color: var(--gtw-primary, #E31E24); font-weight: 600; }

.gtw-ms-item input[type="checkbox"] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    accent-color: var(--gtw-primary, #E31E24);
    cursor: pointer;
}

.gtw-ms-item span { flex: 1; }

/* ─── Grid de imóveis ────────────────────────────────────────────────────── */
.gtw-archive-wrap { width: 100%; }

/* ── Layout: sidebar + main ─────────────────────────────────────────────── */
.gtw-archive-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 28px;
    align-items: start;
}

@media (max-width: 900px) {
    .gtw-archive-layout {
        grid-template-columns: 1fr;
    }
}

/* ── Botão de toggle de filtros (visível só em mobile) ─────────────────── */
.gtw-filter-toggle-btn {
    display: none;
}

@media (max-width: 900px) {
    .gtw-filter-toggle-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 18px;
        background: var(--gtw-primary, #0073aa);
        color: #fff;
        border: none;
        border-radius: var(--gtw-btn-radius, 6px);
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        margin-bottom: 16px;
        font-family: var(--gtw-font, inherit);
    }
    .gtw-filter-sidebar {
        display: none;
    }
    .gtw-filter-sidebar.is-open {
        display: block;
    }
}

/* ── Sidebar de Filtros ─────────────────────────────────────────────────── */
.gtw-filter-sidebar {
    position: sticky;
    top: 24px;
}

.gtw-filter-card {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: var(--gtw-card-radius, 10px);
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 20px;
    font-family: var(--gtw-font, inherit);
}

.gtw-filter-title {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.gtw-filter-section {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #f5f5f5;
}

.gtw-filter-section:last-of-type { border-bottom: none; margin-bottom: 0; }

.gtw-filter-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #666;
    margin-bottom: 8px;
}

.gtw-filter-select {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #dde2ea;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    background: #fafbfc;
    color: #333;
    cursor: pointer;
    appearance: auto;
    font-family: var(--gtw-font, inherit);
    transition: border-color .2s;
}

.gtw-filter-select:focus {
    outline: none;
    border-color: var(--gtw-primary, #0073aa);
}

/* Busca dentro dos checkboxes */
.gtw-filter-search {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #dde2ea;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 13px;
    background: #fafbfc;
    margin-bottom: 8px;
    font-family: var(--gtw-font, inherit);
    transition: border-color .2s;
}

.gtw-filter-search:focus {
    outline: none;
    border-color: var(--gtw-primary, #0073aa);
}

/* Lista de checkboxes com scroll */
.gtw-filter-options-wrap {
    max-height: 200px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 4px;
}

.gtw-filter-options-wrap::-webkit-scrollbar { width: 4px; }
.gtw-filter-options-wrap::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 2px; }
.gtw-filter-options-wrap::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; }

.gtw-filter-group-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #aaa;
    padding: 6px 0 2px;
    display: block;
}

.gtw-filter-check {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 6px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    transition: background .15s;
    user-select: none;
}

.gtw-filter-check:hover { background: #f5f7fa; }

.gtw-filter-check input[type="checkbox"] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    accent-color: var(--gtw-primary, #0073aa);
}

.gtw-filter-check span { flex: 1; }

.gtw-filter-count {
    font-size: 11px;
    color: #aaa;
    background: #f0f0f0;
    border-radius: 10px;
    padding: 1px 6px;
}

/* Entrada de range (preço e área) */
.gtw-filter-range {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.gtw-filter-input {
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #dde2ea;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    background: #fafbfc;
    color: #333;
    font-family: var(--gtw-font, inherit);
    transition: border-color .2s;
}

.gtw-filter-input:focus {
    outline: none;
    border-color: var(--gtw-primary, #0073aa);
}

/* Botões numéricos (quartos, banheiros, vagas) */
.gtw-filter-num-btns {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.gtw-filter-num-btns button {
    flex: 1;
    min-width: 44px;
    padding: 8px 6px;
    border: 1.5px solid #dde2ea;
    border-radius: var(--gtw-btn-radius, 6px);
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
    font-family: var(--gtw-font, inherit);
}

.gtw-filter-num-btns button:hover {
    border-color: var(--gtw-primary, #0073aa);
    color: var(--gtw-primary, #0073aa);
}

.gtw-filter-num-btns button.is-active {
    background: var(--gtw-primary, #0073aa);
    border-color: var(--gtw-primary, #0073aa);
    color: #fff;
}

/* Botões de ação */
.gtw-filter-actions {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 8px;
    padding-top: 6px;
}

.gtw-btn-filter-clear {
    padding: 11px 10px;
    border: 1.5px solid #dde2ea;
    border-radius: var(--gtw-btn-radius, 6px);
    background: #fff;
    color: #666;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .2s, color .2s;
    font-family: var(--gtw-font, inherit);
}

.gtw-btn-filter-clear:hover { border-color: #999; color: #333; }

.gtw-btn-filter-submit {
    padding: 11px 10px;
    border: none;
    border-radius: var(--gtw-btn-radius, 6px);
    background: var(--gtw-primary, #0073aa);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s;
    font-family: var(--gtw-font, inherit);
}

.gtw-btn-filter-submit:hover { background: var(--gtw-primary-hover, #005d8c); }

/* ── Widget de links por quartos (SEO programático) ─────────────────────── */
.gtw-quartos-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0 0 20px;
    padding: 12px 16px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: var(--gtw-radius-cards, 10px);
}

.gtw-quartos-links__label {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-right: 4px;
    white-space: nowrap;
}

.gtw-quartos-links__item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    border-radius: 20px;
    border: 1px solid #dee2e6;
    background: #fff;
    color: #444;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s ease;
    white-space: nowrap;
}

.gtw-quartos-links__item:hover {
    border-color: var(--gtw-primary, #0073aa);
    color: var(--gtw-primary, #0073aa);
    background: #f0f7fb;
}

.gtw-quartos-links__item--active {
    background: var(--gtw-primary, #0073aa);
    border-color: var(--gtw-primary, #0073aa);
    color: #fff !important;
}

.gtw-quartos-links__item--active:hover {
    background: var(--gtw-primary-hover, #005d8c);
    border-color: var(--gtw-primary-hover, #005d8c);
}

.gtw-quartos-links__count {
    font-size: 11px;
    opacity: .75;
}

/* ── Cabeçalho do arquivo ────────────────────────────────────────────────── */
.gtw-archive-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    gap: 16px;
    flex-wrap: wrap;
}

.gtw-archive-title {
    font-size: 24px;
    margin: 0 0 4px;
    color: #1a1a1a;
}

.gtw-archive-count {
    color: #888;
    font-size: 14px;
    margin: 0;
}

.gtw-archive-intro {
    margin: 10px 0 0;
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    max-width: 700px;
}

.gtw-archive-sort .gtw-filter-select {
    width: auto;
    min-width: 160px;
}

.gtw-grid {
    display: grid;
    gap: 24px;
    margin-bottom: 40px;
}

.gtw-cols-1 { grid-template-columns: 1fr; }
.gtw-cols-2 { grid-template-columns: repeat(2, 1fr); }
.gtw-cols-3 { grid-template-columns: repeat(3, 1fr); }
.gtw-cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 900px) {
    .gtw-cols-3, .gtw-cols-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .gtw-cols-2, .gtw-cols-3, .gtw-cols-4 { grid-template-columns: 1fr; }
}

/* ─── Card ───────────────────────────────────────────────────────────────── */
.gtw-card {
    background: #fff;
    border-radius: var(--gtw-card-radius, 12px);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    border: 1px solid #e8e8e8;
    transition: box-shadow .3s ease, transform .3s ease;
    display: flex;
    flex-direction: column;
}

.gtw-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 30px rgba(0,0,0,.14);
}

.gtw-card-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 4/3;
    background: #f0f0f0;
}

.gtw-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.gtw-card:hover .gtw-card-thumb img { transform: scale(1.08); }

.gtw-card-no-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #aaa;
    font-size: 14px;
}

.gtw-card-body {
    padding: 18px 20px 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.gtw-card-tipo {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--gtw-primary, #E31E24);
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.gtw-card-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.35;
}

.gtw-card-title a {
    color: #111;
    text-decoration: none;
}

.gtw-card-title a:hover { color: var(--gtw-primary, #E31E24); }

.gtw-card-location {
    font-size: 13px;
    color: #777;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.gtw-card-location svg { color: var(--gtw-icon-color, #888); flex-shrink: 0; }

.gtw-card-price {
    margin-bottom: 10px;
}

.gtw-price {
    font-size: 22px;
    font-weight: 800;
    color: #111;
}

.gtw-price small { font-size: 13px; font-weight: 400; color: #777; }

.gtw-card-features {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.gtw-feat {
    font-size: 13px;
    color: var(--gtw-icon-color, #888);
    display: flex;
    align-items: center;
    gap: 5px;
}

.gtw-feat svg { color: var(--gtw-icon-color, #888); }

/* Footer do card */
.gtw-card-footer {
    padding: 12px 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gtw-card-codigo {
    font-size: 11px;
    color: #bbb;
    margin: 0;
}

.gtw-btn-card-link {
    font-size: 14px;
    font-weight: 700;
    color: var(--gtw-primary, #E31E24);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: gap .2s ease;
}

.gtw-btn-card-link:hover { gap: 8px; }

/* Mantém compatibilidade com botão antigo */
.gtw-btn-card {
    display: block;
    text-align: center;
    padding: 9px 16px;
    background: var(--gtw-primary, #E31E24);
    color: #fff;
    border-radius: var(--gtw-btn-radius, 6px);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    margin-top: auto;
    transition: background .2s;
}

.gtw-btn-card:hover { background: var(--gtw-primary-hover, #C01818); color: #fff; }

/* Tags nos cards */
.gtw-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .3px;
}

.gtw-tag + .gtw-tag { left: auto; right: 12px; }

.gtw-tag-venda   { background: var(--gtw-tag-venda,  #27ae60); }
.gtw-tag-alugar  { background: var(--gtw-tag-alugar, #e67e22); }
.gtw-tag-cond    { background: #8e44ad; }
.gtw-tag-tipo    { background: #2980b9; }

/* ─── Cards de Cidade ──────────────────────────────────────────────────────── */
.gtw-cidades-wrap {}

.gtw-cidades-titulo {
    text-align: center;
    margin-bottom: 40px;
}

.gtw-cidades-titulo h2 {
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 800;
    color: #111;
    margin-bottom: 10px;
}

.gtw-cidades-titulo p {
    font-size: 16px;
    color: #777;
    max-width: 500px;
    margin: 0 auto;
}

.gtw-cidades-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

/* Cada cidade é envolvida por um <div> sem classe */
.gtw-cidades-grid > div {
    flex: 0 0 calc(25% - 15px);
    max-width: 300px;
}

.gtw-cidades-grid > div .gtw-cidade-card {
    width: 100%;
}

@media (max-width: 900px) {
    .gtw-cidades-grid > div {
        flex: 0 0 calc(50% - 10px);
        max-width: none;
    }
}

@media (max-width: 560px) {
    .gtw-cidades-grid { gap: 12px; }
    .gtw-cidades-grid > div {
        flex: 0 0 calc(50% - 6px);
    }
}

.gtw-cidade-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 3/4;
    cursor: pointer;
    display: block;
    text-decoration: none;
    background: #ddd;
}

.gtw-cidade-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.gtw-cidade-card:hover img { transform: scale(1.08); }

.gtw-cidade-card-no-img {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #111 0%, #333 100%);
}

.gtw-cidade-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 55%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
}

.gtw-cidade-name {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 4px;
    line-height: 1.2;
}

.gtw-cidade-count {
    font-size: 13px;
    color: rgba(255,255,255,.75);
}

/* Carrossel de cidades (quando > 4) */
.gtw-cidades-car-wrap {
    position: relative;
}

.gtw-cidades-car-wrap .gtw-car-sc {
    --spv: 4;
}

@media (max-width: 900px) {
    .gtw-cidades-car-wrap .gtw-car-sc { --spv: 2; }
}

@media (max-width: 560px) {
    .gtw-cidades-car-wrap .gtw-car-sc { --spv: 2; }
}

.gtw-cidades-ver-mais {
    text-align: center;
    margin-top: 32px;
}

/* ─── Sem resultados ─────────────────────────────────────────────────────── */
.gtw-no-results {
    text-align: center;
    padding: 60px 20px;
    color: #888;
}

.gtw-no-results p { font-size: 18px; margin-bottom: 20px; }

/* Sem resultados no shortcode [gtw_imoveis] com cidade/filtro fixado */
.gtw-no-results-sc {
    text-align: center;
    padding: 40px 24px;
    background: #f9f9f9;
    border-radius: var(--gtw-card-radius, 10px);
    border: 1px solid #eee;
}

.gtw-no-results-sc p {
    font-size: 15px;
    color: #888;
    margin-bottom: 16px;
}

/* ─── Paginação ──────────────────────────────────────────────────────────── */
.page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    padding: 0;
    justify-content: center;
}

.page-numbers li a,
.page-numbers li span {
    display: block;
    padding: 8px 14px;
    border: 1px solid #ddd;
    border-radius: var(--gtw-btn-radius, 6px);
    color: var(--gtw-primary, #0073aa);
    text-decoration: none;
    font-size: 14px;
}

.page-numbers li .current {
    background: var(--gtw-primary, #0073aa);
    color: #fff;
    border-color: var(--gtw-primary, #0073aa);
}

/* ─── Página individual do imóvel ────────────────────────────────────────── */
.gtw-single-wrap { max-width: 1160px; margin: 0 auto; padding: 0 20px 40px; }

/* ── Carrossel de Galeria ─────────────────────────────────────────────────── */

/* Full-width: quebra fora do container pai */
.gtw-carousel-wrap {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-bottom: 36px;
    background: #1a1a1a;
}

/* Viewport que esconde os slides fora do campo visual */
.gtw-car-viewport {
    overflow: hidden;
    width: 100%;
}

/* Track deslizante */
.gtw-car-track {
    display: flex;
    gap: 4px;
    transition: transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

/* Slide — desktop: 1/3 da largura */
.gtw-car-slide {
    flex: 0 0 calc((100% - 8px) / 3);
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #111;
}

.gtw-car-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Badges sobrepostos */
.gtw-car-badges {
    position: absolute;
    top: 14px;
    left: 16px;
    right: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 10;
    pointer-events: none;
}

.gtw-hero-badge {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}

.gtw-hero-code {
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
}

/* Contador */
.gtw-car-counter {
    position: absolute;
    bottom: 12px;
    right: 16px;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 13px;
    padding: 4px 12px;
    border-radius: 20px;
    z-index: 5;
}

/* Setas */
.gtw-car-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.45);
    color: #fff;
    border: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    transition: background .2s, opacity .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.gtw-car-btn:hover             { background: rgba(0,0,0,.75); }
.gtw-car-btn.gtw-car-edge      { opacity: .3; pointer-events: none; }
.gtw-car-prev                  { left: 16px; }
.gtw-car-next                  { right: 16px; }

/* Ícone de zoom sobre cada slide */
.gtw-car-slide {
    position: relative;
    cursor: zoom-in;
}

.gtw-car-zoom {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #fff;
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
}

.gtw-car-zoom svg {
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.6));
}

.gtw-car-slide:hover .gtw-car-zoom {
    opacity: 1;
}

/* ── Mobile: 1 imagem, full width ─────────────────────────────────────────── */
@media (max-width: 767px) {
    .gtw-carousel-wrap {
        margin-bottom: 24px;
    }
    .gtw-car-slide {
        flex: 0 0 100%;
        aspect-ratio: 4/3;
    }
    .gtw-car-btn  { width: 40px; height: 40px; font-size: 24px; }
    .gtw-car-prev { left: 10px; }
    .gtw-car-next { right: 10px; }
}

/* ── Lightbox ─────────────────────────────────────────────────────────────── */
.gtw-lb-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.94);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gtw-lb-overlay[hidden] { display: none; }

.gtw-lb-img-wrap {
    max-width: 90vw;
    max-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#gtw-lb-img {
    max-width: 90vw;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 4px;
    transition: opacity .2s;
    display: block;
}

#gtw-lb-img.gtw-lb-loading { opacity: .3; }

/* Fechar */
.gtw-lb-close {
    position: fixed;
    top: 16px;
    right: 20px;
    background: none;
    border: none;
    color: #fff;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    opacity: .8;
    transition: opacity .15s;
    padding: 0;
}
.gtw-lb-close:hover { opacity: 1; }

/* Setas do lightbox */
.gtw-lb-nav {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,.12);
    border: none;
    color: #fff;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    transition: background .15s, opacity .15s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.gtw-lb-nav:hover              { background: rgba(255,255,255,.25); }
.gtw-lb-nav.gtw-lb-edge        { opacity: .25; pointer-events: none; }
.gtw-lb-prev                   { left: 20px; }
.gtw-lb-next                   { right: 20px; }

/* Contador do lightbox */
.gtw-lb-counter {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255,255,255,.15);
    color: #fff;
    font-size: 14px;
    padding: 5px 16px;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .gtw-lb-nav  { width: 42px; height: 42px; font-size: 26px; }
    .gtw-lb-prev { left: 8px; }
    .gtw-lb-next { right: 8px; }
}

/* ── Breadcrumbs ──────────────────────────────────────────────────────────── */
.gtw-breadcrumb {
    margin: 0 0 20px;
    font-size: 13px;
    color: #888;
}

.gtw-breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.gtw-breadcrumb li {
    display: flex;
    align-items: center;
    gap: 4px;
}

.gtw-breadcrumb li + li::before {
    content: '›';
    color: #ccc;
    font-size: 15px;
    line-height: 1;
}

.gtw-breadcrumb a {
    color: var(--gtw-primary, #0073aa);
    text-decoration: none;
    transition: color .15s;
}

.gtw-breadcrumb a:hover { color: var(--gtw-primary-hover, #005d8c); text-decoration: underline; }

.gtw-bc-current span {
    color: #999;
    font-weight: 500;
    /* Trunca o título se muito longo em telas pequenas */
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}

/* ── Layout conteúdo + sidebar ────────────────────────────────────────────── */
.gtw-single-content {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 32px;
    align-items: start;
}

@media (max-width: 860px) {
    .gtw-single-content {
        grid-template-columns: 1fr;
    }
    .gtw-single-sidebar {
        order: -1; /* sidebar sobe no mobile */
    }
}

/* ── Coluna principal ─────────────────────────────────────────────────────── */
.gtw-single-header { margin-bottom: 28px; }

.gtw-single-tipo {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--gtw-primary, #0073aa);
    letter-spacing: .6px;
    margin-bottom: 8px;
}

.gtw-single-title {
    font-size: 26px;
    margin: 0 0 10px;
    line-height: 1.35;
    color: #1a1a1a;
}

.gtw-single-address {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #666;
    font-size: 14px;
    margin-bottom: 14px;
}

.gtw-single-address svg { flex-shrink: 0; color: var(--gtw-primary, #0073aa); }

.gtw-single-price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 4px;
}

.gtw-price-label {
    font-size: 13px;
    color: #888;
    background: #f0f7ff;
    padding: 3px 10px;
    border-radius: 20px;
}

.gtw-price-value {
    font-size: clamp(22px, 5vw, 32px);
    font-weight: 800;
    color: var(--gtw-primary, #0073aa);
    line-height: 1;
}

.gtw-price-value small { font-size: 15px; font-weight: 400; }

/* ── Grid de características ──────────────────────────────────────────────── */
.gtw-specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 12px;
    margin: 24px 0 32px;
}

.gtw-spec-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 10px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: var(--gtw-card-radius, 10px);
    text-align: center;
}

.gtw-spec-icon {
    width: 36px;
    height: 36px;
    background: #e8f4fd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gtw-primary, #0073aa);
}

.gtw-spec-icon svg { width: 18px; height: 18px; }

.gtw-spec-val {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.gtw-spec-label {
    font-size: 11px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: .4px;
}

/* ── Seções de texto ──────────────────────────────────────────────────────── */
.gtw-single-section { margin-bottom: 36px; }

.gtw-section-title {
    font-size: 19px;
    font-weight: 700;
    color: #1a1a1a;
    padding-bottom: 10px;
    border-bottom: 2px solid #eef2f7;
    margin-bottom: 18px;
}

.gtw-descricao-content {
    font-size: 15px;
    line-height: 1.8;
    color: #444;
}

.gtw-seo-section {
    background: #f8fafc;
    border-left: 4px solid var(--gtw-primary, #0073aa);
    padding: 18px 22px;
    border-radius: 0 8px 8px 0;
}

.gtw-seo-section .gtw-seo-text {
    background: none;
    border: none;
    padding: 0;
}

/* ── Mapa ─────────────────────────────────────────────────────────────────── */
.gtw-map-container { border-radius: var(--gtw-card-radius, 10px); overflow: hidden; }

.gtw-map-container iframe {
    width: 100%;
    height: 360px;
    border: none;
    display: block;
}

@media (max-width: 767px) {
    .gtw-map-container iframe { height: 220px; }
}

/* ── Sidebar de contato ───────────────────────────────────────────────────── */
.gtw-single-sidebar { position: sticky; top: 24px; }

/* ── Banner rotativo da sidebar (shortcode configurável) ─────────────────── */
.gtw-sidebar-banner {
    margin-top: 16px;
    max-width: 320px;
    overflow: hidden;
    border-radius: 14px;
}

.gtw-sidebar-banner img,
.gtw-sidebar-banner iframe,
.gtw-sidebar-banner > * {
    max-width: 100%;
    height: auto;
}

.gtw-contact-card {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(0,0,0,.08);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gtw-contact-price {
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
}

.gtw-contact-price span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: #888;
    margin-bottom: 4px;
}

.gtw-contact-price strong {
    font-size: 28px;
    font-weight: 800;
    color: var(--gtw-primary, #0073aa);
}

.gtw-contact-price small { font-size: 14px; font-weight: 400; }

.gtw-contact-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.gtw-contact-specs span {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 13px;
    color: #555;
}

/* Mantido para compatibilidade com outros contextos que usem .gtw-btn-whatsapp */
.gtw-btn-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
    background: var(--gtw-whatsapp, #25d366);
    color: #fff;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s, transform .1s;
}

.gtw-btn-whatsapp:hover { background: var(--gtw-whatsapp-hover, #1ebe5d); color: #fff; transform: translateY(-1px); }
.gtw-btn-whatsapp--full { width: 100%; }

/* ── CTAs da sidebar (outlined + sólido) ──────────────────────────────────── */
.gtw-contact-ctas {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 4px;
}

.gtw-btn-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 13px 20px;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: background .18s, color .18s, border-color .18s, transform .1s;
    font-family: var(--gtw-font, inherit);
    line-height: 1;
}

/* Outlined base */
.gtw-btn-cta--outlined {
    background: #fff;
    border: 1.5px solid #d5d8dd;
    color: #333;
}

.gtw-btn-cta--outlined:hover {
    border-color: #b0b4bb;
    background: #f7f8fa;
    color: #111;
    transform: translateY(-1px);
}

/* WhatsApp outlined: ícone verde */
.gtw-btn-cta--wa svg { color: var(--gtw-whatsapp, #25d366); }

/* Phone outlined: ícone neutro */
.gtw-btn-cta--phone svg { color: #555; }

/* Sólido (primário) */
.gtw-btn-cta--solid {
    background: var(--gtw-primary, #0073aa);
    border: 1.5px solid transparent;
    color: #fff;
}

.gtw-btn-cta--solid:hover {
    background: var(--gtw-primary-hover, #005d8c);
    transform: translateY(-1px);
}

/* Formulário colapsável */
.gtw-lead-form-wrap {
    border-top: 1px solid #f0f0f0;
    padding-top: 16px;
    margin-top: 4px;
}

.gtw-lead-form-wrap[hidden] { display: none; }

.gtw-contact-codigo {
    text-align: center;
    font-size: 12px;
    color: #bbb;
    margin: 0;
    padding-top: 8px;
    border-top: 1px solid #f5f5f5;
}

/* ── Formulário de Lead / Contato ─────────────────────────────────────────── */
.gtw-lead-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #bbb;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.gtw-lead-divider::before,
.gtw-lead-divider::after {
    content: '';
    flex: 1;
    border-top: 1px solid #eee;
}

.gtw-lead-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gtw-lead-form-title {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 2px;
}

.gtw-lead-input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #dde2ea;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    background: #fafbfc;
    color: #333;
    transition: border-color .2s;
    font-family: var(--gtw-font, inherit);
    resize: none;
}

.gtw-lead-input:focus {
    outline: none;
    border-color: var(--gtw-primary, #0073aa);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 115, 170, .08);
}

.gtw-lead-input.gtw-field-error {
    border-color: #e74c3c;
}

.gtw-lead-textarea {
    min-height: 80px;
    max-height: 160px;
    overflow-y: auto;
}

.gtw-btn-lead {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    background: var(--gtw-primary, #0073aa);
    color: #fff;
    border: none;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, opacity .2s;
    width: 100%;
    font-family: var(--gtw-font, inherit);
}

.gtw-btn-lead:hover                 { background: var(--gtw-primary-hover, #005d8c); }
.gtw-btn-lead:disabled,
.gtw-btn-lead.gtw-btn-loading       { opacity: .65; cursor: wait; }

.gtw-lead-response {
    padding: 10px 14px;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 13px;
    text-align: center;
    line-height: 1.4;
}

.gtw-lead-success {
    background: #edfaf1;
    color: #1a7a3a;
    border: 1px solid #b8f0d0;
}

.gtw-lead-error {
    background: #fdf0ef;
    color: #c0392b;
    border: 1px solid #f9c1bc;
}

/* Honeypot anti-bot — absolutamente posicionado fora do viewport visível.
   Não usa display:none pois alguns scrapers ignoram isso. */
.gtw-lead-honey {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

/* ── Gate do WhatsApp ─────────────────────────────────────────────────────── */
.gtw-wa-gate {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    z-index: 99998;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.gtw-wa-gate[hidden] { display: none; }

.gtw-wa-gate-box {
    background: #fff;
    border-radius: var(--gtw-card-radius, 10px);
    padding: 28px 24px;
    max-width: 380px;
    width: 100%;
    box-shadow: 0 12px 40px rgba(0,0,0,.25);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.gtw-wa-gate-box h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gtw-wa-gate-box p {
    font-size: 14px;
    color: #666;
    margin: -6px 0 0;
    line-height: 1.5;
}

.gtw-wa-gate-btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}

.gtw-wa-gate-skip {
    background: none;
    border: none;
    color: #999;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    padding: 4px 0;
    font-family: var(--gtw-font, inherit);
}

.gtw-wa-gate-skip:hover { color: #555; }

/* ─── Formulário de lead via shortcode [gtw_lead_form] ───────────────────── */
.gtw-lead-form-wrap {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: var(--gtw-card-radius);
    padding: 20px;
    max-width: 520px;
}

.gtw-lead-form-title {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    font-family: var(--gtw-font, inherit);
}

.gtw-lead-form-wrap .gtw-form-field {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* Telefone + Email lado a lado em telas médias+ */
.gtw-lead-form-wrap .gtw-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}
@media (max-width: 420px) {
    .gtw-lead-form-wrap .gtw-form-row { grid-template-columns: 1fr; }
}

.gtw-lead-form-wrap .gtw-form-field label {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-family: var(--gtw-font, inherit);
}

.gtw-lead-form-wrap .gtw-form-field input,
.gtw-lead-form-wrap .gtw-form-field textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: var(--gtw-btn-radius);
    font-size: 13px;
    font-family: var(--gtw-font, inherit);
    color: #111;
    transition: border-color .15s;
    background: #fafafa;
    box-sizing: border-box;
}

.gtw-lead-form-wrap .gtw-form-field input:focus,
.gtw-lead-form-wrap .gtw-form-field textarea:focus {
    outline: none;
    border-color: var(--gtw-primary);
    background: #fff;
    box-shadow: 0 0 0 2px rgba(var(--gtw-primary-rgb, 0,115,170), .1);
}

.gtw-lead-form-wrap .gtw-form-field input.gtw-field-error {
    border-color: #e53e3e;
}

.gtw-lead-form-wrap .gtw-form-field textarea {
    resize: vertical;
    min-height: 70px;
}

.gtw-lead-form-wrap .gtw-form-submit { margin-top: 6px; }

.gtw-lead-form-wrap .gtw-btn-lead {
    width: 100%;
    padding: 11px 20px;
    background: var(--gtw-primary);
    color: #fff;
    border: none;
    border-radius: var(--gtw-btn-radius);
    font-size: 14px;
    font-weight: 700;
    font-family: var(--gtw-font, inherit);
    cursor: pointer;
    transition: background .2s;
    letter-spacing: .3px;
}

.gtw-lead-form-wrap .gtw-btn-lead:hover    { background: var(--gtw-primary-hover); }
.gtw-lead-form-wrap .gtw-btn-lead:disabled { opacity: .65; cursor: not-allowed; }

.gtw-lead-form-wrap .gtw-lead-response {
    margin: 10px 0 0;
    padding: 9px 12px;
    border-radius: var(--gtw-btn-radius);
    font-size: 13px;
    font-family: var(--gtw-font, inherit);
    text-align: center;
}

.gtw-lead-form-wrap .gtw-lead-success {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.gtw-lead-form-wrap .gtw-lead-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.gtw-recaptcha-notice {
    margin: 10px 0 0;
    font-size: 11px;
    color: #9ca3af;
    line-height: 1.5;
}

.gtw-recaptcha-notice a { color: #9ca3af; }

/* ─── [gtw_imoveis] shortcode — título + rodapé ─────────────────────────── */
.gtw-imoveis-sc-title {
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 700;
    color: #1a1a2e;
    font-family: var(--gtw-font, inherit);
}

/* ─── Botões de cidade ───────────────────────────────────────────────────── */
.gtw-cidades-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
    justify-content: center;
}

a.gtw-cidade-btn,
a.gtw-cidade-btn:link,
a.gtw-cidade-btn:visited {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 11px 24px !important;
    background: transparent !important;
    border: 2px solid var(--gtw-primary, #E31E24) !important;
    border-radius: var(--gtw-btn-radius, 6px) !important;
    color: var(--gtw-primary, #E31E24) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background .2s, color .2s;
    box-sizing: border-box;
}

a.gtw-cidade-btn:hover {
    background: var(--gtw-primary, #E31E24) !important;
    color: #fff !important;
    border-color: var(--gtw-primary, #E31E24) !important;
}

a.gtw-cidade-btn:hover svg { color: #fff; }
a.gtw-cidade-btn svg { color: var(--gtw-primary, #E31E24); flex-shrink: 0; }

.gtw-imoveis-sc-footer {
    text-align: center;
    margin-top: 28px;
}

.gtw-btn-ver-mais {
    display: inline-block;
    padding: 12px 32px;
    background: transparent;
    border: 2px solid var(--gtw-primary);
    color: var(--gtw-primary);
    border-radius: var(--gtw-btn-radius);
    font-size: 14px;
    font-weight: 700;
    font-family: var(--gtw-font, inherit);
    text-decoration: none;
    transition: background .2s, color .2s;
}

.gtw-btn-ver-mais:hover {
    background: var(--gtw-primary);
    color: #fff;
}

/* ─── Layout: grade (reusa .gtw-grid .gtw-cols-3) ────────────────────────── */
.gtw-grade-sc {
    margin: 0;
}

/* ─── Layout: carrossel ──────────────────────────────────────────────────── */
.gtw-car-sc {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gtw-car-sc-viewport {
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.gtw-car-sc-track {
    display: flex;
    gap: 20px;
    transition: transform .35s ease;
    will-change: transform;
}

.gtw-car-sc-slide {
    flex: 0 0 calc((100% - 40px) / 3);
    min-width: 0;
}

.gtw-car-sc-arrow {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--gtw-primary);
    background: #fff;
    color: var(--gtw-primary);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, color .2s;
    padding: 0;
}

.gtw-car-sc-arrow:hover {
    background: var(--gtw-primary);
    color: #fff;
}

.gtw-car-sc-arrow:disabled {
    opacity: .3;
    cursor: default;
}

@media (max-width: 767px) {
    .gtw-car-sc-slide {
        flex: 0 0 100%;
    }
    .gtw-car-sc-track {
        gap: 12px;
    }
}

/* ─── Layout: lista ──────────────────────────────────────────────────────── */
.gtw-lista-sc {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gtw-lista-item {
    display: grid;
    grid-template-columns: 260px 1fr;
    border-radius: var(--gtw-card-radius);
    overflow: hidden;
    border: 1px solid #e5e7eb;
    background: #fff;
    transition: box-shadow .2s;
}

.gtw-lista-item:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
}

.gtw-lista-thumb {
    position: relative;
    display: block;
    overflow: hidden;
}

.gtw-lista-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s;
}

.gtw-lista-item:hover .gtw-lista-thumb img {
    transform: scale(1.04);
}

.gtw-lista-body {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gtw-lista-title {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    font-family: var(--gtw-font, inherit);
    line-height: 1.3;
}

.gtw-lista-title a {
    color: #1a1a2e;
    text-decoration: none;
}

.gtw-lista-title a:hover { color: var(--gtw-primary); }

@media (max-width: 640px) {
    .gtw-lista-item {
        grid-template-columns: 1fr;
    }
    .gtw-lista-thumb {
        height: 200px;
    }
}

/* ─── Infinite scroll ────────────────────────────────────────────────────── */
.gtw-loadmore-spinner {
    display: flex;
    justify-content: center;
    padding: 32px 0;
}

.gtw-spinner-ring {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(0,0,0,.1);
    border-top-color: var(--gtw-primary, #E31E24);
    border-radius: 50%;
    animation: gtw-spin .7s linear infinite;
}

@keyframes gtw-spin { to { transform: rotate(360deg); } }

.gtw-btn-load-more {
    display: block;
    margin: 24px auto;
    padding: 12px 32px;
    background: transparent;
    border: 2px solid var(--gtw-primary, #E31E24);
    color: var(--gtw-primary, #E31E24);
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, color .2s;
}

.gtw-btn-load-more:hover {
    background: var(--gtw-primary, #E31E24);
    color: #fff;
}

/* ─── Botão de favorito no card ──────────────────────────────────────────── */
.gtw-card { position: relative; }

.gtw-fav-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,.9);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    transition: background .2s, transform .2s;
    color: #999;
}

.gtw-fav-btn:hover {
    background: #fff;
    transform: scale(1.1);
    color: var(--gtw-primary, #E31E24);
}

.gtw-fav-btn.is-active {
    color: var(--gtw-primary, #E31E24);
    background: #fff;
}

@keyframes gtw-fav-pulse {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.3); }
    100% { transform: scale(1); }
}

.gtw-fav-btn.gtw-fav-pulse { animation: gtw-fav-pulse .4s ease; }

/* Botão favorito na ficha do imóvel (inline, não absoluto) */
.gtw-fav-btn--single {
    position: static;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    border: 1.5px solid #d5d8dd;
    color: #555;
    border-radius: 10px;
    padding: 11px 16px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .2s, color .2s, background .2s;
    margin-top: 0;
}
.gtw-fav-btn--single:hover {
    border-color: var(--gtw-primary, #E31E24);
    color: var(--gtw-primary, #E31E24);
    background: #fff5f5;
    transform: none;
}
.gtw-fav-btn--single.is-active {
    border-color: var(--gtw-primary, #E31E24);
    background: var(--gtw-primary, #E31E24);
    color: #fff;
}
.gtw-fav-btn--single .gtw-fav-icon-filled { display: none; }
.gtw-fav-btn--single.is-active .gtw-fav-icon-outline { display: none; }
.gtw-fav-btn--single.is-active .gtw-fav-icon-filled  { display: block; }
.gtw-fav-btn--single.is-active .gtw-fav-btn-label::before { content: "✓ "; }

/* ─── Botão de favoritos no nav ([gtw_favoritos_btn]) ────────────────────── */
.gtw-fav-nav-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: inherit;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}

.gtw-fav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background: var(--gtw-primary, #E31E24);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

/* ─── Página de favoritos ────────────────────────────────────────────────── */
.gtw-favoritos-wrap { max-width: 900px; margin: 0 auto; }

.gtw-favoritos-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.gtw-favoritos-titulo {
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 800;
    margin: 0 0 4px;
}

.gtw-favoritos-subtitulo { font-size: 14px; color: #777; margin: 0; }

.gtw-btn-fav-clear {
    padding: 9px 18px;
    background: transparent;
    border: 1.5px solid #ddd;
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 13px;
    font-weight: 600;
    color: #888;
    cursor: pointer;
    transition: border-color .2s, color .2s;
    white-space: nowrap;
}
.gtw-btn-fav-clear:hover { border-color: #E31E24; color: #E31E24; }

/* Lista de itens */
.gtw-fav-lista { display: flex; flex-direction: column; gap: 16px; }

.gtw-fav-vazio {
    text-align: center;
    padding: 60px 20px;
    color: #aaa;
}
.gtw-fav-vazio svg { margin: 0 auto 16px; display: block; }
.gtw-fav-vazio p { font-size: 16px; margin-bottom: 20px; }

.gtw-fav-item {
    display: grid;
    grid-template-columns: 180px 1fr auto;
    gap: 16px;
    align-items: start;
    background: #fff;
    border: 1px solid #eee;
    border-radius: var(--gtw-card-radius, 10px);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
}

.gtw-fav-item-thumb {
    display: block;
    height: 140px;
}

.gtw-fav-item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gtw-fav-item-body { padding: 16px 0 16px; }

.gtw-fav-item-tipo {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--gtw-primary, #E31E24);
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.gtw-fav-item-titulo {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 6px;
    line-height: 1.3;
}

.gtw-fav-item-titulo a { color: #111; text-decoration: none; }
.gtw-fav-item-titulo a:hover { color: var(--gtw-primary, #E31E24); }

.gtw-fav-item-cidade { font-size: 13px; color: #777; margin: 0 0 8px; }

.gtw-fav-item-preco {
    font-size: 20px;
    font-weight: 800;
    color: #111;
}

.gtw-fav-item-codigo { font-size: 11px; color: #bbb; margin-top: 4px; }

.gtw-fav-item-remove {
    padding: 10px;
    margin: 12px 12px 0 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #bbb;
    font-size: 16px;
    line-height: 1;
    border-radius: 4px;
    transition: color .2s, background .2s;
    align-self: flex-start;
}
.gtw-fav-item-remove:hover { color: #E31E24; background: #fef5f5; }

/* Ações (WhatsApp + formulário) */
.gtw-fav-acoes {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.gtw-btn-fav-form-toggle {
    padding: 11px 20px;
    border: 1.5px solid var(--gtw-primary, #E31E24);
    background: transparent;
    color: var(--gtw-primary, #E31E24);
    border-radius: var(--gtw-btn-radius, 6px);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, color .2s;
}
.gtw-btn-fav-form-toggle:hover { background: var(--gtw-primary, #E31E24); color: #fff; }

/* Formulário de favoritos */
.gtw-fav-form-wrap {
    margin-top: 24px;
    padding: 24px;
    background: #f9f9f9;
    border-radius: var(--gtw-card-radius, 10px);
    border: 1px solid #eee;
}

.gtw-fav-form-titulo { font-size: 18px; font-weight: 700; margin: 0 0 6px; }
.gtw-fav-form-desc   { font-size: 14px; color: #777; margin: 0 0 20px; }

.gtw-fav-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 560px) {
    .gtw-fav-item { grid-template-columns: 1fr auto; }
    .gtw-fav-item-thumb { display: none; }
    .gtw-fav-item-body { padding: 14px 0 14px 14px; }
    .gtw-fav-acoes { flex-direction: column; }
    .gtw-fav-form-row { grid-template-columns: 1fr; }
}