/* NCCM v55 — Home website hero band cleanup
   La banda oscura horizontal no venía de la imagen del Admin;
   era una capa ::after de lectura. Aquí se reemplaza por un velo lateral suave,
   sin franja arriba y sin tocar el modo app/mobile. */

@media (min-width:761px){
  html body.home-page .hero[data-setting-bg],
  html body.home-page .hero[data-setting-bg][data-setting-bg-loaded="true"]{
    overflow:hidden!important;
  }

  html body.home-page .hero[data-setting-bg]::after,
  html body.home-page .hero[data-setting-bg][data-setting-bg-loaded="true"]::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    height:auto!important;
    opacity:1!important;
    /* Solo ayuda de lectura desde la izquierda; sin banda horizontal superior */
    background:linear-gradient(90deg,
      rgba(12,7,4,.38) 0%,
      rgba(12,7,4,.22) 30%,
      rgba(12,7,4,.07) 58%,
      rgba(12,7,4,0) 82%)!important;
  }

  html body.home-page .hero[data-setting-bg]::before,
  html body.home-page .hero[data-setting-bg][data-setting-bg-loaded="true"]::before{
    filter:brightness(1) saturate(1.02) contrast(1.03)!important;
  }

  html body.home-page .hero[data-setting-bg] > *,
  html body.home-page .hero[data-setting-bg][data-setting-bg-loaded="true"] > *,
  html body.home-page .hero[data-setting-bg] .hero-content,
  html body.home-page .hero[data-setting-bg][data-setting-bg-loaded="true"] .hero-content{
    position:relative!important;
    z-index:2!important;
  }

  html body.home-page .hero[data-setting-bg] .hero-content{
    text-shadow:0 4px 18px rgba(0,0,0,.52),0 1px 2px rgba(0,0,0,.36)!important;
  }
}