/** 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 */
/* Animation */
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes FadeInSlow {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes BounceIcon {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-60%);
  }
  50% {
    transform: translateY(0);
  }
  57% {
    transform: translateY(-3px);
  }
  64% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes ShowFromBottom {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes ToBottom {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes HideToBottom {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes ElementBottom {
  0% {
    transform: translateY(90%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes animatePrevElement {
  0% {
    transform: translateX(0);
  }
  80% {
    opacity: 0;
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes animateNextElement {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ShowFromTopBounce {
  0% {
    transform: translateY(-100%);
  }
  85% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes ShowFromBottomBounce {
  0% {
    transform: translateY(100%);
  }
  85% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
.b-call-to-action-v2__after-time, .b-call-to-action-v2__after-hero {
  display: none;
}
.b-call-to-action-v2_content {
  position: relative;
}
@media (max-width: 600px) {
  .b-call-to-action-v2_content {
    margin: 16px;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .b-call-to-action-v2_content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 60px;
  }
}
@media (min-width: 600px) {
  .b-call-to-action-v2_content-flex {
    display: flex;
    width: 100%;
    min-height: 32px;
    max-width: fit-content;
  }
  .b-call-to-action-v2_content-flex__text {
    order: 1;
  }
}
@media (max-width: 600px) {
  .b-call-to-action-v2_content-button {
    margin-top: 8px;
    text-align: center;
  }
}
.b-call-to-action-v2_content-button .c-button span {
  white-space: nowrap;
}
@media (min-width: 600px) {
  .b-call-to-action-v2_content-button {
    order: 2;
  }
  .b-call-to-action-v2_content-text {
    margin-right: 24px;
    justify-content: flex-start;
    flex-direction: row;
  }
  .b-call-to-action-v2_content-text__title {
    font-size: 20px;
    margin-right: 24px;
    padding-bottom: 0;
  }
  .b-call-to-action-v2_content-text__subtitle {
    font-size: 16px;
  }
  .b-call-to-action-v2_content .text-l {
    margin-right: 24px;
  }
}
@media (max-width: 600px) {
  .b-call-to-action-v2_close a > .c-icon {
    display: flex;
    justify-content: end;
  }
}
@media (min-width: 600px) {
  .b-call-to-action-v2_close {
    margin-left: 24px;
    padding: 8px;
    order: 3;
  }
  .b-call-to-action-v2_close .c-icon > svg {
    width: 24px;
    height: 24px;
  }
}
.b-call-to-action-v2.show-top {
  animation: ShowFromTopBounce 0.7s ease-in-out;
}
.b-call-to-action-v2.show-bottom {
  animation: ShowFromBottomBounce 0.7s ease-in-out;
}
.b-call-to-action-v2.position-sticky-top, .b-call-to-action-v2.position-sticky-bottom {
  position: fixed;
  width: 100%;
}
.b-call-to-action-v2.position-default {
  display: inline-block;
  width: 100%;
}
.b-call-to-action-v2.position-sticky-top {
  top: 0;
  z-index: 999999998;
}
.admin-bar .b-call-to-action-v2.position-sticky-top {
  top: 46px;
}
@media (min-width: 600px) {
  .admin-bar .b-call-to-action-v2.position-sticky-top {
    top: 32px;
  }
}
.b-call-to-action-v2.position-sticky-bottom {
  bottom: 0;
  z-index: 9999998;
}
.b-call-to-action-v2.bg-primary .btn-secondary-text {
  background-color: var(--aprende--white);
}
.b-call-to-action-v2.bg-secondary-700 .b-call-to-action-v2_close .c-icon path, .b-call-to-action-v2.bg-primary .b-call-to-action-v2_close .c-icon path {
  fill: var(--aprende--white);
}

/*# sourceMappingURL=call-to-action-v2.css.map*/