@charset "UTF-8";
/*———— -Libraries- ————*/
/*———— -Settings- ————*/
/*———— -Typefaces etc- ————*/
/*———— -Z-indices- ————*/
/*———— -Colors- ————*/
/*———— -Gradients- ————*/
/*———— -Shadow- ————*/
/*———— -Animación- ————*/
.secu-hero {
  overflow: hidden;
}

.secu-hero .fifteen4-jumbotron {
  --jumbotronTopPadding: 2.15em;
  --jumbotronRightPadding: 0;
  --jumbotronBottomPadding: 0;
  --jumbotronLeftPadding: 0;
  padding: var(--jumbotronTopPadding) var(--jumbotronRightPadding) var(--jumbotronBottomPadding) var(--jumbotronLeftPadding);
  background-color: #00833f;
  color: #fff;
}

@media (min-width: 768px) {
  .secu-hero .fifteen4-jumbotron {
    --jumbotronTopPadding: 5.56rem;
    --jumbotronBottomPadding: 8.12rem;
  }
}

.secu-hero .fifteen4-jumbotron .alternate-content {
  width: 50%;
  padding: 0 70px 250px 100px;
}

@media (max-width: 767px) {
  .secu-hero .fifteen4-jumbotron .alternate-content {
    width: 100%;
    padding: 25px 50px;
  }
}

.secu-hero .fifteen4-jumbotron .wysiwyg-content {
  padding: 100px;
}

@media (max-width: 767px) {
  .secu-hero .fifteen4-jumbotron .wysiwyg-content {
    display: none;
  }
}

.secu-hero .fifteen4-jumbotron.has-olb-login-form .alternate-content {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 768px) {
  .secu-hero .fifteen4-jumbotron.has-olb-login-form .alternate-content {
    padding-bottom: var(--jumbotronTopPadding);
  }
  .secu-hero .fifteen4-jumbotron.has-olb-login-form .secu-hero__artwork,
  .secu-hero .fifteen4-jumbotron.has-olb-login-form .secu-hero__artwork-alt {
    position: relative;
    width: auto;
    height: 100%;
    margin-right: calc( var( --jumbotronRightPadding ) * -1);
  }
}

@media (min-width: 1200px) {
  .secu-hero .fifteen4-jumbotron.has-olb-login-form .alternate-content {
    padding-right: var(--jumbotronRightPadding);
  }
  .secu-hero .fifteen4-jumbotron.has-olb-login-form .secu-hero__artwork,
  .secu-hero .fifteen4-jumbotron.has-olb-login-form .secu-hero__artwork-alt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 50%;
    height: auto;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .secu-hero .fifteen4-jumbotron.jumbotron-alt {
    --jumbotronTopPadding: 5.56rem;
    --jumbotronRightPadding: 2rem;
    --jumbotronBottomPadding: 1rem;
    --jumbotronLeftPadding: 2rem;
  }
}

.secu-hero .fifteen4-jumbotron.jumbotron-proven {
  --jumbotronTopPadding: 2rem;
  --jumbotronRightPadding: 2rem;
  --jumbotronBottomPadding: 0rem;
  --jumbotronLeftPadding: 2rem;
}

.secu-hero .fifteen4-jumbotron.jumbotron-proven h1,
.secu-hero .fifteen4-jumbotron.jumbotron-proven h2,
.secu-hero .fifteen4-jumbotron.jumbotron-proven h3,
.secu-hero .fifteen4-jumbotron.jumbotron-proven h4,
.secu-hero .fifteen4-jumbotron.jumbotron-proven h5,
.secu-hero .fifteen4-jumbotron.jumbotron-proven p {
  text-align: center;
}

