/* ==========================================================================
   Página Vitrine — usa o mesmo header (.header) do restante do site,
   com iframe + badge inferior (63px) preenchendo o espaço restante.
   ========================================================================== */

html, body.vitrine-page {
  overflow: hidden;
  height: 100vh;
  margin: 0;
}

.vitrine-iframe {
  position: fixed;
  top: var(--header-height);
  bottom: 63px;
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header-height) - 63px);
  border: 0;
}

.vitrine-badge {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 63px;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary-darker, #082a4d);
  color: #fff;
  font-size: 0.85rem;
  text-align: center;
}

.vitrine-badge p {
  margin: 0;
}

@media (max-width: 768px) {
  /* Garante que os botões de navegação da vitrine não sumam no mobile */
  .vitrine-iframe {
    padding-bottom: 50px !important;
    height: calc(100vh - var(--header-height) - 63px - 50px) !important;
  }
}