/* Ajustes de composição: sem faixa de navegação e imagens com foco à direita. */
header {
  height: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  pointer-events: none;
}

header img {
  position: absolute;
  top: 28px;
  width: min(310px, 30vw);
  max-height: 104px;
  filter: drop-shadow(0 8px 22px rgba(0, 0, 0, .6));
}

.scene {
  background-position: right center;
}

/* A arte mensal foi invertida: o enquadramento correto agora está à esquerda. */
.monthly .scene {
  background-position: left center;
  background-image: url('../images/entrada-30.png');
}

.biweekly .scene {
  background-image: url('../images/entrada-15.png');
}

@media (max-width: 800px) {
  header {
    height: 0;
  }

  header img {
    top: 18px;
    width: 220px;
  }
}