/*
 * Bar De Mou — banner premium de la portada.
 * Versión 1.40.06: comparte arte, paleta y composición con el banner de los temas.
 */
html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero {
  grid-template-columns: minmax(0, 1.08fr) minmax(460px, .92fr) !important;
  min-height: 248px !important;
  overflow: hidden !important;
  border-color: rgba(153, 222, 171, .28) !important;
  border-radius: 24px 24px 0 0 !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(139, 229, 161, .18), transparent 32%),
    radial-gradient(circle at 76% 110%, rgba(97, 190, 120, .12), transparent 38%),
    linear-gradient(112deg, #04150c 0%, #082719 54%, #0b311c 100%) !important;
  box-shadow: 0 20px 52px rgba(7, 48, 24, .18), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  padding: 31px 40px 29px !important;
  background: linear-gradient(90deg, rgba(3,18,10,.32), rgba(4,31,17,.02)) !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-copy::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: linear-gradient(90deg, rgba(2,16,9,.18), transparent 82%) !important;
  content: "" !important;
  pointer-events: none !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-copy > span {
  color: #caff7a !important;
  text-shadow: 0 1px 12px rgba(167, 239, 91, .18) !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-title > i {
  border: 1px solid rgba(212,255,168,.28) !important;
  background: linear-gradient(145deg, rgba(31,139,66,.88), rgba(10,72,35,.94)) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.13) !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero h1 {
  color: #ffffff !important;
  font-size: clamp(34px, 3vw, 52px) !important;
  font-weight: 760 !important;
  letter-spacing: -.04em !important;
  text-shadow: 0 2px 20px rgba(0,0,0,.24) !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero p {
  color: rgba(242, 252, 245, .88) !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-art {
  position: relative !important;
  min-height: 248px !important;
  border-left: 0 !important;
  background: url("../images/bar-de-mou/bar-de-mou-cannabis-lounge-premium-v14002.jpg") center center / cover no-repeat !important;
  box-shadow: inset 58px 0 64px rgba(4, 29, 16, .72), inset 0 -26px 34px rgba(2, 15, 8, .18) !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-art::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(7, 32, 19, .88) 0%, rgba(7, 32, 19, .62) 14%, rgba(7, 32, 19, .10) 44%, transparent 63%),
    linear-gradient(180deg, rgba(3, 16, 9, .14), transparent 34%),
    linear-gradient(0deg, rgba(2, 15, 8, .18), transparent 44%) !important;
  content: "" !important;
  pointer-events: none !important;
}

html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-neon,
html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-counter,
html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-art > i {
  display: none !important;
}

@media (max-width: 1120px) {
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero {
    grid-template-columns: minmax(0, 1fr) minmax(400px, .9fr) !important;
  }
}

@media (max-width: 980px) {
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    min-height: 232px !important;
  }
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-copy {
    padding: 27px 29px !important;
  }
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-art {
    min-height: 232px !important;
  }
}

@media (max-width: 760px) {
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-copy {
    padding: 24px 20px 22px !important;
  }
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero h1 {
    font-size: clamp(31px, 8vw, 40px) !important;
  }
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-art {
    min-height: 188px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    background-position: center center !important;
    box-shadow: inset 34px 0 44px rgba(4, 29, 16, .58), inset 0 -18px 28px rgba(2, 15, 8, .20) !important;
  }
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-art::before {
    background:
      linear-gradient(90deg, rgba(7, 32, 19, .60) 0%, rgba(7, 32, 19, .16) 34%, transparent 64%),
      linear-gradient(180deg, rgba(3, 16, 9, .10), transparent 34%),
      linear-gradient(0deg, rgba(2, 15, 8, .16), transparent 44%) !important;
  }
}

@media (max-width: 430px) {
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-copy {
    padding: 21px 17px 19px !important;
  }
  html.kd-interface-light body.kd-interface-light.kd-standalone-bar-de-mou-template .kd-bar-hero-art {
    min-height: 164px !important;
  }
}