.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.3;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 10px;
  line-height: 1.5;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height: 1.5;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height: 1.5rem;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.header {
  z-index: 105;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  top: 0;
  overflow: hidden;
}

.logowrapper {
  width: 30vw;
  min-width: 140px;
  max-width: 200px;
}

.logolink {
  width: 140%;
  min-width: 140%;
  height: auto;
  min-height: 140%;
  margin-left: 5vh;
  padding-top: 8px;
  overflow: hidden;
}

.image {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 0% 0%;
  width: 80%;
  max-width: 100%;
  height: auto;
  display: block;
  position: static;
}

.ctalink {
  margin-top: 1vw;
  margin-right: 5vh;
}

.text-block {
  cursor: pointer;
  background-color: #009fe3;
  padding: 11px 25px;
}

.seccion01 {
  cursor: auto;
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 268px;
  padding-top: 0;
  display: flex;
}

.seccioncarrusel {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #fff;
  background-image: linear-gradient(#00000080, #00000080), url('../images/bg_carrusel.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-top: 150px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.seccion01_inicio {
  background-color: #f5f5f5;
  background-image: url('../images/bg_onda.webp');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.seccionatumedida {
  background-color: #c7c7c7;
  background-image: linear-gradient(-90deg, #2fb4de, #c4b4c6);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  padding-top: 0;
  display: flex;
}

.seccionatumedida.v2 {
  background-image: linear-gradient(90deg, #bab9dd, #c5d0e6);
}

.seccion05 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.seccionfinal {
  background-color: #0000;
  background-image: linear-gradient(#00000059, #00000059), url('../images/BG_footer.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.seccionfinal.v2 {
  margin-top: 0;
}

.seccionfooter {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100svh;
  max-height: none;
  display: flex;
}

.rich-text-block {
  font-size: 0;
}

.heading {
  line-height: 1.2;
}

.heading.modalheading {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#517ec7, #a48acb);
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 4rem;
}

.block-quote {
  font-size: 1.125rem;
  line-height: 1.5;
}

.seccion05_track {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 400vw;
  display: block;
  position: static;
  overflow: hidden;
}

.div-block {
  width: 400vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame {
  width: auto;
  height: 100%;
  display: flex;
}

.panel01 {
  background-color: #af3333;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.panel02 {
  background-color: #df7f7f;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.panel03 {
  background-color: #6152cf;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.panel04 {
  background-color: #4ddf61;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.seccion05-horizontal-scroll {
  padding-bottom: 100vh;
}

.height {
  height: 400dvh;
  position: relative;
}

.sticky {
  border: 0 solid #e600ff;
  width: 100%;
  height: 100dvh;
  margin-bottom: -100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.mover {
  display: flex;
}

.flex-offset {
  margin-right: -100vw;
  display: flex;
}

.full-page-01 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
}

.full-page-01.is-horizontal-scroll-section {
  background-color: #6838a7;
  border: 0 solid #f17144;
  width: 100vw;
  padding: 0;
}

.full-page-02 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
}

.full-page-02.is-horizontal-scroll-section {
  background-color: #4d7a2d;
  border: 0 solid #f17144;
  width: 100vw;
}

.full-page-03 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
}

.full-page-03.is-horizontal-scroll-section {
  background-color: #6838a7;
  border: 0 solid #f17144;
  width: 100vw;
}

.full-page-04 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
}

.full-page-04.is-horizontal-scroll-section {
  background-color: #d12176;
  border: 0 solid #f17144;
  width: 100vw;
}

.button {
  width: 200px;
  height: 45px;
  margin-top: 87px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.button_item {
  background-color: #1a1a1a;
  border-radius: 1.5em;
  justify-content: center;
  align-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
}

.button2 {
  grid-column-gap: 2em;
  background-color: #009fe3;
  border-radius: 99px;
  align-items: center;
  min-height: 4em;
  padding-left: 0;
  padding-right: 3.8em;
  display: flex;
  position: relative;
}

.button2_icon-wrap {
  background-color: #fff;
  border: 0 solid #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  font-size: .6rem;
  line-height: .9rem;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
}

.button2_icon {
  padding: .225rem;
}

.botoncta01 {
  background-color: #009fe3;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-height: 3em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: absolute;
}

.botoncta01_icon-wrap {
  color: #fff;
  background-color: #fff;
  border: 0 solid #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: absolute;
}

.button2_icon-wrap-copy {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  right: auto;
}

.botoncta01_icon {
  width: 1.5em;
}

.body-2 {
  background-color: #000;
}

.cta_icon {
  width: 5.75em;
  height: 5.75em;
}

.heading-2 {
  color: #fff;
  font-size: 3.3rem;
  font-weight: 300;
  line-height: 110%;
}

.heading-2.targetcolor {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  width: auto;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 100%;
}

.video-youtube-embed {
  display: none;
  position: absolute;
  inset: 0%;
}

.page_padding {
  padding-left: 4%;
  padding-right: 4%;
}

.button1_letter {
  color: #fafafa;
  text-align: center;
  text-transform: uppercase;
  width: 1em;
  padding-bottom: 100%;
  font-size: 1em;
  font-weight: 400;
  line-height: 40px;
  position: absolute;
  left: auto;
  right: auto;
}

.button1_letter._1 {
  font-weight: 700;
  display: block;
  transform: rotate(-185deg);
}

.button1_letter.s {
  transform: rotate(95deg);
}

.button1_letter.a {
  transform: rotate(-70deg);
}

.button1_letter.b {
  display: block;
  transform: rotate(-45deg);
}

.button1_letter.o-2 {
  font-weight: 700;
  display: block;
  transform: rotate(-160deg);
}

.button1_letter.e {
  font-weight: 700;
  display: block;
  transform: rotate(-110deg);
}

.button1_letter.t {
  transform: rotate(30deg);
}

.button1_letter.r {
  font-weight: 700;
  display: block;
  transform: rotate(-135deg);
}

.button1_letter.o {
  transform: rotate(-20deg);
}

.button1_letter.u-2 {
  transform: rotate(70deg);
}

.button1_letter.u {
  transform: rotate(5deg);
}

.cta_inner {
  color: #fff;
  width: 100%;
  height: 100%;
  font-weight: 400;
  position: relative;
}

.buttons_wrap {
  flex-direction: column;
  align-items: center;
  padding-top: 6em;
  display: flex;
}

.button3_icon {
  width: 1em;
  height: 1em;
}

.video-youtube-thumbnail {
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.nav_link {
  color: #fff;
}

.portrait {
  border-radius: 100%;
  flex: none;
  width: 12em;
  height: 12em;
  overflow: hidden;
}

.button1_letter-wrap {
  color: #fafafa;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12em;
  height: 12em;
  padding-top: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.buttons_grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template: "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 / 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  max-width: 100rem;
  display: grid;
}

.video-youtube-container {
  cursor: auto;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.button1 {
  color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 7em;
  height: 7em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.pattern {
  color: #ea4537;
  width: 40em;
  height: 37.5em;
  position: absolute;
  inset: auto 0% 0% auto;
}

.pattern.is-reverse {
  transform-style: preserve-3d;
  position: relative;
  inset: auto auto 0% 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.button4_text {
  z-index: 1;
  position: relative;
}

.button4_bg {
  z-index: 0;
  background-color: #c9f054;
  border-radius: 99px;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.play-button {
  color: #ea4537;
  width: 5em;
}

.is-h4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.9375em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}

.main-wrap {
  background-color: #1f1f1f;
}

.button3_text-wrap {
  grid-column-gap: .75em;
  color: #fff;
  align-items: center;
  display: flex;
}

.button3_text-wrap.is-2 {
  z-index: 1;
  opacity: 0;
  color: #1a1a1a;
  position: absolute;
}

.container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
}

.button4_circle {
  z-index: 1;
  background-color: #c9f054;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 100%;
  display: flex;
  position: relative;
}

.button4 {
  z-index: 1;
  grid-column-gap: 1em;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  height: 3.5em;
  padding-right: 1.75em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button5_gradient {
  filter: blur(30px);
  background-image: radial-gradient(circle at 0 0, #bc148f, #4594ae 52%, #ffe135 93%);
  border-radius: 999px;
  width: 15em;
  height: 15em;
  position: absolute;
  inset: auto;
}

.button3_text.is-sec {
  z-index: 1;
}

.button3 {
  background-color: #383838;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  padding: 1.25em 1.75em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.is-txt-medium {
  color: #a1a1a1;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 150%;
}

.patten-wrap {
  z-index: -1;
  position: absolute;
  inset: auto auto 0% 0%;
}

.section_wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 6em 3em;
  display: flex;
  position: relative;
}

.is-h3 {
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
}

.video-youtube-sizer {
  border-radius: 1em;
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
}

.cta_wrap {
  background-color: #1a1a1a;
  border-radius: 1.5em;
  justify-content: center;
  align-items: center;
  padding: 5em 2.5em 5em 3em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta_grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.circle {
  z-index: 0;
  background-color: #181818;
  border-radius: 200rem;
  width: 80rem;
  height: 80rem;
  position: absolute;
  bottom: -2.4rem;
  left: 9.8rem;
}

.button1_icon {
  z-index: 2;
  color: #1f1f1f;
  position: absolute;
  transform: rotate(-45deg);
}

.buttons_section {
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.cta_text-wrap {
  flex: 1;
}

.button5_inner {
  z-index: 1;
  background-color: #181818cc;
  border-radius: 99px;
  padding: 1.25em 1.75em;
  position: relative;
}

.button5 {
  background-color: #fff3;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-youtube-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cta_about {
  grid-column-gap: 2em;
  background-color: #191919;
  border-radius: 1em;
  padding: 4em;
  display: flex;
  overflow: hidden;
}

.nav {
  background-color: #191919;
}

.cta_box {
  grid-row-gap: 1em;
  background-color: #191919;
  border-radius: 1em;
  flex-direction: column;
  align-items: flex-start;
  padding: 2em;
  text-decoration: none;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta_box:hover {
  transform: translate(0, -.5em);
  box-shadow: 0 4px 8px 4px #171a0126;
}

.button1_background {
  z-index: 1;
  background-color: #c9f054;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.text-color-green {
  color: #c9f054;
}

.spacer_m {
  height: 3em;
}

.cta_arrow {
  color: #dbf40c;
  width: 2em;
  height: 2em;
  position: absolute;
  inset: auto 1em 1em auto;
}

.container-m {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.butto3_background {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
}

.text-block-2 {
  color: #fafafa;
  text-decoration: none;
  display: block;
}

.link-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-2 {
  position: static;
}

.botoncta-easy {
  background-color: #009fe3;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
}

.boton-cta-container {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-right: 5vh;
  padding-top: 8px;
  display: flex;
  position: static;
}

.sectionportatil.lottie {
  z-index: 1;
  background-image: linear-gradient(295deg, #2fb4de, #c4b4c6);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  min-height: 300vh;
  margin-top: 0;
  padding-bottom: 217px;
  position: relative;
  overflow: hidden;
}

.hero-bg-img {
  z-index: 0;
  object-fit: fill;
  width: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
}

.page-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-2 {
  z-index: 2;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-2.hero {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
}

.heading-3 {
  text-transform: uppercase;
  text-shadow: 0 16px 24px #00000040, 0 24px 40px #00000040, 0 60px 80px #0009;
  font-size: 15rem;
  font-weight: 900;
  line-height: 1.1;
}

.hero-description {
  max-width: 40ch;
  font-size: 2rem;
}

.fantomui-img-inner {
  border-radius: 1.4rem;
}

.fantomui-img-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70rem;
  height: 100vh;
  display: flex;
  position: absolute;
}

.fantomui-img-wrapper-2._04 {
  z-index: 20;
  justify-content: flex-end;
  align-items: flex-end;
}

.fantomui-img-wrapper-2._01 {
  z-index: 20;
  justify-content: flex-start;
  align-items: flex-start;
}

.fantomui-img-wrapper-2._03 {
  z-index: 20;
  justify-content: flex-start;
  align-items: flex-end;
}

.fantomui-img-wrapper-2._02 {
  z-index: 20;
  justify-content: center;
  align-items: flex-start;
}

.fantomui-img-wrapper-2._02b {
  z-index: 20;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 65%;
  max-width: 100vw;
  margin-right: 0;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  inset: auto 0% 0% auto;
}

.fantomui-img-wrapper-2._04 {
  justify-content: flex-end;
  align-items: flex-end;
}

.fantomui-img-wrapper-2._01 {
  justify-content: flex-start;
  align-items: flex-start;
}

.fantomui-img-wrapper-2._03 {
  justify-content: flex-start;
  align-items: flex-end;
}

.fantomui-img-wrapper-2._02 {
  justify-content: flex-end;
  align-items: flex-start;
}

.lottie-gradient-bg {
  z-index: -2;
  box-sizing: border-box;
  opacity: 0;
  vertical-align: baseline;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100vh;
  position: absolute;
  inset: 50% auto auto 50%;
  overflow: clip;
  transform: translate(-50%, -50%);
}

.fantom-lottie {
  z-index: 5;
  width: 100%;
  max-width: 50rem;
  margin-left: -745px;
  display: flex;
  position: relative;
}

.fantom-lottie.textin {
  width: auto;
  max-width: none;
  margin-left: 0;
  display: flex;
  position: static;
  left: auto;
}

.fantomui-img {
  z-index: 2;
  background-image: radial-gradient(circle at 0 0, #ff28c3, #31b5ff);
  border-radius: 1.5rem;
  padding: 2px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 24px -8px #00000040, 0 24px 40px -16px #00000040, 0 60px 80px -40px #0009;
}

.fantomui-img._03 {
  position: relative;
  bottom: 8rem;
  left: 2rem;
}

.fantomui-img._01 {
  align-items: flex-start;
  display: flex;
  position: relative;
  top: 20%;
  left: 0%;
  overflow: hidden;
}

.fantomui-img._04 {
  bottom: 5rem;
  right: 0%;
  box-shadow: 0 -16px 24px -8px #00000040, 0 24px 40px -16px #00000040, 0 60px 80px -40px #0009;
}

.fantomui-img._02 {
  position: relative;
  top: 4rem;
  right: 2rem;
}

.fantomui-img._04 {
  bottom: 5rem;
  right: 0%;
}

.lottie-container {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 187px;
  display: flex;
  position: sticky;
  top: 0;
}

.title {
  color: #000;
  text-align: center;
  font-size: 10rem;
  font-weight: 900;
  line-height: 100%;
}

.herotext {
  color: #009fe3;
  text-align: center;
  width: auto;
  font-size: 5.7rem;
  font-weight: 700;
  line-height: 5.5rem;
}

.herotext.top {
  margin-top: 50px;
}

.lovetext {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
}

.product-card-image {
  background-image: linear-gradient(#f5f5f580, #f5f5f580);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 260px;
}

.product-card-image.product-card-1 {
  background-image: url('../images/bg_cards_onboarding_01.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px 8px 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.product-card-image.product-card-1.v2 {
  height: 50%;
}

.product-card-image.product-card-2 {
  background-image: url('../images/bg_cards_gamificacion_02.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px 8px 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.product-card-image.product-card-2.v2 {
  height: 50%;
}

.product-card-image.product-card-3 {
  background-image: url('../images/bg_cards_analytics_01.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px 8px 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.product-card-image.product-card-3.v2 {
  height: 50%;
}

.product-card-image.product-card-4 {
  background-image: url('../images/bg_cards_editores_03.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px 8px 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.product-card-image.product-card-4.v2 {
  height: 50%;
}

.product-card-image.product-card-5 {
  background-image: url('../images/bg_cards_formacion_01.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px 8px 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.product-card-image.product-card-5.v2 {
  height: 50%;
}

.product-card {
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #009fe3;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  height: 35vh;
  transition: transform .4s, box-shadow .4s;
  display: flex;
}

.product-card:hover {
  transform: translate(0, -6px)scale(1.02);
  box-shadow: 0 1px 6px #00000026;
}

.divider {
  background-color: #eee;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.product-price {
  margin-top: 0;
  margin-bottom: 0;
}

.style-label {
  color: #bebebe;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.tagline {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.tagline.tagline-promo-40 {
  color: #3336;
  text-align: center;
}

.price-wrapper {
  padding-left: 0;
}

.product-name-title {
  margin-top: 6px;
  padding-right: 20px;
}

.tag-wrapper-01 {
  box-shadow: none;
  border: 0 solid #009fe3;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.tag-wrapper-01:hover {
  transform: scale(1.015)translate(0, -10px);
}

.product-card-description {
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  padding: 20px 20px 10px;
  display: flex;
}

.product-card-description.v2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
}

.button-2 {
  letter-spacing: 2px;
  text-indent: 0;
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 8px 25px;
  font-size: .8rem;
  transition: transform .15s ease-out, background-color .15s;
}

.button-2:hover {
  letter-spacing: 2px;
  background-color: #476adc;
  background-image: linear-gradient(90deg, #517ec7, #a48acb);
  transform: scale(1.03);
}

.tag-wrapper-02 {
  box-shadow: none;
  border: 0 solid #009fe3;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  min-width: auto;
  max-width: none;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.tag-wrapper-02:hover {
  transform: translate(0, -10px)scale(1.015);
}

.tag-wrapper-01-copy {
  border: 0 solid #009fe3;
  border-radius: 8px;
  width: auto;
  min-width: auto;
  max-width: 20vw;
  margin-top: 5vw;
  margin-bottom: 0;
  margin-left: 5vw;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 0 -6px 24px #00000040;
}

.fantomui-img-wrapper-02 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 70rem;
  height: 100vh;
  display: flex;
  position: absolute;
}

.fantomui-img-wrapper-02._04 {
  z-index: 20;
  justify-content: flex-end;
  align-items: flex-end;
}

.fantomui-img-wrapper-02._01 {
  z-index: 20;
  justify-content: flex-start;
  align-items: flex-start;
}

.fantomui-img-wrapper-02._03 {
  z-index: 20;
  justify-content: flex-start;
  align-items: flex-end;
}

.fantomui-img-wrapper-02._02 {
  z-index: 20;
  justify-content: flex-end;
  align-items: flex-start;
}

.card-01 {
  cursor: pointer;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.card-01.tablet.v2 {
  height: 100%;
}

.text-span {
  color: #000;
}

.text-span-2 {
  color: #171818;
  font-size: 5.4rem;
  font-weight: 400;
  line-height: 5.9rem;
}

.text-span-3 {
  color: #000;
  font-size: 5.3rem;
  font-weight: 400;
}

.text-span-4 {
  color: #000;
  font-size: 4rem;
  font-weight: 400;
}

.herotext2 {
  color: #009fe3;
  text-align: center;
  font-size: 6.2rem;
  font-weight: 700;
  line-height: 7.2rem;
}

.herotext2.top {
  margin-top: 10px;
  font-size: 4.4rem;
}

.global-contain {
  flex-flow: column;
  align-items: center;
  width: auto;
  display: block;
}

.lottie-gradient-bg-2 {
  z-index: 0;
  opacity: 0;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section-2 {
  width: 100vw;
  height: 100vw;
}

.modal-wrapper-onboarding {
  z-index: 1000;
  justify-content: center;
  align-items: flex-start;
  width: 100svw;
  max-width: 100svw;
  height: 100svh;
  max-height: 100svh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.modal-content {
  text-align: left;
  justify-content: center;
  align-items: center;
  width: 100svw;
  display: flex;
  position: relative;
}

.modal-left {
  background-image: linear-gradient(0deg, #000, #fff);
  width: 50vw;
  height: 100vh;
  overflow: hidden;
}

.modal-right {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-bottom: 40px;
  padding-left: 79px;
  padding-right: 60px;
  display: flex;
}

.modal-close {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-indent: 0;
  cursor: pointer;
  background-color: #000;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 400;
  transition: transform .4s cubic-bezier(.19, 1, .22, 1), background-color .2s;
  display: flex;
  position: absolute;
  top: 15px;
  right: 25px;
}

.modal-close:hover {
  background-color: #009fe3;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  transform: rotate(90deg);
}

.heading-4 {
  color: #009fe3;
  font-size: 3.8rem;
}

.text-block-3 {
  color: #404b5c;
  width: 80%;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 0;
  display: flex;
}

.textin {
  margin-top: 1px;
}

.textin.subheader, .textin.textoanimacion {
  margin-bottom: 37px;
}

.text-block-4 {
  color: #fff;
}

.image-2 {
  text-align: center;
  width: 20px;
  height: 20px;
  display: block;
}

.image-2:hover {
  transform: none;
}

.modal-section {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.bgmodal {
  z-index: -1;
  background-color: #000000bf;
  border: 0 solid #616060;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100svh;
  display: block;
  position: absolute;
}

.subtitle2 {
  color: #404b5c;
}

.botoncta {
  opacity: 1;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #009fe3;
  background-image: linear-gradient(90deg, #517ec7, #a48acb);
  border: 0 solid #fff;
  border-radius: 20px;
  padding-left: 30px;
  padding-right: 30px;
  transition: opacity .2s, transform .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1);
  display: block;
}

.botoncta:hover {
  opacity: 1;
  letter-spacing: 1px;
  background-color: #009fe3;
  background-image: none;
  border: 0 solid #fff;
  transform: scale(1.01);
}

.botoncta.hero {
  z-index: 104;
  margin-top: 40px;
  position: relative;
}

.botoncta.out {
  display: none;
}

.image-3 {
  width: auto;
  max-width: none;
  height: 100%;
  display: block;
}

.card-02 {
  cursor: pointer;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  height: 35vh;
  display: flex;
  overflow: hidden;
}

.button-2b {
  letter-spacing: 2px;
  text-indent: 0;
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 8px 25px;
  font-size: .8rem;
  transition: transform .15s ease-out, background-color .15s;
}

.button-2b:hover {
  letter-spacing: 2px;
  background-color: #476adc;
  background-image: linear-gradient(90deg, #2fb4de, #c4b4c6);
  transform: scale(1.03);
}

.tag-wrapper-03 {
  border: 0 solid #009fe3;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: auto;
  max-width: 25%;
  margin: 5vw 5vw 0 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  box-shadow: 0 -6px 24px #00000040;
}

.tag-wrapper-03:hover {
  transform: translate(0, -15px)scale(1.015);
}

.tag-wrapper-03b {
  box-shadow: none;
  border: 0 solid #009fe3;
  border-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  min-width: auto;
  max-width: none;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.tag-wrapper-03b:hover {
  transform: scale(1.015)translate(0, -10px);
}

.card-03 {
  cursor: pointer;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  height: 35vh;
  display: flex;
  overflow: hidden;
}

.tag-wrapper-04 {
  box-shadow: none;
  border: 0 solid #009fe3;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  min-width: auto;
  max-width: none;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.tag-wrapper-04:hover {
  transform: translate(0, -10px)scale(1.015);
}

.logos-container {
  margin-bottom: 25vh;
}

.image-4 {
  width: 200vw;
}

.text-span-5 {
  color: #000;
  font-weight: 400;
}

.text-span-6, .text-span-7, .text-span-8 {
  color: #000;
  font-size: 4.8rem;
  font-weight: 400;
}

.mascara-hero {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.div-block-3 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.text-span-9 {
  color: #000;
  font-size: 4.8rem;
  font-weight: 400;
  line-height: 7rem;
}

.text-span-10 {
  color: #000;
  font-size: 4.8rem;
  font-weight: 400;
}

.left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  min-width: 30vw;
  max-width: 100vw;
  height: 100vh;
  padding-top: 15vh;
  padding-left: 10vw;
  display: flex;
  position: relative;
}

.left.movil {
  padding-top: 25vh;
}

.right {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-left: 50vw;
  display: flex;
  position: absolute;
}

.heading-5 {
  margin-top: -2px;
  font-weight: 600;
}

.text-span-11 {
  font-weight: 600;
}

.camaralogos {
  z-index: 3;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  height: 12vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.camaralogos.main {
  background-color: #f5f5f5;
  height: 10vh;
}

.logosheader {
  max-width: none;
  height: 60%;
  position: static;
  inset: auto 0% 0%;
}

.logosheader.main {
  height: 50%;
}

.chicaheader {
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: cover;
  width: 600px;
  min-width: 600px;
  max-width: none;
  position: absolute;
}

.portatilheader {
  z-index: 1;
  object-fit: cover;
  width: 600px;
  max-width: none;
  position: absolute;
}

.bg_lottie {
  z-index: 100;
  display: flex;
  position: absolute;
}

.lottie-animation {
  width: auto;
  height: 100vh;
}

.textohero {
  width: 40%;
  font-size: 1.4rem;
  line-height: 1.4;
}

.image-8 {
  margin-top: 11%;
  margin-left: 54%;
  padding-top: 0;
  padding-left: 0;
  position: absolute;
}

.image-8.rotacion {
  z-index: 200;
  position: absolute;
}

.image-9 {
  z-index: 1;
  width: auto;
  height: 100vh;
  position: relative;
  left: auto;
}

.image-10 {
  margin-top: 11%;
  margin-left: 54%;
  padding-top: 0;
  padding-left: 0;
  position: absolute;
}

.image-10.rotacion {
  z-index: 200;
  margin-top: 25%;
  margin-left: 47%;
}

.image-11 {
  margin-top: 11%;
  margin-left: 54%;
  padding-top: 0;
  padding-left: 0;
  position: absolute;
}

.image-11.rotacion {
  z-index: 200;
  margin-top: 27%;
  margin-left: 75%;
}

.image-12 {
  margin-top: 11%;
  margin-left: 54%;
  padding-top: 0;
  padding-left: 0;
  position: absolute;
}

.image-12.rotacion {
  z-index: 200;
  margin-top: 12%;
  margin-left: 34%;
}

.tag-wrapper-05 {
  box-shadow: none;
  border: 0 solid #009fe3;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  min-width: auto;
  max-width: none;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.tag-wrapper-05:hover {
  transform: translate(0, -10px)scale(1.015);
}

.logoscontainer {
  z-index: 3;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 12vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.logoscontainer.main {
  height: 10vh;
  position: relative;
}

.logosheader2 {
  max-width: none;
  height: 60%;
  margin-left: 0;
  position: static;
  inset: auto 0% 0%;
}

.logosheader2.main {
  height: 50%;
}

.flex-block {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: center;
  align-items: flex-start;
  width: 110%;
}

.heading-6 {
  color: #fff;
  text-align: center;
  font-size: 2.6rem;
}

.flex-block-up {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: center;
  align-items: flex-start;
  width: 200%;
}

.header-copy {
  z-index: 100;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  top: 0;
}

.headerfaldon {
  z-index: 560;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  top: 0;
}

.header-transparente {
  z-index: 100;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  top: 0;
}

.text-block-5 {
  text-align: center;
}

.seccioncontent {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.accordion-header {
  align-items: center;
  display: flex;
}

.accordion-header.js-accordion-header {
  cursor: pointer;
}

.accordion_item-image {
  width: 40px;
}

.accordion-body {
  padding-left: 64px;
  padding-right: 8px;
  display: block;
}

.accordion-body.js-accordion-body {
  padding-bottom: 20px;
  display: none;
}

.accordion__item {
  text-align: left;
  background-color: #070f17;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
  padding: 20px 32px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #2e323c17;
}

.accordion__item:hover {
  box-shadow: 0 3px 9px #2e323c17;
}

.accordion__item.js-accordion-item {
  background-color: #1e293b;
  margin-bottom: 6px;
  padding-bottom: 20px;
}

.accordion__item.js-accordion-item {
  padding-bottom: 20px;
}

.accordion__item.js-accordion-item.active {
  cursor: default;
  background-color: #4353ff;
}

.question-text {
  flex: 1;
  margin-top: 15px;
  margin-left: 24px;
  font-size: 16px;
  line-height: 24px;
}

.question-text.acordeonvariante {
  color: #dfdfdf;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
  font-family: Poppins, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
}

.question-text.acordeonvariante.v2 {
  color: #1e293b;
  font-weight: 400;
}

.faq-image {
  width: 100%;
  margin-top: 40px;
}

.accordion {
  width: 66.66%;
  margin-bottom: -24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.accordion.js-accordion {
  flex-flow: column;
  margin-top: 54px;
  margin-bottom: 100px;
  padding-left: 15px;
  padding-right: 0;
  display: block;
}

.accordion-body__contents {
  opacity: .75;
  margin-top: 4px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 21px;
}

.accordion-body__contents.v2 {
  opacity: .75;
  color: #1e293b;
}

.faq-video {
  margin-top: 40px;
}

.faq-button {
  color: #000;
  background-color: #feff02;
  border-radius: 3px;
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  transition: background-color .2s;
}

.faq-button:hover {
  background-color: #bfc002;
}

.faq-wrapper {
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1200px;
  padding-left: 0;
  display: block;
}

.sectionleft {
  width: 50vw;
  height: 100vh;
  padding-left: 15vw;
  overflow: hidden;
}

.sectionleft.textin {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-top: 0;
  margin-left: 16rem;
  margin-right: 16rem;
  display: flex;
}

.sectionleft.gsapfadein {
  flex-flow: column;
  height: auto;
  padding-left: 10vw;
  display: flex;
}

.section-header {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: 0;
  margin-bottom: 70px;
  display: flex;
}

.section-header.v2 {
  margin-top: 70px;
  margin-bottom: 0;
}

.sectionright {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 40vw;
  height: auto;
  margin-top: 0;
  margin-left: 60px;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: 0 auto auto;
  overflow: visible;
}

.logowhite {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 0% 0%;
  width: 70%;
  max-width: 100%;
  height: auto;
  padding-top: 5px;
  display: block;
  position: static;
}

.animacion02 {
  z-index: -5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.iconorocket {
  z-index: 2;
  padding-left: 228px;
  position: absolute;
  left: auto;
}

.chicajump {
  position: absolute;
}

.textoanimacion01 {
  z-index: 30;
  margin-left: -57px;
  font-size: 4rem;
  position: absolute;
  top: 24.1rem;
  left: -25px;
}

.chico2ajump {
  z-index: 8;
  position: absolute;
}

.acordeoncontainer01 {
  cursor: pointer;
  background-color: #1e293b;
  border-radius: 8px;
  width: 100%;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px;
}

.acordeon-title {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.iconoacordeon {
  width: 40px;
}

.iconocerraracordeon {
  width: 22px;
  transform: rotate(45deg);
}

.lottie-gradient-bg-3 {
  z-index: 0;
  opacity: 0;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fantom-lottie-2 {
  z-index: 5;
  width: 100%;
  max-width: 50rem;
  position: relative;
}

.sectionlaptoppc.lottie {
  background-image: linear-gradient(-90deg, #2fb4de, #c4b4c6);
  background-size: auto;
  background-attachment: scroll;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 300vh;
  margin-top: 0;
  padding-bottom: 308px;
  display: flex;
  position: relative;
}

.lottie-container-2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.acordeonbody01 {
  display: block;
  overflow: hidden;
}

.acordeonbodyinner {
  padding-top: 1.25rem;
  display: block;
  overflow: visible;
}

.acordeoncontainer02 {
  cursor: pointer;
  background-color: #1e293b;
  border-radius: 8px;
  width: 100%;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px;
}

.secciontransicion {
  z-index: 0;
  background-image: url('../images/BG_recorte_01.webp'), linear-gradient(90deg, #d6d9e8, #c6d0e6);
  background-position: 50% 100%, 0 0;
  background-size: cover, auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.secciontransicion.v1 {
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.acordeoncontainer03, .acordeoncontainer04 {
  cursor: pointer;
  background-color: #1e293b;
  border-radius: 8px;
  width: 100%;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px;
}

.sectionleft02 {
  width: 50vw;
  height: 100vh;
  overflow: hidden;
}

.sectionleft02.textin {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 16rem;
  margin-right: 16rem;
  display: flex;
}

.seccioncontentizq {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 5vw;
  display: flex;
}

.seccioncontentizq.centrado {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 5vw;
}

.section-3 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.seccioncontentder {
  perspective: none;
  transform: perspective(normal);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.lottie-animation-2 {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-span-12 {
  font-weight: 600;
}

.heading-seccion {
  color: #fff;
  text-align: left;
  font-size: 2.6rem;
  display: flex;
}

.heading-seccion.textin {
  text-align: left;
}

.heading-seccion.textin.leftside {
  text-align: center;
}

.heading-seccion.video {
  margin-top: 0;
}

.heading-seccion.center {
  text-align: center;
  margin-top: 0;
}

.textwhite {
  color: #fff;
  width: 80%;
}

.textwhite.videosec {
  width: 100%;
}

.textwhite.menos.v2 {
  color: #1e293b;
  -webkit-text-stroke-color: #1e293b;
  font-size: 1.2rem;
}

.secciontransicionreverse {
  background-image: url('../images/BG_transicion_reverse_02.webp');
  background-position: 50% 0;
  background-size: 100% 100%;
  height: 100vh;
  margin-top: -4px;
}

.animacion01, .animacion03, .animacion04 {
  z-index: -5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.animacion00 {
  z-index: -5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.textoanimacion00 {
  z-index: 4;
  font-size: 4rem;
  position: absolute;
  top: 19.5rem;
  left: auto;
}

.textoanimacion00.mini {
  font-size: 3rem;
}

.textoanimacion02 {
  z-index: 4;
  font-size: 3rem;
  position: absolute;
  top: 24.1rem;
  left: auto;
}

.textoanimacion03 {
  z-index: 40;
  margin-left: 47px;
  font-size: 4rem;
  position: absolute;
  top: 24.1rem;
  left: auto;
}

.textoanimacion04 {
  z-index: 4;
  font-size: 3rem;
  position: absolute;
  top: 24.1rem;
  left: auto;
}

._2person {
  position: absolute;
}

.textoanimacion00mini {
  z-index: 4;
  font-size: 3rem;
  position: absolute;
  top: 24.1rem;
  left: 73px;
}

.textoanimacion00mini.mini {
  font-size: 3rem;
}

._2personb {
  position: absolute;
}

.chicojumpover {
  z-index: 8;
  width: 33vw;
  max-width: 75%;
  position: absolute;
}

.chicojumpover.moreback {
  z-index: 4;
}

.chicojumpover.up {
  z-index: 11;
}

.textoanimacion03mini {
  z-index: 4;
  margin-top: 88px;
  margin-left: 209px;
  font-size: 3rem;
  position: absolute;
  top: 24.1rem;
  left: -41px;
}

.iconocubo {
  z-index: 2;
  width: 33vw;
  max-width: 75%;
  margin-left: 0;
  padding-left: 0;
  position: absolute;
  left: auto;
}

.subheader {
  margin-top: -2px;
}

.subheader.gsapfadein.v2 {
  color: #1e293b;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #537fc8, #a08acb);
  -webkit-background-clip: text;
  background-clip: text;
}

.subheader.gsapfadein.v2.oposite {
  margin-top: 0;
}

.heading-es1.gsapfadein.v2 {
  color: #1e293b;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #537ec7, #a38acb);
  -webkit-background-clip: text;
  background-clip: text;
}

.heading-es1.gsapfadein.v2.oposite {
  margin-top: 0;
  font-size: 4rem;
}

.textoanimacion01-copy {
  z-index: 30;
  margin-left: -57px;
  font-size: 4rem;
  position: absolute;
  top: 24.1rem;
  left: -25px;
}

.iconoplane {
  z-index: 2;
  margin-left: -129px;
  padding-left: 0;
  position: absolute;
  left: auto;
}

.chiconew {
  z-index: 8;
  position: absolute;
}

.iconorocket-new {
  z-index: 2;
  padding-left: 228px;
  position: absolute;
  left: auto;
}

.chicajumpover {
  z-index: 40;
  position: absolute;
}

.gradient-overlay {
  z-index: 0;
  background-color: #0000;
  background-image: linear-gradient(#0000001a, #000000c7);
  width: 50vw;
  height: 100vh;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
}

.acordeonbody02, .acordeonbody03, .acordeonbody04 {
  display: block;
  overflow: hidden;
}

.sectionlaptopresponsive.lottie {
  background-image: url('../images/BG_degradado_01.webp');
  background-size: 100%;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300vh;
  margin-top: 0;
  padding-bottom: 800px;
  display: none;
  position: relative;
}

.fantom-lottie-responsive {
  z-index: 5;
  width: 100%;
  max-width: 50rem;
  margin-left: -745px;
  display: flex;
  position: relative;
}

.fantom-lottie-responsive.textin {
  width: 100%;
  display: flex;
}

.flex-block-upp, .flex-block-down {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: center;
  align-items: flex-start;
  width: 110%;
}

.heading-seccion-responsive {
  color: #fff;
  text-align: center;
  font-size: 2.6rem;
}

.heading-seccion-responsive.textin.leftside {
  text-align: center;
}

.degradado-out {
  background-image: linear-gradient(0deg, #000, #40b4db00);
  width: 100%;
  height: 600px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-5 {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 100px;
  display: flex;
}

.div-block-5.gsapfadein {
  border-radius: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  transform: translate(0);
}

.text-span-13 {
  color: #1e293b;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.1rem;
  display: inline;
}

.text-span-13.correccion {
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: block;
}

.gsapfadein {
  z-index: 5;
  display: block;
  position: relative;
}

.mainwords {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #2fb4de, #c4b4c6);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 5rem;
}

.mainwords.gsapfadein {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #2fb4de, #c4b4c6);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 5.1rem;
  line-height: 1;
}

.mainwords.herotext {
  background-image: none;
}

.text-block-6 {
  text-align: center;
  padding-top: 52px;
  padding-bottom: 45px;
  font-size: 4rem;
}

.text-block-6.herotext {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 5rem;
}

.text-block-6.herotext2 {
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 4.8rem;
}

.secciontransicionout {
  z-index: 0;
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30vh;
  margin-top: 0;
  display: flex;
  position: relative;
}

.secciontransicionout.v2 {
  background-color: #7e424200;
  background-image: linear-gradient(90deg, #d7dae9, #c5d0e6);
  background-position: 0 0;
}

.section-4 {
  margin-bottom: 40vh;
}

.section-4.v2 {
  margin-bottom: 15vh;
}

.seccionvideo {
  width: 100%;
  height: 60vh;
  padding-top: 141px;
  display: flex;
}

.seccionvideo.gsapfadein {
  height: auto;
  padding-top: 141px;
  padding-bottom: 141px;
}

.seccionvideo.gsapfadein.v2 {
  padding-top: 100px;
}

.contder {
  width: 50vw;
}

.seccionformulario {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 60vh;
  padding-top: 20vh;
  display: flex;
}

.seccionformulario.gsapfadein {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding: 0 10vw;
  display: flex;
  position: static;
}

.textgrey {
  color: #cbd5e1;
  width: 100%;
}

.bulletslist {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 15px;
  padding-left: 10px;
  display: flex;
}

.div-block-6 {
  text-align: left;
  padding-bottom: 0;
}

.image-13 {
  width: 50px;
  height: auto;
  padding-right: 27px;
}

.textwhitebullets {
  color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-block {
  width: 80%;
  margin-top: 40px;
  display: none;
}

.text-field-formulario {
  border-radius: 6px;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-field-formulario.newstyle {
  background-color: #fff;
  border: 1px solid #ccc;
}

.text-field-formulario.newstyle:focus {
  color: #ccc;
  background-color: #ffffff21;
  border-width: 1px;
  border-color: #009fe3;
}

.text-field-mail, .text-field-tlf, .text-field-empresa {
  border-radius: 6px;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.submit-button {
  background-color: #009fe3;
  border-radius: 20px;
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.secciongranlogo {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  padding-top: 141px;
  display: flex;
}

.secciongranlogo.gsapfadein {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: static;
  top: 0;
}

.image-14 {
  width: 33vw;
}

.seccioncontacto {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-left: 0%;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 2vh;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.seccioncontacto.gsapfadein {
  flex-flow: column;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 5vh;
}

.boxcontacto {
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-top: 0;
  margin-left: 10vw;
  margin-right: 10vw;
  padding: 22px 10vw;
  display: flex;
}

.boxcontacto.movil {
  padding-top: 10px;
  padding-bottom: 10px;
}

.divcontacto {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-bottom: 0;
  display: flex;
}

.headercontacto {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.contactomain {
  color: #009fe3;
  margin-top: 10px;
  font-size: 1.5rem;
  font-weight: 600;
}

.contactomain.pcjuan {
  font-size: 1.2rem;
}

.iconocontact {
  width: 48px;
  height: auto;
  margin-right: -18px;
  padding-right: 27px;
}

.textcontacto {
  color: #707585;
  text-align: center;
  width: 80%;
  font-size: 1.1rem;
}

.heading-seccion2 {
  color: #fff;
  text-align: left;
  font-size: 2.6rem;
}

.heading-seccion2.textin {
  text-align: center;
  width: 200%;
}

.heading-seccion2.textin.leftside {
  text-align: center;
}

.seccionpoliticas {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 60vh;
  padding-top: 20vh;
  display: flex;
}

.seccionpoliticas.gsapfadein {
  padding-top: 10vh;
}

.boxpoliticas {
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-top: 2vh;
  margin-left: 10vw;
  margin-right: 10vw;
  padding: 10px 0 0;
  display: flex;
}

.divpoliticas {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding-bottom: 0;
  display: flex;
}

.modalpoliticas {
  color: #fff;
  text-align: center;
  cursor: pointer;
  width: 80%;
  font-size: 1rem;
  transition: color .6s cubic-bezier(.215, .61, .355, 1);
}

.modalpoliticas:hover {
  color: #009fe3;
}

.modalpoliticas.movil.abrir-politicas-wf-gracias {
  display: none;
}

.portatilchica {
  z-index: 1;
  object-fit: cover;
  width: 600px;
  max-width: none;
  position: absolute;
}

.estadisticacontainer {
  z-index: 20;
  background-color: #0000;
  flex-flow: wrap;
  place-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
}

.divesatiditica {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 15%;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.estadisticaheader {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.9rem;
}

.porcentajecontainer {
  justify-content: center;
  align-items: flex-start;
  height: 5rem;
  display: flex;
  overflow: hidden;
}

.estadisticainfo {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 40px;
  margin-right: 40px;
  padding-left: 0;
  padding-right: 0;
  font-size: .9rem;
  display: block;
  position: static;
}

.numeroporcenateje {
  color: #fff;
  text-align: center;
  font-size: 5rem;
  line-height: 5rem;
  position: static;
}

.porcenatejesimbolo {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-size: 3rem;
  line-height: 5rem;
  position: static;
}

.numeroporcenateje2 {
  color: #fff;
  text-align: center;
  font-size: 5rem;
  line-height: 5rem;
  position: static;
}

.divesatiditica2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.div-block-7 {
  width: 350px;
  padding-left: 20px;
  padding-right: 20px;
}

.video-2 {
  border-radius: 0;
}

.videocontainer {
  perspective: normal;
  transform: perspective(normal) perspective(normalpxpxpxpxpxpxpxpxpxpxpxpxpxpx);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 500px;
  height: 281px;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.modal-wrapper-politicas {
  z-index: 1010;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.modal-content-simple {
  text-align: left;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  overflow: auto;
}

.modal-section-simple {
  z-index: 1;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 55vw;
  height: 70vh;
  margin-bottom: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.modal-section-simple.gracias {
  height: auto;
}

.modal-center {
  background-image: linear-gradient(0deg, #000, #fff);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.modal-content-header {
  text-align: left;
  background-color: #fff;
  border-bottom: 1px solid #b4b4b4a6;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 40px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: auto;
  transform: rotate(0);
}

.modal-content-header.gracias {
  justify-content: flex-end;
  align-items: center;
  overflow: auto;
}

.modalheader {
  color: #009bdb;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.modalheader.gracias {
  color: #333;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  padding-top: 24px;
  display: block;
}

.text-block-7 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px 30px 40px 40px;
  font-size: 1rem;
  line-height: 1.4rem;
  display: flex;
}

.no-scroll {
  overflow: hidden;
}

.text-span-14 {
  border: 1px solid #009bdc;
}

.text-span-15 {
  color: #009bdb;
  border: 0 solid #009bdb;
  font-size: 1.2rem;
  font-weight: 600;
}

.bold-text, .bold-text-2, .bold-text-3, .bold-text-4 {
  color: #009bdb;
  font-weight: 600;
}

.text-span-16 {
  text-align: left;
  font-size: .9rem;
}

.text-span-16.gracias {
  text-align: center;
}

.text-span-17 {
  text-decoration: none;
}

.bold-text-5 {
  color: #009bdb;
  border: 0 solid #009bdb;
  font-weight: 600;
}

.modal-close-mini {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: .36;
  text-indent: 0;
  cursor: pointer;
  background-color: #0000;
  border: 0 solid gray;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 0;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), background-color .2s;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.modal-close-mini:hover {
  opacity: .57;
  color: #fff;
  background-color: #0000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  transform: rotate(90deg);
}

.modal-close-mini.gracias {
  justify-content: center;
  align-items: center;
}

.text-block-8 {
  color: #757575;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.text-block-8:hover {
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.image-15 {
  opacity: 1;
  background-color: #0000;
}

.text-span-18 {
  color: #1e293b;
  font-size: 3.5rem;
  font-weight: 400;
}

.modal-wrapper-cta01 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.secciongranlogocta {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 35vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 5vh;
  display: flex;
}

.secciongranlogocta.gsapfadein {
  height: auto;
  margin-top: 100px;
  padding-top: 0;
}

.modal-content-cta {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.modal-close-cta {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-indent: 0;
  cursor: pointer;
  background-color: #000;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 400;
  transition: transform .4s cubic-bezier(.19, 1, .22, 1), background-color .2s;
  display: flex;
  position: absolute;
  top: 15px;
  right: 25px;
}

.modal-close-cta:hover {
  background-color: #009fe3;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  transform: rotate(90deg);
}

.modal-section-cta {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Grupo-3543.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.seccionformulariocta {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 65vh;
  padding-top: 5vh;
  display: flex;
}

.seccionformulariocta.gsapfadein {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
}

.seccioncontentizqcta {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-left: 15vw;
  padding-right: 0;
  display: flex;
}

.seccioncontentdercta {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 15vw;
  display: flex;
}

.modal-wrapper-cta03minino {
  z-index: 1005;
  justify-content: center;
  align-items: center;
  width: 50vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin-left: 50vw;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.modal-section-ctamini {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Grupo-3543.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.modal-content-ctamini {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.secciongranlogoctamini {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.secciongranlogoctamini.gsapfadein {
  height: auto;
  margin-top: 100px;
  padding-top: 0;
}

.seccionformularioctamini {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 5vh;
  display: flex;
}

.seccionformularioctamini.gsapfadein {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
}

.seccioncontentizqctamini {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.seccioncontentderctamini {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: -22px 0 0;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.bgmodalmini {
  z-index: -1;
  background-color: #000000bf;
  border: 0 solid #616060;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-right: 50vw;
  display: block;
  position: absolute;
}

.heading-seccionctamini {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.6rem;
}

.heading-seccionctamini.textin {
  text-align: left;
}

.heading-seccionctamini.textin.leftside {
  text-align: center;
}

.textgreyctamini {
  color: #cbd5e1;
  text-align: center;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.bulletslistctamini {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.bulletescontain {
  margin-top: 28px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.textwhitebulletsmini {
  color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.textgreyctamini2 {
  color: #cbd5e1;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-left: 40px;
  padding-right: 40px;
}

.botonctamini {
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #009fe3;
  border: 1px solid #fff0;
  border-radius: 20px;
  padding-left: 30px;
  padding-right: 30px;
  transition: border-color .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1);
}

.botonctamini:hover {
  letter-spacing: 1px;
  background-color: #0076a4;
  background-image: linear-gradient(90deg, #517ec7, #a48acb);
  border: 1px solid #fff;
  transform: scale(1.03);
}

.modal-close-ctamini {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-indent: 0;
  cursor: pointer;
  background-color: #000;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 400;
  transition: transform .4s cubic-bezier(.19, 1, .22, 1), background-color .2s;
  display: flex;
  position: absolute;
  top: 15px;
  right: 25px;
}

.modal-close-ctamini:hover {
  background-color: #009fe3;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  transform: rotate(90deg);
}

.seccioncontactocta {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-left: 0%;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 2vh;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.seccioncontactocta.gsapfadein {
  flex-flow: column;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 5vh;
}

.boxcontactocta {
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 22px 0;
  display: flex;
}

.divcontactocta {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-bottom: 0;
  display: flex;
}

.headercontactocta {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.textcontactocta {
  color: #cbd5e1;
  text-align: left;
  width: auto;
  font-size: 1rem;
}

.iconocontactcta {
  width: 52px;
  height: auto;
  margin-right: -13px;
  padding-right: 27px;
}

.headercontactoctaizq {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 40px;
  display: flex;
}

.headercontactoctader {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.textgrey2 {
  color: #cbd5e1;
  text-align: left;
  width: 100%;
  margin-top: 12px;
  margin-bottom: -13px;
  padding-left: 0;
  display: none;
}

.bulletslistfooter {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 15px;
  padding-left: 10px;
  display: flex;
}

.textgreyfooter {
  color: #cbd5e1;
  width: 100%;
  margin-top: 9px;
  margin-bottom: 18px;
  margin-left: 0;
}

.claimkcontainer {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 100px;
  display: flex;
}

.claimkcontainer.gsapfadein {
  border-radius: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  transform: translate(0);
}

.modal-wrapper-cta01mini {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.modal-content-cta-half {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.modal-section-cta-halph {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Grupo-3543.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50vw;
  height: 100vh;
  margin-left: 50vw;
  display: flex;
}

.secciongranlogocta-half {
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.secciongranlogocta-half.gsapfadein {
  height: auto;
  margin-top: 100px;
  padding-top: 0;
}

.seccionformulariocta-half {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 5vh;
  display: flex;
}

.seccionformulariocta-half.gsapfadein {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
}

.seccioncontactoctahalf {
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 0;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.seccioncontactoctahalf.gsapfadein {
  flex-flow: column;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 5vh;
}

.seccioncontentizqcta-half {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.seccioncontentdercta-half {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.headercontactoctaizq-half, .headercontactoctader-half {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.claimcontainer {
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  height: 100vh;
  margin-top: 0;
  padding-bottom: 416px;
  padding-left: 0;
  padding-right: 60px;
  display: flex;
}

.claimcta {
  color: #2c2c2c;
  text-align: right;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#517ec7, #a48acb);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 5.7rem;
  font-weight: 600;
  line-height: 5.7rem;
}

.text-span-19 {
  font-size: 6rem;
}

.iconosflotando {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
}

.iconoplayer {
  z-index: 300;
  margin-top: 30vh;
  margin-left: 0;
  margin-right: 34vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.iconopicture {
  z-index: 300;
  margin-top: 67vh;
  margin-left: 0;
  margin-right: 50vw;
  position: absolute;
  inset: auto 0% auto auto;
}

.iconobook {
  z-index: 300;
  margin-top: 57vh;
  margin-left: 82.7vw;
  position: absolute;
}

.iconogame {
  z-index: 300;
  margin: 48vh 43.6vw 0 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.portatil-container {
  width: 40%;
  margin-top: -85px;
  margin-left: -48%;
  margin-right: 100px;
}

.containerclaim {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 100px;
  display: flex;
}

.containerclaim.gsapfadein {
  background-color: #fff0;
  border-radius: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  transform: translate(0);
}

.containerclaim.gsapfadein.v2 {
  padding-bottom: 0;
}

.sectionlaptoptablet {
  background-image: linear-gradient(90deg, #ecedf3, #c5d0e6);
  background-position: 0 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 220vh;
  display: none;
}

.sectionlaptoptablet.v2 {
  display: flex;
}

.lottie-animation-3 {
  width: 700px;
  margin-top: 15svh;
  margin-bottom: 0;
  position: relative;
  top: 0;
  bottom: 20svh;
}

.sectiontarjetastablet {
  justify-content: center;
  align-items: flex-start;
  display: none;
}

.flex-blocktablet {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: center;
  align-items: flex-start;
  width: auto;
}

.tarjetastablet {
  box-shadow: none;
  border: 0 solid #009fe3;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.tarjetastablet:hover {
  transform: scale(1.015)translate(0, -10px);
}

.tarjetastablet.mobile.v2 {
  width: 250px;
  height: 350px;
}

.chicojumpovertexto01 {
  z-index: 10;
  width: 33vw;
  max-width: 75%;
  position: absolute;
}

.chicojumpovertexto01.back {
  z-index: 6;
}

.chicojumpovertexto02 {
  z-index: 10;
  width: 33vw;
  max-width: 75%;
  position: absolute;
}

.chicojumpovertexto02.back {
  z-index: 12;
}

.animacion00b {
  z-index: -5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  display: none;
  position: relative;
}

.seccioncarruselmobil {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #fff;
  background-image: linear-gradient(#00000080, #00000080), url('../images/bg_carrusel.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-top: 150px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.accordion-body__contents-2 {
  opacity: .75;
  margin-top: 8px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}

.faq-wrapper-2 {
  background-color: #0000;
  max-width: 1200px;
}

.sectioncarruselmovil {
  margin-bottom: 40vh;
}

.textoanimacion {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.modal-content-down {
  text-align: left;
  background-color: #fff;
  border-top: 1px solid #b4b4b4a6;
  border-bottom: 0 solid #b4b4b4;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 25px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
  transform: rotate(0);
}

.link {
  color: #009bdb;
  cursor: pointer;
  text-decoration: none;
}

.link-2, .link-3 {
  color: #009bdb;
  text-decoration: none;
}

.link-4 {
  color: #319ddb;
  text-decoration: none;
}

.modal-wrapper-legal, .modal-wrapper-politica-cockies {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.weblink {
  color: #009bdb;
  text-decoration: none;
}

.modal-wrapper-cta01-noscroll {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.modal-close-cta-noidscroll {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-indent: 0;
  cursor: pointer;
  background-color: #000;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 400;
  transition: transform .4s cubic-bezier(.19, 1, .22, 1), background-color .2s;
  display: flex;
  position: absolute;
  top: 15px;
  right: 25px;
}

.modal-close-cta-noidscroll:hover {
  background-color: #009fe3;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  transform: rotate(90deg);
}

.botonctaidnoscroll {
  opacity: 1;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #009fe3;
  background-image: linear-gradient(90deg, #517ec7, #a48acb);
  border: 0 solid #fff;
  border-radius: 20px;
  padding-left: 30px;
  padding-right: 30px;
  transition: opacity .2s, transform .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1);
}

.botonctaidnoscroll:hover {
  opacity: 1;
  letter-spacing: 1px;
  background-color: #009fe3;
  background-image: none;
  border: 0 solid #fff;
  transform: scale(1.01);
}

.modal-wrapper-gamificacion, .modal-wrapper-analytics, .modal-wrapper-formacion, .modal-wrapper-editores {
  z-index: 1000;
  justify-content: center;
  align-items: flex-start;
  width: 100svw;
  max-width: 100svw;
  height: 100svh;
  max-height: 100svh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.headerresponsive {
  z-index: 105;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
  overflow: hidden;
}

.heading-seccionmiddle {
  color: #fff;
  text-align: left;
  font-size: 2.6rem;
  display: flex;
}

.heading-seccionmiddle.textin {
  text-align: left;
}

.heading-seccionmiddle.textin.leftside {
  text-align: center;
}

.heading-seccionmiddle.textin.up {
  width: 80%;
}

.heading-seccionmiddle.textin.up.v2 {
  color: #1e293b;
}

.heading-seccionmiddle.center {
  text-align: center;
  margin-top: 0;
}

.heading-seccionmiddle.v2 {
  width: 80%;
}

.heading-seccionmiddle.v2.gsapfadein {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #537ec7, #a38acb);
  -webkit-background-clip: text;
  background-clip: text;
}

.boxcontactomovil {
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-top: 0;
  margin-left: 10vw;
  margin-right: 10vw;
  padding: 22px 10vw;
  display: flex;
}

.boxcontactomovil.movil, .loottie_scroll.v2, .text-block-9.v2 {
  display: none;
}

.div-block-9 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15vh;
  margin-bottom: 15vh;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.image-responsive {
  width: auto;
  max-width: none;
  height: 100%;
  display: none;
}

.checkboxtext {
  color: #cbd5e1;
  font-size: .9rem;
}

.link-5 {
  color: #009fe3;
  cursor: pointer;
  text-decoration: none;
  transition: color .3s cubic-bezier(.165, .84, .44, 1);
}

.link-5:hover {
  color: #577fc7;
}

.image-16 {
  vertical-align: top;
  width: auto;
  max-width: none;
  height: 100%;
  display: inline-block;
}

.modal-wrapper-gamificacion2, .modal-wrapper-analytics2 {
  z-index: 1000;
  justify-content: center;
  align-items: flex-start;
  width: 100svw;
  max-width: 100svw;
  height: 100svh;
  max-height: 100svh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.x0-simbolo {
  color: #fff;
  text-align: center;
  margin-top: 5px;
  font-size: 4rem;
  line-height: 5rem;
  position: static;
}

.modal-wrapper-formacion2, .modal-wrapper-editores2 {
  z-index: 1000;
  justify-content: center;
  align-items: flex-start;
  width: 100svw;
  max-width: 100svw;
  height: 100svh;
  max-height: 100svh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.text-block-10 {
  font-size: .9rem;
  line-height: 1.2rem;
}

.text-block-10.titulo {
  color: #009bdb;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

.success-message {
  background-color: #fff;
  border-radius: 8px;
}

.image-17 {
  width: 60px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.checkboxclick {
  background-color: #d5d0d02e;
}

.checkboxclick.w--redirected-checked {
  background-color: #009fe3;
}

.text-block-11 {
  font-size: .9rem;
}

.error-message {
  background-color: #ffdede;
  border-radius: 8px;
}

.cookie-paragraph {
  color: #676e7a;
  width: auto;
  max-width: 400px;
  margin-bottom: 0;
  margin-right: 20px;
  font-family: Poppins, sans-serif;
  font-size: .9rem;
  line-height: 1.3;
  position: static;
}

.checkbox-label {
  display: none;
}

.fs-cookie-popup {
  z-index: 400;
  background-color: #fff;
  border: 2px #000;
  border-radius: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  max-width: 90vw;
  height: auto;
  margin-bottom: 1%;
  margin-left: 2%;
  margin-right: 2%;
  padding: 15px 30px;
  display: flex;
  position: fixed;
  inset: auto 0 0 auto;
  box-shadow: -1px -1px 14px 7px #0000001a;
}

.link-privacy {
  color: #27313d;
  text-decoration: underline;
}

.cookie-tag {
  color: #009fe3;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.close-button {
  width: 30px;
  height: 30px;
  transition: all .3s;
  position: absolute;
  inset: 20px 20px auto auto;
}

.close-button:hover {
  opacity: .5;
  transform: scale(1.1)rotate(180deg);
}

.button-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.checkbox {
  cursor: pointer;
  background-color: #b8b8b8;
  background-image: url('../images/np_circle_2713168_FFFFFF.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  border-width: 2px;
  border-color: #b8b8b8;
  border-radius: 20px;
  width: 40px;
  height: 20px;
  transition: all .15s;
}

.checkbox.w--redirected-checked {
  background-color: #009fe3;
  background-image: url('../images/np_circle_2713168_FFFFFF.svg');
  background-position: 100%;
  background-size: contain;
  border: 2px solid #009fe3;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.fs-preferences-manager-wrapper {
  z-index: 2;
  background-color: #27313dd9;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.button-3 {
  background-color: #009fe3;
  border: 1.5px solid #009fe3;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  transition: all .3s;
}

.button-3:hover {
  color: #f8f8f8;
  background-color: #0688c0;
  border: 1.5px solid #0688c0;
}

.button-3.deny {
  float: left;
  color: #009fe3;
  text-align: center;
  cursor: pointer;
  background-color: #fff0;
  border-width: 1.5px;
  border-color: #009fe300;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.button-3.deny:hover {
  color: #0471a0;
  background-color: #009fe300;
  border-color: #009fe300;
}

.button-3.accept {
  float: left;
  text-align: center;
  cursor: pointer;
  background-color: #009fe3;
  border-width: 1.5px;
  border-color: #009fe3;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  position: relative;
}

.button-3.accept:hover {
  color: #fff;
  background-color: #2bb5f0;
  border-width: 1.5px;
  border-color: #2bb5f0;
}

.privacy-title {
  color: #009fe3;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.preferences-link {
  color: #009fe3;
  cursor: pointer;
  margin-right: 20px;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  display: block;
}

.preferences-link:hover {
  opacity: 1;
  color: #0484bb;
}

.preferences-container {
  z-index: 99;
  background-color: #faf7f2;
  border: 2px solid #f1f1f1;
  border-radius: 20px;
  min-width: 500px;
  max-width: 500px;
  max-height: 1080px;
  padding: 25px;
  display: block;
  position: relative;
}

.image-18 {
  transition: all .2s;
}

.fs-manager-opener {
  cursor: pointer;
  background-color: #27313d;
  border: 1px #000;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  padding: 5px;
  transition: all .3s;
  position: fixed;
  inset: auto auto 20px 20px;
}

.fs-manager-opener:hover {
  opacity: 1;
  transform: rotate(270deg)scale(1.1);
}

.cookies {
  z-index: 200;
  display: flex;
  position: sticky;
  bottom: 0;
}

.consents-form {
  margin-bottom: 0;
}

.field-wrapper {
  border-color: #009fe3;
  font-family: Poppins, sans-serif;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #d6d6d6;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  display: grid;
}

.paragraph {
  color: #515d68;
  margin-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.paragraph.bold {
  color: #27313d;
  text-align: right;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.sectionlaptoptabletv2 {
  background-image: linear-gradient(90deg, #bab9dd, #c5d0e6);
  background-position: 0 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 220vh;
  display: flex;
}

.sectionlaptoptabletv2.v2 {
  display: flex;
}

.div-block-9-v2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5vh;
  margin-bottom: 0;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.lottie-animation-3-v2 {
  width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  top: 0;
  bottom: 20svh;
}

.sectiontarjetastabletv2 {
  background-image: linear-gradient(90deg, #bab9dd, #c5d0e6);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 40px;
  display: flex;
}

.seccioncarruselv2 {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #fff;
  background-image: linear-gradient(90deg, #bab9dd, #c5d0e6), linear-gradient(#00000080, #00000080);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-top: 140px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-up {
  text-align: center;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
}

.text-block-up.v2 {
  display: none;
}

.text-block-up.down {
  margin-bottom: 40px;
}

.text-block-up.down.gsapfadein {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #527ec7, #a28acb);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-block-up.down.gsapfadein.v3.v4 {
  margin-bottom: 80px;
}

.text-block-up.down.gsapfadein.v3.v5 {
  margin-bottom: 0;
}

.text-block-up.up {
  color: #1e293b;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #527ec7, #a38acb);
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 100px;
}

.text-block-up.up.v2 {
  position: relative;
  top: 0;
}

.acordeoncontainer01v2, .acordeoncontainer02v2, .acordeoncontainer03v2, .acordeoncontainer04v2 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px;
}

.div-block-10 {
  z-index: 5;
  margin-bottom: 100px;
  position: relative;
}

.secciontransicionv2 {
  z-index: 0;
  background-image: url('../images/BG_recorte_01.webp'), linear-gradient(90deg, #d6d9e8, #c6d0e6);
  background-position: 50% 100%, 0 0;
  background-size: cover, auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.secciontransicionv2.new {
  background-image: linear-gradient(90deg, #bab9dd, #c6d0e6);
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: auto;
}

.secciontransicionv2.transicion {
  background-image: linear-gradient(90deg, #bab9dd, #c6d0e6);
  background-position: 0 0;
  justify-content: center;
  align-items: flex-end;
  height: 540px;
}

.bg_recorte {
  z-index: 0;
  background-image: url('../images/BG_degradado_blue_UP.svg'), url('../images/BG_recorte_02.svg');
  background-position: 100% 0, 0 0;
  background-repeat: no-repeat, repeat-x;
  background-size: contain, contain;
  width: 100%;
  min-width: auto;
  height: 100%;
  min-height: auto;
  position: sticky;
  inset: 0% auto auto 0%;
}

.mosca {
  z-index: -1;
  background-image: radial-gradient(circle at 0 -33%, #3c307d82, #fff0 65%);
  width: 33%;
  height: 600%;
  position: absolute;
}

.degradadoder {
  z-index: -40;
  background-image: radial-gradient(circle at 100% 100%, #b1b0da, #fff0 33%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.degradadoder.up {
  background-image: radial-gradient(circle at 100% 100%, #b1b0da, #fff0 33%);
}

.degradadoderdown {
  z-index: -40;
  background-image: radial-gradient(circle at 100% 0, #b1b0da, #fff0 33%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.degradadoderdown.up {
  z-index: 0;
  background-image: radial-gradient(circle, #b1b0da, #fff0 59%);
  inset: auto 0% 0% auto;
}

.degradadoderup {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.degradadoderup.up {
  background-image: radial-gradient(circle at 100% 100%, #b1b0da, #fff0 33%);
}

.recortecontain {
  background-image: url('../images/BG_recorte_01.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
}

.recortecontain.gsapfadein {
  background-image: url('../images/BG_recorte_06.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  margin-bottom: 0;
}

.degraddadodown {
  z-index: -20;
  background-image: radial-gradient(circle farthest-side at 100% 100%, #6c6abe, #fff0 50%);
  width: 100%;
  height: 80vh;
  position: absolute;
  inset: auto 0% 0% auto;
}

.degradadoup {
  z-index: -20;
  background-image: radial-gradient(circle farthest-side at 100% 0, #6c6abe, #fff0 50%);
  width: 100%;
  height: 80vh;
  position: static;
  inset: 0% 0% auto auto;
}

.degradadoabajo {
  z-index: 0;
  background-image: radial-gradient(circle farthest-side at 100% 0, #6c6abe, #fff0 50%);
  width: 100%;
  height: 80vh;
  position: absolute;
}

.code-embed {
  width: 100%;
  padding-right: 60px;
  display: block;
}

.modal-wrapper-gracias {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.image-19 {
  width: 250px;
  max-width: 100%;
}

.div-block-11 {
  display: flex;
}

.section-5 {
  padding-left: 60px;
  padding-right: 60px;
}

.autor {
  font-size: .9rem;
}

.autor.bold {
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 700;
}

.heading-8 {
  margin-bottom: 0;
}

.image-20 {
  margin-top: 20px;
}

.resumen {
  margin-top: 22px;
  display: none;
}

.rich-text-block-2 {
  margin-top: 37px;
  text-decoration: none;
}

.navbar-logo-left {
  z-index: 1000;
  background-color: #1a171700;
  flex-flow: column;
  width: 100%;
  display: block;
  position: absolute;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  z-index: 1000;
  background-image: linear-gradient(#00000082 26%, #fff0);
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  padding: 10px 150px 10px 30px;
  display: block;
  position: fixed;
  top: 0;
}

.container-3 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-menu-wrapper {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0;
  font-size: .9rem;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #fff;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #fff;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.lista {
  margin-right: 0;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  color: #fff;
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #ffffffbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide {
  width: 200vh;
  display: flex;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.mobile-margin-top-10 {
  display: none;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.image-21 {
  width: 95px;
}

.text-block-12 {
  font-size: .9rem;
}

.hero-video {
  background-color: #2074a200;
  height: 45vh;
  display: block;
  overflow: hidden;
}

.div-block-12 {
  background-color: #fff;
  border-radius: 8px;
  width: 80%;
  height: 20vw;
}

.megamenu {
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 35vh;
  padding: 10px;
  display: flex;
}

.div-block-13 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.megamenu_container {
  z-index: 500;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: fixed;
  top: 62px;
}

.mgmn_columna {
  width: 33%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}

.mgmn_portada {
  box-sizing: border-box;
  background-color: #e7ebf0;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 33%;
  height: 100%;
  margin: 0 10px 0 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  left: 822.625px;
  overflow: hidden;
}

.mgmnseccion {
  cursor: default;
  border-radius: 5px;
  height: 50%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.mgmnseccion.easylearning {
  cursor: default;
  border-radius: 8px;
  height: 50%;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
}

.mgmnseccion.easylearning:hover {
  background-color: #ebf3f6;
}

.mgmnseccion.simuladores {
  cursor: default;
  border-radius: 8px;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
}

.mgmnseccion.simuladores:hover {
  background-color: #fff4e8;
}

.mgmnseccion.inmersis {
  transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
}

.mgmnseccion.inmersis:hover {
  background-color: #f1f1f5;
}

.mgmnseccion.identia {
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
}

.mgmnseccion.identia:hover {
  background-color: #ebf3f6;
}

.mgmnlogo {
  background-color: #e7ebf000;
  background-image: url('../images/easy_learning_logo_circulo.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 60px;
  height: 50px;
  margin-left: 10px;
  margin-right: 0;
  padding-left: 0;
}

.mgmnlogo.simuladores {
  background-image: url('../images/logo_simuladores_empresariales_circulo.svg');
}

.mgmnlogo.inmersis {
  background-image: url('../images/logo_inmersis_circulo.svg');
}

.mgmnlogo.identia {
  background-image: url('../images/logo_identia_circulo.svg');
}

.mgmntext {
  background-color: #e7ebf000;
  border-radius: 0;
  width: 100%;
  height: 33%;
}

.mgmntitulo {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  font-size: 1.1rem;
  font-weight: 400;
}

.mgmntitulo.portada {
  margin-left: 0;
  position: static;
}

.mgmntitulo.color:hover {
  color: #333;
}

.mgmndescripcion {
  color: #85909e;
  padding-left: 20px;
  font-size: .8rem;
  line-height: 17px;
}

.mgmndescripcion.portada {
  text-align: center;
  padding-right: 20px;
}

.list-item {
  margin-left: 0;
  padding-left: 2vh;
  padding-right: 2vh;
}

.body-3 {
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
}

.image-22 {
  width: 33%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #1a1b1fbf;
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 0;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent-2:hover {
  color: #1a1b1fbf;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.div-block-14 {
  display: flex;
}

.div-block-15 {
  border-bottom: 0 #fff;
  border-radius: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 2vh;
  display: block;
}

.div-block-15.productos {
  cursor: pointer;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.div-block-16 {
  padding-left: 2vh;
  padding-right: 2vh;
}

.image-23 {
  margin-left: 10px;
  transform: rotate(180deg);
}

.div-block-17 {
  box-sizing: border-box;
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
  margin: -30px -91px -40px -71px;
  display: flex;
  position: absolute;
  overflow: visible;
}

.productos_portada {
  background-color: #e7ebf0;
  border: 1px solid #e7ebf0;
  border-radius: 1px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.block_portada {
  background-color: #e7ebf0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.block_portada.easylearning {
  background-color: #fff;
  background-image: linear-gradient(124deg, #4990dd, #f19de0);
  width: 100%;
  display: block;
}

.block_portada.easylearning.bg-degradado-animado-01 {
  background-image: linear-gradient(158deg, #a3a2f3, #ebf3f6);
  display: flex;
}

.block_portada.identia {
  background-color: #f6f7f8;
  background-image: linear-gradient(135deg, #009bdb, #ebf3f6);
  background-position: 0 0;
  display: block;
}

.block_portada.identia.bg-degradado-animado-01 {
  display: flex;
}

.block_portada.simuladores {
  background-color: #f6f7f8;
  background-image: url('../images/portada_simuladores.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}

.block_portada.simuladores.bg-degradado-animado-01 {
  background-image: linear-gradient(158deg, #ebdc88, #e0bfd4);
  background-position: 0 0;
  display: flex;
}

.block_portada.inmersis {
  background-color: #f6f7f8;
  background-image: url('../images/inmersis.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.block_portada.lottie {
  display: flex;
}

.code-embed-2 {
  display: none;
}

.background-video {
  display: flex;
  position: relative;
}

.button-4 {
  opacity: .72;
}

.div-block-18 {
  padding-top: 10px;
}

.lottie-animation-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.lottie-animation-5, .lottie-simuladores, .lottie-identia {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  display: flex;
}

.seccion_2flex {
  background-color: #f5f5f5;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  padding-left: 10vw;
  padding-right: 10vh;
  display: flex;
  position: relative;
}

.seccion_2flex.soluciones {
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.seccion_2flex._2secciones {
  height: auto;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-19 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: auto;
  display: flex;
}

.div-block-19.gsapfadein._2colum {
  margin-left: 40px;
  margin-right: 40px;
}

.headingmain {
  color: #1e293b;
  margin-top: 0;
  font-size: 2.3rem;
}

.paragraph-2 {
  margin-top: 20px;
  margin-right: 0;
  padding-right: 0;
}

.cont_animacion {
  background-color: #dd070700;
  justify-content: center;
  align-items: flex-start;
  height: 40vh;
  padding-right: 0;
  display: flex;
  position: static;
}

.image-24 {
  width: 66%;
  max-width: 100%;
  position: relative;
}

.image-24.portatil {
  z-index: 5;
  width: 66%;
  max-width: 100%;
  position: absolute;
  left: auto;
}

.image-24.tablet {
  z-index: 10;
  width: 50%;
  max-width: 100%;
  position: absolute;
  left: auto;
}

.image-24.inmersis3d {
  z-index: 10;
  width: 80%;
  max-width: 100%;
  position: absolute;
  left: auto;
}

.image-24.simuladores {
  z-index: 10;
  width: 70%;
  max-width: 100%;
  position: absolute;
  left: auto;
}

.div-block-20 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-20.animacioneasylearing {
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-20.lottiepceasylearning {
  justify-content: center;
  align-items: flex-start;
  margin-right: 60px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-20.fade_in_identia {
  padding-left: 10px;
  padding-right: 10px;
}

.div_animacion {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  padding-right: 0;
  display: flex;
}

.rectangulo_01 {
  width: 66%;
  max-width: 100%;
  position: relative;
  top: 14px;
  left: 44px;
}

.rectangulo_01.portail {
  z-index: 5;
  width: 66%;
  max-width: 100%;
  position: absolute;
  left: auto;
}

.logoheading {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logoheading.ciclo {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  position: relative;
  top: 85px;
  left: auto;
  right: auto;
}

.iconheading2 {
  color: #1e293b;
  margin-top: 0;
  margin-left: 10px;
  font-size: 1.5rem;
}

.iconheading2.easylearning, .iconheading2.soluciones, .iconheading2.identia {
  color: #009bdb;
  font-weight: 600;
}

.iconheading2.ciclo {
  color: #1e293b;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
}

.iconheading2.simuladores {
  color: #fda337;
  font-weight: 600;
}

.iconheading2.inmersis {
  color: #0399c7;
  font-weight: 600;
}

.heading2 {
  color: #1e293b;
  margin-top: 0;
  margin-left: 10px;
  font-size: 1.5rem;
}

.heading2.easylearning {
  color: #009bdb;
  font-weight: 600;
}

.heading2.soluciones {
  color: #009bdb;
  margin-left: 0;
  font-weight: 600;
}

.bt_meinteresa {
  color: #1e293b;
  background-color: #3898ec00;
  border: 2px solid #1e293b;
  border-radius: 20px;
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.2rem;
  transition: background-color .2s;
}

.bt_meinteresa:hover {
  color: #fcfdfd;
  background-color: #1e293b;
}

.bg_menu {
  background-color: #11618b;
  border: 1px solid #0e364b;
  width: 100%;
  height: 45vh;
  display: flex;
  position: fixed;
  top: 0;
}

.sticky-wrap {
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.media-wrapper {
  background-image: url('../images/ciclo_talento_01.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 34px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.media-wrapper._02 {
  background-image: url('../images/ciclo_talento_02.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
}

.media-wrapper._03 {
  background-image: url('../images/ciclo_talento_03.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
}

.media-wrapper._04 {
  background-image: url('../images/ciclo_talento_04.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
}

.media-wrapper._05 {
  background-image: url('../images/ciclo_talento_05.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
}

.media-wrapper._06 {
  background-image: url('../images/ciclo_talento_06.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
}

.content-wrapper {
  flex: 1;
  width: 100%;
  padding: 1.4rem;
  position: relative;
}

.grow-background {
  z-index: 0;
  background-color: #f5f5f5;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.description {
  opacity: .75;
  color: #1e293b;
  text-align: center;
  letter-spacing: -.025em;
  width: auto;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.full-image {
  object-fit: cover;
  border-radius: 0;
  width: 58px;
  height: 58px;
  margin-left: 5px;
  margin-right: 5px;
}

.scroll-inner {
  align-items: flex-end;
  width: 200vw;
  height: 100%;
  margin-top: -67px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.scroll-card {
  background-color: #fff;
  border: .0625rem solid #83838329;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 30vw;
  height: 66%;
  min-height: 32rem;
  margin-bottom: 140px;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
  bottom: -5%;
  overflow: hidden;
}

.h3_ciclo {
  color: #1e293b;
  text-align: center;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2;
}

.h3_ciclo.inwhite {
  color: #fff;
  margin-bottom: .5rem;
  font-size: 2.9rem;
  font-weight: 700;
}

.text-wrapper {
  z-index: 1;
  position: relative;
}

.sticky-container {
  width: 100%;
  height: 400vw;
  padding-bottom: 0;
  display: none;
  position: relative;
}

.div-block-21 {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 50vh;
  display: flex;
}

.div-block-22 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-25 {
  border-radius: 8px;
  margin-bottom: 22px;
}

.image-26 {
  width: 58px;
  height: 58px;
}

@media screen and (min-width: 1280px) {
  .seccionfinal.v2 {
    margin-top: -2px;
  }

  .seccionfooter {
    max-height: none;
  }

  .image-3 {
    width: auto;
    height: auto;
    max-height: none;
  }

  .left.movil {
    padding-top: 25vh;
  }

  .textohero {
    width: 40%;
  }

  .seccioncontentizq.centrado {
    padding-left: 7vw;
  }

  .estadisticainfo, .estadisticainfo.up {
    padding-left: 0;
    padding-right: 0;
  }

  .videocontainer {
    width: 460px;
    height: 259px;
  }

  .image-responsive {
    width: auto;
    height: auto;
    max-height: none;
  }

  .image-16 {
    width: 100%;
    height: auto;
  }

  .recortecontain.gsapfadein {
    background-image: url('../images/BG_recorte_05.svg');
  }

  .nav-menu-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .mgmn_portada {
    justify-content: center;
    align-items: center;
    width: 33%;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    left: 831.625px;
  }

  .mgmnseccion, .mgmnseccion.easylearning {
    height: 50%;
  }

  .mgmnseccion.inmersis {
    transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
  }

  .mgmntitulo.portada {
    margin-bottom: 0;
  }

  .mgmndescripcion {
    text-align: left;
  }

  .mgmndescripcion.portada {
    text-align: center;
    padding-right: 20px;
  }

  .image-22 {
    width: 33%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 1440px) {
  .seccionfooter {
    height: 100svh;
  }

  .image-3 {
    width: 100%;
    height: auto;
  }

  .left.movil {
    padding-top: 25vh;
  }

  .textohero {
    width: 40%;
  }

  .logoscontainer.main {
    background-color: #f5f5f5;
  }

  .seccioncontentizq.centrado {
    padding-left: 10vw;
    padding-right: 2vw;
  }

  .heading-es1.gsapfadein.v2 {
    background-image: linear-gradient(90deg, #537ec7, #a38acb);
  }

  .estadisticainfo, .estadisticainfo.up {
    padding-left: 0;
    padding-right: 0;
  }

  .videocontainer {
    width: 500px;
    height: 279px;
  }

  .heading-seccionmiddle.textin.up.v2 {
    background-image: linear-gradient(90deg, #537ec7, #a38acb);
  }

  .image-responsive, .image-16 {
    width: 100%;
    height: auto;
  }

  .secciontransicionv2.transicion {
    margin-top: -1px;
  }

  .degraddadodown {
    height: 100vh;
    inset: auto 0% 0% auto;
  }

  .degradadoabajo {
    height: 100vh;
  }

  .nav-menu-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .mgmn_portada {
    width: 33%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    left: 928.625px;
  }

  .mgmnseccion, .mgmnseccion.easylearning {
    height: 33%;
  }

  .mgmnlogo {
    width: 58px;
  }

  .productos_portada {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .heading2.soluciones {
    margin-left: 0;
  }

  .bt_meinteresa {
    color: #1e293b;
    background-color: #3898ec00;
    border: 2px solid #1e293b;
    border-radius: 20px;
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1.2rem;
    display: block;
  }

  .bg_menu {
    background-color: #2779a5;
  }
}

@media screen and (min-width: 1920px) {
  .seccionatumedida {
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .lottie-container {
    padding-top: 180px;
  }

  .product-card-image.product-card-2 {
    height: 120px;
  }

  .tag-wrapper-01 {
    justify-content: center;
    align-items: flex-start;
    width: 220px;
  }

  .product-card-description {
    width: 100%;
  }

  .tag-wrapper-02 {
    width: 220px;
  }

  .image-3 {
    width: 100%;
    height: auto;
    max-height: none;
    display: block;
  }

  .tag-wrapper-03b, .tag-wrapper-04 {
    width: 220px;
  }

  .left.movil {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 25vh;
  }

  .chicaheader {
    width: 700px;
  }

  .textohero {
    width: 40%;
  }

  .tag-wrapper-05 {
    width: 220px;
  }

  .secciontransicion {
    margin-top: -12px;
  }

  .seccioncontentizq {
    justify-content: center;
    align-items: flex-end;
    padding-right: 5vw;
  }

  .seccioncontentizq.centrado {
    padding-left: 15vw;
  }

  .seccioncontentder {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10vw;
  }

  .portatilchica {
    width: 700px;
    margin-left: -146px;
  }

  .estadisticainfo {
    padding-left: 0;
    padding-right: 0;
  }

  .videocontainer {
    width: 650px;
    height: 366px;
  }

  .modal-section-simple {
    width: 50vw;
  }

  .modal-wrapper-cta01mini {
    display: flex;
  }

  .portatil-container {
    margin-left: -38%;
  }

  .tarjetastablet {
    justify-content: center;
    align-items: flex-start;
    width: 220px;
  }

  .image-responsive {
    width: 100%;
    height: auto;
    max-height: none;
    display: block;
  }

  .image-16 {
    width: 100%;
    height: auto;
  }

  .seccioncarruselv2 {
    background-image: linear-gradient(-90deg, #c5cfe6, #bab9dd), linear-gradient(#00000080, #00000080);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  }

  .text-block-up.down.gsapfadein.v3.v4 {
    margin-bottom: 80px;
    font-size: 4rem;
  }

  .text-block-up.down.gsapfadein.v3.v5 {
    font-size: 4rem;
  }

  .secciontransicionv2 {
    margin-top: -12px;
  }

  .secciontransicionv2.transicion {
    height: 450px;
    margin-top: -1px;
  }

  .mosca {
    height: 800%;
  }

  .recortecontain.gsapfadein {
    height: 450px;
  }

  .container-3, .navbar-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .nav-menu-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-video {
    height: 45vh;
  }

  .megamenu {
    width: 70%;
    height: 35vh;
  }

  .mgmn_portada {
    height: 100%;
    margin: 0 10px 0 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    left: 1230.63px;
  }

  .mgmnseccion {
    border-radius: 8px;
    height: 25%;
  }

  .mgmnseccion.easylearning {
    cursor: default;
    height: 50%;
  }

  .mgmnseccion.simuladores {
    border-radius: 8px;
    height: 50%;
  }

  .mgmnseccion.inmersis, .mgmnseccion.identia {
    height: 50%;
  }

  .mgmnlogo {
    width: 57px;
  }

  .mgmnlogo.simuladores {
    width: 59px;
    height: 50px;
    margin-left: 10px;
  }

  .mgmntitulo {
    font-size: 1.4rem;
  }

  .mgmndescripcion {
    font-size: .9rem;
    line-height: 20px;
  }

  .productos_portada {
    padding-top: 0;
    padding-bottom: 0;
  }

  .background-video {
    height: 100%;
  }

  .lottie-animation-4 {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    margin-top: 30px;
  }

  .lottie-animation-5, .lottie-simuladores, .lottie-identia {
    width: 90%;
    height: auto;
  }

  .seccion_2flex.soluciones {
    padding-left: 15vw;
    padding-right: 15vh;
  }

  .seccion_2flex._2secciones {
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 15vw;
    padding-right: 15vh;
  }

  .cont_animacion {
    justify-content: center;
    align-items: flex-start;
  }

  .image-24.inmersis3d {
    width: 80%;
  }

  .div-block-20.animacioneasylearing {
    justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-20.lottiepceasylearning {
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-20.fade_in_identia {
    justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div_animacion {
    justify-content: flex-start;
    align-items: center;
  }

  .lottie-animation-6 {
    height: auto;
  }

  .scroll-card {
    height: 66%;
  }

  .sticky-container {
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .header {
    display: none;
  }

  .image {
    padding-bottom: 0;
  }

  .seccioncarrusel {
    background-image: linear-gradient(#00000080, #00000080), url('../images/bg_carrusel.webp');
    background-position: 0 0, 50% 0;
    background-size: auto, auto;
    background-attachment: scroll, scroll;
    padding-bottom: 0;
    display: block;
  }

  .seccion01_inicio {
    flex-flow: column;
    height: 100svh;
    padding-left: 0;
    padding-right: 0;
  }

  .seccionatumedida {
    justify-content: center;
    align-items: center;
    height: 100svh;
    padding-top: 0;
  }

  .seccionatumedida.v2 {
    background-image: linear-gradient(90deg, #bab9dd, #c5d0e6);
  }

  .seccionfooter {
    justify-content: space-between;
    width: 100svw;
    height: 100svh;
    max-height: none;
    margin-top: 0;
  }

  .heading.modalheading {
    font-size: 3rem;
  }

  .cta_icon {
    width: 4em;
    height: 4em;
  }

  .heading-2.targetcolor {
    margin-top: 10px;
    font-size: 1.5rem;
  }

  .button1_letter {
    padding-bottom: 8em;
    font-size: 1.2em;
  }

  .icon {
    color: #fff;
  }

  .button1_letter-wrap {
    width: 12em;
    height: 12em;
  }

  .buttons_grid {
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .is-txt-medium {
    font-size: 1.4rem;
  }

  .is-h3 {
    font-size: 1.6rem;
  }

  .cta_grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .buttons_section {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .cta_about {
    flex-direction: row;
    padding: 2em;
  }

  .nav {
    display: none;
  }

  .heading-3 {
    font-size: 10rem;
  }

  .hero-description {
    font-size: 1.5rem;
  }

  .fantomui-img-wrapper-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .fantomui-img-wrapper-2._02b {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-right: 0;
  }

  .fantom-lottie.textin {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-left: 9px;
    display: flex;
  }

  .lottie-container {
    flex-flow: column;
    align-items: center;
    padding-top: 206px;
    display: flex;
  }

  .herotext {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }

  .lovetext.middle {
    text-align: center;
    font-size: 3rem;
  }

  .product-card-image.product-card-1, .product-card-image.product-card-2, .product-card-image.product-card-3, .product-card-image.product-card-4, .product-card-image.product-card-5 {
    height: 200px;
  }

  .tagline.tagline-promo-40 {
    font-size: .8rem;
    line-height: 1rem;
  }

  .tag-wrapper-01 {
    border-radius: 0;
    width: 200px;
    max-width: 30vw;
  }

  .product-card-description {
    width: 100%;
  }

  .tag-wrapper-02 {
    border-radius: 0;
    width: 200px;
    max-width: 30vw;
  }

  .fantomui-img-wrapper-02 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .card-01 {
    max-width: none;
    height: 35vh;
  }

  .card-01.tablet {
    border-radius: 8px;
    overflow: hidden;
  }

  .herotext2 {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }

  .global-contain {
    width: 100svw;
  }

  .modal-wrapper-onboarding {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100svw;
    max-width: 100vw;
    height: 100svh;
    max-height: 100vh;
    margin-top: 0;
    display: none;
  }

  .modal-content {
    flex-flow: column;
    max-width: 100vw;
    height: 100svh;
    max-height: 100vh;
  }

  .modal-left {
    justify-content: center;
    align-items: flex-start;
    width: 100svw;
    height: 40svh;
    display: flex;
  }

  .modal-right {
    width: 100svw;
    height: 60svh;
  }

  .heading-4 {
    justify-content: flex-start;
    margin-top: 40px;
    font-size: 3rem;
    display: block;
  }

  .text-block-3 {
    width: 100%;
    margin-top: 20px;
  }

  .modal-section {
    flex-flow: row;
    display: flex;
  }

  .bgmodal {
    height: 100vh;
  }

  .subtitle2 {
    font-size: 1.2rem;
  }

  .botoncta.hero {
    display: none;
  }

  .image-3 {
    width: 100%;
    height: auto;
    display: block;
  }

  .card-02 {
    height: 35vh;
  }

  .tag-wrapper-03 {
    width: 100%;
    max-width: 30vw;
  }

  .tag-wrapper-03b {
    width: 250px;
    max-width: 30vw;
  }

  .card-03 {
    height: 35vh;
  }

  .tag-wrapper-04 {
    border-radius: 0;
    width: 200px;
    max-width: 30vw;
  }

  .left {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 50vh;
    margin-top: 0;
    padding-bottom: 15vh;
    padding-left: 8vw;
    padding-right: 8vw;
    position: relative;
  }

  .left.movil {
    padding-top: 15vh;
  }

  .right {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100vw;
    height: 50vh;
    display: flex;
    position: static;
    overflow: visible;
  }

  .camaralogos {
    height: 8vh;
    padding-top: 5px;
  }

  .chicaheader {
    z-index: 0;
    width: 490px;
    min-width: auto;
  }

  .portatilheader {
    width: 420px;
    max-width: none;
    margin-bottom: -58px;
    margin-right: 150px;
  }

  .bg_lottie {
    height: 100vh;
    inset: 0%;
    overflow: visible;
  }

  .textohero {
    width: 80%;
  }

  .image-8 {
    z-index: 10;
    padding-top: 24%;
    padding-left: 25%;
  }

  .image-8.rotacion {
    margin-top: 44%;
    margin-left: 80%;
    padding-top: 0%;
    padding-left: 0%;
  }

  .image-9 {
    width: 200vw;
    max-width: 200%;
    height: 100vh;
    position: absolute;
    left: -636px;
  }

  .image-10 {
    z-index: 10;
    padding-top: 24%;
    padding-left: 25%;
  }

  .image-10.rotacion {
    margin-top: 50%;
    margin-left: 34%;
    padding-top: 0%;
    padding-left: 0%;
  }

  .image-11 {
    z-index: 10;
    padding-top: 24%;
    padding-left: 25%;
  }

  .image-11.rotacion {
    margin-top: 66%;
    margin-left: 78%;
    padding-top: 0%;
    padding-left: 0%;
  }

  .image-12 {
    z-index: 10;
    padding-top: 24%;
    padding-left: 25%;
  }

  .image-12.rotacion {
    margin-top: 70%;
    margin-left: 22%;
    padding-top: 0%;
    padding-left: 0%;
  }

  .tag-wrapper-05 {
    border-radius: 0;
    width: 200px;
    max-width: 30vw;
  }

  .logoscontainer {
    width: 1920px;
    height: 8vh;
    padding-top: 0;
  }

  .flex-block-up {
    width: 100%;
    margin-top: 47px;
  }

  .headerfaldon {
    box-shadow: 0 4px 5px #0000001a;
  }

  .headerfaldon.responsive {
    z-index: 300;
    padding-bottom: 8px;
  }

  .seccioncontent {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .question-text.acordeonvariante {
    margin-left: 20px;
    margin-right: 20px;
  }

  .accordion {
    width: 83.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .sectionleft {
    order: 1;
    width: 100vw;
    height: auto;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .sectionleft.gsapfadein {
    padding-left: 5svw;
    padding-right: 5svw;
    display: flex;
  }

  .section-header {
    margin-bottom: 18px;
  }

  .sectionright {
    order: -1;
    justify-content: flex-start;
    align-items: center;
    width: 100svw;
    height: 35svh;
    margin: auto auto 5svh;
  }

  .animacion02 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .iconoacordeon {
    width: 30px;
  }

  .iconocerraracordeon {
    width: 18px;
  }

  .sectionlaptoppc.lottie {
    display: none;
  }

  .seccioncontentizq {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 0;
    padding: 20px 0;
  }

  .seccioncontentizq.centrado {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 0;
    padding-right: 5vw;
  }

  .section-3 {
    flex-flow: column;
  }

  .seccioncontentder {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .seccioncontentder.up {
    padding-top: 0;
  }

  .heading-seccion {
    text-align: center;
    margin-top: 0;
    margin-bottom: 26px;
  }

  .heading-seccion.textin.middle {
    text-align: center;
    font-size: 2.4rem;
  }

  .heading-seccion.footerponsive {
    margin-bottom: -1px;
  }

  .heading-seccion.footerponsive.center {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .heading-seccion.cta {
    justify-content: center;
    align-items: center;
  }

  .textwhite {
    text-align: center;
  }

  .textwhite.videosec {
    margin-bottom: 48px;
  }

  .textwhite.menos {
    width: 90%;
  }

  .animacion01, .animacion03, .animacion04 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .animacion00 {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 0;
    display: none;
  }

  .textoanimacion00 {
    margin-left: -238px;
    font-size: 3rem;
    top: 10.7rem;
    left: 229px;
  }

  .textoanimacion00mini {
    font-size: 2rem;
    top: 14.6rem;
    left: 41px;
  }

  .chicojumpover, .iconocubo {
    width: auto;
    max-width: none;
    height: 45svh;
  }

  .subheader {
    font-size: 1.5rem;
  }

  .heading-es1 {
    font-size: 2.5rem;
  }

  .gradient-overlay {
    width: 100vw;
    height: 40svh;
    top: 0;
  }

  .heading-7 {
    margin-top: 0;
  }

  .div-block-4 {
    width: 100%;
  }

  .sectionlaptopresponsive.lottie {
    background-image: linear-gradient(-90deg, #2fb4de, #c4b4c6);
    background-size: auto;
    background-attachment: scroll;
    padding-top: 55px;
    padding-bottom: 800px;
    display: none;
  }

  .fantom-lottie-responsive.textin {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: -81px;
    margin-left: 9px;
    display: flex;
  }

  .flex-block-upp {
    flex-flow: wrap;
    place-content: stretch center;
    align-items: flex-start;
    width: 80%;
    margin-top: 526px;
  }

  .flex-block-down {
    width: 90%;
    margin-top: 25px;
  }

  .div-tarjetas {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    margin-top: 251px;
    display: flex;
  }

  .div-block-5.gsapfadein {
    width: 80%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .text-span-13.correccion {
    text-align: center;
    font-size: 2.2rem;
  }

  .text-span-13.correccion.herotext {
    margin-bottom: -24px;
  }

  .text-block-6.herotext {
    font-size: 4.2rem;
    line-height: 4rem;
  }

  .section-4 {
    margin-bottom: 25vh;
  }

  .seccionvideo.gsapfadein {
    flex-flow: column;
    align-items: center;
    height: auto;
    padding-bottom: 158px;
  }

  .seccionformulario.gsapfadein {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .textgrey {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
  }

  .textgrey.cta {
    margin-bottom: 1px;
  }

  .div-block-6.center {
    text-align: center;
  }

  .image-13 {
    width: 45px;
  }

  .textwhitebullets {
    text-align: center;
  }

  .form-block {
    text-align: center;
    margin-top: 20px;
  }

  .submit-button {
    text-align: left;
    margin-top: 33px;
  }

  .submit-button.down {
    margin-top: 27px;
  }

  .secciongranlogo.gsapfadein {
    margin-top: 30px;
    margin-bottom: 0;
    position: relative;
    top: 0;
  }

  .image-14 {
    width: 35vw;
  }

  .seccioncontacto {
    justify-content: center;
    align-items: stretch;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;
    top: auto;
    bottom: 0;
  }

  .boxcontacto {
    height: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .contactomain {
    font-size: 1.2rem;
  }

  .textcontacto {
    text-align: center;
    width: 100%;
    font-size: 1rem;
  }

  .boxpoliticas {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
  }

  .divpoliticas {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modalpoliticas {
    text-align: center;
    width: auto;
    font-size: .9rem;
  }

  .portatilchica {
    z-index: 1;
    width: 490px;
    min-width: auto;
    max-width: none;
    margin-bottom: 0;
    margin-right: 0;
  }

  .estadisticacontainer {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 40vh;
    margin-top: 66px;
    top: 0;
  }

  .divesatiditica {
    width: 50%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .estadisticainfo {
    margin-left: 5px;
    margin-right: 5px;
    font-size: .8rem;
    line-height: 1.1rem;
  }

  .estadisticainfo.up {
    margin-left: 5px;
    margin-right: 5px;
  }

  .numeroporcenateje {
    font-size: 4rem;
  }

  .porcenatejesimbolo {
    margin-top: 6px;
  }

  .numeroporcenateje2 {
    font-size: 4rem;
  }

  .div-block-7 {
    width: 220px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .videocontainer {
    justify-content: center;
    align-items: flex-start;
  }

  .modal-wrapper-politicas, .modal-content-simple {
    flex-flow: column;
  }

  .modal-section-simple {
    flex-flow: column;
    width: 75svw;
    height: 70svh;
  }

  .modal-center {
    width: 100vw;
    height: 40vh;
  }

  .modal-content-header {
    flex-flow: row;
  }

  .modal-wrapper-cta01 {
    flex-flow: column;
    width: 100svw;
    max-width: 100svw;
    height: 100svh;
    max-height: 100svh;
  }

  .secciongranlogocta {
    justify-content: center;
    align-items: center;
    height: 15svh;
    padding-bottom: 0;
    position: absolute;
    top: 0;
  }

  .modal-content-cta {
    flex-flow: column;
    width: 100svw;
    height: 100svh;
  }

  .modal-section-cta {
    flex-flow: row;
    width: 100svw;
    height: 100svh;
  }

  .seccionformulariocta {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
  }

  .seccioncontentizqcta {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .seccioncontentdercta {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .modal-wrapper-cta03minino {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    margin-left: 0;
    display: none;
    position: absolute;
    inset: auto 0% 0%;
  }

  .modal-section-ctamini {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
  }

  .modal-content-ctamini {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .secciongranlogoctamini {
    width: 45%;
    height: 25vh;
  }

  .seccionformularioctamini {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    padding-top: 0;
  }

  .seccioncontentizqctamini {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .seccioncontentderctamini {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .bgmodalmini {
    width: 100vw;
    height: 60vh;
    display: flex;
  }

  .heading-seccionctamini {
    text-align: center;
  }

  .textgreyctamini {
    text-align: center;
    width: 100%;
  }

  .textwhitebulletsmini {
    text-align: center;
  }

  .textgreyctamini2 {
    text-align: center;
    width: 100%;
  }

  .seccioncontactocta {
    position: absolute;
  }

  .boxcontactocta {
    height: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .textcontactocta {
    text-align: center;
  }

  .headercontactoctaizq {
    padding-right: 60px;
  }

  .headercontactoctader {
    margin-left: -20px;
    padding-left: 0;
  }

  .textgrey2 {
    text-align: center;
    width: 100%;
  }

  .form {
    text-align: center;
  }

  .bulletslistfooter {
    padding-bottom: 6px;
  }

  .textgreyfooter {
    text-align: center;
    width: 100%;
    margin-top: -23px;
    margin-bottom: 15px;
    display: none;
  }

  .claimkcontainer.gsapfadein {
    width: 100%;
    padding: 0 60px 42px;
  }

  .modal-wrapper-cta01mini, .modal-content-cta-half {
    flex-flow: column;
  }

  .modal-section-cta-halph {
    flex-flow: row;
    width: 100vw;
    margin-left: 0;
  }

  .secciongranlogocta-half {
    justify-content: center;
    align-items: center;
    height: 25vh;
    padding-bottom: 0;
  }

  .seccionformulariocta-half {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 75vh;
    padding-top: 0;
  }

  .seccioncontentizqcta-half {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .seccioncontentdercta-half {
    justify-content: flex-start;
    align-items: center;
    height: 50vh;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .headercontactoctaizq-half {
    padding-right: 60px;
  }

  .headercontactoctader-half {
    margin-left: -20px;
    padding-left: 0;
  }

  .claimcontainer {
    display: none;
  }

  .iconoplayer {
    margin-top: 50vh;
    margin-right: 64vw;
  }

  .iconogame {
    margin-top: 39vh;
  }

  .containerclaim.gsapfadein {
    width: 100%;
    padding-top: 16px;
    padding-left: 60px;
    padding-right: 60px;
    transform: translate(0);
  }

  .sectionlaptoptablet {
    background-image: linear-gradient(-90deg, #2fb4de, #c4b4c6);
    display: flex;
  }

  .lottie-animation-3 {
    width: auto;
    margin-top: 15svh;
    margin-bottom: 0;
    position: relative;
    top: 0;
    bottom: 20svh;
  }

  .sectiontarjetastablet {
    background-image: linear-gradient(-90deg, #2fb4de, #c4b4c6);
    justify-content: center;
    align-items: flex-start;
    width: 100svw;
    height: 100svh;
    display: flex;
  }

  .tarjetastabletcontainer {
    display: block;
  }

  .flex-blocktablet {
    border-radius: 0;
    flex-flow: wrap;
    width: 100svw;
    overflow: visible;
  }

  .tarjetastablet {
    width: 33svw;
    max-width: 30svw;
    margin-bottom: 20px;
  }

  .tarjetastablet.mobile {
    border-radius: 0;
    overflow: hidden;
  }

  .chicojumpovertexto01, .chicojumpovertexto02 {
    width: auto;
    max-width: none;
    height: 45svh;
  }

  .animacion00b {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 0;
    display: flex;
  }

  .seccioncarruselmobil {
    background-image: linear-gradient(#00000080, #00000080), url('../images/bg_carrusel.webp');
    background-position: 0 0, 50% 0;
    background-size: auto, auto;
    background-attachment: scroll, scroll;
    padding-bottom: 220px;
    display: none;
  }

  .textoanimacion {
    width: 100%;
    margin-top: 47px;
  }

  .modal-content-down, .modal-wrapper-legal, .modal-wrapper-politica-cockies {
    flex-flow: column;
  }

  .modal-wrapper-cta01-noscroll {
    flex-flow: column;
    width: 100svw;
    max-width: 100svw;
    height: 100svh;
    max-height: 100svh;
  }

  .modal-wrapper-gamificacion, .modal-wrapper-analytics, .modal-wrapper-formacion, .modal-wrapper-editores {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100svw;
    max-width: 100vw;
    height: 100svh;
    max-height: 100vh;
    margin-top: 0;
  }

  .headerresponsive {
    z-index: 300;
    display: flex;
  }

  .heading-seccionmiddle {
    text-align: center;
    margin-top: 0;
    margin-bottom: 26px;
  }

  .heading-seccionmiddle.textin {
    text-align: center;
  }

  .heading-seccionmiddle.textin.middle {
    text-align: center;
    font-size: 2.4rem;
  }

  .heading-seccionmiddle.footerponsive {
    margin-bottom: -1px;
  }

  .heading-seccionmiddle.footerponsive.center {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .boxcontactomovil {
    height: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .loottie_scroll {
    opacity: .66;
    width: 45px;
    margin-top: 0;
    margin-bottom: 20svh;
    position: static;
  }

  .loottie_scroll.v2 {
    display: flex;
  }

  .div-block-8 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 25svh;
    display: flex;
    position: sticky;
  }

  .text-block-9 {
    opacity: .85;
    color: #f0f0f0;
    margin-top: -20px;
    padding-bottom: 5px;
    font-size: .8rem;
  }

  .text-block-9.v2 {
    display: flex;
  }

  .div-block-9 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15svh;
    padding-bottom: 0;
    display: flex;
    position: sticky;
    top: 0;
    bottom: 0;
  }

  .image-responsive {
    width: 100vw;
    height: auto;
    display: block;
  }

  .checkbox-field {
    text-align: left;
    padding-left: 20px;
  }

  .image-16 {
    width: 100%;
    height: auto;
    display: inline-block;
  }

  .modal-wrapper-gamificacion2, .modal-wrapper-analytics2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100svw;
    max-width: 100vw;
    height: 100svh;
    max-height: 100vh;
    margin-top: 0;
    display: none;
  }

  .x0-simbolo {
    margin-top: 0;
  }

  .modal-wrapper-formacion2, .modal-wrapper-editores2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100svw;
    max-width: 100vw;
    height: 100svh;
    max-height: 100vh;
    margin-top: 0;
    display: none;
  }

  .cookie-paragraph {
    font-size: 12px;
    line-height: 16px;
  }

  .fs-cookie-popup {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    max-width: 95%;
    display: flex;
  }

  .fs-preferences-manager-wrapper {
    display: none;
  }

  .fs-manager-opener {
    z-index: 1;
  }

  .cookies {
    display: flex;
  }

  .sectionlaptoptabletv2 {
    background-image: linear-gradient(90deg, #bab9dd, #c5d0e6);
    display: flex;
  }

  .div-block-9-v2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15svh;
    padding-bottom: 0;
    display: flex;
    position: sticky;
    top: 0;
    bottom: 0;
  }

  .lottie-animation-3-v2 {
    width: auto;
    margin-top: 15svh;
    margin-bottom: 0;
    position: relative;
    top: -10svw;
    bottom: 20svh;
  }

  .sectiontarjetastabletv2 {
    background-image: linear-gradient(90deg, #bab9dd, #c5d0e6);
    justify-content: center;
    align-items: center;
    width: 100svw;
    height: 100svh;
    display: flex;
  }

  .tarjetastabletcontainer-v2 {
    display: block;
  }

  .seccioncarruselv2 {
    background-image: linear-gradient(90deg, #bab9dd, #c5d0e6);
    background-position: 0 0;
    padding-bottom: 0;
    display: block;
  }

  .text-block-up {
    opacity: .85;
    color: #f0f0f0;
    margin-top: -20px;
    padding-bottom: 5px;
    font-size: .8rem;
  }

  .text-block-up.down.gsapfadein.v3 {
    font-size: 2.5rem;
    position: relative;
  }

  .text-block-up.up {
    width: 100%;
    padding-top: 200px;
    font-size: 2.5rem;
  }

  .modal-wrapper-gracias {
    flex-flow: column;
  }

  .section-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-3 {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .container-4 {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .scroll-inner {
    width: 600vw;
  }

  .scroll-card {
    width: 60vw;
    height: 61.8%;
    bottom: 0%;
  }
}

@media screen and (max-width: 767px) {
  .seccioncarrusel {
    display: none;
  }

  .seccion01_inicio {
    height: 100svh;
  }

  .seccionatumedida {
    height: auto;
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading.modalheading {
    font-size: 2rem;
  }

  .button_item {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .button1_letter {
    padding-bottom: 8.5em;
    font-size: 1.1em;
  }

  .portrait {
    width: 8em;
    height: 8em;
  }

  .button1 {
    width: 6em;
    height: 6em;
  }

  .is-h4 {
    font-size: 1.5rem;
  }

  .is-txt-medium {
    font-size: 1.2rem;
  }

  .is-h3 {
    font-size: 1.4rem;
  }

  .cta_about {
    flex-direction: column;
  }

  .sectionportatil.lottie {
    padding-bottom: 50vw;
  }

  .hero-bg-img {
    object-fit: cover;
    height: 80vh;
  }

  .page-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading-3 {
    font-size: 5rem;
  }

  .hero-description {
    font-size: 1.125rem;
  }

  .fantomui-img-inner {
    border-radius: .9rem;
  }

  .fantomui-img-wrapper-2._02b {
    height: 300vh;
  }

  .lottie-gradient-bg {
    width: 150vw;
    height: 150vw;
  }

  .fantomui-img {
    border-radius: 1rem;
    width: 100%;
    max-width: 12rem;
  }

  .lottie-container {
    height: 100vh;
    overflow: hidden;
  }

  .herotext {
    font-size: 3.4rem;
    line-height: 4.1rem;
  }

  .lovetext {
    padding-top: 5svh;
    padding-bottom: 5svh;
    font-size: 1.9rem;
  }

  .tag-wrapper-01 {
    border-radius: 0;
    width: 50%;
    max-width: 40vw;
  }

  .tag-wrapper-02 {
    border-radius: 0;
    width: 50%;
    max-width: 40svw;
  }

  .herotext2 {
    font-size: 3.4rem;
    line-height: 4.1rem;
  }

  .lottie-gradient-bg-2 {
    width: 150vw;
    height: 150vw;
  }

  .modal-wrapper-onboarding {
    max-height: 100vh;
    display: none;
  }

  .modal-right {
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .modal-close {
    z-index: 100;
  }

  .heading-4 {
    font-size: 2.3rem;
  }

  .text-block-3 {
    font-size: .8rem;
  }

  .subtitle2 {
    font-size: 1rem;
  }

  .image-3 {
    text-align: left;
    width: 120%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .tag-wrapper-03 {
    width: 100%;
    max-width: 40vw;
  }

  .tag-wrapper-03b {
    max-width: 40vw;
  }

  .tag-wrapper-04 {
    border-radius: 0;
    width: 250px;
    max-width: 40vw;
  }

  .heading-5 {
    font-size: 1.8rem;
  }

  .chicaheader {
    width: 400px;
  }

  .portatilheader {
    width: 360px;
    margin-bottom: -64px;
    margin-right: 116px;
  }

  .textohero {
    font-size: 1.1rem;
  }

  .image-8.rotacion {
    margin-top: 66%;
  }

  .image-9 {
    left: -416px;
  }

  .image-10.rotacion {
    margin-top: 68%;
  }

  .image-11.rotacion {
    margin-top: 91%;
  }

  .image-12.rotacion {
    margin-top: 97%;
  }

  .tag-wrapper-05 {
    border-radius: 0;
    width: 250px;
    max-width: 40vw;
  }

  .accordion-header.js-accordion-header {
    justify-content: flex-start;
    align-items: center;
  }

  .accordion_item-image {
    width: 30px;
  }

  .accordion-body.js-accordion-body {
    background-image: none;
    background-position: 0 0;
    border-radius: 0;
    flex-flow: column;
    align-items: center;
    width: auto;
    margin-top: 10px;
    padding-left: 8px;
    display: none;
  }

  .accordion__item {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .accordion__item.js-accordion-item {
    background-color: #1e293b;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .accordion__item.js-accordion-item.active {
    background-color: #0c1729;
    background-image: radial-gradient(circle, #00000091, #fff0), linear-gradient(#22539787, #22539787), url('../images/BG_final_section.webp');
    background-position: 0 0, 0 0, 50% 0;
    background-size: auto, auto, cover;
  }

  .accordion__item.js-accordion-item.v2 {
    background-color: #fff;
  }

  .question-text {
    margin-top: 8px;
    margin-left: 15px;
  }

  .question-text.v2 {
    color: #1e293b;
  }

  .accordion {
    width: 100%;
    margin-bottom: -16px;
  }

  .accordion.js-accordion {
    justify-content: flex-start;
    align-items: center;
    width: 90svw;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: flex;
  }

  .section-header {
    margin-bottom: 0;
    display: flex;
  }

  .lottie-gradient-bg-3 {
    width: 150vw;
    height: 150vw;
  }

  .sectionlaptoppc.lottie {
    padding-bottom: 50vw;
  }

  .lottie-container-2 {
    overflow: hidden;
  }

  .seccioncontentizq {
    width: 100%;
    padding-top: 0;
  }

  .seccioncontentder {
    width: 80%;
  }

  .lottie-animation-2 {
    z-index: 50;
    margin-left: 10svw;
    margin-right: 10svw;
  }

  .heading-seccion.cta {
    margin-bottom: 1px;
  }

  .textwhite {
    width: 80%;
  }

  .textwhite.videosec {
    width: 90%;
  }

  .subheader.gsapfadein {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-7 {
    font-size: 2rem;
  }

  .sectionlaptopresponsive.lottie {
    height: auto;
    min-height: 300vh;
    padding-bottom: 50vw;
  }

  .fantom-lottie-responsive.textin {
    margin-top: -225px;
  }

  .heading-seccion-responsive.textin {
    font-size: 2.1rem;
  }

  .div-tarjetas {
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 1618px;
    position: static;
    top: -1000px;
  }

  .div-block-5.gsapfadein {
    padding: 20px 40px;
  }

  .text-span-13.correccion {
    font-size: 1.7rem;
  }

  .text-span-13.correccion.herotext {
    margin-top: 0;
  }

  .text-block-6.herotext {
    font-size: 3.2rem;
  }

  .secciontransicionout {
    height: auto;
  }

  .seccionvideo.gsapfadein {
    align-items: center;
    padding-bottom: 8px;
  }

  .seccionformulario.gsapfadein {
    justify-content: flex-start;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .textgrey {
    text-align: center;
    width: 100%;
    margin-bottom: 22px;
    font-size: 1rem;
  }

  .textgrey.movil {
    font-size: .9rem;
  }

  .textgrey.cta {
    margin-bottom: 20px;
  }

  .bulletslist {
    padding-left: 5px;
  }

  .image-13 {
    width: 35px;
    padding-right: 10px;
  }

  .textwhitebullets {
    text-align: left;
    width: 100%;
  }

  .submit-button {
    margin-top: 12px;
  }

  .submit-button.cta {
    margin-top: 38px;
  }

  .secciongranlogo.gsapfadein {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .image-14 {
    width: 40vw;
  }

  .boxcontacto {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .contactomain {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.1rem;
  }

  .iconocontact {
    width: 50px;
  }

  .textcontacto {
    width: 100%;
    font-size: .9rem;
  }

  .boxpoliticas {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding-top: 20px;
  }

  .modalpoliticas {
    width: auto;
    font-size: .8rem;
    line-height: 1rem;
  }

  .portatilchica {
    width: 400px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .divesatiditica {
    width: 33%;
  }

  .estadisticaheader {
    font-size: 1.2rem;
  }

  .estadisticainfo, .estadisticainfo.up {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .numeroporcenateje {
    font-size: 3rem;
    line-height: 5rem;
  }

  .porcenatejesimbolo {
    margin-top: 4px;
    font-size: 2rem;
  }

  .numeroporcenateje2 {
    font-size: 3rem;
  }

  .divesatiditica2 {
    width: 33%;
  }

  .videocontainer {
    justify-content: center;
    align-items: flex-start;
    width: 450px;
  }

  .modal-section-simple {
    width: 90svw;
  }

  .modalheader {
    font-size: 1.2rem;
  }

  .secciongranlogocta {
    height: 15svh;
    padding-top: 0;
  }

  .seccionformulariocta {
    height: auto;
    padding-top: 54px;
  }

  .seccionformulariocta.cta {
    padding-top: 0;
  }

  .seccioncontentizqcta {
    width: 85%;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .secciongranlogoctamini {
    width: 45%;
    height: 20vh;
  }

  .seccionformularioctamini {
    height: 80vh;
  }

  .seccioncontentizqctamini {
    width: 85%;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .textgreyctamini {
    text-align: center;
    width: 100%;
  }

  .bulletslistctamini {
    padding-left: 5px;
  }

  .bulletescontain {
    margin-top: 0;
    padding-bottom: 0;
  }

  .textwhitebulletsmini {
    text-align: left;
    width: 100%;
  }

  .textgreyctamini2 {
    text-align: center;
    width: 100%;
  }

  .seccioncontactocta {
    justify-content: flex-end;
    align-items: center;
  }

  .boxcontactocta {
    justify-content: space-around;
    width: 100%;
  }

  .divcontactocta {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .textcontactocta {
    text-align: left;
    width: 100%;
    font-size: .9rem;
  }

  .headercontactoctaizq {
    padding-right: 0;
  }

  .headercontactoctader {
    margin-left: -74px;
  }

  .textgrey2 {
    text-align: center;
    width: 100%;
  }

  .bulletslistfooter {
    padding-left: 5px;
  }

  .textgreyfooter {
    text-align: center;
    width: 100%;
    margin-bottom: 22px;
    display: none;
  }

  .claimkcontainer.gsapfadein {
    padding: 20px 40px;
  }

  .secciongranlogocta-half {
    height: auto;
    padding-top: 0;
  }

  .seccionformulariocta-half {
    height: 80vh;
    padding-top: 54px;
  }

  .seccioncontactoctahalf {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .seccioncontentizqcta-half {
    width: 85%;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .headercontactoctaizq-half {
    padding-left: 0;
    padding-right: 0;
  }

  .headercontactoctader-half {
    margin-left: 0;
  }

  .iconoplayer {
    margin-right: 53vw;
  }

  .iconopicture {
    margin-right: 66vw;
  }

  .containerclaim.gsapfadein {
    padding: 9px 40px 20px;
    display: flex;
  }

  .sectiontarjetastablet {
    height: auto;
    margin-bottom: 0;
  }

  .flex-blocktablet {
    padding-bottom: 10svh;
  }

  .tarjetastablet {
    width: 45svw;
    max-width: 45svw;
    margin-bottom: 20px;
  }

  .seccioncarruselmobil {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 32px;
    padding-bottom: 0;
    display: flex;
  }

  .seccioncarruselmobil.v2 {
    background-image: linear-gradient(90deg, #bab9dd, #c5d0e6);
    background-position: 0 0;
  }

  .accordion-body__contents-2 {
    text-align: center;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Poppins, sans-serif;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
  }

  .faq-wrapper-2 {
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    display: block;
  }

  .sectioncarruselmovil {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 10vh;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .imagecarrouselmini {
    text-align: center;
    vertical-align: baseline;
    width: 33svw;
    height: auto;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .modal-wrapper-gamificacion, .modal-wrapper-analytics, .modal-wrapper-formacion, .modal-wrapper-editores {
    max-height: 100vh;
    display: none;
  }

  .heading-seccionmiddle.textin.up {
    font-size: 2.3rem;
  }

  .boxcontactomovil {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .loottie_scroll {
    width: 35px;
  }

  .text-block-9 {
    margin-top: 0;
  }

  .image-responsive {
    text-align: left;
    width: 100vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .modal-wrapper-gamificacion2, .modal-wrapper-analytics2 {
    max-height: 100vh;
    display: none;
  }

  .x0-simbolo {
    margin-top: 4px;
    font-size: 2rem;
  }

  .modal-wrapper-formacion2, .modal-wrapper-editores2 {
    max-height: 100vh;
    display: none;
  }

  .cookie-paragraph {
    width: 100%;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
  }

  .fs-cookie-popup {
    flex-direction: column;
    margin-bottom: 2%;
    padding: 15px;
  }

  .button-wrapper {
    grid-column-gap: 10px;
    margin-top: 0;
  }

  .preferences-container {
    min-width: 300px;
    max-width: 80vw;
  }

  .sectiontarjetastabletv2 {
    height: auto;
    margin-bottom: 0;
  }

  .seccioncarruselv2 {
    display: none;
  }

  .text-block-up {
    margin-top: 0;
  }

  .section-5 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .resumen {
    display: block;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent-2 {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .sticky-wrap {
    height: auto;
    overflow: visible;
  }

  .description {
    margin-top: .875rem;
    font-size: 1.125rem;
  }

  .scroll-inner {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .scroll-card {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    width: 100%;
    margin: 1rem 0;
  }

  .h3_ciclo {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 479px) {
  .logolink {
    margin-left: 2vh;
  }

  .image {
    width: 60%;
  }

  .seccion01_inicio {
    height: 100svh;
  }

  .seccionatumedida {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .seccionfooter {
    height: 100vh;
    max-height: none;
    margin-bottom: 3svh;
  }

  .heading.modalheading {
    text-align: center;
    margin-top: 0;
    font-size: 1.5rem;
  }

  .heading-2 {
    font-size: 3rem;
  }

  .heading-2.targetcolor {
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  .button1_letter {
    padding-bottom: 8em;
    font-size: 1em;
  }

  .buttons_wrap {
    padding-top: 4em;
  }

  .button1_letter-wrap {
    width: 130px;
    height: 130px;
  }

  .buttons_grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .play-button {
    width: 4.1em;
  }

  .is-h4 {
    font-size: 1.5rem;
  }

  .patten-wrap {
    overflow: hidden;
  }

  .section_wrap {
    padding: 4em 1em;
  }

  .cta_wrap {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .cta_box {
    position: relative;
  }

  .spacer_m {
    height: 1.5em;
  }

  .boton-cta-container {
    margin-right: 2vh;
    padding-bottom: 8px;
  }

  .fantomui-img-inner {
    border-radius: 5vw;
  }

  .fantomui-img-wrapper-2 {
    height: 100vw;
  }

  .fantomui-img {
    border-radius: 5vw;
    max-width: 40vw;
  }

  .fantomui-img._03 {
    bottom: 0;
    left: -.7rem;
  }

  .fantomui-img._02 {
    top: 2.6rem;
    right: -1.1rem;
  }

  .fantomui-img._04 {
    bottom: 1rem;
  }

  .herotext {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .lovetext.middle.v2 {
    font-size: 2rem;
  }

  .tag-wrapper-01 {
    min-width: 45vw;
    max-width: 50vw;
    margin-left: 0;
    margin-right: 5px;
  }

  .product-card-description {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-2 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .tag-wrapper-02 {
    width: 100%;
    min-width: 45vw;
    max-width: 50vw;
    margin-left: 5px;
    margin-right: 0;
    transition-duration: .4s;
  }

  .fantomui-img-wrapper-02 {
    height: 100vw;
  }

  .card-01 {
    border-radius: 0;
    height: 25vh;
  }

  .card-01.tablet {
    height: auto;
    margin-bottom: 20px;
  }

  .herotext2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .modal-wrapper-onboarding {
    width: 100svw;
    max-width: none;
    height: 100svh;
    max-height: none;
    display: none;
  }

  .modal-content {
    width: 100svw;
    max-width: none;
    height: 100svh;
    max-height: none;
  }

  .modal-left {
    background-image: url('../images/bg_big_cards_onboarding_01.webp'), linear-gradient(0deg, #000, #fff);
    background-position: 50% 0, 0 0;
    background-size: cover, auto;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100svw;
    height: 40svh;
    display: flex;
  }

  .modal-right {
    justify-content: center;
    align-items: center;
    width: 100svw;
    height: 60svh;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-4 {
    margin-top: 10px;
    font-size: 2rem;
  }

  .text-block-3 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .bgmodal {
    width: 100svw;
    height: 100vh;
  }

  .subtitle2 {
    text-align: center;
    font-size: .9rem;
  }

  .botoncta {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .7rem;
  }

  .image-3 {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .card-02 {
    height: 25vh;
  }

  .button-2b {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .tag-wrapper-03 {
    width: 100%;
    min-width: 45vw;
    max-width: 50vw;
    margin-left: 5px;
    margin-right: 0;
    transition-duration: .4s;
  }

  .tag-wrapper-03b {
    min-width: 45vw;
    max-width: 50vw;
    margin-left: 0;
    margin-right: 5px;
  }

  .card-03 {
    height: 25vh;
  }

  .tag-wrapper-04 {
    width: 100%;
    min-width: 45vw;
    max-width: 50vw;
    margin-left: 5px;
    margin-right: 0;
    transition-duration: .4s;
  }

  .left {
    justify-content: flex-start;
    align-items: center;
    margin-top: 2vh;
    padding-top: 0;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .left.movil {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 5vh;
  }

  .right {
    justify-content: flex-end;
    align-items: center;
    padding-left: 0;
  }

  .heading-5 {
    text-align: center;
    font-size: 1.2rem;
  }

  .chicaheader {
    width: 350px;
    max-width: none;
    height: auto;
    margin-left: 40%;
    padding-left: 0;
    left: auto;
  }

  .portatilheader {
    width: auto;
    height: 220px;
    margin-bottom: -80px;
    margin-right: -67px;
  }

  .textohero {
    text-align: center;
    width: 90%;
    margin-top: 37px;
    font-size: .9rem;
  }

  .textohero.movil {
    margin-top: 6px;
  }

  .image-8.rotacion {
    width: 80px;
    margin-top: 91%;
    margin-left: 35%;
  }

  .image-9 {
    width: 400%;
    max-width: 400%;
    height: 100%;
    inset: auto auto 0% -481px;
  }

  .image-10.rotacion {
    width: 80px;
    margin-top: 133%;
    margin-left: 13%;
  }

  .image-11.rotacion {
    width: 80px;
    margin-top: 104%;
    margin-left: 70%;
  }

  .image-12.rotacion {
    width: 80px;
    margin-top: 184%;
    margin-left: 12%;
  }

  .tag-wrapper-05 {
    width: 100%;
    min-width: 45vw;
    max-width: 50vw;
    margin-left: 5px;
    margin-right: 0;
    transition-duration: .4s;
  }

  .accordion_item-image {
    width: 30px;
  }

  .accordion-body {
    padding-left: 56px;
  }

  .accordion-body.js-accordion-body {
    border-top: 1px solid #0000001a;
    margin-top: 20px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .accordion__item.js-accordion-item.v2 {
    display: flex;
  }

  .accordion__item.js-accordion-item.v2.active {
    background-image: linear-gradient(#849ad4, #fff0 50%), radial-gradient(circle, #00000091, #fff0), linear-gradient(#22539787, #22539787), url('../images/BG_final_section.webp');
    background-position: 0 0, 0 0, 0 0, 50% 0;
    background-size: auto, auto, auto, cover;
  }

  .question-text {
    flex: 0 100%;
    margin-bottom: 8px;
    margin-left: 16px;
    padding-right: 10px;
  }

  .question-text.v2.v3 {
    color: #fdfdfd;
  }

  .question-text.v2.active {
    color: #fff;
  }

  .faq-image, .section-header.v2 {
    margin-top: 20px;
  }

  .iconoacordeon, .iconocerraracordeon {
    width: 30px;
  }

  .seccioncontentizq {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .seccioncontentder {
    width: 92%;
    margin-top: -37px;
    margin-bottom: 0;
  }

  .seccioncontentder.up {
    margin-top: 0;
    padding-bottom: 0;
  }

  .seccioncontentder.up.campos {
    width: 100%;
  }

  .heading-seccion {
    margin-bottom: 0;
    font-size: 1.7rem;
  }

  .heading-seccion.video {
    padding-bottom: 27px;
    font-size: 1.6rem;
  }

  .textwhite.videosec {
    font-size: .8rem;
    line-height: 1.1rem;
  }

  .textwhite.menos {
    padding-top: 20px;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .textwhite.menos.v2.gsapfadein {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .subheader.gsapfadein {
    font-size: 1.3rem;
  }

  .subheader.gsapfadein.v2.oposite {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .heading-es1.gsapfadein.movil {
    text-align: center;
    font-size: 2rem;
  }

  .heading-es1.gsapfadein.v2.oposite {
    font-size: 2.6rem;
  }

  .gradient-overlay {
    width: 100svh;
    height: 40svh;
  }

  .heading-7 {
    text-align: center;
    margin-top: 70px;
    font-size: 1.5rem;
  }

  .div-block-5.gsapfadein {
    width: 90%;
    padding: 10px 20px;
  }

  .text-span-13.correccion {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-bottom: -21px;
    font-size: .9rem;
    line-height: .7rem;
    display: flex;
  }

  .mainwords.herotext {
    display: flex;
  }

  .text-block-6.herotext {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 2rem;
  }

  .seccionvideo.gsapfadein {
    padding-top: 54px;
  }

  .seccionformulario.gsapfadein {
    justify-content: center;
    align-items: center;
  }

  .textgrey {
    font-size: .9rem;
  }

  .bulletslist {
    padding-bottom: 5px;
  }

  .image-13 {
    width: 28px;
  }

  .textwhitebullets {
    font-size: .8rem;
    line-height: 1.1rem;
  }

  .form-block {
    width: 90%;
  }

  .text-field-formulario, .text-field-mail, .text-field-tlf, .text-field-empresa {
    margin-bottom: 10px;
  }

  .secciongranlogo.gsapfadein {
    margin-top: 10px;
    padding-bottom: 20px;
    position: static;
  }

  .seccioncontacto {
    justify-content: center;
    align-items: stretch;
    margin-bottom: 2svh;
    padding-bottom: 0;
    position: static;
  }

  .boxcontacto {
    width: 100%;
    height: auto;
  }

  .boxcontacto.movil {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
  }

  .divcontacto.movil {
    width: 80%;
  }

  .headercontacto {
    justify-content: flex-start;
    align-items: center;
  }

  .headercontacto.movil {
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
  }

  .contactomain {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .contactomain.movil {
    font-size: .8rem;
    font-weight: 400;
  }

  .iconocontact {
    width: 42px;
    margin-right: -19px;
  }

  .boxpoliticas {
    width: 90%;
    height: auto;
  }

  .boxpoliticas.movil {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .divpoliticas {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .modalpoliticas.movil {
    padding-bottom: 5px;
  }

  .portatilchica {
    width: 350px;
    height: auto;
    margin-bottom: 0;
    margin-left: 30%;
    margin-right: 0;
    padding-left: 0;
    left: auto;
  }

  .estadisticacontainer {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 40vh;
    margin-top: 0;
  }

  .divesatiditica {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: -59px;
  }

  .estadisticaheader {
    margin-bottom: -14px;
  }

  .porcentajecontainer {
    justify-content: center;
    align-items: flex-start;
    height: 3.8rem;
    margin-top: 0;
  }

  .estadisticainfo {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: .6rem;
    line-height: .9rem;
  }

  .estadisticainfo.up {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .numeroporcenateje {
    font-size: 2.2rem;
  }

  .porcenatejesimbolo {
    font-size: 1.3rem;
  }

  .numeroporcenateje2 {
    font-size: 2.2rem;
  }

  .divesatiditica2 {
    width: 50%;
  }

  .div-block-7 {
    width: auto;
  }

  .videocontainer {
    width: 100%;
    height: auto;
  }

  .modal-section-simple {
    flex-flow: column;
    width: 95svw;
    height: 70svh;
  }

  .modal-center {
    height: 40vh;
  }

  .modal-content-header {
    flex-flow: row;
    width: 100%;
    height: auto;
    padding: 10px;
  }

  .modal-content-header.gracias {
    height: 100px;
  }

  .modalheader {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .text-block-7 {
    padding: 10px;
  }

  .text-span-16 {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .text-span-18.menos {
    font-size: 1.7rem;
  }

  .secciongranlogocta {
    height: auto;
    margin-top: 38px;
    margin-bottom: 35px;
  }

  .modal-content-cta {
    justify-content: center;
    align-items: center;
    position: static;
  }

  .modal-section-cta {
    justify-content: space-between;
  }

  .seccionformulariocta {
    height: auto;
    padding-top: 0;
  }

  .seccioncontentizqcta {
    width: 90%;
    height: auto;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .seccioncontentdercta {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .secciongranlogoctamini {
    height: 15vh;
  }

  .seccionformularioctamini {
    height: 85vh;
  }

  .seccioncontentizqctamini {
    width: 90%;
    height: 40vh;
    padding-left: 5px;
    padding-right: 5px;
  }

  .seccioncontentderctamini {
    margin-top: -94px;
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .heading-seccionctamini {
    font-size: 1.7rem;
  }

  .textgreyctamini {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .textgreyctamini2 {
    font-size: .8rem;
  }

  .botonctamini {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .7rem;
  }

  .seccioncontactocta {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .boxcontactocta {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .divcontactocta {
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
  }

  .textcontactocta {
    width: auto;
    padding-left: 10px;
  }

  .iconocontactcta {
    width: 20px;
    margin-right: 0;
    padding-right: 0;
  }

  .headercontactoctaizq {
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .headercontactoctader {
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }

  .textgrey2 {
    font-size: .9rem;
  }

  .bulletslistfooter {
    padding-bottom: 5px;
  }

  .textgreyfooter {
    font-size: .9rem;
  }

  .claimkcontainer.gsapfadein {
    width: 100%;
    padding: 26px 20px 10px;
  }

  .modal-content-cta-half {
    justify-content: flex-start;
    align-items: center;
    position: static;
  }

  .modal-section-cta-halph {
    justify-content: space-between;
  }

  .secciongranlogocta-half {
    height: auto;
    margin-top: 38px;
    margin-bottom: 35px;
  }

  .seccionformulariocta-half {
    height: auto;
    padding-top: 0;
  }

  .seccioncontactoctahalf {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .seccioncontentizqcta-half {
    width: 90%;
    height: 40vh;
    padding-left: 10px;
    padding-right: 10px;
  }

  .seccioncontentdercta-half {
    height: auto;
    margin-top: -37px;
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .headercontactoctaizq-half {
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .headercontactoctader-half {
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }

  .iconoplayer {
    width: 60px;
    margin-top: 55vh;
  }

  .iconopicture {
    width: 60px;
    margin-right: 79vw;
  }

  .iconobook {
    width: 60px;
  }

  .iconogame {
    width: 65px;
    max-width: 90%;
    margin-top: 45vh;
  }

  .containerclaim.gsapfadein {
    width: 100%;
    padding: 5px 10px 10px;
  }

  .textblockclaim {
    margin-top: 20px;
  }

  .tarjetastablet {
    width: 80svw;
    min-width: 45vw;
    max-width: 80vw;
    margin-left: 0;
    margin-right: 0;
  }

  .tarjetastablet.mobile {
    margin-bottom: 0;
  }

  .tarjetastablet.mobile.v2 {
    width: 280px;
    max-width: 90vw;
    margin-bottom: 10px;
  }

  .botonctaidnoscroll {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .7rem;
  }

  .modal-wrapper-gamificacion, .modal-wrapper-analytics, .modal-wrapper-formacion, .modal-wrapper-editores {
    width: 100svw;
    height: 100svh;
  }

  .headerresponsive {
    display: flex;
  }

  .heading-seccionmiddle {
    margin-bottom: 0;
    font-size: 1.7rem;
  }

  .heading-seccionmiddle.textin.up {
    padding-top: 20px;
    font-size: 2rem;
  }

  .heading-seccionmiddle.v2.gsapfadein {
    padding-top: 40px;
  }

  .boxcontactomovil {
    width: 100%;
    height: auto;
  }

  .boxcontactomovil.movil {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .image-responsive {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .checkboxtext {
    font-size: .8rem;
  }

  .modal-wrapper-gamificacion2, .modal-wrapper-analytics2 {
    width: 100svw;
    max-width: none;
    height: 100svh;
    max-height: none;
    display: none;
  }

  .x0-simbolo {
    font-size: 1.3rem;
  }

  .modal-wrapper-formacion2, .modal-wrapper-editores2 {
    width: 100svw;
    max-width: none;
    height: 100svh;
    max-height: none;
    display: none;
  }

  .cookie-paragraph {
    max-width: 200px;
    margin-bottom: 0;
    font-size: 12px;
  }

  .fs-cookie-popup {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 90%;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 15px;
    display: grid;
  }

  .cookie-tag {
    margin-bottom: 2px;
  }

  .close-button {
    top: 10px;
    right: 10px;
  }

  .button-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .fs-preferences-manager-wrapper {
    align-items: flex-start;
    padding-top: 5vw;
    overflow: scroll;
  }

  .button-3.deny, .button-3.accept {
    margin-right: 0;
  }

  .privacy-title {
    margin-bottom: 10px;
  }

  .preferences-link {
    margin-right: 0;
  }

  .preferences-container {
    padding: 15px;
  }

  .text-block-up.down.gsapfadein.v3, .text-block-up.up {
    font-size: 2rem;
  }

  .secciontransicionv2.transicion, .recortecontain.gsapfadein {
    height: 200px;
  }

  .image-19 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-3 {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .container-4 {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bcc-480ccc6b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e1e4cc68-ff1e-00d6-033d-108d849c9374-480ccc6b {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bce-480ccc6b {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bca-480ccc6b {
  order: 9999;
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61be6-480ccc6b, #w-node-b17835fd-699e-b52c-93ab-32fb0de61bf0-480ccc6b, #w-node-b17835fd-699e-b52c-93ab-32fb0de61bfa-480ccc6b, #w-node-b17835fd-699e-b52c-93ab-32fb0de61c04-480ccc6b {
  place-self: center end;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bcc-717acb91 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e1e4cc68-ff1e-00d6-033d-108d849c9374-717acb91 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bce-717acb91 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bca-717acb91 {
  order: 9999;
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61be6-717acb91, #w-node-b17835fd-699e-b52c-93ab-32fb0de61bf0-717acb91, #w-node-b17835fd-699e-b52c-93ab-32fb0de61bfa-717acb91, #w-node-b17835fd-699e-b52c-93ab-32fb0de61c04-717acb91 {
  place-self: center end;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bcc-ef440f7c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e1e4cc68-ff1e-00d6-033d-108d849c9374-ef440f7c {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bce-ef440f7c {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61bca-ef440f7c {
  order: 9999;
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b17835fd-699e-b52c-93ab-32fb0de61be6-ef440f7c, #w-node-b17835fd-699e-b52c-93ab-32fb0de61bf0-ef440f7c, #w-node-b17835fd-699e-b52c-93ab-32fb0de61bfa-ef440f7c, #w-node-b17835fd-699e-b52c-93ab-32fb0de61c04-ef440f7c {
  place-self: center end;
}

@media screen and (max-width: 479px) {
  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bc9-480ccc6b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-e1e4cc68-ff1e-00d6-033d-108d849c9374-480ccc6b {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: end;
  }

  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bce-480ccc6b {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: end;
  }

  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bca-480ccc6b {
    place-self: auto;
  }

  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bc9-717acb91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-e1e4cc68-ff1e-00d6-033d-108d849c9374-717acb91 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: end;
  }

  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bce-717acb91 {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: end;
  }

  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bca-717acb91 {
    place-self: auto;
  }

  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bc9-ef440f7c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-e1e4cc68-ff1e-00d6-033d-108d849c9374-ef440f7c {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: end;
  }

  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bce-ef440f7c {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: end;
  }

  #w-node-b17835fd-699e-b52c-93ab-32fb0de61bca-ef440f7c {
    place-self: auto;
  }
}