/* Alexandre Thai V3.17 PREVIEW LOCAL — ajustes exclusivos da seção de músicas.
   A Hero e as três seções aprovadas permanecem inalteradas. */

/* Compactação vertical restrita a esta seção, adequada ao quadro de referência. */
.section-home-music { padding-top: 72px; padding-bottom: 60px; }

/* O texto editorial desce aproximadamente duas linhas, como nas seções anteriores. */
.section-home-music .section-head > p {
  margin-top: 1.95rem;
}

/* Galeria editorial em duas linhas: 3 capas acima e 2 centralizadas abaixo.
   As capas completas ficam visíveis (sem cortes nem deformação). */
.section-home-music .music-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  width: min(1050px, 100%);
  margin-inline: auto;
  align-items: start;
}
.section-home-music .music-grid .music-card,
.section-home-music .music-grid .music-card.featured {
  grid-column: span 2;
  width: 100%;
  margin-top: 0 !important;
}
.section-home-music .music-grid .music-card:nth-child(4) { grid-column: 2 / span 2; }
.section-home-music .music-grid .music-card:nth-child(5) { grid-column: 4 / span 2; }
.section-home-music .music-grid .music-card img,
.section-home-music .music-grid .music-card.featured img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: contain;
  object-position: center;
  background: #f7f1e7;
}
.section-home-music .music-grid + .actions {
  width: min(1050px, 100%);
  margin-inline: auto;
}
@media (max-width: 900px) {
  .section-home-music { padding-block: 76px; }
  .section-home-music .section-head > p { margin-top: 1.2rem; }
  .section-home-music .music-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .section-home-music .music-grid .music-card,
  .section-home-music .music-grid .music-card.featured,
  .section-home-music .music-grid .music-card:nth-child(4),
  .section-home-music .music-grid .music-card:nth-child(5) {
    grid-column: auto;
  }
}
@media (max-width: 600px) {
  .section-home-music { padding-block: 72px; }
  .section-home-music .section-head > p { margin-top: .75rem; }
  .section-home-music .music-grid { gap: 12px; }
}
