/* ==========================================================================
   INK Imóveis — catálogo /imoveis/ e páginas /empreendimentos/<slug>/.
   Só complementa styles.css (mesmas variáveis e componentes: .filtros,
   .oportunidade, .botao, .aviso-valores). Nada aqui altera a home.
   Sem logo: o logo oficial só aparece no hero da home e no rodapé (AGENTS.md).
   ========================================================================== */

/* filtros do catálogo: mais campos que os da home, mesmo desenho */
.cat-filtros{ grid-template-columns:repeat(4,1fr); }
.cat-filtros .filtro--busca{ grid-column:span 2; }
.cat-filtros .filtro__limpar{ align-self:end; }
/* campo de busca no mesmo desenho dos selects de .filtro (styles.css) */
.filtro input[type=search]{
  width:100%; font:inherit; font-size:.92rem; color:var(--branco);
  background:var(--marinho-escuro); border:1px solid rgba(255,255,255,.24);
  border-radius:var(--raio); padding:.6rem .8rem;
}
.filtro input[type=search]::placeholder{ color:var(--texto-claro); opacity:.7; }
.filtro input[type=search]:focus{ outline:2px solid var(--dourado); outline-offset:1px; }
#cat-lista .oportunidade[hidden]{ display:none; }
#cat-lista .oportunidade h3 a:hover{ text-decoration:underline; }
#cat-lista .oportunidade dd{ white-space:nowrap; }
@media (max-width: 900px){ .cat-filtros{ grid-template-columns:repeat(2,1fr); } }
@media (max-width: 720px){ .cat-filtros{ grid-template-columns:1fr; } .cat-filtros .filtro--busca{ grid-column:auto; } }

/* página do empreendimento */
.titulo-pagina{ font-size:clamp(2rem, 5vw, 3rem); color:var(--branco); }
.migalhas{ font-size:.85rem; color:var(--texto-claro); margin-bottom:1.5rem; }
.migalhas a{ color:var(--texto-claro); }
.emp-detalhe__grade{ display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:start; }
.emp-detalhe__galeria:hover{ transform:none; }
@media (max-width: 900px){ .emp-detalhe__grade{ grid-template-columns:1fr; gap:1.5rem; } }
.emp-ficha{ display:grid; grid-template-columns:auto 1fr; gap:.45rem 1.2rem; margin:1rem 0 1.6rem; }
.emp-ficha dt{ color:var(--texto-claro); opacity:.7; }
.emp-ficha dd{ margin:0; color:var(--branco); }
.emp-ficha a{ color:var(--dourado); }
.emp-acoes{ display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; margin-top:1rem; }
.emp-acoes .filtro__limpar{ text-decoration:none; }
.emp-subtitulo{ margin-top:3rem; font-size:1.6rem; color:var(--branco); }
.tabela-rolagem{ overflow-x:auto; }
.emp-tabela{ width:100%; border-collapse:collapse; font-size:.95rem; color:var(--branco); }
.emp-tabela th, .emp-tabela td{ text-align:left; padding:.7rem .8rem; border-bottom:1px solid rgba(255,255,255,.14); }
.emp-tabela th{ font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--texto-claro); }
.emp-tabela td:nth-child(4){ white-space:nowrap; font-family:var(--serif); color:var(--dourado); }
@media (max-width: 560px){
  .emp-tabela{ font-size:.85rem; }
  .emp-tabela th, .emp-tabela td{ padding:.55rem .4rem; }
}

/* galeria da página do empreendimento: cada imagem identificada (perspectiva, decorado, planta) */
.emp-galeria{ display:grid; gap:1.25rem; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); margin-top:1.25rem; }
.emp-galeria__item{ margin:0; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:var(--raio); overflow:hidden; }
.emp-galeria__item img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; background:#fff; }
.emp-galeria__item figcaption{ position:relative; padding:.7rem .9rem; font-size:.82rem; color:var(--texto-claro); }
.emp-galeria__item figcaption .oportunidade__tipoimg{ position:static; display:inline-block; margin-right:.4rem; }

/* H1 das páginas internas com a aparência do H2 da home (um H1 por página) */
.h1-secao{ font-size:clamp(1.8rem, 4vw, 2.6rem); }
.secao--escura .h1-secao{ color:var(--branco); }
.cat-nota{ font-size:.88rem; color:var(--texto-claro); margin:-.4rem 0 1.2rem; }

/* ---- 30/10/2026: valores de tabela, lead rápido e landing de campanha ---- */
.oportunidade__preco small{ display:block; font-family:var(--sans); font-size:.78rem; color:var(--texto-claro); margin-top:.2rem; }
.oportunidade__nota{ font-size:.75rem; color:var(--texto-claro); opacity:.8; margin:-.6rem 0 1rem; }
.emp-ficha .emp-valor{ font-family:var(--serif); color:var(--dourado); }
.emp-nota-valor{ font-size:.8rem; color:var(--texto-claro); margin:-1rem 0 1.2rem; }
.lead-rapido__consentimento{ display:flex; gap:.6rem; align-items:flex-start; font-size:.9rem;
  color:var(--texto-suave); margin:0 0 1.25rem; }
.lead-rapido__consentimento input{ margin-top:.25rem; flex:none; }
.lead-rapido__consentimento a{ color:var(--dourado-texto); }
.lead-rapido__alternativa{ margin-top:1rem; font-size:.95rem; text-align:center; }
.lead-rapido__alternativa a{ color:var(--dourado-texto); font-weight:600; }
.lead-rapido__fallback{ display:inline-block; margin-top:.6rem; }
.lead-rapido__ok .botao{ margin-top:.6rem; }
.lp-hero{ padding:2rem 0 2.5rem; }
.lp-hero__grade{ display:grid; gap:1.75rem; }
.lp-preco{ font-family:var(--serif); font-size:1.5rem; color:var(--dourado); margin:.5rem 0 .25rem; }
.lp-precos{ list-style:none; padding:0; margin:1rem 0 .4rem; display:grid; gap:.45rem; color:var(--branco); }
.lp-precos strong{ font-family:var(--serif); color:var(--dourado); font-weight:600; }
.lp-ressalva{ font-size:.82rem; color:var(--texto-claro); margin:0 0 1.2rem; }
.lp-lista{ list-style:none; padding:0; margin:1rem 0; display:grid; gap:.4rem; color:var(--texto-claro); }
.lp-topo{ display:flex; justify-content:space-between; align-items:center; padding:.9rem 0; }
.lp-acoes{ display:flex; flex-wrap:wrap; gap:.8rem; }
@media (min-width: 880px){ .lp-hero__grade{ grid-template-columns:1.1fr 1fr; align-items:center; } }
.texto-legal h2{ margin-top:2rem; font-size:1.35rem; }
.texto-legal ul{ padding-left:1.2rem; }
