/* JFilho Empreendimentos — complementos do layout + cards + pop-up */

/* ---------- página individual: variações dinâmicas ---------- */
.jf-ind .gallery.jfe-g1{grid-template-columns:1fr;grid-template-rows:460px}
.jf-ind .gallery.jfe-g2{grid-template-columns:1.4fr 1fr;grid-template-rows:460px}
.jf-ind .gallery.jfe-g1 .shot:first-child,.jf-ind .gallery.jfe-g2 .shot:first-child{grid-row:auto}
.jf-ind .shot img{width:100%;height:100%;object-fit:cover}
.jf-ind .shot.jfe-rounded{display:block;width:100%;border-radius:20px;overflow:hidden;aspect-ratio:16/10}
.jf-ind .leisure.jfe-noitems{grid-template-columns:1fr}
.jf-ind .planview{display:flex;align-items:center;justify-content:center;min-height:320px}
.jf-ind .jfe-plan-img{width:100%}
.jf-ind .jfe-plan-img img{width:100%;height:auto;max-height:440px;object-fit:contain}
.jf-ind .jfe-plan-empty{display:block;text-align:center;font-size:12px;color:var(--muted);padding:80px 0}
.jf-ind [hidden]{display:none!important}
.jf-ind .tags{margin-top:18px}
.jf-ind .amenity i{display:block;width:36px;height:36px;margin-bottom:12px;color:#a9720c}
.jf-ind .amenity i svg{width:100%;height:100%}

/* nav de seções: se o sticky falhar dentro do Elementor, o JS fixa no topo */
.jf-ind .sticky.jfe-fixed{position:fixed;left:0;right:0;top:var(--jfe-top,0px);z-index:60}
.jf-ind .jfe-sticky-spacer{display:none}
.jf-ind .jfe-sticky-spacer.on{display:block}

/* ampliador */
.jf-ind dialog.jfe-lightbox{position:fixed}
.jf-ind .jfe-lb-nav{display:flex;justify-content:center;gap:10px;margin-top:12px}
.jf-ind .jfe-lb-nav button{width:42px;height:42px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:22px;line-height:1;color:#202322}
.jf-ind .jfe-lb-nav button:hover{background:#f0b429;border-color:#f0b429}

/* ---------- pop-up do formulário ---------- */
.jfe-pop{position:fixed;inset:0;z-index:99999;background:rgba(16,18,20,.72);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s ease}
.jfe-pop[hidden]{display:none}
.jfe-pop.is-open{opacity:1}
.jfe-pop-box{position:relative;width:100%;max-width:520px;max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:34px 30px 26px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);transform:translateY(10px);transition:transform .2s ease}
.jfe-pop.is-open .jfe-pop-box{transform:none}
.jfe-pop-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:#f3f4f2;color:#202322;font-size:15px;line-height:1;cursor:pointer;padding:0}
.jfe-pop-close:hover{background:#f0b429}
.jfe-pop-head{font-family:Inter,Arial,sans-serif;margin-bottom:14px;padding-right:30px}
.jfe-pop-head small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a9720c;font-weight:700}
.jfe-pop-head strong{display:block;font-family:Poppins,Arial,sans-serif;font-size:20px;font-weight:600;color:#17181a;margin-top:2px}
body.jfe-lock{overflow:hidden}
@media(max-width:520px){.jfe-pop{padding:0;align-items:flex-end}.jfe-pop-box{border-radius:18px 18px 0 0;max-height:94vh;padding:30px 20px 22px}}

/* ---------- cards (catálogo e destaques) ---------- */
.jfe-list{font-family:Inter,Arial,sans-serif;color:#202322}
.jfe-list *{box-sizing:border-box}
.jfe-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.jfe-chips button{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:30px;border:1.5px solid #e4e7e2;background:#fff;color:#5b6672;font:600 13px/1.2 Inter,Arial,sans-serif;cursor:pointer;text-transform:none;letter-spacing:0;transition:all .15s ease}
.jfe-chips button small{font-size:11px;opacity:.65}
.jfe-chips button:hover{border-color:#f0b429;color:#17181a;background:#fff}
.jfe-chips button.is-on{background:#17181a;border-color:#17181a;color:#fff}
.jfe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.jfe-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7e2;border-radius:18px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.jfe-card:hover{box-shadow:0 18px 36px -20px rgba(23,24,26,.35);transform:translateY(-3px)}
.jfe-card[hidden]{display:none}
.jfe-card-photo{position:relative;display:block;aspect-ratio:16/11;background:#17181a;border-top:4px solid #f0b429;overflow:hidden}
.jfe-card-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.jfe-card:hover .jfe-card-photo img{transform:scale(1.04)}
.jfe-badge{position:absolute;top:14px;left:14px;z-index:1;font:700 10.5px/1 Inter,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:7px 11px;border-radius:20px;background:#fff;color:#a9720c;box-shadow:0 3px 14px rgba(0,0,0,.12)}
.jfe-badge-breve{background:#f7c948;color:#17181a}
.jfe-badge-obras{background:#17181a;color:#fff}
.jfe-badge-pronto{background:#25b562;color:#fff}
.jfe-card-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px}
.jfe-card-body h3{margin:0;font:600 18px/1.3 Poppins,Arial,sans-serif;letter-spacing:-.01em}
.jfe-card-body h3 a{color:#17181a;text-decoration:none}
.jfe-card-loc{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:#5b6672}
.jfe-card-loc svg{width:14px;height:14px;flex:none}
.jfe-card-txt{margin:0;font-size:13.5px;line-height:1.6;color:#5b6672}
.jfe-card-tags{display:flex;flex-wrap:wrap;gap:6px}
.jfe-card-tags span{font-size:11px;color:#a9720c;background:#fffaf0;border:1px solid #fdf1d0;padding:4px 9px;border-radius:20px}
.jfe-card-btn{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px 16px;border-radius:10px;background:#f0b429;color:#17181a!important;font:600 13.5px/1.2 Inter,Arial,sans-serif;text-decoration:none!important;transition:background .15s ease,color .15s ease}
.jfe-card-btn:hover{background:#a9720c;color:#fff!important}
.jfe-empty{padding:30px;text-align:center;color:#5b6672;border:1px dashed #e4e7e2;border-radius:14px}
@media(max-width:960px){.jfe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.jfe-grid{grid-template-columns:1fr}}

/* reforço: esconde header/rodapé do tema Hello na página de empreendimento (o template já tem os do site) */
body.single-empreendimento #site-header,body.single-empreendimento #site-footer{display:none}