/* Portada: categorías y aviso del probador. */
.page-index .nm-categories-v2 {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 90% 10%, #fff8e48c, transparent 52%),
    repeating-linear-gradient(135deg, #fff9e614 0 2px, transparent 2px 13px),
    #d5cbb7 !important;
  border-color: #c4b79f;
  box-shadow: inset 0 1px 0 #fffaf1d9, 0 4px 0 #aa987c, 0 14px 24px -12px #453b2b66;
  transform: perspective(1000px) translateY(0) rotateX(0);
  transform-origin: center bottom;
  transition: transform .3s ease, box-shadow .3s ease;
}
.page-index .nm-categories-v2 .nm-dept-nav__inner a img,
.page-index .nm-categories-v2 .category-all-icon {
  transition: transform .3s ease, box-shadow .3s ease;
}
.page-index .nm-categories-v2 .nm-dept-nav__inner a:hover img,
.page-index .nm-categories-v2 .nm-dept-nav__inner a:hover .category-all-icon {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 9px 17px #453b2b33;
}
.page-index .nm-home-fit-notice {
  overflow: hidden;
  border: 1px solid #a4927d;
  background:
    linear-gradient(90deg, #1d4237f5 0%, #1d4237e8 49%, #1d42378a 77%, #1d423750 100%),
    url('../assets/video/probador-poster.jpg') right 44% / cover no-repeat,
    #25483c;
  box-shadow: inset 0 1px 0 #fffaf14d, 0 4px 0 #7c705d, 0 13px 22px -11px #17302699;
  transform: perspective(1000px) translateY(0) rotateX(0);
  transform-origin: center bottom;
  transition: transform .3s ease, box-shadow .3s ease;
}
.page-index .nm-home-fit-notice__inner { position: relative; z-index: 1; }
.page-index .nm-home-fit-notice__text { text-shadow: 0 2px 7px #061b15b8; }
.page-index .nm-home-fit-notice__cta { color: #fff8eb; text-shadow: 0 2px 5px #061b15c4; }
@media (hover: hover) and (pointer: fine) {
  .page-index .nm-categories-v2:hover,
  .page-index .nm-home-fit-notice:hover {
    transform: perspective(1000px) translateY(-7px) rotateX(2deg);
    box-shadow: inset 0 1px 0 #fffaf1e6, 0 9px 0 #aa987c, 0 24px 32px -14px #453b2b88;
  }
  .page-index .nm-home-fit-notice:hover {
    box-shadow: inset 0 1px 0 #fffaf180, 0 9px 0 #7c705d, 0 24px 32px -14px #173026aa;
  }
}
@media (max-width: 600px) {
  .page-index .nm-home-fit-notice {
    background:
      linear-gradient(90deg, #1d4237f5 0%, #1d4237e0 55%, #1d423778 100%),
      url('../assets/video/probador-poster.jpg') right 44% / cover no-repeat,
      #25483c;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-index .nm-categories-v2,
  .page-index .nm-home-fit-notice,
  .page-index .nm-categories-v2 .nm-dept-nav__inner a img,
  .page-index .nm-categories-v2 .category-all-icon { transition: none; }
  .page-index .nm-categories-v2:hover,
  .page-index .nm-home-fit-notice:hover { transform: none; }
}

@media (max-width: 600px) {
  .page-index .nm-categories-v2 .nm-dept-nav__inner {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }
  .page-index .nm-categories-v2 .nm-dept-nav__inner a {
    min-width: 0 !important;
    font-size: 8px !important;
    gap: 4px !important;
  }
  .page-index .nm-categories-v2 .nm-dept-nav__inner img,
  .page-index .nm-categories-v2 .category-all-icon {
    width: min(100%, 40px) !important;
  }
}