/* NuevaMano · banner de vendedores provisto el 2026-09-25. */
.nm-home-seller-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1586 / 410;
  margin: 0 0 16px;
  border-radius: 16px;
  background: #183d2e;
  border: 1px solid #7d8267;
  box-shadow: inset 0 1px 0 #fffaf166, 0 4px 0 #6b6553, 0 16px 26px -12px #17302699;
  transform: perspective(1000px) translateY(0) rotateX(0);
  transform-origin: center bottom;
  transition: transform .3s ease, box-shadow .3s ease;
}

.nm-home-seller-banner__link {
  position: absolute;
  inset: 0;
  display: block;
}

.nm-home-seller-banner__link img {
  position: absolute;
  top: -60.7%;
  left: -5.5%;
  width: 111%;
  max-width: none;
  height: auto;
  display: block;
  transition: transform .45s ease;
}

.nm-home-seller-banner__title {
  position: absolute;
  z-index: 1;
  top: 32.5%;
  left: 3.8%;
  margin: 0;
  color: #fff9ef;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(18px, 4.15vw, 56px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
  white-space: nowrap;
  -webkit-text-stroke: 1px #101710;
  paint-order: stroke fill;
  text-shadow:
    -1px -1px 0 #101710,
    1px -1px 0 #101710,
    -1px 1px 0 #101710,
    1px 1px 0 #101710,
    0 1px 0 #dbc8a7,
    0 2px 0 #b39a76,
    0 3px 0 #755f43,
    0 7px 13px rgba(7, 28, 20, .48);
}

.nm-home-seller-banner__eyebrow,
.nm-home-seller-banner__cta { display: none; }

@media (hover: hover) and (pointer: fine) {
  .nm-home-seller-banner:hover {
    transform: perspective(1000px) translateY(-7px) rotateX(2deg);
    box-shadow: inset 0 1px 0 #fffaf188, 0 9px 0 #6b6553, 0 26px 34px -15px #173026b3;
  }
  .nm-home-seller-banner:hover .nm-home-seller-banner__link img { transform: scale(1.025); }
}

.nm-home-seller-banner__title::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  -webkit-text-stroke: 0 transparent;
  text-shadow: none;
  background: linear-gradient(
    110deg,
    transparent 34%,
    rgba(255, 255, 255, .2) 43%,
    #fffdf5 49%,
    #f5d79d 53%,
    rgba(255, 255, 255, .16) 60%,
    transparent 68%
  );
  background-size: 260% 100%;
  background-position: 130% 0;
  -webkit-background-clip: text;
  background-clip: text;
  animation: nm-seller-title-shine 4.8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes nm-seller-title-shine {
  0%, 18% { background-position: 130% 0; }
  58%, 100% { background-position: -130% 0; }
}

.nm-home-seller-banner__link:focus-visible {
  outline: 3px solid #f5e3c9;
  outline-offset: -5px;
}

@media (max-width: 600px) {
  .nm-home-seller-banner {
    aspect-ratio: auto;
    min-height: 180px;
    margin-bottom: 10px;
    border-radius: 10px;
  }

  .nm-home-seller-banner__link::before {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, #183d2e 0%, #183d2ef2 62%, #183d2e18 100%);
    pointer-events: none;
  }

  .nm-home-seller-banner__link img {
    top: -78%;
    left: -100%;
    width: 260%;
  }

  .nm-home-seller-banner__eyebrow,
  .nm-home-seller-banner__cta {
    position: absolute;
    z-index: 2;
    left: 6%;
    display: block;
    color: #fff9ef;
  }

  .nm-home-seller-banner__eyebrow {
    top: 17px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
  }

  .nm-home-seller-banner__cta {
    bottom: 16px;
    padding: 9px 13px;
    border: 1px solid #f5e3c999;
    border-radius: 9px;
    background: #214c3b;
    box-shadow: 0 3px 0 #10271e;
    font-size: 12px;
    font-weight: 700;
  }

  .nm-home-seller-banner__title {
    z-index: 2;
    top: 52px;
    left: 6%;
    max-width: 66%;
    white-space: normal;
    font-size: clamp(24px, 6vw, 30px);
    line-height: 1.08;
    -webkit-text-stroke-width: .6px;
    text-shadow:
      -1px -1px 0 #101710,
      1px -1px 0 #101710,
      -1px 1px 0 #101710,
      1px 1px 0 #101710,
      0 1px 0 #b39a76,
      0 2px 0 #755f43,
      0 4px 8px rgba(7, 28, 20, .45);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nm-home-seller-banner,
  .nm-home-seller-banner__link img { transition: none; }
  .nm-home-seller-banner:hover,
  .nm-home-seller-banner:hover .nm-home-seller-banner__link img { transform: none; }
  .nm-home-seller-banner__title::after {
    animation: none;
    background-position: -130% 0;
  }
}