/* ══════════════════════════════════════
   MYHOME PAGE SPECIFIC STYLES
   (reutiliza portal.css, signer.css e o
   .feat-ico definido abaixo)
══════════════════════════════════════ */

.myhome-hero{min-height:85vh;}

/* Mockup da planta (shell .code-preview) */
.home-plan{display:block;width:100%;height:auto;}
.home-plan .room{
  fill:rgba(14,165,233,.03);
  stroke:var(--border2);stroke-width:2;
  transition:fill .6s;
}
.home-plan .room.on{fill:rgba(250,204,21,.13);}
.home-plan .lamp{
  fill:var(--border2);
  transition:fill .6s,filter .6s;
}
.home-plan .lamp.on{
  fill:#facc15;
  filter:drop-shadow(0 0 8px rgba(250,204,21,.8));
}
.home-plan .blind{fill:var(--blue);opacity:.7;}
.home-plan text{
  font-family:var(--fn-mono);font-size:11px;
  fill:var(--muted);letter-spacing:.08em;
}
.home-chips{
  display:flex;flex-wrap:wrap;gap:.5rem;
  margin-top:1rem;padding-top:1rem;
  border-top:1px solid var(--border);
}
.home-chip{
  font-family:var(--fn-mono);font-size:.7rem;
  color:var(--muted);letter-spacing:.06em;
  background:rgba(14,165,233,.06);
  border:1px solid var(--border);
  border-radius:5px;padding:.3rem .6rem;
}
.home-chip b{color:var(--cyan);font-weight:600;}

#plan .feature-grid{margin-top:1rem;}

/* Ícone pequeno nos cartões de funcionalidades */
.feat-ico{
  width:36px;height:36px;margin-bottom:1rem;
  display:flex;align-items:center;justify-content:center;
  background:rgba(14,165,233,.1);
  border:1px solid rgba(14,165,233,.25);
  border-radius:8px;color:var(--blue);
}
.feat-ico svg{width:18px;height:18px;}