.soberbiaFeature::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background-image:url("soberbia-red-front.jpeg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:76% 24%;
  opacity:.32;
  filter:blur(2px) saturate(.72);
  -webkit-mask-image:linear-gradient(90deg,transparent 12%,rgba(0,0,0,.45) 42%,#000 66%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 12%,rgba(0,0,0,.45) 42%,#000 66%,#000 100%);
}

@media(max-width:800px){
  .soberbiaFeature::before{
    background-position:58% 18%;
    opacity:.22;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 96%);
    mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 96%);
  }
}

/* Ajuste exclusivo del hero en móvil: conserva el logotipo completo y
   separa el acceso a Soberbia de la pieza visual. */
@media(max-width:560px){
  .hero .actions{
    margin-bottom:32px;
  }

  .hero .heroArt{
    height:340px;
    margin-top:8px;
  }

  .hero .halo{
    width:min(330px,90vw);
    height:min(330px,90vw);
  }

  .hero .maskFrame{
    width:min(310px,84vw);
    padding:20px;
    display:grid;
    place-items:center;
  }

  .hero .maskFrame img{
    width:82%;
    height:82%;
    object-fit:contain;
    clip-path:none;
  }
}