/* Estilos para o Mosaico e Capas de Filmes/Series (Posters) */
.hero-mosaic {
  position: absolute; inset: 0; z-index: 0;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 2px;
  transform: scale(1.06);
  transform-origin: center center;
}
.mp {
  position: relative; overflow: hidden;
  transition: opacity .4s;
}
.mp::after {
  content: '';
  position: absolute; inset: 0;
  background: inherit;
  filter: brightness(0.45) saturate(0.7);
}
@media (max-width: 900px) {
  .hero-mosaic {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}