/* imovel.css */
.imovel-page { padding: 20px 24px 60px; }
.breadcrumb { font-size: 13px; color: var(--gray400); margin-bottom: 20px; }
.breadcrumb a { color: var(--gray400); } .breadcrumb a:hover { color: var(--navy); }

.imovel-layout { display: grid; grid-template-columns: 1fr 360px; gap: 32px; align-items: start; }
.imovel-main { min-width: 0; }

.galeria .foto-principal { border-radius: var(--radius-lg); overflow: hidden; height: 380px; background: var(--gray100); }
.galeria .foto-principal img { width: 100%; height: 100%; object-fit: cover; }
.sem-fotos { height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--gray100); border-radius: var(--radius-lg); color: var(--gray400); font-size: 48px; }
.sem-fotos p { font-size: 14px; margin-top: 8px; }
.fotos-thumb { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.thumb { width: 72px; height: 52px; object-fit: cover; border-radius: 6px; cursor: pointer; border: 2px solid transparent; transition: border-color var(--transition); }
.thumb.ativa { border-color: var(--gold); }

.imovel-titulo-row { margin: 20px 0 12px; }
.imovel-titulo-row h1 { font-size: 20px; font-weight: 700; color: var(--navy); margin-bottom: 6px; line-height: 1.3; }
.imovel-localidade { font-size: 14px; color: var(--gray600); }
.imovel-localidade .ti { font-size: 13px; vertical-align: -1px; }
.endereco-oculto { color: var(--gray400); font-size: 13px; }
.imovel-tags-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

.caracteristicas { display: flex; gap: 20px; flex-wrap: wrap; padding: 16px 0; border-top: 1px solid var(--gray100); border-bottom: 1px solid var(--gray100); margin-bottom: 20px; }
.carac-item { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--gray600); }
.carac-item .ti { font-size: 18px; color: var(--navy); }

.dividas-box { background: #FFF8F0; border: 1px solid #E6D9B5; border-radius: var(--radius-lg); padding: 18px 20px; margin-bottom: 20px; }
.dividas-box h3 { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
.dividas-box h3 .ti { color: #E67E22; }
.dividas-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.divida-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--gray800); }
.divida-item .ti { color: var(--red); font-size: 14px; }
.divida-total { font-size: 14px; color: var(--gray800); margin-bottom: 8px; }
.divida-total strong { color: var(--red); }
.divida-desc { font-size: 13px; color: var(--gray600); margin-bottom: 8px; line-height: 1.5; }
.divida-note { font-size: 12px; color: var(--gray400); border-top: 1px solid #E6D9B5; padding-top: 10px; }

.descricao-box { margin-bottom: 20px; }
.descricao-box h3 { font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 10px; }
.descricao-box p { font-size: 14px; color: var(--gray600); line-height: 1.7; }

.mapa-box h3 { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.mapa-note { font-size: 12px; color: var(--gray400); margin-bottom: 10px; }
.mapa-placeholder { height: 160px; background: var(--gray100); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--gray400); font-size: 14px; border: 1px solid var(--gray200); }
.mapa-placeholder .ti { font-size: 22px; }

/* Sidebar */
.imovel-sidebar { position: sticky; top: 80px; }
.sidebar-card { background: var(--white); border: 1px solid var(--gray200); border-radius: var(--radius-lg); padding: 24px; }
.sidebar-valor { margin-bottom: 14px; }
.sidebar-valor .label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--gray400); margin-bottom: 4px; }
.valor-big { display: block; font-size: 28px; font-weight: 700; color: var(--navy); line-height: 1.1; }
.valor-cond { display: block; font-size: 11px; color: var(--gray400); margin-top: 2px; }
.sidebar-divida { display: flex; justify-content: space-between; padding: 10px 12px; background: #FFF0F0; border-radius: var(--radius); margin-bottom: 12px; font-size: 13px; }
.sidebar-divida span { color: var(--gray600); }
.sidebar-divida strong { color: var(--red); }
.sidebar-comissao { font-size: 12px; color: var(--gray400); display: flex; gap: 6px; align-items: flex-start; padding: 10px; background: var(--gray50); border-radius: var(--radius); margin-bottom: 16px; border: 1px solid var(--gray200); line-height: 1.5; }
.sidebar-comissao .ti { flex-shrink: 0; margin-top: 1px; }

.btn-interesse { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px; background: var(--gold); color: var(--navy); border: none; border-radius: var(--radius); font-size: 14px; font-weight: 700; cursor: pointer; transition: background var(--transition); font-family: var(--font); text-decoration: none; }
.btn-interesse:hover { background: var(--gold2); }
.sidebar-note { font-size: 12px; color: var(--gray400); text-align: center; margin-top: 8px; line-height: 1.5; }
.btn-login-link { display: block; text-align: center; font-size: 13px; color: var(--navy); margin-top: 10px; font-weight: 500; }
.sidebar-cta-group { margin-bottom: 4px; }
.interesse-ativo { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: #F0FFF4; border: 1px solid #B7E4C7; border-radius: var(--radius); color: #1A6B35; font-size: 13px; font-weight: 600; margin-bottom: 16px; }
.interesse-ativo .ti { font-size: 16px; }
.form-proposta .form-field label { font-size: 12px; font-weight: 600; color: var(--gray600); display: block; margin-bottom: 4px; }
.form-proposta .form-field input,
.form-proposta .form-field textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--gray200); border-radius: var(--radius); font-size: 13px; font-family: var(--font); resize: vertical; }
.form-proposta .form-field input:focus,
.form-proposta .form-field textarea:focus { outline: none; border-color: var(--navy); }

.sidebar-corretor { display: flex; gap: 10px; align-items: center; padding: 14px 0 0; border-top: 1px solid var(--gray100); margin-top: 14px; }
.sidebar-corretor img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid var(--navy); flex-shrink: 0; }
.sidebar-corretor strong { display: block; font-size: 13px; font-weight: 600; color: var(--navy); }
.sidebar-corretor span { display: block; font-size: 11px; color: var(--gray400); margin-bottom: 6px; }
.btn-wa-corretor { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: #1A6B35; }
.btn-wa-corretor .ti { font-size: 14px; color: #25D366; }

@media (max-width: 900px) {
  .imovel-layout { grid-template-columns: 1fr; }
  .imovel-sidebar { position: static; }
}