/* ==========================================================================
   misc.css — layout "misc" (edge-guide + 404)
   TODO seletor prefixado com body.page-misc (sem vazamento).
   ========================================================================== */

/* --------------------------------------------------------------------------
   /services/edge-guide — UMA imagem full-bleed centralizada
   Original (Framer): html body { background: rgb(107,107,107) }, imagem com
   sizes calc(100vw - 40px) em TODOS os breakpoints (20px de margem por lado).
   -------------------------------------------------------------------------- */
body.page-misc .edge-guide-section {
  background: #6b6b6b;
  padding: 20px;
}
body.page-misc .edge-guide-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* --------------------------------------------------------------------------
   404 — hero compacto (seção "About" do original: coluna centralizada,
   gap 66px, min-height 100vh, padding 100px 40px / 80px 20px no mobile —
   o padding vem do .container da fundação)
   -------------------------------------------------------------------------- */
body.page-misc .notfound-section {
  background: #fff;
}
body.page-misc .notfound-inner {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 66px;
  text-align: center;
}