@media (min-width: 768px) {
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet {
    --jumbotronTopPadding: 2rem;
    --jumbotronRightPadding: 2rem;
    --jumbotronBottomPadding: 1rem;
    --jumbotronLeftPadding: 2rem;
  }
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet h1,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet h2,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet h3,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet h4,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet h5,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet p {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet-lg {
    --jumbotronTopPadding: 2rem;
    --jumbotronRightPadding: 2rem;
    --jumbotronBottomPadding: 2rem;
    --jumbotronLeftPadding: 2rem;
  }
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet-lg h1,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet-lg h2,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet-lg h3,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet-lg h4,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet-lg h5,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-tablet-lg p {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-desktop {
    --jumbotronTopPadding: 2rem;
    --jumbotronRightPadding: 2rem;
    --jumbotronBottomPadding: 2rem;
    --jumbotronLeftPadding: 2rem;
  }
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-desktop h1,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-desktop h2,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-desktop h3,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-desktop h4,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-desktop h5,
  .secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-desktop p {
    text-align: left;
  }
}

.secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-custom.above-breakpoint {
  --jumbotronTopPadding: 2rem;
  --jumbotronRightPadding: 2rem;
  --jumbotronBottomPadding: 2rem;
  --jumbotronLeftPadding: 2rem;
}

.secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-custom.above-breakpoint h1,
.secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-custom.above-breakpoint h2,
.secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-custom.above-breakpoint h3,
.secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-custom.above-breakpoint h4,
.secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-custom.above-breakpoint h5,
.secu-hero .fifteen4-jumbotron.jumbotron-proven.breakpoint-custom.above-breakpoint p {
  text-align: left;
}

.secu-hero .fifteen4-jumbotron.breakpoint-custom > *:not(.jumbotron--background-image__bg-img) {
  visibility: hidden;
}

.secu-hero .fifteen4-jumbotron.breakpoint-custom.breakpoint-initialized > * {
  visibility: visible;
}

.secu-hero .fifteen4-jumbotron.breakpoint-custom.above-breakpoint {
  flex-direction: row;
}

.secu-hero .fifteen4-jumbotron.breakpoint-custom.above-breakpoint .jumbotron--50-50__content.proven-content,
.secu-hero .fifteen4-jumbotron.breakpoint-custom.above-breakpoint .jumbotron--50-50__image {
  width: 50%;
}

.secu-hero .fifteen4-jumbotron.breakpoint-custom.above-breakpoint .jumbotron--50-50__content.proven-content {
  padding-right: 1rem;
  width: calc(50% - var( --jumbotronRightPadding ));
}

.secu-hero .fifteen4-jumbotron.breakpoint-custom.above-breakpoint .jumbotron--50-50__image {
  padding-left: 0;
  display: flex;
}

.secu-hero .fifteen4-jumbotron.breakpoint-custom.above-breakpoint.breakpoint-initialized .jumbotron--background-image__bg-img {
  opacity: 1 !important;
  transition: opacity .4s ease;
}

.secu-hero .jumbotron--50-50 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.secu-hero .jumbotron--50-50__image {
  display: none;
  justify-content: center;
  align-items: flex-end;
  object-fit: contain;
  padding-left: var(--jumbotronRightPadding);
}

@media (min-width: 768px) {
  .secu-hero .jumbotron--50-50.breakpoint-tablet {
    flex-direction: row;
  }
  .secu-hero .jumbotron--50-50.breakpoint-tablet .jumbotron--50-50__content.proven-content,
  .secu-hero .jumbotron--50-50.breakpoint-tablet .jumbotron--50-50__image {
    width: 50%;
  }
  .secu-hero .jumbotron--50-50.breakpoint-tablet .jumbotron--50-50__content.proven-content {
    padding-right: 1rem;
    width: calc(50% - var( --jumbotronRightPadding ));
  }
  .secu-hero .jumbotron--50-50.breakpoint-tablet .jumbotron--50-50__image {
    padding-left: 0;
    display: flex;
  }
}

@media (min-width: 992px) {
  .secu-hero .jumbotron--50-50.breakpoint-tablet-lg {
    flex-direction: row;
  }
  .secu-hero .jumbotron--50-50.breakpoint-tablet-lg .jumbotron--50-50__content.proven-content,
  .secu-hero .jumbotron--50-50.breakpoint-tablet-lg .jumbotron--50-50__image {
    width: 50%;
  }
  .secu-hero .jumbotron--50-50.breakpoint-tablet-lg .jumbotron--50-50__content.proven-content {
    padding-right: 1rem;
    width: calc(50% - var( --jumbotronRightPadding ));
  }
  .secu-hero .jumbotron--50-50.breakpoint-tablet-lg .jumbotron--50-50__image {
    padding-left: 0;
    display: flex;
  }
}

@media (min-width: 1024px) {
  .secu-hero .jumbotron--50-50.breakpoint-desktop {
    flex-direction: row;
  }
  .secu-hero .jumbotron--50-50.breakpoint-desktop .jumbotron--50-50__content.proven-content,
  .secu-hero .jumbotron--50-50.breakpoint-desktop .jumbotron--50-50__image {
    width: 50%;
  }
  .secu-hero .jumbotron--50-50.breakpoint-desktop .jumbotron--50-50__content.proven-content {
    padding-right: 1rem;
    width: calc(50% - var( --jumbotronRightPadding ));
  }
  .secu-hero .jumbotron--50-50.breakpoint-desktop .jumbotron--50-50__image {
    padding-left: 0;
    display: flex;
  }
}

@media (min-width: 768px) {
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-tablet {
    flex-direction: row-reverse;
  }
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-tablet .jumbotron--50-50__image {
    padding-left: 0;
    padding-right: var(--jumbotronRightPadding);
  }
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-tablet .proven-content {
    padding-right: 0;
    padding-left: var(--jumbotronRightPadding);
  }
}

@media (min-width: 992px) {
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-tablet-lg {
    flex-direction: row-reverse;
  }
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-tablet-lg .jumbotron--50-50__image {
    padding-left: 0;
    padding-right: var(--jumbotronRightPadding);
  }
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-tablet-lg .proven-content {
    padding-right: 0;
    padding-left: var(--jumbotronRightPadding);
  }
}

@media (min-width: 1024px) {
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-desktop {
    flex-direction: row-reverse;
  }
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-desktop .jumbotron--50-50__image {
    padding-left: 0;
    padding-right: var(--jumbotronRightPadding);
  }
  .secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-desktop .proven-content {
    padding-right: 0;
    padding-left: var(--jumbotronRightPadding);
  }
}

.secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-custom.above-breakpoint {
  flex-direction: row-reverse;
}

.secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-custom.above-breakpoint .jumbotron--50-50__image {
  padding-left: 0;
  padding-right: var(--jumbotronRightPadding);
}

.secu-hero .jumbotron--50-50.image-left-content-right.breakpoint-custom.above-breakpoint .proven-content {
  padding-right: 0;
  padding-left: var(--jumbotronRightPadding);
}

@media (min-width: 1200px) {
  .secu-hero .jumbotron--50-50.image-left-content-right .jumbotron--50-50__image {
    padding-left: 0;
    padding-right: 0;
  }
}

.secu-hero .jumbotron--background-image {
  position: relative;
}

.secu-hero .jumbotron--background-image__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0s linear;
}

.secu-hero .jumbotron--background-image__content {
  padding: 2rem;
  position: relative;
  z-index: 1;
  max-width: 100%;
}

@media (max-width: 767.99px) {
  .secu-hero .jumbotron--background-image.breakpoint-tablet .jumbotron--background-image__bg-img {
    opacity: 0 !important;
  }
  .secu-hero .jumbotron--background-image.breakpoint-tablet .proven-content {
    min-width: 100% !important;
  }
}

@media (max-width: 991.99px) {
  .secu-hero .jumbotron--background-image.breakpoint-tablet-lg .jumbotron--background-image__bg-img {
    opacity: 0 !important;
  }
  .secu-hero .jumbotron--background-image.breakpoint-tablet-lg .proven-content {
    min-width: 100% !important;
  }
}

@media (max-width: 1023.99px) {
  .secu-hero .jumbotron--background-image.breakpoint-desktop .jumbotron--background-image__bg-img {
    opacity: 0 !important;
  }
  .secu-hero .jumbotron--background-image.breakpoint-desktop .proven-content {
    min-width: 100% !important;
  }
}

.secu-hero .jumbotron--background-image.breakpoint-custom.below-breakpoint__bg-img {
  opacity: 0 !important;
}

.secu-hero .jumbotron--background-image.breakpoint-custom.below-breakpoint .proven-content {
  min-width: 100% !important;
}

.secu-hero .jumbotron--background-image.content-right-aligned {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-end;
}

.secu-hero .jumbotron--background-image .secu-hero__olb-login-form {
  width: calc(100% + 4rem);
}

.secu-hero__boundary {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
}

@media (min-width: 768px) {
  .secu-hero__boundary {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media (min-width: 1024px) {
  .secu-hero__login-form {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
  }
  .secu-hero__login-form .secu-login-form__container {
    transform: translateY(-100%);
  }
}

.secu-hero__olb-login-form {
  margin-left: calc( var( --jumbotronLeftPadding ) * -1);
  margin-bottom: calc( var( --jumbotronBottomPadding ) * -1);
  margin-right: calc( var( --jumbotronRightPadding ) * -1);
}

.secu-hero__artwork {
  width: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .secu-hero__artwork {
    position: absolute;
    width: 40%;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
  }
}

@media (min-width: 1280px) {
  .secu-hero__artwork {
    width: 50%;
  }
}

.secu-hero__artwork-alt {
  width: 100%;
  position: relative;
}

@media (max-width: 767px) {
  .secu-hero__artwork-alt {
    display: none;
  }
}

@media (min-width: 768px) {
  .secu-hero__artwork-alt {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    left: auto;
  }
}

.secu-hero__artwork-alt p {
  width: 100%;
  height: 100%;
  padding: 5em;
}

@media (min-width: 1280px) {
  .secu-hero__artwork-alt {
    width: 50%;
  }
}

.secu-hero__content {
  position: relative;
  z-index: 10;
}

.secu-hero__decoration {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 125%;
}

@media (min-width: 768px) {
  .secu-hero__decoration {
    width: 145%;
    max-width: 920px;
  }
}

.secu-hero__decoration img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 920px;
  transform: translate(-58%, -58%);
}

@media (min-width: 480px) {
  .secu-hero__decoration img {
    transform: translate(-58%, -50%);
  }
}

@media (min-width: 768px) {
  .secu-hero__decoration img {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    transform: translate(-19.5%, 5%);
  }
}

.secu-hero__person {
  position: relative;
  z-index: 5;
  margin-top: 3rem;
  width: 100%;
  height: 360px;
}

@media (min-width: 480px) {
  .secu-hero__person {
    margin-top: 5rem;
  }
}

@media (min-width: 768px) {
  .secu-hero__person {
    margin-top: 0;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
  }
}

.secu-hero__person picture {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  transition: opacity linear 600ms;
  margin: 0 auto;
  opacity: 0;
  height: 360px;
}

@media (min-width: 768px) {
  .secu-hero__person picture {
    left: auto;
    width: 100%;
    height: 650px;
    transform: translate(-37%, 4%);
  }
}

@media (min-width: 1280px) {
  .secu-hero__person picture {
    max-width: 515px;
  }
}

.secu-hero__person picture.js-is-active.js-is-ready {
  opacity: 1;
}

#alternate > div > div.row {
  max-width: 1180px;
}

.has-olb-login-form .row {
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .has-olb-login-form .alternate-content {
    padding: 0 0 var(--jumbotronTopPadding) 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .secu-login-form__container {
    margin-left: 0;
  }
  #alternate > div > div.secu-hero__login-form {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .alt-margin-768 {
    margin-left: -64px;
  }
}

@media only screen and (min-width: 1024px) {
  .alt-margin-1024 {
    margin-left: 0;
  }
}

/*# sourceMappingURL=secu-hero.bundle.1.3.4.css.map */