.banner-mega {
  padding-top: 50px;
  padding-bottom: 50px;
}
.banner-mega--a {
  background: var(--jav-azul-1-500);
}
.banner-mega--b {
  background: var(--jav-gris-fondo-suave);
}
.banner-mega--hero {
  --jv-breadcrumb-color: #010440;
  background: var(--jav-azul-1);
  padding-top: 40px;
  padding-bottom: 60px;
}
@media (min-width: 992px) {
  .banner-mega--hero {
    padding-top: 56px;
    padding-bottom: 90px;
  }
}

.banner-mega__row--hero {
  margin-top: var(--jav-space-6);
}

.banner-mega--hero .banner-mega__title--hero {
  color: var(--jav-blanco);
  font-size: var(--jav-font-h1);
}

.banner-mega--hero .banner-mega__col--image img {
  max-width: 100%;
  height: auto;
  aspect-ratio: 718/401;
  border-radius: 15px;
}

.banner-mega__container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .banner-mega__container {
    max-width: 992px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1360px) {
  .banner-mega__container {
    max-width: 1440px;
  }
}

.banner-mega__row {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 24px;
}
@media (min-width: 992px) {
  .banner-mega__row {
    --bs-gutter-x: 121px;
  }
}

.banner-mega__col--image {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .banner-mega__col--image {
    justify-content: flex-start;
  }
}
.banner-mega__col--image img {
  width: 100%;
  max-width: 486px;
  height: 330px;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}

.banner-mega__col--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner-mega__title {
  color: var(--jav-azul-4);
  font-family: var(--jav-font-family);
  font-weight: var(--jav-font-bold);
  line-height: var(--jav-line-height);
  margin: 0 0 var(--jav-space-4);
}

.banner-mega--a .banner-mega__title {
  font-size: var(--jav-font-h2);
}

.banner-mega--b .banner-mega__title {
  font-size: var(--jav-font-h3);
}

.banner-mega__desc {
  color: var(--jav-azul-4);
  font-family: var(--jav-font-family);
  font-weight: var(--jav-font-regular);
  line-height: var(--jav-line-height);
  margin: 0;
}

.banner-mega--a .banner-mega__desc {
  font-size: var(--jav-font-body-sm);
}

.banner-mega--b .banner-mega__desc {
  font-size: var(--jav-font-body-sm);
}