/* =========================================================
   BUROFÁCIL, HomeCash page-specific styles
   Inherits product-page chassis from home-equity.css
   ========================================================= */

/* ============================================================
   FOTOS HOMECASH
   ============================================================ */
.hc-photo--hero{
  background-image:url("images/hc-hero-proprietario.png");
  background-image:image-set(
    url("images/hc-hero-proprietario.webp") type("image/webp"),
    url("images/hc-hero-proprietario.png") type("image/png")
  );
  background-position:center 44%;
}
.hc-photo--steps{
  background-image:url("images/hc-processo-consultoria.png");
  background-image:image-set(
    url("images/hc-processo-consultoria.webp") type("image/webp"),
    url("images/hc-processo-consultoria.png") type("image/png")
  );
  background-position:center;
}
.hc-photo--faq{
  display:block;
  width:100%;
  max-width:480px;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center;
  margin-left:auto;
  border:1px solid var(--line);
  border-radius:14px;
}
.hc-photo--cta{
  background-image:url("images/hc-cta-permanencia.png");
  background-image:image-set(
    url("images/hc-cta-permanencia.webp") type("image/webp"),
    url("images/hc-cta-permanencia.png") type("image/png")
  );
  background-position:center;
}

/* ============================================================
   MATRIZ COMPARATIVA, qualitativo (sem taxa fabricada)
   ============================================================ */
.hc-matrix{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:14px;
  align-items:stretch;
}
.hc-matrix__col{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 20px;
  display:flex;
  flex-direction:column;
  position:relative;
}
.hc-matrix__col--head{
  background:transparent;
  border:0;
  padding:22px 8px 22px 0;
}
.hc-matrix__col--reco{
  border:2px solid var(--orange);
}
.hc-matrix__pin{
  position:absolute;
  top:-12px;left:18px;
  background:var(--orange);
  color:#fff;
  font-size:10.5px;
  font-weight:700;
  padding:5px 12px;
  border-radius:6px;
  letter-spacing:0.14em;
}
.hc-matrix__brand{
  font-family:var(--serif);
  font-weight:500;
  font-size:20px;
  letter-spacing:-0.01em;
  color:var(--ink);
  margin:0 0 14px;
  min-height:26px;
}
.hc-matrix__col--head .hc-matrix__brand{visibility:hidden}
.hc-matrix__crit{
  font-size:13px;
  color:var(--ink-2);
  font-weight:600;
  margin:0;
  min-height:48px;
  display:flex;
  align-items:center;
  border-top:1px solid var(--line);
  padding:10px 0;
}
.hc-matrix__crit--spacer{
  border:0;
  min-height:26px;
  margin:0 0 14px;
  padding:0;
}
.hc-matrix__cell{
  font-size:13.5px;
  color:var(--ink);
  margin:0;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:8px;
  border-top:1px solid var(--line);
  padding:10px 0;
}
.hc-matrix__col--reco .hc-matrix__cell{font-weight:600}
.hc-mk{
  flex:none;
  width:20px;height:20px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
}
.hc-mk--yes{background:#e3f2e6;color:#2e7d32}
.hc-mk--no{background:#fbe4e4;color:#c62828}
.hc-mk--mid{background:#f3ede4;color:var(--ink-3)}

/* row labels only show on the criteria column at desktop */
.hc-matrix__cell[data-lbl]::before{content:none}

/* ============================================================
   IMÓVEIS ELEGÍVEIS
   ============================================================ */
.hc-elig{padding:96px 0}
.hc-elig__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.hc-elig__item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  gap:16px;
}
.hc-elig__mk{
  flex:none;
  width:36px;height:36px;
  border-radius:50%;
  background:var(--orange-soft);
  color:var(--orange-2);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:700;
}
.hc-elig__title{
  font-family:var(--serif);
  font-weight:500;
  font-size:19px;
  line-height:1.2;
  letter-spacing:-0.01em;
  margin:0 0 3px;
  color:var(--ink);
}
.hc-elig__desc{margin:0;font-size:13.5px;color:var(--ink-2)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 980px){
  .hc-matrix{grid-template-columns:1fr;gap:10px}
  .hc-matrix__col--head{display:none}
  .hc-matrix__cell{
    justify-content:flex-start;
    border-top:1px solid var(--line);
  }
  .hc-matrix__cell[data-lbl]::before{
    content:attr(data-lbl);
    flex:1;
    color:var(--ink-3);
    font-weight:600;
    font-size:12.5px;
    margin-right:8px;
  }
  .hc-matrix__cell{flex-wrap:wrap}
  .hc-elig__grid{grid-template-columns:1fr}
  .hc-photo--faq{margin:0 auto;max-width:420px}
}