/* Terrenos (loteamentos) e o "Comparar" dos lançamentos — 07/10/2026.
   Complementa assets/lancamentos.css (mesmas cores e componentes). Arquivo
   separado porque /assets fica guardado um ano no navegador de quem já visitou:
   mexer no lancamentos.css não chegaria a essas pessoas. */

/* ---------- tabela comparativa ---------- */
.comparativo{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;min-width:640px}
.comparativo th,.comparativo td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.comparativo thead th{font:700 15px/1.25 'Plus Jakarta Sans',sans-serif;background:var(--paper);border-top:1px solid var(--line);position:sticky;top:0}
.comparativo thead th a{color:var(--ink);text-decoration:none}
.comparativo thead th a:hover{color:var(--golddk)}
.comparativo thead th small{display:block;font:500 12px Inter,sans-serif;color:var(--stone);margin-top:2px}
.comparativo tbody th{font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--stone);white-space:nowrap;background:#fff;position:sticky;left:0;z-index:1;border-right:1px solid var(--line)}
.comparativo thead th:first-child{left:0;z-index:2;border-right:1px solid var(--line)}
.comparativo td b{font-family:'Plus Jakarta Sans',sans-serif}
.comparativo tr.forte td{font:800 17px 'Plus Jakarta Sans',sans-serif}
.comparativo .esta{background:#fffaf0}
.caixa-rolagem{overflow-x:auto;border:1px solid var(--line);border-radius:16px;-webkit-overflow-scrolling:touch}
.caixa-rolagem .comparativo thead th:first-child{border-top-left-radius:16px}

/* ---------- planos de pagamento ---------- */
.planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.plano{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#fff}
.plano h3{font:700 16px/1.3 'Plus Jakarta Sans',sans-serif;margin:0 0 4px}
.plano .para{font-size:13px;color:var(--stone);margin:0 0 12px}
.plano dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px}
.plano dt{color:var(--stone)}
.plano dd{margin:0;font-weight:600;text-align:right}
.plano .obs{font-size:12px;color:var(--stone);margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line)}

/* ---------- listas simples da página do terreno ---------- */
.lista-ok{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 24px}
.lista-ok li{padding-left:22px;position:relative;font-size:15px}
.lista-ok li::before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.distancias{display:flex;flex-wrap:wrap;gap:10px}
.distancias div{border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:120px}
.distancias small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--stone)}
.distancias b{font:700 16px 'Plus Jakarta Sans',sans-serif}
.tabela-lotes{width:100%;border-collapse:collapse;font-size:14px}
.tabela-lotes th,.tabela-lotes td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.tabela-lotes th{font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--stone)}
.tabela-lotes button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 10px;font:600 12px Inter,sans-serif;cursor:pointer;color:var(--ink)}
.tabela-lotes button:hover{border-color:var(--gold)}
.sim-total{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--paper);font-size:13px;color:var(--stone)}
.sim-total b{color:var(--ink)}
.selo-terreno{background:#1f6f43;color:#fff}

/* ---------- "Comparar" nos cartões de lançamento ---------- */
.card .foto .btn-comparar{position:absolute;right:12px;top:12px;border:0;border-radius:99px;padding:6px 12px;font:600 12px Inter,sans-serif;background:rgba(255,255,255,.94);color:var(--ink);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.card .foto .btn-comparar:hover{background:#fff}
.card .foto .btn-comparar.marcado{background:var(--gold)}
.barra-comparar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:99px;padding:10px 12px 10px 20px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:14px;max-width:calc(100vw - 24px)}
.barra-comparar .btn{padding:9px 16px;font-size:13px}
.barra-comparar button.limpar{border:0;background:none;color:rgba(255,255,255,.7);cursor:pointer;font:500 13px Inter,sans-serif;text-decoration:underline}
.folha-comparar{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
.folha-comparar .caixa{background:#fff;width:100%;max-width:980px;max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;padding:18px}
.folha-comparar .cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.folha-comparar .cab h2{font:800 20px 'Plus Jakarta Sans',sans-serif;margin:0}
.folha-comparar .fechar{border:0;background:var(--paper);border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer}
.comparativo img.capa{width:100%;max-width:220px;height:110px;object-fit:cover;border-radius:10px;display:block;margin-bottom:8px}
@media (min-width:760px){.folha-comparar{align-items:center;padding:20px}.folha-comparar .caixa{border-radius:20px}}