/* Home · sección Maquillaje. Estilos acotados para destacar el look terminado. */
.home-page .home-makeup-scene {
  height: clamp(520px, 48vw, 680px);
  min-height: 520px;
  background: #24121b;
}

.home-page .home-makeup-scene > img {
  inset: 0 0 0 auto;
  width: 61%;
  height: 100%;
  object-position: 50% 34%;
  object-fit: cover;
  transform: none;
  animation: none;
}

.home-page .home-makeup-scene .home-scene-shade {
  background: linear-gradient(90deg, #24121b 0%, rgba(36, 18, 27, .98) 31%, rgba(36, 18, 27, .62) 49%, rgba(36, 18, 27, .04) 76%), linear-gradient(0deg, rgba(20, 9, 15, .32), transparent 42%);
}

.home-page .home-makeup-scene .home-scene-copy {
  top: 50%;
  bottom: auto;
  max-width: min(40rem, 49%);
  transform: translateY(-50%);
}

.home-page .home-makeup-scene .home-scene-copy h2 {
  font-size: clamp(3.6rem, 6.5vw, 7rem);
}

@media (max-width: 760px) {
  .home-page .home-makeup-scene {
    height: min(700px, 168vw);
    min-height: 610px;
  }

  .home-page .home-makeup-scene > img {
    inset: 0 0 auto;
    width: 100%;
    height: 69%;
    object-position: 50% 29%;
  }

  .home-page .home-makeup-scene .home-scene-shade {
    background: linear-gradient(180deg, rgba(36, 18, 27, 0) 38%, rgba(36, 18, 27, .32) 52%, #24121b 70%);
  }

  .home-page .home-makeup-scene .home-scene-copy {
    top: auto;
    bottom: 34px;
    left: 22px;
    right: 22px;
    max-width: 37rem;
    transform: none;
  }

  .home-page .home-makeup-scene .home-scene-copy h2 {
    font-size: clamp(3.4rem, 13vw, 4.6rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-makeup-scene > img { animation: none; transform: none; }
}