/* =====================================================
   NUEVAMANO · HERO BRANDMARK DESTACADO
   Símbolo grande a la derecha y centrado
   ===================================================== */

.nm-hero-v2{
  position:relative;
  overflow:hidden;
}

.nm-hero-copy-v2{
  position:relative;
  z-index:3;
  max-width:560px;
}

/* ocultamos el simbolito actual del bloque de texto */
.nm-hero-copy-v2 .hero-symbol{
  display:none !important;
}

/* nuevo monograma protagonista */
.nm-hero-brandmark{
  position:absolute;
  top:50%;
  right:38px;
  transform:translateY(-50%);
  z-index:3;
  width:min(30vw, 320px);
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}

.nm-hero-brandmark::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.20) 0%, rgba(255,255,255,.08) 42%, rgba(255,255,255,0) 72%);
  filter:blur(8px);
}

.nm-hero-brandmark img{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  opacity:.98;
  filter:
    drop-shadow(0 0 18px rgba(255,235,200,.18))
    drop-shadow(0 10px 28px rgba(0,0,0,.22));
}

/* para que no choque con el símbolo */
.nm-hero-copy-v2{
  padding-right:min(26vw, 260px);
}

@media (max-width:980px){
  .nm-hero-brandmark{
    width:min(26vw, 240px);
    right:24px;
  }
}

@media (max-width:760px){
  .nm-hero-copy-v2{
    padding-right:0;
  }

  .nm-hero-brandmark{
    width:min(38vw, 170px);
    right:14px;
    top:50%;
    transform:translateY(-50%);
    opacity:.95;
  }

  .nm-hero-brandmark::before{
    inset:-12px;
  }
}