/* Estilos das páginas de produto, vendas, obrigado e institucionais */
.cfg-warn{background:#fff3cd;color:#5a4300;font-size:.85rem;padding:.5rem 1rem;text-align:center;border-bottom:1px solid #e6cf7a}
[hidden]{display:none!important}

.page-imovel{--c:var(--imovel);--cbg:var(--imovel-bg)}
.crumbs{font-size:.9rem;color:var(--ink-2);margin-bottom:1rem}
.crumbs a{text-decoration:underline}

.hero-prod{padding:2.5rem 0 3rem;background:linear-gradient(var(--imovel-bg),var(--paper))}
.hero-prod .eyebrow{color:var(--imovel)}
.hero-prod .lead{max-width:36em}
.hero-prod .micro{font-size:.9rem;color:var(--ink-2);margin-top:.9rem}
.btn-big{min-height:56px;font-size:1.1rem;padding:.9rem 1.8rem;background:var(--accent);color:var(--ink)}
.btn-big:hover{background:#f6c564}
.btn-prod{background:var(--imovel);color:#fff}
.btn-prod:hover{filter:brightness(1.12)}

.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}
.panel h3{margin-bottom:.4rem}

.grid-2,.grid-3{display:grid;gap:1.25rem;margin-top:1.75rem}
.pain{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.9rem}
.pain li{background:#fff;border:1px solid var(--line);border-left:5px solid var(--docs);border-radius:10px;padding:1rem 1.2rem}
.pain b{display:block}

.feat{display:grid;gap:1.1rem;margin-top:1.75rem}
.feat .panel{border-top:5px solid var(--imovel)}
.feat .panel p{margin:0;color:var(--ink-2)}

.fit{display:grid;gap:1.25rem;margin-top:1.75rem}
.fit .yes{border-top:5px solid var(--imovel)}
.fit .no{border-top:5px solid var(--line)}
.fit ul{padding-left:1.1rem;margin:.5rem 0 0}
.fit li{margin-bottom:.4rem}

.honest{background:var(--ink);color:#fff;border-radius:var(--radius);padding:1.6rem;margin-top:1.75rem}
.honest h3{color:var(--accent)}
.honest ul{margin:.5rem 0 0;padding-left:1.1rem}
.honest li{margin-bottom:.45rem}

.offer{background:#fff;border:2px solid var(--imovel);border-radius:var(--radius);padding:1.8rem;max-width:620px;margin:2rem auto 0;text-align:center}
.offer h3{font-size:1.4rem}
.offer .price{font-size:2.2rem;font-weight:800;margin:.4rem 0}
.offer .cond{color:var(--ink-2)}
.offer ul{text-align:left;list-style:none;padding:0;margin:1rem 0 1.4rem}
.offer .garantia{background:var(--imovel-bg);border-radius:10px;padding:.8rem 1rem;margin-top:1.2rem;font-size:.95rem;text-align:left}
.offer .secure{font-size:.85rem;color:var(--ink-2);margin-top:.9rem}

.faq{margin-top:1.5rem;max-width:760px}
.faq details{border-bottom:1px solid var(--line);padding:.9rem 0}
.faq summary{font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center}
.faq p{margin:.4rem 0 0;color:var(--ink-2)}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:9;background:#fff;border-top:1px solid var(--line);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));display:flex;justify-content:center}
.sticky-cta .btn{width:100%;max-width:480px}
body.has-sticky{padding-bottom:5rem}

.minihead{background:var(--paper);border-bottom:1px solid var(--line)}
.minihead .header-in{justify-content:space-between}
.minihead .btn{min-height:44px;padding:.4rem 1.1rem;font-size:.95rem}

/* Obrigado */
.thanks{padding:3rem 0 4rem;text-align:center}
.thanks .check{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:var(--imovel);display:grid;place-items:center}
.thanks .check svg{width:36px;height:36px}
.thanks .box{max-width:640px;margin:2rem auto 0;text-align:left}
.thanks ol{padding-left:1.2rem}
.thanks ol li{margin-bottom:.7rem}

/* Institucionais */
.doc{padding:2.5rem 0 4rem}
.doc .wrap{max-width:760px}
.doc h2{font-size:1.3rem;margin-top:2rem}
.draft{background:#fff3cd;border:1px solid #e6cf7a;border-radius:10px;padding:.8rem 1rem;font-size:.92rem}
.nf{padding:4rem 0;text-align:center}

@media (min-width:760px){
  .grid-2{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .feat{grid-template-columns:repeat(3,1fr)}
  .fit{grid-template-columns:1fr 1fr}
  .hero-prod{padding:4rem 0}
  .sticky-cta{display:none}
  body.has-sticky{padding-bottom:0}
}

/* Cadastro (obrigado) */
.cad{margin-top:.5rem}
.cad label{display:block;font-size:.9rem;font-weight:600;margin:.8rem 0 .25rem}
.cad input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:.7rem .8rem;min-height:48px;font:inherit;background:#fff;color:var(--ink)}
.cad .btn{margin-top:1rem;width:100%}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
#cadastro-msg.ok{color:var(--imovel);font-weight:700}
#cadastro-msg.err{color:var(--docs);font-weight:700}