@font-face {
  font-family: Circular book;
  src: url('../fonts/CircularXXWeb-Book.woff') format("woff"), url('../fonts/CircularXXWeb-Book.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular book;
  src: url('../fonts/CircularXXWeb-BookItalic.woff') format("woff"), url('../fonts/CircularXXWeb-BookItalic.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circular medium;
  src: url('../fonts/CircularXXWeb-Medium.woff') format("woff"), url('../fonts/CircularXXWeb-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular medium;
  src: url('../fonts/CircularXXWeb-MediumItalic.woff') format("woff"), url('../fonts/CircularXXWeb-MediumItalic.woff') format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circular bold;
  src: url('../fonts/CircularXXWeb-Bold.woff') format("woff"), url('../fonts/CircularXXWeb-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular bold;
  src: url('../fonts/CircularXXWeb-BoldItalic.woff') format("woff"), url('../fonts/CircularXXWeb-BoldItalic.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ppmigra;
  src: url('../fonts/PPMigra-SemiboldItalic.otf') format("opentype"), url('../fonts/PPMigra-SemiboldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ppmigra;
  src: url('../fonts/PPMigra-Semibold.otf') format("opentype"), url('../fonts/PPMigra-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular Black;
  src: url('../fonts/CircularStd-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular Black;
  src: url('../fonts/CircularStd-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --principal: #ff4e18;
  --black: #222;
  --white: white;
  --_default-2---white: white;
  --_default-2---principal: #ff4e18;
  --beat: #2970fa;
  --beat-dark: #0d55e1;
  --vice: #fa0;
  --vice-dark: #f19800;
  --real: #73884c;
  --real-dark: #5a6c38;
  --warm-3: #fefcfa;
  --warm-2: #f5f3f1;
  --warm-1: #e4e2e0;
  --grey-1: #757371;
  --grey-3: #cdcbc9;
  --grey-2: #a19f9d;
  --blue-hl: #dcf4ff;
  --blue-background: #e8ebf0;
  --principal-hover: #cd3e12;
  --sp-beat-accent: #ff26fc;
  --sp-beat-bg: #2e432a;
  --sn-beat-highlight: #f5e319;
  --sp-vice-bg: #572115;
  --sp-vice-accent: #ff620a;
  --sp-vice-highlight: #7ce9d5;
  --sp-real-bg: #383c9b;
  --sp-real-highlight: #fbff44;
  --sp-real-accent: #35d01c;
  --gold: #ffc42e;
  --crimson-navidad: #eb3b42;
  --goldenrod: #edb353;
  --peru: #d29458;
  --3a205f: var(--principal);
  --_default-2---beat: #2970fa;
  --_default-2---beat-dark: #0d55e1;
  --_default-2---vice: #fa0;
  --_default-2---vice-dark: #f19800;
  --_default-2---real: #73884c;
  --_default-2---real-dark: #5a6c38;
  --_default-2---warm-3: #fefcfa;
  --_default-2---warm-2: #f5f3f1;
  --_default-2---warm-1: #e4e2e0;
  --_default-2---black: #222;
  --_default-2---grey-1: #757371;
  --_default-2---grey-3: #cdcbc9;
  --_default-2---grey-2: #a19f9d;
  --_default-2---blue-hl: #dcf4ff;
  --_default-2---blue-background: #e8ebf0;
  --_default-2---principal-hover: #cd3e12;
  --_default-2---sp-beat-accent: #ff26fc;
  --_default-2---sp-beat-bg: #2e432a;
  --_default-2---sn-beat-highlight: #f5e319;
  --_default-2---sp-vice-bg: #572115;
  --_default-2---sp-vice-accent: #ff620a;
  --_default-2---sp-vice-highlight: #7ce9d5;
  --_default-2---sp-real-bg: #383c9b;
  --_default-2---sp-real-highlight: #fbff44;
  --_default-2---sp-real-accent: #35d01c;
  --_default-2---gold: #ffc42e;
  --_default-2---crimson-navidad: #eb3b42;
  --_default-2---goldenrod: #edb353;
  --_default-2---peru: #d29458;
  --_default-2---3a205f: var(--_default-2---principal);
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  background-color: #0000;
  flex-direction: column;
  font-family: Circular book, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  display: block;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
  font-family: Solanel;
  display: block;
}

a {
  color: var(--principal);
  font-weight: 400;
  text-decoration: none;
}

.big-text-b-r-l {
  color: #222;
  text-align: center;
  margin-bottom: 12px;
  font-family: Circular book, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.big-text-b-r-l.margin-bottom-40 {
  margin-bottom: 40px;
  display: flex;
}

.big-text-b-r-l._20 {
  margin-bottom: 20px;
}

.big-text-b-r-l.blue {
  color: #5252ff;
  margin-bottom: 0;
  font-size: 24px;
}

.big-text-b-r-c {
  color: #222;
  text-align: center;
  width: 120%;
  margin-bottom: 10px;
  font-family: Circular book, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.big-text-b-r-c._80 {
  max-width: 24ch;
  line-height: 1.2;
}

.grid-3-items {
  grid-column-gap: 46px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
  margin-bottom: 0;
}

.grid-3-items.home {
  grid-column-gap: 30px;
  width: 80%;
}

.image-20 {
  width: 160px;
  margin-bottom: 20px;
}

.module-faq {
  flex-direction: column;
  align-items: center;
  max-width: 1100px;
  margin-top: 0;
  display: flex;
}

.accordion-wrapper {
  max-width: 75ch;
  margin-top: 40px;
}

.big-text-g-r-l {
  color: var(--black);
  margin-bottom: 20px;
  font-family: Circular book, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.div-equipo-img {
  flex: 0 auto;
  order: -1;
  align-self: center;
  position: relative;
}

.image-equipo {
  object-fit: cover;
  object-position: 100% 50%;
  border-radius: 10px;
  width: 500px;
  height: 450px;
}

.div-equipo-txt {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 80%;
  max-width: 800px;
  margin-left: 60px;
  display: flex;
}

.firma {
  float: right;
  text-align: right;
  width: 300px;
  font-family: Circular bold, sans-serif;
  font-style: italic;
  font-weight: 700;
}

.section-zigzag {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 20px;
  overflow: hidden;
}

.container-libro {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1140px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.img-clubs {
  z-index: 1;
  object-fit: cover;
  border-radius: 10px;
  order: 1;
  width: 640px;
  height: 420px;
  position: relative;
}

.white-column-icon {
  background-color: var(--white);
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 35px 0 20px;
  display: flex;
}

.white-column-icon.home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-top: 0;
  padding-bottom: 0;
}

.section-faq {
  background-color: var(--white);
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.div-equipo-txt-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 380px;
  margin-left: 0;
  margin-right: 40px;
  display: flex;
}

.div-equipo-txt-copy._2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.div-zigzag-derecha-copy {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.accordion-item-2 {
  width: 100%;
  overflow: hidden;
}

.accordion-toggle {
  border-top: 1px solid #e4e2e0;
  border-radius: 0;
  align-items: center;
  height: 80px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.accordion-icon {
  color: #5252ff;
  margin-right: 0;
}

.dropdown-list-2 {
  background-color: #fff;
  padding: 0 0 20px;
  display: block;
  position: static;
}

.texto-acordeon {
  color: var(--black);
  font-family: Circular bold, sans-serif;
  font-weight: 700;
}

.big-text-b-r-c-copy {
  color: #222;
  text-align: center;
  text-align: center;
  margin-top: 19px;
  margin-bottom: 19px;
  font-family: Circular book, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

._16px {
  font-family: Circular medium, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.supermenu-divider {
  color: #171717;
  background-color: #c1c1c1;
  width: 1px;
  height: 16px;
}

.supermenu-link {
  color: #5d5d5d;
  text-align: center;
  width: auto;
  font-family: Circular book, sans-serif;
}

.supermenu-link:hover {
  opacity: 100;
  color: #4e3cf1;
  letter-spacing: -.25px;
  -webkit-text-stroke-width: 0px;
  font-family: Circular bold, sans-serif;
}

.supermenu-link.app {
  color: #5d5d5d;
  text-align: left;
}

.seccion-azul {
  background-color: #f0f0ff;
  padding: 60px 1%;
}

.contendor-1250 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1250px;
  display: flex;
}

.contendor-1250.centrado {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.eh1 {
  text-align: left;
  margin-top: 0;
  font-family: Ppmigra, sans-serif;
  font-size: 44px;
  line-height: 1;
}

.eh1.centrado {
  text-align: center;
  margin-top: 0;
  font-size: 44px;
}

.eh1.blanco {
  color: #fff;
  margin-top: 0;
}

.eh1._40 {
  font-size: 38px;
}

.eh1.botom-pad {
  margin-bottom: 20px;
}

.eh1.botom-pad.ancho {
  text-align: center;
  width: 300px;
  margin-bottom: 10px;
  font-size: 44px;
  line-height: 1;
}

.eparrafo {
  text-align: left;
  font-family: Circular book, sans-serif;
}

.eparrafo.centrado {
  text-align: center;
}

.eparrafo.centrado.blanco {
  width: 400px;
}

.eparrafo.centrado.big {
  font-size: 22px;
}

.eparrafo.blanco {
  color: #fff;
}

.div-text-hero {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  margin-bottom: 20px;
  display: flex;
}

.eboton-azul {
  color: var(--white);
  background-color: #4e3cf1;
  border-radius: 6px;
  padding: 12px 30px;
}

.eboton-azul:hover {
  background-color: #ff4a4a;
}

.eboton-azul.modal {
  text-align: center;
  margin-top: 20px;
  padding: 8px 25px;
}

.seccion-blanca {
  background-color: #fff;
  padding: 70px 1% 60px;
}

.eh2 {
  margin-bottom: 10px;
  font-family: Circular bold, sans-serif;
  font-size: 22px;
}

.eh2.centrado {
  text-align: center;
  width: 250px;
  line-height: 1;
}

.eh2.migra {
  letter-spacing: .2px;
  font-family: Ppmigra, sans-serif;
  font-size: 28px;
}

.eh2.migra.centrado {
  width: 230px;
}

.div-titulo-seccion {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  margin-bottom: 20px;
  display: flex;
}

.div-text-cole {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tarjeta-coleccion {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border: 4px solid #5252ff;
  border-radius: 14px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 90%;
  padding: 40px;
  display: block;
}

.tarjeta-coleccion._01 {
  background-color: #bdedff;
  border-style: none;
}

.tarjeta-coleccion._02 {
  background-color: #c0ffd1;
  border-style: none;
}

.tarjeta-coleccion._03 {
  background-color: #ffe99f;
  border-style: none;
}

.tarjeta-coleccion._04 {
  background-color: #e6c0ff;
  border-style: none;
}

.tarjeta-coleccion._05 {
  background-color: #ffaacf;
  border-style: none;
}

.titulo-parrafo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.modal-1 {
  z-index: 99;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.fondo-modal-1 {
  cursor: pointer;
  background-color: #000000a6;
  position: absolute;
  inset: 0%;
}

.contenido-modal {
  background-color: #fff;
  border: 4px #5252ff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 900px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.cerrar-modal {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-end;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero-without-image {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  justify-content: center;
  align-items: center;
  padding: 120px 30px;
  display: flex;
  position: relative;
}

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

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.background-video {
  z-index: 0;
  filter: brightness(65%);
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-precio {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-130 {
  font-family: Circular bold, sans-serif;
  font-size: 48px;
  line-height: 1;
}

.top-azul {
  background-color: #e5e5ff;
  border-radius: 10px 10px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  display: flex;
}

.top-azul._01 {
  background-color: #bdedff;
}

.top-azul._02 {
  background-color: #c0ffd1;
}

.top-azul._03 {
  background-color: #ffe99f;
}

.top-azul._04 {
  background-color: #e6c0ff;
}

.top-azul._05 {
  background-color: #ffaacf;
}

.botom-blanco {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 30px;
  display: flex;
}

.image-202 {
  width: 40px;
}

.div-block-237 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-precio-int {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  display: flex;
}

.precio-int {
  font-family: Circular bold, sans-serif;
  font-size: 38px;
  line-height: 1;
}

.envio-int {
  font-size: 14px;
  line-height: 1;
  position: relative;
  top: -8px;
}

.text-block-132 {
  font-size: 14px;
}

.text-block-133 {
  color: #ff6464;
  text-align: center;
  align-self: stretch;
  margin-bottom: 10px;
  font-family: Circular bold, sans-serif;
  font-size: 20px;
}

.text-block-134 {
  font-family: Circular bold, sans-serif;
  font-size: 26px;
  line-height: .9;
}

.div-block-238 {
  flex-flow: column;
  width: 33%;
  display: flex;
}

.div-block-239 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-span-126 {
  color: #5252ff;
}

.contendor-1120 {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1120px;
  display: flex;
}

.model-2, .model-3, .model-4, .model-5 {
  z-index: 99;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.section-zigzag-copy {
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.big-text-b-r-c-copy {
  color: #222;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circular book, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.links-linea {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #818181;
  justify-content: center;
  align-items: center;
  max-width: 1140px;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.container-1288 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1100px;
  padding: 0 20px;
  display: flex;
}

.div-links {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.section-26 {
  background-color: #f6f6f6;
}

.container-1288-copy {
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.image-203 {
  margin-left: 0;
  margin-right: auto;
}

.left-arrow-10 {
  color: var(--_default-2---white);
  left: -80px;
}

.right-arrow-10 {
  color: var(--_default-2---principal);
  right: -80px;
}

.text-block-135 {
  margin-top: 10px;
  font-style: normal;
}

.s-testimonials-3 {
  background-color: #0a0b0a;
  display: none;
  position: relative;
}

.m-testimonials-3 {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1140px;
  padding: 50px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-13 {
  color: #222;
  background-color: #ffc42e;
  border-radius: 8px;
  flex: none;
  order: 1;
  align-self: center;
  padding: 10px 20px;
  font-family: Circular bold, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.button-13:hover {
  background-color: #ff620a;
}

.button-13:active {
  background-color: #ffc42e;
}

.button-13.w--current:hover {
  background-color: #ff620a;
}

.button-13.app-new {
  color: #fff;
  background-color: #ff4e18;
  border: 1px solid #ff4e18;
  transition: all .2s;
}

.button-13.app-new:hover {
  color: #ff4e18;
  background-color: #fff;
}

.button-13.app-new.nuevo {
  background-color: #5252ff;
  border-color: #5252ff;
}

.button-13.app-new.nuevo:hover {
  color: #5252ff;
  -webkit-text-stroke-color: #5252ff;
  background-color: #fff;
}

.button-13.app-new.nuevo.white {
  background-color: var(--_default-2---white);
  color: #5252ff;
  border-style: none;
  align-self: auto;
  padding: 15px 25px;
}

.s-cita-copy-2 {
  background-color: #5cc3a8;
  position: relative;
}

.s-cita-copy-2.app {
  background-color: #ff4e18;
}

.s-cita-copy-2.app.nuevo {
  background-color: #e95353;
  padding-top: 0;
  padding-bottom: 0;
}

.divquote-3 {
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 400px;
  min-height: 240px;
  margin: 20px;
  padding: 30px;
  display: flex;
}

.s-testimonials-copy-2 {
  background-color: #054046;
  position: relative;
}

.s-testimonials-copy-2.app {
  background-color: #bbcbff;
}

.s-testimonials-copy-2.app.soft-grey {
  background-color: #f0f0ff;
}

.m-testimonials-copy-2 {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1140px;
  padding: 50px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.m-testimonials-copy-2.new-app-2 {
  max-width: 100vw;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.image-93-copy-2 {
  width: 200px;
}

.hero-app-section-2 {
  background-color: #f5f3f1;
  margin-top: 80px;
  padding-top: 72px;
}

.hero-app-section-2.white {
  background-color: var(--_default-2---white);
  margin-top: 0;
}

.h1-hero-app-2 {
  color: #222;
  text-align: center;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Tiempos text;
  font-size: 3rem;
  font-weight: 500;
  line-height: 115%;
}

.wrap-hero-app-2 {
  display: flex;
}

.wrap-hero-app-2.margin-top35 {
  margin-top: 35px;
}

.app-hero-p-2 {
  margin-top: 105px;
  margin-bottom: 40px;
  font-size: 1.37rem;
}

.app-hero-p-2._22px {
  margin-top: 40px;
  font-size: 22px;
}

.app-hero-p-2._22px.red-area {
  margin-top: 0;
  margin-bottom: 0;
}

.app-hero-p-2._22px.red-area.white {
  color: var(--_default-2---white);
  max-width: 90%;
  margin-bottom: 30px;
}

.app-hero-p-2._13px {
  margin-top: 40px;
  margin-bottom: 50px;
  font-size: 13px;
}

.box-with-51 {
  width: 50%;
}

.box-with-51.app-img-bag {
  aspect-ratio: 1.1;
  background-image: url('../images/bookish-app-hero-image.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.box-with-51.text-box {
  padding-left: 8%;
}

.text-block-32-smaller-2 {
  margin-top: 10px;
  font-size: 16px;
  font-style: normal;
}

.grid-app-small-2 {
  grid-column-gap: 50px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 75%;
  margin: 50px auto 60px;
}

.grid-app-small-2.app-full-width {
  grid-column-gap: 62px;
  grid-row-gap: 36px;
  width: 100%;
}

.heading-5 {
  color: #000;
  margin-top: 20px;
  font-family: Tiempos headline;
  font-size: 1.6rem;
}

.heading-5.invite {
  text-align: left;
  margin-bottom: 20px;
  line-height: 130%;
}

.heading-5.invite.mockup {
  color: #000;
  margin-top: 30px;
  margin-bottom: 20px;
}

.heading-5.mockup {
  color: #fff;
  margin-bottom: 20px;
  line-height: 150%;
}

.heading-5.mockup._42 {
  max-width: 50%;
  margin-bottom: 10px;
  font-size: 42px;
  line-height: 135%;
}

.heading-5.mockup._42.desktop {
  max-width: 100%;
}

.heading-5.mockup._42.movile {
  max-width: 100%;
  display: none;
}

.paragraph-app-grid-2 {
  color: #000;
  line-height: 150%;
}

.paragraph-app-grid-2.invite {
  text-align: left;
  margin-bottom: 0;
}

.grid-app-wrap-2 {
  text-align: center;
}

.section-app-invitaci-n-2 {
  background-color: #f5f3f1;
  padding: 80px 55px;
}

.section-app-invitaci-n-2.nuevo {
  background-color: #fff7e6;
}

.section-app-invitaci-n-2.nuevo.hide {
  display: none;
}

.h2-app-invitacion-2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Tiempos headline;
  font-size: 3rem;
}

.grid-app-invite-2 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.wrap-card-invitaci-n-2 {
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
}

.app-mockup-wrap-2 {
  align-items: center;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.app-mockup-wrap-2.download.new {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  max-width: 1140px;
  padding-left: 0;
  padding-right: 0;
}

.app-mockup-wrap-2.blue-app {
  justify-content: center;
  align-items: center;
}

.img-google-app-2 {
  margin-bottom: 4px;
  margin-right: 20px;
}

.wrap-download-2 {
  margin-top: 20px;
}

.container-hero-2 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.image-206 {
  margin-bottom: 4px;
}

.new-app-2 {
  margin-top: 129px;
}

.new-app-2.img-hide-mobile-2 {
  width: 100%;
  max-width: 320px;
  margin-top: 0;
}

.img-hide-mobile-2 {
  width: 350px;
  display: block;
}

.red-app-section-content-2 {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2%;
  padding-right: 2%;
}

.img-red-app-full-2 {
  background-image: url('../images/img-red-desktop-full-height.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 400px;
}

.flex-text-red-app-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--_default-2---white);
  padding-top: 70px;
  padding-bottom: 70px;
  padding-right: 3%;
}

.h2-app-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Tiempos headline;
  font-size: 50px;
  line-height: 110%;
}

.img-handwritting-app-2 {
  width: 50%;
  max-width: 260px;
}

.section-app-blue-2 {
  background-color: #3a3ab6;
  background-image: url('../images/bandas-colores-section-app-blue.png');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 160px;
  padding-top: 60px;
  padding-bottom: 150px;
}

.section-last-app-2 {
  background-color: var(--_default-2---white);
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 40px;
  padding-right: 0;
}

.slider-app-nuevo-2 {
  display: none;
}

.text-wrap-app-azul-2 {
  margin-right: 60px;
}

.link {
  color: #5252ff;
}

.body {
  display: block;
}

.section-27 {
  z-index: 999;
  background-color: #fff;
  border-bottom: 2px solid #f0f0ff;
  padding-top: 20px;
  padding-bottom: 20px;
  position: sticky;
  top: 0;
}

.image-203-copy {
  margin-left: 0;
  margin-right: auto;
}

.image-207 {
  display: none;
}

.text-block-136 {
  color: #fff;
  text-decoration: none;
}

.paragraph {
  font-family: Circular bold, sans-serif;
  font-size: 33px;
}

.price {
  font-family: Circular bold, sans-serif;
  font-size: 36px;
}

.text-span-127 {
  font-family: Circular medium, sans-serif;
  font-size: 28px;
}

.text-span-128, .text-span-129, .text-span-130 {
  font-family: Circular Black, Arial, sans-serif;
  font-weight: 900;
}

.text-span-131 {
  color: #4e3cf1;
  font-family: Circular Black, Arial, sans-serif;
  font-weight: 900;
}

.text-span-132 {
  color: #4e3cf1;
  font-family: Circular Black, Arial, sans-serif;
  font-size: 26px;
  font-weight: 900;
}

.text-span-133 {
  font-family: Circular Black, Arial, sans-serif;
  font-weight: 900;
}

.bold-text {
  text-align: center;
}

.text-span-134, .text-span-135 {
  font-family: Circular Black, Arial, sans-serif;
}

.div-block-242 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -3px;
  display: flex;
}

.image-208 {
  width: 22px;
  position: relative;
  top: 0;
}

.div-block-243 {
  background-color: #4e3cf1;
  padding: 10px 15px;
}

.btn-profile {
  background-image: url('../images/profile_grey.svg');
  background-position: 0 0;
  background-size: auto;
  width: 30px;
  height: 30px;
}

.btn-profile:hover {
  background-image: url('../images/profile_blue.svg');
}

.image-209 {
  position: relative;
  top: -13px;
  left: -86px;
}

.bold-text-2 {
  font-size: 50px;
}

.bold-text-3 {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .big-text-b-r-l {
    display: block;
  }

  .big-text-b-r-l.margin-bottom-40 {
    text-align: center;
  }

  .big-text-b-r-c {
    width: 100%;
  }

  .grid-3-items {
    grid-column-gap: 24px;
    grid-row-gap: 1px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-bottom: 20px;
  }

  .module-faq {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-equipo-img {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }

  .image-equipo {
    width: 100vw;
    height: 350px;
  }

  .div-equipo-txt {
    flex: 0 auto;
    order: 1;
    align-self: center;
    width: auto;
    margin-left: 0;
  }

  .section-zigzag {
    padding-top: 80px;
  }

  .container-libro {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .img-clubs {
    margin-bottom: 40px;
  }

  .white-column-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-equipo-txt-copy {
    flex-flow: column;
    order: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: auto;
    margin-right: 0;
    display: flex;
  }

  .div-equipo-txt-copy._2 {
    order: 9999;
  }

  .div-zigzag-derecha-copy {
    flex-flow: wrap;
    flex: 0 auto;
    order: 0;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 80%;
    display: flex;
    position: relative;
    left: 0;
  }

  .big-text-b-r-c-copy {
    text-align: center;
  }

  .seccion-azul {
    padding-left: 8%;
    padding-right: 8%;
  }

  .eh1 {
    text-align: left;
  }

  .eh1._40 {
    text-align: left;
    font-size: 36px;
    line-height: 1;
  }

  .eparrafo {
    text-align: center;
  }

  .eparrafo._16px {
    text-align: left;
    line-height: 1.1;
  }

  .div-text-hero {
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .eboton-azul {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.1;
  }

  .seccion-blanca {
    padding: 70px 8%;
  }

  .eh2 {
    text-align: center;
  }

  .div-titulo-seccion {
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .div-text-cole {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: center;
  }

  .tarjeta-coleccion {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding: 30px;
  }

  .titulo-parrafo {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    width: 45%;
    display: flex;
  }

  .container-1287 {
    max-width: 728px;
  }

  .image-201 {
    width: 70px;
  }

  .contendor-1120 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: none;
  }

  .section-zigzag-copy {
    padding-top: 80px;
  }

  .big-text-b-r-c-copy {
    width: 100%;
  }

  .container-1288, .container-1288-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .slider-6 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .slider-6.app {
    background-color: #bbcbff;
  }

  .div-block-240 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .slide-nav-11 {
    margin-bottom: -20px;
  }

  .s-testimonials-3 {
    display: block;
  }

  .s-testimonials-3.app {
    background-color: #bbcbff;
  }

  .s-testimonials-3.app.soft-grey {
    background-color: #f0f0ff;
  }

  .m-testimonials-3 {
    padding-top: 31px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-13 {
    order: 2;
  }

  .slide-55 {
    background-color: #222;
  }

  .slide-55.app {
    background-color: #bbcbff;
  }

  .slide-55.app.soft-grey {
    background-color: #f0f0ff;
  }

  .image-205 {
    width: 240px;
  }

  .s-testimonials-copy-2 {
    display: none;
  }

  .m-testimonials-copy-2 {
    padding-top: 31px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-app-section-2 {
    margin-top: 60px;
  }

  .app-hero-p-2 {
    margin-top: 0;
  }

  .box-with-51.text-box {
    text-align: center;
    width: 50%;
    padding-left: 0;
  }

  .grid-app-small-2.app-full-width {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .heading-5.invite.mockup, .paragraph-app-grid-2.invite {
    text-align: center;
  }

  .grid-app-invite-2 {
    grid-column-gap: 20px;
  }

  .app-mockup-wrap-2.download {
    flex-direction: column;
  }

  .mask-10 {
    background-color: #bbcbff;
  }

  .div-block-241 {
    text-align: center;
    margin-bottom: 40px;
  }

  .red-app-section-content-2 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .img-red-app-full-2 {
    min-width: 350px;
  }

  .text-wrap-app-azul-2 {
    margin-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .big-text-b-r-l {
    display: block;
  }

  .accordion-wrapper {
    width: 100%;
  }

  .div-equipo-txt {
    width: 85vw;
  }

  .container-libro {
    justify-content: center;
  }

  .img-clubs {
    width: auto;
  }

  .white-column-icon.home {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-equipo-txt-copy {
    width: auto;
  }

  .div-zigzag-derecha-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90vw;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    left: 0;
    overflow: visible;
  }

  .texto-acordeon {
    white-space: normal;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: stretch;
    max-width: 100%;
  }

  .eh1._40 {
    font-size: 34px;
  }

  .eboton-azul {
    padding-left: 30px;
    padding-right: 30px;
  }

  .eboton-azul.modal {
    margin-top: 10px;
  }

  .seccion-blanca {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-text-cole {
    flex-flow: column;
    width: auto;
  }

  .tarjeta-coleccion {
    flex-flow: column;
  }

  .titulo-parrafo {
    width: 100%;
  }

  .modal-1 {
    display: none;
  }

  .contenido-modal {
    margin-left: 10%;
    margin-right: 10%;
  }

  .hero-without-image {
    padding: 60px 15px;
  }

  .top-azul {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 30px;
  }

  .botom-blanco {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-202 {
    display: none;
  }

  .div-block-238 {
    width: 100%;
  }

  .model-2, .model-3, .model-4, .model-5 {
    display: none;
  }

  .container-1288, .container-1288-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .left-arrow-10 {
    display: block;
  }

  .slider-6.app.soft-grey, .s-testimonials-3.app.soft-grey {
    background-color: #f0f0ff;
  }

  .button-13:hover {
    background-color: #ffc42e;
  }

  .slide-55.app.soft-grey {
    background-color: #f0f0ff;
  }

  .divquote-3 {
    width: 60%;
  }

  .right-arrow-11, .left-arrow-11 {
    display: none;
  }

  .hero-app-section-2.white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h1-hero-app-2 {
    font-size: 2.6rem;
    line-height: 3rem;
  }

  .wrap-hero-app-2.margin-top35 {
    flex-flow: column;
  }

  .app-hero-p-2._22px.red-area {
    text-align: center;
    font-size: 20px;
  }

  .box-with-51.app-img-bag {
    aspect-ratio: auto;
    background-image: none;
    width: 100%;
  }

  .box-with-51.text-box, .grid-app-small-2 {
    width: 100%;
  }

  .grid-app-small-2.app-full-width {
    grid-template-columns: 1fr;
  }

  .heading-5.mockup._42.desktop {
    display: none;
  }

  .heading-5.mockup._42.movile {
    display: block;
  }

  .grid-app-invite-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .app-mockup-wrap-2.blue-app {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
  }

  .container-hero-2.app-large {
    padding-left: 0;
    padding-right: 0;
  }

  .new-app-2.img-hide-mobile-2 {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .img-hide-mobile-2 {
    display: none;
  }

  .red-app-section-content-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column-reverse;
  }

  .img-red-app-full-2 {
    aspect-ratio: 1.2;
    background-image: url('../images/sectio-app-red-mobile.png');
    background-position: 50% 0;
    background-size: 75%;
    min-width: 100%;
  }

  .flex-text-red-app-2 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 40px;
    padding-right: 0%;
  }

  .img-handwritting-app-2 {
    max-width: 240px;
  }

  .section-app-blue-2 {
    padding-top: 35px;
    padding-bottom: 65px;
  }

  .slider-app-nuevo-2 {
    background-color: #0000;
    height: 100%;
    margin-bottom: 35px;
    padding-bottom: 50px;
    display: block;
  }

  .img-slider-app-centered-2 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .text-wrap-app-azul-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .img-app-hide-mobile-2 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .big-text-b-r-l {
    text-align: left;
    display: block;
  }

  .big-text-b-r-c {
    width: 90%;
  }

  .grid-3-items {
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 40px;
  }

  .grid-3-items.home {
    justify-content: center;
    margin-top: 0;
  }

  .module-faq {
    padding-left: 8%;
    padding-right: 8%;
  }

  .div-equipo-img {
    width: 85vw;
  }

  .image-equipo {
    margin-bottom: 0;
  }

  .firma {
    float: none;
    width: 240px;
  }

  .section-zigzag {
    padding-top: 60px;
  }

  .img-clubs {
    width: 100%;
    height: 350px;
    margin-bottom: 40px;
  }

  .white-column-icon {
    padding: 20px;
  }

  .white-column-icon.home {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-faq {
    padding-top: 60px;
  }

  .div-equipo-txt-copy {
    width: 100%;
  }

  .div-zigzag-derecha-copy {
    align-content: center;
    width: 90vw;
  }

  .texto-acordeon {
    margin-right: 20px;
  }

  .supermenu-divider {
    margin-left: 0;
    margin-right: 0;
  }

  .seccion-azul {
    padding: 12% 5%;
  }

  .contendor-1250 {
    justify-content: center;
    align-items: center;
  }

  .eh1 {
    text-align: center;
    font-size: 40px;
    line-height: 1;
  }

  .eh1._40 {
    font-size: 32px;
  }

  .eh1.botom-pad.ancho {
    width: auto;
  }

  .eparrafo {
    font-size: 16px;
  }

  .eparrafo.centrado.blanco {
    width: auto;
  }

  .eparrafo.centrado.big {
    font-size: 20px;
  }

  .eboton-azul {
    padding-left: 20px;
    padding-right: 20px;
  }

  .seccion-blanca {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .eh2 {
    line-height: 1.1;
  }

  .div-titulo-seccion {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-text-cole {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: auto;
  }

  .tarjeta-coleccion {
    flex-direction: column;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .titulo-parrafo {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .contenido-modal {
    margin-left: 20px;
    margin-right: 20px;
  }

  .hero-without-image {
    height: 450px;
  }

  .container-1287 {
    max-width: none;
    margin-left: 25px;
    margin-right: 25px;
  }

  .image-201 {
    order: -1;
    align-self: flex-start;
    width: 40px;
  }

  .contendor-1120 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-zigzag-copy {
    padding-top: 60px;
  }

  .big-text-b-r-c-copy {
    width: 90%;
  }

  .section-26 {
    display: none;
  }

  .image-203 {
    width: 150px;
    display: none;
  }

  .slider-6 {
    width: 120%;
    height: 340px;
  }

  .s-testimonials-3 {
    padding-bottom: 0;
  }

  .m-testimonials-3 {
    padding-bottom: 60px;
  }

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

  .s-cita-copy-2 {
    padding-bottom: 0;
  }

  .divquote-3 {
    min-height: 260px;
  }

  .s-testimonials-copy-2 {
    padding-bottom: 60px;
  }

  .m-testimonials-copy-2 {
    padding-bottom: 40px;
  }

  .hero-app-section-2.white {
    padding-top: 20px;
  }

  .h1-hero-app-2 {
    z-index: 10;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 2.6rem;
    line-height: 3rem;
    position: relative;
  }

  .h1-hero-app-2.nuevo {
    font-size: 30px;
    line-height: 135%;
  }

  .app-hero-p-2 {
    width: 100%;
  }

  .app-hero-p-2._22px {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
  }

  .box-with-51.text-box {
    width: 100%;
  }

  .grid-app-small-2 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-5.mockup {
    margin-top: 0;
  }

  .heading-5.mockup._42.movile {
    margin-bottom: 20px;
    font-size: 30px;
  }

  .section-app-invitaci-n-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .app-mockup-wrap-2.blue-app {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .img-google-app-2 {
    max-width: 80%;
    margin-right: 0;
  }

  .wrap-download-2 {
    justify-content: center;
    align-items: center;
    margin-top: -45px;
    margin-bottom: 37px;
    display: flex;
  }

  .container-hero-2.app-large {
    padding-top: 0;
  }

  .image-206 {
    max-width: 80%;
  }

  .flex-text-red-app-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2-app-2 {
    text-align: center;
    font-size: 30px;
  }

  .img-handwritting-app-2 {
    width: 50%;
  }

  .section-app-blue-2 {
    overflow: hidden;
  }

  .section-last-app-2 {
    padding-bottom: 0;
  }

  .slider-app-nuevo-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .img-slider-app-centered-2 {
    max-width: 85%;
  }

  .text-wrap-app-azul-2 {
    text-align: center;
    margin-right: 0;
  }

  .slide-nav-12 {
    font-size: 12px;
  }

  .slide-nav-13 {
    font-size: 13px;
  }

  .image-203-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 150px;
    display: block;
  }

  .image-207 {
    display: block;
  }

  .image-209 {
    left: 3px;
  }

  .bold-text-2 {
    font-size: 48px;
  }
}

#w-node-f9f4bfb7-2b07-5062-3156-646de535f4e7-e535f47e, #w-node-f9f4bfb7-2b07-5062-3156-646de535f4ed-e535f47e, #w-node-f9f4bfb7-2b07-5062-3156-646de535f4f3-e535f47e, #w-node-f9f4bfb7-2b07-5062-3156-646de535f4f9-e535f47e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f9f4bfb7-2b07-5062-3156-646de535f500-e535f47e {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-f9f4bfb7-2b07-5062-3156-646de535f507-e535f47e {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-f9f4bfb7-2b07-5062-3156-646de535f512-e535f47e, #w-node-f9f4bfb7-2b07-5062-3156-646de535f519-e535f47e, #w-node-f9f4bfb7-2b07-5062-3156-646de535f520-e535f47e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-f9f4bfb7-2b07-5062-3156-646de535f4f3-e535f47e, #w-node-f9f4bfb7-2b07-5062-3156-646de535f500-e535f47e, #w-node-f9f4bfb7-2b07-5062-3156-646de535f507-e535f47e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Circular book';
  src: url('../fonts/CircularXXWeb-Book.woff') format('woff'), url('../fonts/CircularXXWeb-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular book';
  src: url('../fonts/CircularXXWeb-BookItalic.woff') format('woff'), url('../fonts/CircularXXWeb-BookItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Circular medium';
  src: url('../fonts/CircularXXWeb-Medium.woff') format('woff'), url('../fonts/CircularXXWeb-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular medium';
  src: url('../fonts/CircularXXWeb-MediumItalic.woff') format('woff'), url('../fonts/CircularXXWeb-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Circular bold';
  src: url('../fonts/CircularXXWeb-Bold.woff') format('woff'), url('../fonts/CircularXXWeb-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular bold';
  src: url('../fonts/CircularXXWeb-BoldItalic.woff') format('woff'), url('../fonts/CircularXXWeb-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ppmigra';
  src: url('../fonts/PPMigra-SemiboldItalic.otf') format('opentype'), url('../fonts/PPMigra-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ppmigra';
  src: url('../fonts/PPMigra-Semibold.otf') format('opentype'), url('../fonts/PPMigra-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular Black';
  src: url('../fonts/CircularStd-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular Black';
  src: url('../fonts/CircularStd-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}