/* =========================================================
   Casas de Sementes (casas-de-sementes.html) + botão no modal
   de Projetos. Segue a identidade visual do style.css.
   ========================================================= */

/* Botão dentro do modal do projeto Sementes da Vida */
.modal__btn-casas{ display:flex; justify-content:center; width:100%; margin:0 0 12px; text-align:center; }
.modal__btn-casas[hidden]{ display:none; }

/* Imagem do card: preenchimento enquanto a foto não existe/carrega */
.casa-card .card__img{ position:relative; overflow:hidden; background: var(--verde-suave); }
.casa-card .card__img::before{
  content:'🌱'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:3rem; opacity:.35;
}
.casa-card .card__img img{ position:relative; z-index:1; }
.casa-card__local{ display:block; font-size:.8rem; font-weight:700; color: var(--verde); margin-bottom:6px; }

/* Cabeçalho da página */
.casas-intro{ max-width:760px; margin:0 auto 40px; text-align:center; }
.casas-intro p{ color: var(--texto-claro); font-size:1.05rem; }
.casas-voltar{ text-align:center; margin-top:44px; }

/* Modal da casa */
.modal--casa{ max-width:680px;}
.modal--casa .modal__img{ position:relative; background: var(--verde-suave); }
.modal--casa .modal__img img{ position:relative; z-index:1; height:100%; }
.modal--casa .modal__img::before{
  content:'🌱'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:4rem; opacity:.35;
}
.modal__comunidade{ font-size:.86rem; font-weight:700; color: var(--verde); margin:-4px 0 14px; }
.casa-infos{
  display:grid; grid-template-columns: repeat(2, 1fr); gap:12px; margin:18px 0 22px;
  padding-top:16px; border-top:1px dashed var(--borda);
}
.casa-infos[hidden]{ display:none; }
.casa-info{ background: var(--verde-suave); border-radius:10px; padding:10px 14px; }
.casa-info__rotulo{ display:block; font-size:.7rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color: var(--verde); margin-bottom:2px; }
.casa-info__valor{ display:block; font-size:.92rem; font-weight:600; color: var(--texto); line-height:1.3; }
.modal--casa .modal__acoes{ display:flex; gap:10px; flex-wrap:wrap; }

@media (max-width: 620px){
  .casa-infos{ grid-template-columns: 1fr; }
  .modal--casa .modal__acoes .btn{ flex:1 1 100%; justify-content:center; }
}

#modal-casa {
  overflow-y: auto;
  scroll-behavior: auto;
}

#modal-casa .modal--casa {
  overflow-y: auto;
  scroll-behavior: auto;
}

#modal-casa .modal__body {
  overflow-y: auto;
  scroll-behavior: auto;
}