/** Config */
/**
 * Colors used in the theme and their defaults based on the color palette.
 *
 * These colors are used throughout the theme and can be used in the
 * theme's CSS. The colors are divided into two sets, one for the
 * primary and one for the secondary. The primary colors are used
 * for the main elements of the site, while the secondary colors
 * are used for less important elements.
 */
/** Usage:
@include breakpoint(tablet) {}
@include breakpoint(min-width, 1192px) {}
@include between-breakpoints(sm, lg) {}
@include between-breakpoints-widths(0, 1024px) {}
**/
/* Background overlay */
.b-jumbotron-v2_wrapper {
  overflow: hidden;
  position: relative;
}
.b-jumbotron-v2_wrapper:not(.is-fullscreen) {
  border-radius: 8px;
}
.b-jumbotron-v2_wrapper.bg-secondary-700 {
  color: var(--aprende--white);
}
.b-jumbotron-v2_wrapper .subtitle p {
  font-size: 20px;
  line-height: 32px;
}
@media (max-width: 600px) {
  .b-jumbotron-v2_wrapper .subtitle p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 600px) {
  .b-jumbotron-v2:not(.has-bg-image) .b-jumbotron-v2_block-foreground {
    padding: 48px 0;
  }
}
@media (min-width: 600px) {
  .b-jumbotron-v2:not(.has-bg-image) .b-jumbotron-v2_block-foreground {
    padding: 60px;
  }
}
.b-jumbotron-v2.has-bg-image {
  position: relative;
  overflow: hidden;
}
.b-jumbotron-v2.has-bg-image:not(.disable-gradient) .b-jumbotron-v2_wrapper::before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  right: 0;
  bottom: -1px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, var(--aprende--secondary-700) 100%);
  z-index: 1;
}
.b-jumbotron-v2.has-bg-image.disable-gradient .b-jumbotron-v2_heading {
  color: var(--aprende--secondary-800);
}
.b-jumbotron-v2.has-bg-image .b-jumbotron-v2_wrapper {
  background-color: transparent;
  color: var(--aprende--white);
}
@media (max-width: 600px) {
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_content {
    padding: 48px 16px;
  }
}
@media (min-width: 600px) {
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_content {
    padding: 60px;
  }
}
.b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-background {
  width: 100%;
  z-index: -1;
}
@media (max-width: 600px) {
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-background {
    position: relative;
  }
}
@media (min-width: 600px) {
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-background {
    position: absolute;
    height: 100%;
  }
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-background .image-desktop,
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-background .c-image {
    height: 100%;
  }
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-background .image-desktop img,
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-background .c-image img {
    object-fit: cover;
    object-position: top center;
  }
}
.b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-foreground {
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
@media (max-width: 600px) {
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-foreground {
    position: absolute;
  }
}
@media (min-width: 600px) {
  .b-jumbotron-v2.has-bg-image .b-jumbotron-v2_block-foreground {
    position: relative;
  }
}
@media (min-width: 600px) {
  .b-jumbotron-v2_heading {
    max-width: 1000px;
  }
}
@media (max-width: 600px) {
  .b-jumbotron-v2.has-bg-image-mobile .image-desktop {
    display: none;
  }
}
@media (min-width: 600px) {
  .b-jumbotron-v2.has-bg-image-mobile .image-mobile {
    display: none;
  }
}

/*# sourceMappingURL=jumbotron-v2.css.map*/