/* ApoloCloud v2.1.0 - Fix definitivo del banner/hero del index
   Este archivo se carga al final para pisar overlays viejos demasiado oscuros. */
.hero,
.slider_section.hero {
  min-height:175px!important;
  height:auto!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:
    linear-gradient(135deg, rgba(5,7,13,.12), rgba(8,47,73,.10)),
    url('../img/slider/slider1.png') center/cover no-repeat!important;
  background-color:#05070d!important;
  border-bottom:1px solid rgba(56,189,248,.14)!important;
  box-shadow:none!important;
}

.hero::before {
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 15% 0%, rgba(56,189,248,.10), transparent 34rem),
    linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.10) 55%, rgba(0,0,0,.18) 100%)!important;
  opacity:1!important;
  filter:none!important;
}

.hero::after {
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  height:42px!important;
  display:block!important;
  pointer-events:none!important;
  z-index:2!important;
  background:linear-gradient(180deg, transparent, rgba(5,7,13,.58))!important;
  opacity:1!important;
  filter:none!important;
}

.hero > * {
  position:relative!important;
  z-index:3!important;
}

@media (max-width: 991px){
  .hero{min-height:120px!important;background-position:center!important;}
}
@media (max-width: 767px){
  .hero{min-height:110px!important;background-position:center!important;}
  .hero::after{height:30px!important;background:linear-gradient(180deg, transparent, rgba(5,7,13,.50))!important;}
}