.hero {
  background: url("/bundles/applandingslite/img/ia/hero.png") no-repeat center
    center / cover;
}

.formulario-hero {
  background-color: rgb(255, 153, 0, 0.5) !important;
}

.enviar-btn {
  background-color: #ff9900 !important;
}

.hr-fade {
  position: relative;
  height: 2px;
  width: 100%;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 1) 70%,
    transparent
  );
}

.hr-fade.blue {
  background: linear-gradient(
    to right,
    transparent,
    rgba(0, 102, 255, 1) 30%,
    rgba(0, 102, 255, 1) 70%,
    transparent
  );
}

h1 {
  font-size: 3.5rem !important;
}

.hero-items {
  background-color: #002976;
  border-radius: 25px;
  font-size: 1rem;
}

.hero-items.white {
  background-color: #ffffff !important;
  color: #0066ff !important;
}

.hero-items p {
  margin-bottom: 0 !important;
}

.color-new-blue {
  color: #0066ff !important;
}

.bg-new-blue {
  background-color: #0066ff !important;
}

.border-left.blue {
  border-left: 3px solid #0066ff !important;
}

.title-text {
  color: #484848 !important;
}

.info-card .icon-badge {
  background: #0066ff !important;
}

.info-card h3 {
  font-weight: 300;
  color: #0066ff !important;
}

.cert-line {
  position: relative;
  display: inline-block;
  padding-right: 15px; /* espacio para la línea */
}

.cert-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 200px;
  height: 5px;
  transform: translateY(-50%);
  background: linear-gradient(
    to right,
    rgba(0, 123, 255, 1),
    rgba(0, 123, 255, 0)
  );
}

.info-card ul li::before,
.info-ul li::before {
  background: url("/bundles/applandingslite/img/list-style-blue.svg") no-repeat
    center center !important;
}

.icon-wrapper {
  background: #0066ff !important;
}

.text-primary-light {
  color: #0066ff !important;
}

.section-line {
  border-top: 3px solid #0066ff !important;
}

#info h2 {
  font-size: 5rem;
}

#info h4 {
  font-size: 3rem;
}

.modal-icon {
  background: #0066ff !important;
  box-shadow: 0 6px 18px rgba(0, 102, 255, 0.6);
}

#cardsCarousel,
#cardsCarousel .carousel-inner,
#objetivoCarousel,
#objetivoCarousel .carousel-inner {
  overflow: hidden;
}

.info-card a {
  color: #0066ff !important;
}

@media screen and (max-width: 768px) {
  .hero-content {
    background: url("/bundles/applandingslite/img/ia/hero.png") no-repeat center
      center/cover !important;
  }

  #info h2 {
    font-size: 3rem;
  }

  #info h4 {
    font-size: 2rem;
  }

  .border-left.blue {
    border-left: none !important;
  }

  .cert-line {
    padding-right: 0px;
  }

  .cert-line::after {
    width: 0px;
  }

  .info-card p {
    width: 100% !important;
  }

  .modal-body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0em;
    width: 1.5em;
    height: 1.5em;
    background: url(/bundles/applandingslite/img/list-style-blue.svg) no-repeat
      center center;
    background-size: contain;
  }

  .formulario-hero {
    background: rgb(255, 153, 0, 0.5) !important;
  }
}