/* ==========================================================================
   Compusystems — página da vitrine
   Header idêntico ao do site + iframe ocupando todo o resto da tela.
   Carregado apenas por vitrine.html: o seletor `iframe` abaixo é global e não
   pode vazar para o index, onde o rodapé MonteSite também é um iframe.
   ========================================================================== */

.vitrine-page,
.vitrine-page body{
  height:100vh;
  height:100dvh;      /* evita corte pela barra de endereço no mobile */
  overflow:hidden;
}

/* O reset global usa border-box; a vitrine usa content-box para que qualquer
   padding aplicado ao iframe some à altura em vez de ser descontado dela. */
iframe{box-sizing:content-box}

/* Título da página para leitores de tela e buscadores (o layout é só o iframe) */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}

/* ---------- Iframe da vitrine ----------
   --header-h vem do style.css (78px no desktop, 68px até 900px), então a
   altura acompanha sozinha a mudança de altura do header no mobile. */
#vitrine-frame{
  position:fixed;
  left:0;
  top:var(--header-h);
  width:100%;
  height:calc(100vh - var(--header-h));
  height:calc(100dvh - var(--header-h));
  border:0;
  display:block;
  background:var(--paper);
  z-index:1;
}