/* Mobile-first, zero-dependency */
:root{
  --bg:#fff;
  --fade-ms:700ms;
  --delay-ms:2400ms; /* tempo da capa na tela */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:#111;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
  overflow:hidden;
}

.fullscreen{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  background:#ffe6f2; /* suave, combina com a imagem */
}

.hero{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1) contrast(1.05);
  -webkit-touch-callout:none;
  user-select:none;
}

.hidden{display:none}

.fade-out{
  animation:fadeOut var(--fade-ms) ease forwards;
}

@keyframes fadeOut{
  to{opacity:0; visibility:hidden}
}

/* PDF container */
#doc{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  overflow:hidden;
}

#pdf-viewer{
  display:block;
  width:100%;
  height:100%;
  border:none;
}