#container-course::after{
    content: "";
    width: 100%;
    height: 250px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/degrade-fb.png) repeat-x center top;
    display: block;
    z-index: 9;
    background-size: contain;
	pointer-events: none;
}

@media (max-width:640px){
	#container-course::before {
    height: 80px;
     background-size: cover;
}
}

a[data-curso].active{
	background:#004766 !important ;
}

a[data-curso].active .elementor-heading-title{
	color:#FFF !important;
}

.loading img {
  animation: pulseImage 1.8s infinite ease-in-out;
  filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
}

@keyframes pulseImage {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  }

  50% {
    transform: scale(1.08);
    filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.8));
  }

  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  }
}



@media (max-width: 767px) {
  body:not(.elementor-editor-active).hero-intro-lock {
    overflow: hidden !important;
    height: 100vh !important;
  }

  body:not(.elementor-editor-active).hero-intro-lock #hero {
     position: relative;
  }

  body:not(.elementor-editor-active).hero-intro-lock #main-site {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body:not(.elementor-editor-active).hero-site-liberado #main-site {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body:not(.elementor-editor-active) #hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #004766;
    opacity: var(--hero-progress, 0);
    z-index: 1;
    pointer-events: none;
  }

  body:not(.elementor-editor-active) #hero-header,
  body:not(.elementor-editor-active) #hero-body,
  body:not(.elementor-editor-active) #hero-title,
  body:not(.elementor-editor-active) #hero-content,
  body:not(.elementor-editor-active) #hero-arrow {
    position: relative !important;
    z-index: 2 !important;
  }

  body:not(.elementor-editor-active) #hero-title {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body:not(.elementor-editor-active) #hero-content {
    opacity: 0;
    transform: translateY(90px);
    transition: none;
  }

  body:not(.elementor-editor-active) #hero-arrow {
    position: absolute !important;
    left: 50% !important;
    bottom: 20% !important;
    z-index: 20 !important;
    transform: translateX(-50%) !important;
  }
}