:root {
  --celeste-brincus: #396bd3;
  --gris-brincus: #313131;
  --morado-brincus: #3a1f65;
  --morado-press: #1c0b36;
  --verde-botones: #00c921;
  --verde-presionado: #09a358;
  --naranjo-brincus: #fe990d;
  --naranjo-br: #f4812e;
  --naranjo-sobre: #df6e1c;
  --soct: rgba(0, 0, 0, .31);
  --celeste-presionado: #16429e;
  --verde-brincus: #1ac370;
  --blue: #29286b;
  --white: white;
  --black-2: rgba(0, 0, 0, .05);
  --black: black;
  --rojo-brincus: #e43264;
  --white-smoke: #f0f2f6;
  --white-smoke-2: #f7f9fa;
  --white-2: rgba(255, 255, 255, .6);
  --tomato: #ff4e37;
  --goldenrod: #f6b844;
  --gris: #353535;
  --rojo-presionado: #c41848;
  --burntsienna: #fd8566;
  --light-steel-blue: #c6d9ff;
  --cornflower-blue: #8ab0ff;
  --maroon: #78321b;
  --medium-violet-red: #d239a7;
  --medium-aquamarine: #1dcea4;
  --naranjo-hover-2: var(--naranjo-br);
  --naranjo-20: rgba(255, 152, 44, .2);
  --school: #1a3bff;
  --crimson: rgba(228, 50, 100, .38);
  --plum: #b798da;
}

.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-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 {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.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;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: sfprodisplay, sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 50px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}

a {
  color: #1a1b1f;
  cursor: pointer;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  margin-right: 10px;
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figcaption {
  opacity: 1;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.divider {
  height: 1px;
  background-color: #eee;
}

.styleguide-content-wrap {
  text-align: center;
}

.plataforma {
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.plataforma.cc-cta {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
}

.paragraph-tiny {
  font-family: sfprodisplay, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.parrafo-grande {
  opacity: 1;
  color: var(--gris-brincus);
  margin-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-weight: 400;
  line-height: 34px;
}

.parrafo-grande.cc-bigger-light {
  opacity: .6;
}

.parrafo-grande.cc-bigger-white-light {
  opacity: .6;
  font-family: Sf ui display, sans-serif;
  font-weight: 400;
  line-height: 25px;
}

.button {
  width: 300px;
  background-color: var(--morado-brincus);
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 8px;
  flex: 0 auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 25px;
  font-family: Nunito, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  background-color: var(--morado-press);
  color: #fff;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-jumbo-button.cc-boton-verde {
  background-color: var(--verde-botones);
  color: #fff;
  text-align: center;
  border-radius: 200px;
  align-self: center;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button.cc-jumbo-button.cc-boton-verde:hover, .button.cc-jumbo-button.cc-boton-verde:active {
  background-color: var(--verde-presionado);
}

.button.cc-jumbo-button.cc-boton-verde.familia {
  background-color: var(--naranjo-brincus);
  margin-right: 20px;
}

.button.cc-jumbo-button.cc-boton-verde.familia:hover {
  background-color: var(--verde-presionado);
}

.button.cc-jumbo-button.cc-boton-verde.profes {
  background-color: var(--celeste-brincus);
  margin-right: 20px;
  font-style: normal;
  text-decoration: none;
}

.button.cc-jumbo-button.cc-boton-verde.profes:hover {
  background-color: var(--naranjo-brincus);
}

.button.cc-jumbo-button.cc-boton-verde.empresas {
  background-color: var(--celeste-brincus);
  text-decoration: none;
}

.button.cc-jumbo-button.cc-boton-verde.empresas:hover {
  background-color: var(--morado-brincus);
}

.button.cc-jumbo-button.cc-boton-verde.nuevo {
  margin-top: 20px;
  text-decoration: none;
}

.button.cc-registrate {
  z-index: 5;
  background-color: var(--naranjo-br);
  text-align: center;
  border-radius: 11px;
  flex: 0 auto;
  order: 0;
  justify-content: flex-end;
  align-self: auto;
  text-decoration: none;
  display: block;
  position: relative;
}

.button.cc-registrate:hover {
  background-color: var(--naranjo-sobre);
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.button.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.button.cc-inicia-sesion-copy {
  z-index: 5;
  border: 2px solid var(--naranjo-br);
  outline-color: var(--naranjo-br);
  outline-offset: 0px;
  color: var(--naranjo-br);
  background-color: #fff;
  border-radius: 11px;
  outline-width: 3px;
  outline-style: none;
  flex: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  position: relative;
}

.button.cc-inicia-sesion-copy:hover {
  background-color: #fff2e9;
}

.button.planes {
  display: inline-block;
}

.button.volver {
  border: 1px solid var(--soct);
  color: var(--gris-brincus);
  background-color: rgba(0, 0, 0, .08);
}

.button._123123 {
  background-color: var(--celeste-presionado);
  margin-right: 10px;
}

.button.asdasd, .button._2 {
  margin-right: 10px;
}

.button.peque-o {
  text-align: left;
  flex-direction: row;
  align-items: center;
  margin-top: 0;
  padding: 5px 22px;
  font-size: 9px;
  display: block;
}

.button.opc-4 {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button.pop {
  margin-top: 0;
}

.button.head {
  background-color: var(--verde-brincus);
  margin-right: 10px;
  text-decoration: none;
}

.button.head:hover {
  background-color: var(--verde-presionado);
}

.button.azul {
  background-color: var(--celeste-presionado);
  margin-right: 10px;
}

.button.azul:hover {
  background-color: var(--celeste-brincus);
}

.button._9 {
  text-transform: uppercase;
}

.button.plus {
  margin-top: 10px;
  margin-bottom: 10px;
}

.button.peque {
  font-weight: 700;
}

.button.lateral {
  text-align: left;
  margin-bottom: 10px;
}

.button.compress {
  border-radius: 8px;
  padding: 8px 10px;
}

.button.orange {
  background-color: var(--naranjo-br);
}

.button.orange:hover {
  background-color: var(--naranjo-sobre);
}

.button.secondario {
  background-color: var(--verde-brincus);
}

.button.secondario:hover {
  background-color: var(--verde-presionado);
}

.button.secondary {
  background-color: var(--verde-brincus);
  margin-left: auto;
  margin-right: auto;
}

.button.secondary:hover {
  background-color: var(--verde-presionado);
}

.button.secondary.asd {
  justify-content: center;
  display: flex;
}

.button.naranja {
  width: 250px;
  background-color: var(--naranjo-brincus);
  text-transform: none;
  border-radius: 8px;
  margin-left: 0;
  margin-right: auto;
  font-family: Nunito, sans-serif;
  font-weight: 700;
}

.button.naranja:hover {
  background-color: var(--naranjo-sobre);
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
  font-family: sfprodisplay, sans-serif;
}

.label.cc-light {
  opacity: .6;
}

.label.cc-blog-date {
  opacity: .6;
  margin-top: 20px;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.rich-text figcaption {
  opacity: .6;
}

.rich-text figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

.paragraph-light {
  max-width: 90%;
  opacity: .6;
  text-align: center;
  font-family: sfprodisplay, sans-serif;
}

.texto-titulo {
  width: auto;
  text-align: center;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 55px;
}

.texto-titulo.blanco {
  color: var(--white);
  padding-right: 20px;
  font-size: 38px;
  font-weight: 600;
}

.texto-titulo.banner {
  text-align: left;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: "sfprodisplay 1", sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  height: 460px;
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.paragraph-small {
  font-family: sfprodisplay, sans-serif;
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.logo-link.w--current {
  flex: 0 auto;
}

.menu {
  z-index: 0;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navigation-wrap {
  max-width: 1350px;
  flex-flow: row;
  flex: none;
  order: 0;
  justify-content: space-between;
  align-items: center;
  margin: 10px auto;
  display: flex;
  position: relative;
}

.menu-principal {
  z-index: 50;
  background-color: var(--white);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  align-items: center;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 6px 5px rgba(48, 35, 15, .2);
}

.menu-principal.out {
  box-shadow: 0 6px 7px 0 var(--black-2);
  display: block;
}

.navigation-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 20px;
  font-family: Nunito, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.navigation-item:hover {
  background-color: var(--black-2);
  opacity: .9;
  border-radius: 8px;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.menu-button {
  overflow: visible;
}

.logo-image {
  text-align: left;
  display: block;
}

.navigation-items {
  flex: 0 auto;
  order: -1;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  right: auto;
}

.footer-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.cta-text {
  width: 70%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.cta-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 110px;
  padding-bottom: 120px;
  display: flex;
}

.intro-header {
  height: auto;
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('../images/Mesa-de-trabajo-1Banner.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.intro-header.cc-subpage {
  height: 480px;
  color: #fff;
  background-color: #000;
  background-image: none;
}

.intro-content {
  width: 70%;
  max-width: 1140px;
  text-align: center;
}

.intro-content.cc-homepage {
  width: 100%;
  margin-bottom: 0;
}

.motto-wrap {
  width: 80%;
  text-align: center;
  margin-bottom: 85px;
  margin-left: auto;
  margin-right: auto;
}

.about-story-wrap {
  width: 80%;
  text-align: center;
  margin: 80px auto;
}

.our-services-grid {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
  margin-bottom: 120px;
}

.section-heading-wrap {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.service-icon {
  margin-bottom: 30px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  width: 70%;
  margin: 100px auto;
  display: block;
}

.contact-form-wrap {
  border: 1px solid #eee;
  padding: 45px 50px 50px;
}

.contact-form-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 2.5fr 1fr;
  align-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.details-wrap {
  margin-bottom: 30px;
}

.get-in-touch-form {
  flex-direction: column;
  display: flex;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field::placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.contact-form {
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-form-heading-wrap {
  margin-bottom: 40px;
}

.contact-heading {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
}

.map {
  height: 460px;
  margin-bottom: 100px;
  line-height: 20px;
}

.contact-team-name-wrap {
  margin-bottom: 30px;
}

.our-contacts {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  text-align: center;
  grid-template: ". . ."
  / 1fr 1fr 1fr;
  margin-bottom: 120px;
}

.contact-team-details-wrap {
  margin-top: 30px;
}

.contact-team-pic {
  height: 150px;
  background-color: #f4f4f4;
  margin-bottom: 30px;
}

.team-pic {
  width: 80%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.team-members {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: 60px;
  display: flex;
}

.team-member-title-wrap {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.team-member-name {
  opacity: 1;
  margin-bottom: 5px;
  font-family: sfprodisplay, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.projects-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "."
                 "."
                 "."
                 / 1fr;
  margin-bottom: 60px;
}

.project-name-wrap {
  width: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.project-cover-link {
  margin-bottom: 40px;
}

.project-cover-link:hover {
  opacity: .8;
}

.project-cover-link:active {
  opacity: .7;
}

.project-overview-header {
  height: 620px;
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('../images/portfolio-1---wide.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.project-overview-header.cc-project-2-header {
  background-image: url('../images/portfolio-2---wide.svg');
  background-position: 50%;
}

.project-overview-header.cc-project-3-header {
  background-image: url('../images/portfolio-3---wide.svg');
  background-size: cover;
}

.project-details-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.project-pics {
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.detail-header-image {
  width: 100%;
  height: 620px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 60px;
  display: block;
}

.detail-header-image.w--current {
  margin-bottom: 60px;
}

.blog-list-wrap {
  margin-bottom: 100px;
}

.blog-item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-preview-image {
  width: 100%;
  height: 620px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 45px;
  transition: opacity .6s;
  display: block;
}

.blog-preview-image:hover {
  opacity: .8;
}

.blog-preview-image:active {
  opacity: .7;
}

.blog-summary-wrap {
  width: 70%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.blog-heading-link {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: .8;
}

.blog-heading-link:active {
  opacity: .7;
}

.contact-email-link {
  opacity: .6;
  margin-bottom: 5px;
}

.contact-email-link:hover {
  opacity: 1;
}

.contact-email-link:active {
  opacity: .8;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

._404-wrap {
  width: 100%;
  height: 100%;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.home-content-wrap {
  margin-top: 80px;
  margin-bottom: 120px;
}

.home-section-wrap {
  margin-bottom: 30px;
}

.section-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.about-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: center;
  margin-bottom: 80px;
}

.about-grid.cc-about-2 {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: ". .";
}

.intro-text {
  width: auto;
  float: left;
  color: #000;
  padding-left: 0;
  padding-right: 0;
}

.collection-wrap {
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.subtitulos {
  color: var(--gris-brincus);
  text-align: center;
  margin: 10px auto;
  font-family: "sfprodisplay 1", sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
}

.parrafo-comprimido {
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

.blog-preview-wrap {
  width: 33.33%;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 45px;
}

.collection-list-wrapper {
  margin-bottom: 120px;
}

.business-article-heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  text-decoration: none;
}

.business-article-heading:hover {
  opacity: .8;
}

.business-article-heading:active {
  opacity: .7;
}

._w-lightbox-caption {
  background-color: rgba(0, 0, 0, .6);
}

.div-block {
  display: block;
}

.div-block-2 {
  flex: 1;
  order: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.texto-degradado {
  outline-offset: 0px;
  color: var(--white);
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-style: solid;
  border-width: 0;
  outline: 3px #000;
}

.texto-degradado.centro {
  background-image: linear-gradient(45deg, var(--naranjo-br), var(--rojo-brincus) 42%, var(--celeste-brincus) 78%, var(--verde-brincus));
  text-align: center;
  font-weight: 600;
}

.text-block {
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.slider-home {
  height: 400px;
  max-width: none;
  min-width: auto;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.carrusel-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.image {
  width: auto;
  max-width: none;
  order: 0;
}

.image.mobile {
  display: none;
}

.slide-nav {
  color: var(--black);
  display: none;
}

.slider {
  height: 500px;
  background-color: #fff;
}

.div-block-3 {
  margin-top: 20px;
  margin-bottom: 0;
}

.tab-link-recuperaci-n-post-pandemia {
  border-style: solid;
  border-width: 0 0 3px;
  border-color: black black var(--gris-brincus);
  color: var(--gris-brincus);
  background-color: #fff;
}

.tab-link-recuperaci-n-post-pandemia.w--current {
  border-bottom: 3px solid var(--verde-presionado);
  color: var(--verde-presionado);
  background-color: rgba(0, 0, 0, 0);
}

.tab-link-recuperaci-n-post-pandemia.tab-2, .tab-link-recuperaci-n-post-pandemia.tab3 {
  background-color: rgba(0, 0, 0, 0);
  font-family: Sf ui display, sans-serif;
}

.tab-link-tab-2 {
  border-bottom: 3px solid var(--gris-brincus);
  background-color: #fff;
}

.text-block-2 {
  color: var(--gris-brincus);
}

.tab-re {
  color: var(--gris-brincus);
  background-color: #fff;
  border-bottom: 3px solid #000;
}

.tab-pane-recuperaci-n-post-pandemia {
  margin-left: 0;
  margin-right: 0;
}

.text-block-3 {
  font-family: Sf ui display, sans-serif;
  font-weight: 400;
}

.text-block-4, .text-block-5, .text-block-6 {
  font-family: sfprodisplay, sans-serif;
}

.tabs {
  margin-top: 20px;
}

.tabs-content {
  padding-top: 0;
}

.image-2 {
  width: 70%;
  border-radius: 20px 20px 0 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 15px -6px #000;
}

.image-2._2 {
  box-shadow: none;
}

.selecciona-que-eres {
  max-width: 818px;
  border: 0px solid var(--morado-brincus);
  background-color: var(--white);
  background-image: linear-gradient(to bottom, var(--white-smoke), white);
  box-shadow: 1px 0 17px -1px var(--soct);
  outline-offset: 0px;
  text-align: center;
  border-radius: 200px;
  outline: 3px #555;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block;
}

.cta {
  background-image: none;
  background-size: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 40px;
}

.cta._2 {
  margin: 40px 0 0;
  display: none;
}

.heading {
  color: #fff;
  font-family: "sfprodisplay 1", sans-serif;
  font-weight: 500;
}

.div-block-4 {
  width: 1080px;
  background-color: var(--naranjo-brincus);
  text-align: center;
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex;
}

.image-3 {
  width: 200px;
  margin-right: 0;
}

.seccion__funcionalidades {
  background-color: var(--naranjo-br);
  background-image: url('../images/Mesa-de-trabajo-13fondo.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  margin-left: 0;
  margin-right: 0;
  padding-top: 60px;
  padding-bottom: 40px;
}

.seccion__funcionalidades.cc__fondoazul {
  background-image: url('../images/Mesa-de-trabajo-13-copia-2.png');
}

.seccion__funcionalidades.sky {
  z-index: 9;
  background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/1239401.jpg');
  background-position: 50% 100%, 50% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  display: none;
  position: relative;
}

.computador {
  height: auto;
  max-width: none;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.funcionalidades {
  max-width: 1000px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 20px;
}

.estadistics {
  z-index: 3;
  width: 12rem;
  float: none;
  cursor: pointer;
  position: absolute;
  top: -9%;
  bottom: auto;
  left: 15%;
  right: auto;
}

.compu {
  object-fit: fill;
  margin: 0 auto;
  display: block;
  position: static;
}

.banner-home {
  background-image: none;
  background-position: 0 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ranking {
  width: 9rem;
  position: absolute;
  top: -2%;
  bottom: auto;
  left: 12%;
  right: auto;
}

.profe {
  z-index: 1;
  width: 13rem;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 5%;
  right: auto;
}

.funcionalidades__planes {
  z-index: 2;
  width: 11rem;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -23%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.foro {
  z-index: 3;
  width: 9rem;
  position: absolute;
  top: auto;
  bottom: 24%;
  left: 18%;
  right: 0;
}

.profesor-cirtual {
  width: 11rem;
  cursor: pointer;
  position: absolute;
  top: -9%;
  bottom: auto;
  left: auto;
  right: 15%;
}

.talleres {
  width: 13rem;
  cursor: pointer;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 5%;
}

.avatar {
  width: 7rem;
  position: absolute;
  top: 33%;
  bottom: auto;
  left: auto;
  right: 21%;
}

.virtual {
  width: 9rem;
  position: absolute;
  top: auto;
  bottom: -2%;
  left: auto;
  right: 15%;
}

.seccion-3 {
  background-color: var(--white-smoke-2);
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.como-funciona {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.heading-2 {
  color: var(--gris-brincus);
  text-align: center;
  font-family: "sfprodisplay 1", sans-serif;
}

.heading-2.funciona {
  color: #d8d8d8;
  position: relative;
  top: auto;
}

.columna-color {
  border: 1px solid var(--celeste-brincus);
  background-color: var(--white);
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  box-shadow: 1px 1px 20px -5px #7097e9;
}

.columna-color.cc__lineaderecha {
  border-right: 1px solid var(--gris-brincus);
  padding-left: 20px;
  padding-right: 20px;
}

.columna-color.verde {
  border-color: var(--verde-brincus);
  box-shadow: 1px 1px 20px -5px rgba(26, 195, 112, .79);
}

.columna-color.rosa {
  border-color: var(--rojo-brincus);
  box-shadow: 1px 1px 20px -5px rgba(228, 50, 100, .61);
}

.columna-color.mora {
  border-color: var(--morado-brincus);
  box-shadow: 1px 1px 20px -5px rgba(8, 4, 12, .62);
}

.heading-3 {
  color: var(--gris-brincus);
  text-align: center;
  font-family: "sfprodisplay 1", sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.image-4, .image-4.ss {
  height: 100px;
  object-fit: contain;
}

.paragraph {
  color: var(--gris-brincus);
  text-align: center;
  font-family: sfprodisplay, sans-serif;
  line-height: 20px;
}

.seccion-4 {
  background-image: url('../images/Mesa-de-trabajo-18fondo-estrellado.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  transform: translate(0);
}

.container-2 {
  border: 1px #000;
  border-radius: 20px;
}

.div-block-5 {
  border: 2px solid var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 70px;
  margin-top: 40px;
  padding: 20px 40px;
}

.heading-4 {
  color: var(--white);
  text-align: center;
  font-family: Sf ui display, sans-serif;
  font-weight: 900;
}

.heading-4.texto-degradado {
  background-image: linear-gradient(to right, var(--naranjo-br), var(--rojo-brincus) 40%, var(--celeste-brincus) 81%, var(--verde-brincus));
  margin-bottom: 0;
}

.paragraph-2 {
  color: var(--white);
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

.column-2 {
  border-right: 1px solid var(--rojo-brincus);
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.column-2.mobile {
  border-right-color: var(--white);
}

.seccion-5 {
  background-color: var(--white-smoke-2);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 100px;
  display: none;
}

.grid {
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.image-5 {
  width: 15rem;
  float: none;
  clear: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 4%;
}

.boton_suscribete-gratis {
  min-height: 150px;
  border: 0px none var(--verde-brincus);
  cursor: pointer;
  background-image: url('../images/Mesa-de-trabajo-71.5x.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  position: relative;
}

.boton_suscribete-gratis:hover {
  filter: blur();
}

.image-6 {
  object-fit: fill;
  border-radius: 20px;
  display: block;
}

.image-7 {
  border: 5px solid var(--verde-brincus);
  border-radius: 20px;
}

.image-8 {
  border-radius: 15px;
}

.image-9 {
  border-radius: 20px;
}

.column-3 {
  border-right: 1px solid var(--white);
  border-left: 1px solid var(--white);
}

.heading-5 {
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 1rem;
  right: auto;
}

.heading-5.texto-titulo.blanco {
  text-align: left;
  line-height: 45px;
}

.heading-5.blanco {
  color: var(--white);
  line-height: 36px;
}

.heading-5.blanco._8 {
  text-align: left;
}

.boton_conoce_planes {
  object-fit: fill;
  flex-direction: row;
  justify-content: space-between;
  display: block;
  position: relative;
}

.boton_prepara_paes {
  border-radius: 15px;
  position: relative;
}

.boton_nuestros_talleres {
  position: relative;
}

.container-3 {
  max-width: 1080px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer {
  background-image: linear-gradient(to bottom, var(--morado-brincus), var(--morado-brincus));
  background-position: 0 0;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
}

.columns {
  border-bottom: 1px none var(--white);
  color: var(--white);
  flex: 1;
  align-self: center;
  padding-bottom: 20px;
}

.text-block-7 {
  font-family: Montserrat, sans-serif;
}

.text-block-8 {
  font-family: Oswald, sans-serif;
}

.text-block-9 {
  font-family: PT Sans, sans-serif;
}

.text-block-10 {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

.text-block-11 {
  font-family: Sf ui display, sans-serif;
}

.text-block-12 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.text-block-13 {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.text-block-14 {
  font-family: Varela Round, sans-serif;
}

.text-block-15 {
  font-family: Vollkorn, serif;
}

.text-block-16 {
  font-family: sfprodisplay, sans-serif;
}

.text-block-17 {
  font-family: "sfprodisplay 1", sans-serif;
}

.text-block-18, .text-block-19 {
  font-family: sfprodisplay, sans-serif;
}

.text-block-20 {
  font-size: 12px;
}

.text-block-21 {
  color: var(--white);
  padding-bottom: 17px;
  font-size: 16px;
  position: static;
}

.button-2 {
  background-color: var(--naranjo-br);
  border-radius: 20px;
  font-family: Nunito, sans-serif;
  font-weight: 700;
}

.button-2:hover {
  background-color: var(--naranjo-sobre);
  color: var(--white);
}

.link-block-2 {
  text-decoration: none;
}

.link-block-2.texto-footer {
  color: var(--white);
  font-family: sfprodisplay, sans-serif;
}

.div-block-10 {
  flex-direction: column;
  align-items: flex-start;
  font-family: Nunito, sans-serif;
  font-weight: 300;
  display: flex;
}

.link-block-3 {
  text-decoration: none;
}

.link-block-3.texto-footer {
  color: var(--white);
  font-family: sfprodisplay, sans-serif;
}

.link-block-4, .link-block-5, .link-block-6, .link-block-7, .link-block-8, .link-block-9, .link-block-10, .link, .link-2, .link-3, .link-4 {
  color: var(--white);
  text-decoration: none;
}

.column-4 {
  font-family: sfprodisplay, sans-serif;
}

.link-5 {
  color: var(--white);
  font-family: sfprodisplay, sans-serif;
  font-size: 12px;
}

.link-5:hover {
  color: var(--white);
}

.seccion_testimonios {
  color: var(--gris-brincus);
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 100px;
}

.seccion_testimonios.empressa {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
}

.testimonios {
  max-width: 1080px;
  text-align: center;
  padding-top: 20px;
}

.bold-text {
  font-weight: 500;
}

.slider-2 {
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.image-10 {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-3, .column-5 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.mask {
  flex: 1;
  align-self: auto;
}

.columns-2 {
  object-fit: fill;
  flex-direction: row;
  display: flex;
}

.heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .paragraph-4, .link-6, .text-block-22, .text-block-23 {
  font-family: sfprodisplay, sans-serif;
}

.block-quote {
  flex: 0 auto;
  font-family: sfprodisplay, sans-serif;
}

.div-block-11 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask-2 {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.image-11 {
  max-height: none;
  max-width: 25%;
  flex: 0 auto;
  order: 1;
  align-self: center;
  display: inline-block;
}

.div-block-12 {
  align-items: center;
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.paragraph-5 {
  align-self: center;
  font-family: sfprodisplay, sans-serif;
  font-weight: 400;
}

.paragraph-5.testi {
  max-width: 80%;
  flex: 1;
  align-self: center;
  margin: auto;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
}

.slider-3 {
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, 0);
  background-clip: border-box;
}

.funcionalidadres-mobile {
  display: none;
}

.columns-4 {
  align-items: center;
  display: flex;
}

.heading-12 {
  text-align: center;
}

.heading-13 {
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
  line-height: 50px;
}

.heading-13.titulo {
  max-width: none;
  text-align: center;
  font-weight: 600;
}

.h2 {
  max-width: 100%;
  color: var(--gris-brincus);
  text-align: center;
  margin: 0 auto 16px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.h2.lateral {
  text-align: left;
}

.h2.cc__blanco {
  color: var(--white);
  margin-bottom: 20px;
  line-height: 45px;
}

.h2.cc__blanco.tt {
  color: var(--white);
  text-align: left;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  line-height: 44px;
}

.h2.cc__blanco.tt.dddd {
  line-height: 20px;
}

.h2.cc__blanco.tt.sss {
  margin-bottom: 0;
}

.h2.cc__blanco.lateral {
  margin-left: 0;
}

.h2.cc__blanco.op6 {
  margin-top: 20px;
}

.h2.cc__blanco._7 {
  color: var(--gris-brincus);
}

.h2.cc__blanco._7.oi {
  max-width: 700px;
  color: var(--black);
  font-weight: 600;
}

.h2.cc__blanco.nuevo {
  max-width: 1080px;
  font-size: 40px;
  line-height: 48px;
}

.h2.cc__blanco.io {
  max-width: 1000px;
  color: var(--black);
  margin-bottom: 40px;
}

.h2._2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.h2.peque {
  color: var(--tomato);
  text-align: left;
  margin-bottom: 0;
  font-size: 25px;
}

.h2._5 {
  color: var(--blue);
  text-align: left;
  margin-bottom: 0;
}

.h2.dsd {
  color: var(--white-smoke);
}

.h2.dsd.asd {
  max-width: 70%;
}

.h2.tgfr {
  margin-bottom: 20px;
}

.h2.gratis {
  max-width: 100%;
  text-align: left;
}

.h2.otro {
  max-width: 100%;
  border: 1px solid var(--soct);
  background-color: var(--white);
  text-align: center;
  border-radius: 8px;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.h2._52 {
  max-width: 100%;
}

.h2.izq {
  color: var(--white);
  text-align: left;
  font-weight: 600;
}

.h2.izq.head {
  font-size: 40px;
  line-height: 48px;
}

.h2.sss {
  color: var(--white);
  text-align: left;
}

.h2.left {
  text-align: left;
}

.h2.blanco {
  color: var(--white);
}

.h2.grande {
  color: var(--white);
  font-size: 40px;
  line-height: 48px;
}

.titulo-3 {
  font-family: sfprodisplay, sans-serif;
  font-weight: 400;
}

.titulo-3.blanco {
  color: var(--white);
  padding-right: 30px;
}

.titulo-3.blanco.cc__grueso {
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

.heading-14 {
  max-width: 70%;
  color: var(--gris-brincus);
  margin-left: auto;
  margin-right: auto;
  font-family: sfprodisplay, sans-serif;
}

.heading-15 {
  text-align: center;
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
}

.titulo__columna {
  text-align: center;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.titulo__columna.h4 {
  font-size: 20px;
}

.heading-17 {
  text-align: center;
}

.parrafo__columna {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

.heading-18 {
  text-align: center;
  font-weight: 600;
  line-height: 30px;
}

.heading-19, .heading-20 {
  text-align: center;
}

.paragraph-7, .paragraph-8, .paragraph-9 {
  text-align: left;
}

.mask-3 {
  margin-left: auto;
  margin-right: auto;
}

.tabs-menu {
  font-family: Inter, sans-serif;
  display: none;
}

.paragraph-11 {
  color: var(--white);
  padding-top: 10px;
}

.paragraph-11.blanco {
  max-width: 85%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
}

.section {
  background-color: var(--white-smoke-2);
  background-image: url('../images/Mesa-de-trabajo-7.png');
  background-position: 50%;
  background-size: cover;
  margin: 0;
  padding-bottom: 20px;
  display: block;
}

.div-block-15 {
  justify-content: center;
  display: flex;
}

.image-12 {
  object-fit: fill;
}

.profes {
  margin-bottom: 0;
}

.titulo-asignatura {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.dropdown-2 {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.dropdown-toggle-2 {
  background-color: var(--white-smoke);
  object-fit: fill;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.dropdown-3 {
  text-align: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: static;
}

.text-block-26 {
  text-transform: none;
  font-size: 12px;
}

.profesores_asignatura {
  max-width: 818px;
  text-align: center;
  position: static;
}

.grilla-profesores {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.texto-profe {
  margin-bottom: 0;
}

.paragraph-12 {
  font-size: 12px;
}

.heading-21 {
  color: var(--gris-brincus);
}

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

.image-13 {
  object-fit: fill;
  display: block;
}

.div-block-19 {
  flex: 0 auto;
}

.opciones {
  max-width: 800px;
  background-color: var(--white-smoke-2);
  border-radius: 20px;
  margin: 0 auto;
  padding: 10px 29px 20px;
  box-shadow: 1px 1px 13px 7px rgba(0, 0, 0, .09);
}

.heading-22 {
  text-align: center;
  line-height: 24px;
  position: relative;
  top: -30px;
}

.image-14 {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.column-6 {
  padding-left: 35px;
  padding-right: 35px;
}

.grid-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.buscas {
  background-color: var(--white);
  box-shadow: 0 0 7px -3px var(--soct);
  cursor: pointer;
  border: 1px rgba(0, 0, 0, .26);
  border-radius: 20px;
  padding: 10px;
}

.taller-profe {
  border: 1px solid var(--soct);
  box-shadow: 1px 1px 3px 0 var(--soct);
  border-radius: 10px;
}

.taller-profe.press.clases {
  background-color: var(--white);
  border-style: none;
}

.heading-23 {
  color: var(--gris-brincus);
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 36px;
}

.heading-23.texto-degradado {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--naranjo-br), var(--rojo-brincus) 32%, var(--celeste-brincus) 72%, var(--morado-brincus));
}

.form-block {
  background-color: var(--blue);
  border-radius: 20px;
  margin-top: 15px;
  padding: 30px;
}

.form-block.rojo {
  background-color: var(--rojo-brincus);
  color: var(--white);
}

.contacto {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.contacto.empresas {
  background-image: linear-gradient(to bottom, var(--white-smoke-2), var(--white-smoke-2)), linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, auto;
}

.contacto.tall {
  background-image: url('../images/Mesa-de-trabajo-13-copia.png');
  background-size: cover;
}

.heading-24 {
  color: var(--gris-brincus);
  line-height: 36px;
}

.heading-24.negro {
  color: var(--gris-brincus);
}

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

.column-7 {
  text-align: left;
  position: relative;
  top: 100px;
}

.columns-5 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.heading-25 {
  margin-top: 0;
  margin-bottom: 0;
}

.planes-precios {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.planes-precios.mobile {
  display: none;
}

.div-block-22 {
  border: 1px solid var(--naranjo-br);
  background-color: #fff;
  border-radius: 10px;
  padding: 18px;
  position: relative;
}

.div-block-22.duo {
  height: 95%;
  border-color: var(--celeste-brincus);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.heading-26 {
  color: var(--gris-brincus);
  margin-bottom: 0;
}

.paragraph-13 {
  border-bottom: 1px solid var(--naranjo-br);
  color: var(--naranjo-br);
  padding-bottom: 10px;
}

.paragraph-13.azul {
  border-bottom-color: var(--celeste-brincus);
  color: var(--celeste-brincus);
}

.paragraph-13.azul.mora {
  border-bottom-color: var(--morado-brincus);
  color: var(--morado-brincus);
}

.text-span {
  font-size: 15px;
}

.button-3 {
  background-color: var(--verde-botones);
  text-align: center;
  border-radius: 10px;
  font-size: 12px;
  display: block;
}

.button-3:hover {
  background-color: var(--verde-presionado);
  color: #fff;
}

.button-3.duo {
  flex: 1;
  margin-top: 11px;
  margin-left: 5px;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.paragraph-14 {
  color: var(--naranjo-br);
  margin-top: 20px;
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  line-height: 30px;
}

.paragraph-14.azul {
  color: var(--celeste-brincus);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-27 {
  flex: 0 auto;
  align-self: center;
  position: absolute;
  top: 3%;
  bottom: auto;
  left: auto;
  right: 4%;
}

.div-block-23 {
  height: .5rem;
  background-color: var(--naranjo-br);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-23.azul {
  background-color: var(--celeste-brincus);
}

.div-block-23.azul.mora {
  background-color: var(--morado-brincus);
}

.div-block-24 {
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.div-block-23-copy {
  height: .5rem;
  background-color: var(--naranjo-br);
  border-radius: 0 0 10px 10px;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-23-copy.azul {
  background-color: var(--celeste-brincus);
}

.div-block-23-copy.azul.mora {
  background-color: var(--morado-brincus);
}

.precio-rojo {
  color: var(--rojo-brincus);
  margin-top: 20px;
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  line-height: 30px;
}

.div-rojo {
  border: 1px solid var(--rojo-brincus);
  background-color: var(--white);
  border-radius: 10px;
  padding: 18px;
  position: relative;
}

.div-rojos {
  height: .5rem;
  background-color: var(--rojo-brincus);
  border-radius: 0 0 10px 10px;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-23-rojo {
  height: .5rem;
  background-color: var(--rojo-brincus);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-left: 20px;
  margin-right: 20px;
}

.parra-rojo {
  border-bottom: 1px solid var(--rojo-brincus);
  color: var(--rojo-brincus);
  padding-bottom: 10px;
}

.div-block-25 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.div-block-26 {
  margin-top: 10px;
}

.div-block-26.mora {
  margin-top: 0;
}

.heading-28 {
  color: var(--verde-brincus);
  font-size: 15px;
}

.heading-29 {
  border: 1px none var(--naranjo-sobre);
  background-color: var(--white-smoke-2);
  color: var(--verde-presionado);
  text-align: center;
  border-radius: 20px;
  flex-direction: row;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 13px;
  display: block;
}

.container-6 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-27 {
  margin-bottom: 0;
}

.bold-text-2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-30 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Mesa-de-trabajo-13-copia.png');
  background-position: 50%;
  background-size: auto;
  border-radius: 50px;
  padding: 10px 40px;
}

.heading-30.promo {
  font-size: 13px;
  line-height: 20px;
}

.suscripcion {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.heading-31 {
  text-align: center;
  margin-bottom: 40px;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.image-15 {
  width: 150px;
  text-align: center;
  object-fit: fill;
  margin-left: auto;
  margin-right: auto;
}

.heading-32 {
  text-align: center;
  border-top: 0 solid #000;
  border-bottom: 1px solid #000;
  padding-bottom: 6px;
}

.paragraph-15 {
  text-align: center;
}

.div-block-28 {
  background-color: var(--white);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 9px -5px #000;
}

.beneficios {
  margin-top: 40px;
}

.heading-33 {
  text-align: center;
}

.section-3 {
  background-color: var(--white-smoke-2);
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 100px;
}

.grid-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f2f2f2;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr;
  padding: 10px 23px 23px;
}

.grid-5.top {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.grid-5.top.top-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
  justify-content: stretch;
  justify-items: center;
}

.grid-5.top-5 {
  border-top-right-radius: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
  justify-content: stretch;
  align-items: center;
  justify-items: center;
  padding-left: 0;
  padding-right: 0;
}

.heading-34 {
  border-bottom: 1px solid var(--gris-brincus);
  text-align: left;
}

.heading-34.ppp {
  color: #a1a1a1;
  text-align: center;
}

.heading-34.top {
  text-align: center;
  border-bottom-width: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-34.top._1 {
  background-color: var(--morado-brincus);
  color: #fff;
  text-align: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: Sf ui display, sans-serif;
  font-size: 20px;
}

.heading-34.top._1._2 {
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
}

.heading-34.top._1._3 {
  background-color: var(--gris-brincus);
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
}

.heading-34.top._1._3.color {
  background-color: var(--verde-botones);
}

.heading-34.top._1._3.otro {
  background-color: var(--morado-brincus);
}

.image-16 {
  width: 100%;
  height: 30vh;
  text-align: center;
  object-fit: cover;
}

.banner-principal {
  width: 95%;
  height: 25vh;
  max-height: 90%;
  background-image: linear-gradient(rgba(0, 0, 0, .18), rgba(0, 0, 0, .18)), url('../images/Mesa-de-trabajo-1-copiamobile.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.head__info {
  max-width: 50%;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.head__info.opp3.paqueo {
  max-width: 50%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.head__info.g {
  max-width: 100%;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.button-4 {
  background-color: var(--verde-botones);
  border-radius: 10px;
}

.button-4:hover {
  background-color: var(--verde-brincus);
  color: var(--white);
}

.heading-35 {
  color: var(--white);
}

.paragraph-16 {
  max-width: 40%;
  color: var(--white);
  align-self: flex-start;
}

.div-block-30 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.paragraph-17 {
  line-height: 22px;
}

.empresas-confian {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg'), url('../images/Mesa-de-trabajo-13-copia.png');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 100px;
}

.heading-36 {
  text-align: center;
}

.heading-36.texto-degradado {
  color: var(--black);
  background-color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
}

.grid-6 {
  background-color: var(--white);
  box-shadow: 1px 1px 12px 0 var(--soct);
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
  margin-top: 20px;
  padding: 30px;
}

.div-block-31 {
  max-width: 950px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-32 {
  max-width: 50%;
}

.video {
  max-width: none;
  margin-left: 0;
}

.calculadora-de-costos {
  background-image: url('../images/Mesa-de-trabajo-13.png');
  background-position: 50%;
  background-size: cover;
  display: none;
}

.calculadora {
  background-color: var(--white);
  border-radius: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px 38px 38px;
}

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

.div-block-33 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid rgba(85, 85, 85, .29);
  border-radius: 20px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px;
  display: flex;
}

.div-block-33._2 {
  background-color: #ff982c;
  border-width: 3px;
  border-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .42);
}

.button-5 {
  background-color: var(--verde-brincus);
  border-radius: 10px;
  font-size: 12px;
}

.button-5:hover {
  background-color: var(--verde-presionado);
  color: var(--white);
  border: 0 solid rgba(0, 0, 0, 0);
}

.column-8 {
  padding: 0 20px;
}

.columns-7 {
  margin-left: 0;
  margin-right: 0;
}

.div-block-34 {
  border: 1px none var(--soct);
  background-color: var(--white-smoke-2);
  border-radius: 10px;
  padding: 30px;
}

.div-block-35 {
  width: 50%;
  height: 200%;
  border: 2px solid var(--white);
  background-color: #ff982c;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .38);
}

.heading-39 {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.div-block-36 {
  max-width: none;
}

.heading-40 {
  color: #fff;
  text-align: left;
  flex: 0 auto;
}

.div-block-37 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-41 {
  color: #ffdab3;
}

.heading-42 {
  color: var(--celeste-brincus);
  text-align: center;
}

.div-block-38 {
  height: 90%;
  max-width: 818px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.head__paes {
  max-height: 90%;
  max-width: 1280px;
  background-image: linear-gradient(rgba(0, 0, 0, .31), rgba(0, 0, 0, .31)), url('../images/pexels-julia-m-cameron-4144096.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}

.seccion-head {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/familia.png');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.seccion-head.tallerhead {
  background-image: url('../images/Mesa-de-trabajo-13-copia.png');
}

.seccion-head.headpaes {
  background-image: url('../images/Mesa-de-trabajo-13-copia-2.png');
}

.seccion-head.secciontaller {
  background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/Mesa-de-trabajo-1-copia-2cursos.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
  background-position: 50% 0, 100%, 50% 100%;
  background-size: auto, cover, cover;
}

.seccion-head.paess {
  background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/Mesa-de-trabajo-1-copia-4aaaa.png'), url('../images/Mesa-de-trabajo-18fondo-estrellado.png');
  background-position: 100% 100%, 100%, 50% 100%;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: cover, cover, cover;
}

.seccion-head.paess.b2b {
  background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/ipad.png'), url('../images/1239401.jpg');
  background-position: 50% 0, 75%, 50%;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: cover, contain, cover;
}

.seccion-head.alianzas {
  background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/Mesa-de-trabajo-1-copia-5cursos.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
}

.seccion-head.homeschool {
  background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/Mesa-de-trabajo-1-copia-6cursos.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
}

.seccion-head.b2b {
  background-image: linear-gradient(rgba(255, 255, 255, .87), rgba(255, 255, 255, .87)), url('../images/Mesa-de-trabajo-1-copia-2.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.seccion-head.b2b.nuevo {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.seccion-head.b2b.op8 {
  background-image: linear-gradient(to bottom, var(--white-smoke-2), var(--white-smoke-2));
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.seccion-head.b2b.asdasdasd {
  background-image: linear-gradient(to bottom, var(--goldenrod), #ffbf00);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.seccion-head.profes {
  background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/Mesa-de-trabajo-1-copia-3BANNER-profe.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
}

.opciones-para-ti {
  background-image: linear-gradient(to bottom, var(--celeste-presionado), var(--celeste-presionado)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.opciones-para-ti.profeee, .opciones-para-ti.tall {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.colegio {
  border: 1px solid var(--soct);
  box-shadow: 1px 1px 3px 0 var(--soct);
  border-radius: 10px;
}

.colegio.clases {
  background-color: var(--white);
  border-style: none;
}

.heading-43 {
  text-align: center;
}

.grid-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  padding-left: 100px;
  padding-right: 100px;
  display: none;
}

.image-17 {
  max-width: 80%;
  box-shadow: 0 0 6px 0 var(--soct);
  background-image: linear-gradient(#fff, #fff);
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
}

.section-7 {
  background-color: var(--white-smoke-2);
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-44 {
  text-align: center;
}

.image-18 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
}

.container-8 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.heading-45 {
  color: var(--gris-brincus);
  text-align: center;
}

.heading-46 {
  color: var(--white);
  text-align: center;
}

.caja__logos {
  grid-column-gap: 117px;
  grid-template-rows: auto;
  justify-content: stretch;
  align-items: center;
}

.image-19 {
  max-height: 60%;
  max-width: 60%;
}

.caja__video {
  max-width: 1280px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 20px;
  display: flex;
}

.caja__video.mobile {
  display: none;
}

.image-20 {
  max-width: none;
  text-align: right;
  border-radius: 50px;
  flex: 1;
  order: 0;
  margin-left: auto;
  margin-right: 0;
}

.texto-parrafo {
  max-width: 60%;
  flex-direction: column;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  display: flex;
}

.parrafo__blanco {
  color: #fff;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui display, sans-serif;
  font-size: 16px;
}

.parrafo__blanco.cc__chico {
  max-width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.parrafo__blanco._2 {
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
}

.seccion__proponemos {
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 0;
}

.seccion__proponemos.eduardo-cid {
  background-image: url('../images/Mesa-de-trabajo-13-copia-2.png'), linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  padding-top: 0;
  padding-bottom: 0;
}

.parrafo {
  color: var(--gris-brincus);
  text-align: center;
  align-self: flex-start;
  margin-top: 10px;
  margin-left: 0;
  margin-right: auto;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.parrafo.cc__blanco {
  max-width: 60%;
  color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.parrafo.cc__blanco.lat {
  max-width: none;
  text-align: left;
}

.parrafo.cc__blanco._6 {
  margin-top: 0;
}

.parrafo.cc__blanco.b2b {
  max-width: 100%;
  color: var(--gris);
}

.parrafo._2 {
  max-width: 60%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.parrafo._5 {
  color: var(--gris-brincus);
  text-align: center;
  margin-top: 0;
  font-size: 18px;
  line-height: 22px;
}

.parrafo.chico {
  max-width: 70%;
  margin-top: 0;
}

.parrafo.peque-o {
  text-align: left;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.parrafo.peque-oo {
  margin-bottom: 0;
}

.parrafo._9 {
  font-size: 14px;
  line-height: 20px;
}

.parrafo._6.hoo {
  text-align: center;
}

.parrafo.bla {
  color: var(--white-smoke-2);
}

.parrafo.ssss {
  margin-top: 0;
  margin-bottom: 10px;
}

.parrafo.balco {
  color: var(--black);
}

.parrafo.blanco {
  color: var(--white-smoke);
  margin-left: auto;
  margin-right: auto;
}

.parrafo.blanco.nuevo {
  margin-left: 0;
}

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

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

.button-6 {
  background-color: var(--verde-botones);
  text-align: center;
  border-radius: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.button-6:hover {
  background-color: var(--verde-presionado);
  color: var(--white);
}

.button-6.libro {
  background-color: var(--verde-botones);
  margin-right: 20px;
}

.button-6._2 {
  margin-right: 10px;
}

.caja__titulo__centrado {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}

.grid-9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-left: 100px;
  margin-right: 100px;
  padding: 0 20px 40px;
}

.div-block-44 {
  border: 1px solid var(--soct);
  box-shadow: 1px 1px 3px 0 var(--soct);
  border-radius: 20px;
}

.div-block-44.pop {
  background-color: var(--white-smoke);
  border-style: none;
  padding-bottom: 10px;
}

.image-21 {
  width: 250px;
  border: 0px none var(--soct);
  border-radius: 0;
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.heading-49 {
  text-align: center;
  margin-bottom: 0;
}

.heading-50 {
  max-width: 818px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.div-block-45 {
  text-align: center;
}

.image-22 {
  max-width: 60%;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.heading-51 {
  color: var(--white);
}

.paragraph-22 {
  color: #fff;
}

.caja__centrado {
  margin-bottom: 0;
  padding-bottom: 40px;
}

.seccion__paes {
  background-image: url('../images/Mesa-de-trabajo-13-copia-2.png');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.seccion__paes.tallerhead {
  background-image: url('../images/Mesa-de-trabajo-13-copia.png');
}

.seccion__paes.headpaes {
  background-image: url('../images/Mesa-de-trabajo-13-copia-2.png');
}

.head__titulo {
  max-width: 818px;
  color: var(--white);
  text-align: left;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
}

.head__titulo.cc__blancott {
  max-width: none;
  color: var(--white);
  text-align: left;
  margin-top: 10px;
}

.titulo__blanco {
  color: var(--white);
  text-align: center;
  flex: 0 auto;
}

.titulo__izquierda {
  margin-top: 0;
}

.parrafo__izquierda {
  padding-bottom: 0;
}

.seccion__tiposcdeuentas {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 40px;
  padding-bottom: 60px;
}

.contenedor__tiposdecuentas {
  max-width: 818px;
  box-shadow: 0 0 7px 0 var(--soct);
  border-radius: 20px;
}

.seccion__fondocolor {
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.seccion__fondocolor.cc__azul {
  background-image: linear-gradient(to bottom, var(--celeste-brincus), var(--celeste-brincus));
  padding-top: 40px;
  padding-bottom: 0;
}

.label__titulo {
  color: var(--gris);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.label__titulo.cc__negro {
  color: var(--gris-brincus);
  text-align: center;
  display: block;
}

.label__titulo.cc__verde {
  color: var(--verde-brincus);
  text-align: center;
}

.label__titulo.cc_mora {
  color: var(--morado-brincus);
  text-align: center;
}

.label__titulo.cc__blanco {
  max-width: none;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.label__titulo.cc__blanco.cc_lateral {
  background-color: var(--naranjo-brincus);
  text-align: left;
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}

.label__titulo.cc__blanco.medio {
  text-align: center;
}

.label__titulo.cc__blanco.seme {
  background-color: var(--rojo-brincus);
  border-radius: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.label__titulo.cc__blanco.mensua {
  background-color: var(--morado-brincus);
  text-align: center;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.label__titulo.cc__blanco.anual {
  background-color: var(--verde-botones);
  border-radius: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.label__titulo.cc__blanco._6 {
  max-width: 400px;
  background-color: var(--verde-brincus);
}

.label__titulo.cc__rojo {
  color: var(--rojo-brincus);
}

.label__titulo.lateral {
  color: var(--morado-press);
  text-align: left;
}

.label__titulo.cc__lateral {
  text-align: left;
}

.label__titulo.cc__naranjo {
  color: var(--naranjo-brincus);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.label__titulo.cc__naranjo.linea {
  background-color: var(--naranjo-brincus);
  color: var(--white);
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.label__titulo.rosa {
  color: var(--rojo-brincus);
  display: inline-block;
}

.label__titulo.rosa.etiqueta {
  background-color: var(--rojo-brincus);
  color: var(--white);
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.label__titulo.blacno {
  color: var(--white);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.label__titulo.cc_verde {
  background-color: var(--verde-brincus);
  color: var(--white);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 28px;
  padding-right: 28px;
  display: inline-block;
}

.label__titulo.verde {
  color: var(--verde-brincus);
  text-align: left;
}

.label__titulo.rojo {
  color: var(--rojo-brincus);
}

.caja__borde {
  border: 1px none var(--soct);
  background-color: var(--white);
  border-radius: 20px;
}

.conteiner {
  max-width: 1080px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  display: flex;
}

.conteiner.rojo {
  background-color: var(--rojo-brincus);
  background-image: none;
  background-size: auto;
  border-radius: 100px;
  padding: 10px;
}

.conteiner.op2 {
  max-width: 1000px;
}

.conteiner.op3 {
  max-width: 1080px;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 40px;
}

.conteiner.opp {
  max-width: 600px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  padding: 10px;
}

.conteiner.top {
  max-width: 1080px;
}

.conteiner.opc4 {
  max-width: 1080px;
  padding-bottom: 0;
}

.conteiner.calendar {
  flex-direction: column;
}

.conteiner.op-andes {
  max-width: 1080px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.conteiner.uclases {
  max-width: 1080px;
  flex-direction: column;
  display: flex;
}

.conteiner.pro {
  max-width: 1080px;
  flex-direction: row;
  align-items: flex-start;
  display: block;
}

.text-span-2 {
  background-color: var(--verde-brincus);
  box-shadow: 1px 1px 5px 0 var(--soct);
  color: var(--white);
  padding-left: 20px;
  padding-right: 20px;
}

.cc_linea-derecha {
  padding-left: 0;
  padding-right: 0;
}

.columns-8 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.bold-text-3 {
  color: var(--white);
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}

.heading-53 {
  color: var(--white);
  display: block;
}

.text-span-3 {
  background-color: var(--naranjo-br);
  padding-left: 10px;
  padding-right: 10px;
}

.grid-10 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-content: stretch;
  justify-content: stretch;
  align-items: center;
  justify-items: stretch;
}

.div-block-46 {
  max-width: 818px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  display: flex;
  position: static;
}

.section-8 {
  background-image: url('../images/Mesa-de-trabajo-7.png');
  background-position: 50%;
  background-size: cover;
}

.div-block-47 {
  height: 200px;
  background-image: url('../images/Mesa-de-trabajo-7.png');
  background-position: 50%;
  background-size: cover;
  margin-bottom: -165px;
}

.slide {
  background-image: linear-gradient(to bottom, var(--soct), var(--soct)), url('../images/Mesa-de-trabajo-1mobile.png');
  text-align: center;
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-left: auto;
  margin-right: auto;
}

.div-block-48 {
  height: 15px;
  background-image: url('../images/Mesa-de-trabajo-7.png');
  background-position: 0 0;
  background-size: cover;
  display: none;
}

.text-span-4, .text-span-5, .text-span-6, .text-span-7 {
  color: var(--morado-brincus);
}

.body {
  color: var(--gris-brincus);
}

.paragraph-23 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.parrafo__corto {
  max-width: 1080px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.image-24 {
  max-width: 100px;
  background-color: var(--naranjo-br);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: absolute;
  top: 18%;
  bottom: auto;
  left: auto;
  right: -7%;
}

.text-span-8 {
  color: var(--naranjo-br);
}

.div-block-49 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-flow: row-reverse;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  display: block;
}

.image-25 {
  flex: 0 auto;
}

.slide-2 {
  text-align: center;
  margin: auto;
}

.heading-54 {
  color: var(--gris-brincus);
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 36px;
  line-height: 36px;
}

.div-block-50 {
  max-width: 818px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}

.container-9 {
  max-width: 818px;
}

.text-span-9 {
  color: var(--morado-brincus);
}

.text-span-10 {
  color: var(--naranjo-brincus);
  font-weight: 900;
}

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

.text-span-11 {
  color: var(--naranjo-brincus);
  font-weight: 900;
}

.text-span-12 {
  color: var(--rojo-brincus);
  font-weight: 900;
}

.text-span-13 {
  color: var(--celeste-brincus);
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 900;
}

.text-span-14 {
  color: var(--celeste-brincus);
  font-weight: 900;
}

.heading-56 {
  color: var(--gris-brincus);
  margin-top: 0;
  line-height: 44px;
}

.section-9 {
  padding-top: 40px;
  padding-bottom: 0;
}

.div-block-51 {
  padding-top: 20px;
}

.texto__linea-naranja {
  background-color: var(--naranjo-br);
  color: var(--white);
  padding-left: 4px;
  padding-right: 4px;
}

.heading-57 {
  text-align: center;
}

.column-9, .header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.div-block-52 {
  max-width: 100%;
  min-height: 500px;
  background-image: url('../images/Mesa-de-trabajo-1-copia2x.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-58 {
  background-image: linear-gradient(to bottom, var(--morado-brincus), var(--morado-brincus));
  box-shadow: 1px 1px 14px -5px var(--gris-brincus);
  color: var(--white);
  background-position: 0 0;
  background-size: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 17px 15px;
  font-size: 80px;
  font-weight: 900;
  display: inline-block;
}

.heading-58.top__title {
  box-shadow: none;
  color: var(--white);
  background-image: none;
  background-size: auto;
  padding-top: 10px;
  padding-left: 0;
}

.heading-59 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.container-11 {
  max-width: 1080px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  justify-items: start;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 100px;
  display: block;
  position: static;
}

.modal-clases-en-vivo {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-clases-en-vivo.talleres {
  display: none;
}

.modal {
  width: 600px;
  height: 400px;
  background-color: var(--white);
  object-fit: fill;
  border-radius: 12px;
  margin: auto;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal_funciones {
  text-align: center;
  margin: auto;
  padding: 30px;
  display: block;
}

.heading-60 {
  text-align: center;
  margin-bottom: 10px;
}

.image-26 {
  text-align: center;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
}

.cerrar {
  width: 15px;
  height: 15px;
  margin: 12px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.image-27 {
  cursor: pointer;
  margin-right: 0;
}

.modal-grabadas {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-grabadas.talleres {
  display: none;
}

.modal-talleres {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-talleres.talleres {
  display: none;
}

.link-block-11 {
  cursor: pointer;
  flex-direction: row;
  order: -1;
  align-items: center;
  display: block;
}

.link-block-11.w--current {
  width: auto;
  align-self: flex-start;
}

.text-block-28 {
  text-transform: none;
  font-size: 10px;
  font-style: normal;
  line-height: 15px;
  text-decoration: none;
}

.text-block-28.botooon {
  letter-spacing: 0;
}

.modal-guias {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-guias.talleres {
  display: none;
}

.grid-11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.heading-61 {
  color: var(--white);
  text-align: center;
  font-size: 36px;
  line-height: 36px;
}

.computador-copy {
  height: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.computador-copy.mobile {
  display: none;
}

.modal-estadisticas {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-estadisticas.talleres {
  display: none;
}

.conoce-planes {
  width: 100%;
  height: 100%;
  background-image: url('../images/Mesa-de-trabajo-101.5x.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-55 {
  z-index: 9;
  width: 40vw;
  height: 100vh;
  background-color: var(--naranjo-brincus);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.inicio-sesion {
  z-index: 2;
  width: 30vw;
  height: 100vh;
  -webkit-text-fill-color: inherit;
  background-color: rgba(255, 152, 44, .97);
  background-image: url('../images/Mesa-de-trabajo-13fondo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  margin-top: auto;
  margin-bottom: auto;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.heading-62 {
  color: #fff;
  text-align: center;
}

.container-12 {
  height: auto;
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.text-field-2, .text-field-3 {
  text-align: left;
  border-radius: 10px;
}

.submit-button {
  background-color: var(--verde-brincus);
  text-align: center;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.field-label, .field-label-2 {
  text-align: left;
  font-family: sfprodisplay, sans-serif;
}

.form {
  text-align: center;
}

.div-block-56 {
  text-align: center;
  margin: auto;
  position: absolute;
}

.div-block-57 {
  width: 400px;
  height: 550px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  margin: auto;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heading-63 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
}

.paragraph-24 {
  color: var(--white);
  text-align: center;
  padding-bottom: 0;
  display: none;
}

.field-label-3, .field-label-4 {
  color: var(--white);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  font-family: sfprodisplay, sans-serif;
}

.submit-button-2 {
  width: 100%;
  background-color: var(--verde-brincus);
  text-align: center;
  border-radius: 20px;
  display: block;
}

.submit-button-2:hover {
  background-color: var(--verde-presionado);
}

.text-field-4, .text-field-5 {
  border-radius: 10px;
}

.form-2 {
  text-align: center;
}

.checkbox-label {
  color: var(--white);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
}

.checkbox-field {
  text-align: left;
}

.text-block-29 {
  color: var(--white);
  text-align: center;
  margin-top: 15px;
}

.submit-button-3 {
  width: 100%;
  background-color: rgba(228, 50, 100, .5);
  border-radius: 20px;
  margin-top: 10px;
  display: block;
}

.submit-button-3:hover {
  background-color: rgba(196, 24, 72, .53);
}

.image-28 {
  cursor: pointer;
  object-fit: contain;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
  top: 0%;
  bottom: 0;
  left: 0;
  right: 0%;
}

.boton-inicio-de-sesion {
  background-color: var(--verde-brincus);
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: background-color .4s, opacity .4s, color .4s;
}

.boton-inicio-de-sesion:hover {
  background-color: var(--verde-presionado);
  color: #fff;
}

.boton-inicio-de-sesion:active {
  background-color: #43464d;
}

.boton-inicio-de-sesion.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde {
  background-color: var(--verde-botones);
  color: #fff;
  text-align: center;
  border-radius: 200px;
  align-self: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde:hover, .boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde:active {
  background-color: var(--verde-presionado);
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.familia {
  background-color: var(--celeste-brincus);
  margin-right: 20px;
  text-decoration: none;
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.familia:hover {
  background-color: var(--verde-presionado);
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.profes {
  background-color: var(--celeste-brincus);
  margin-right: 20px;
  font-style: normal;
  text-decoration: none;
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.profes:hover {
  background-color: var(--naranjo-brincus);
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.empresas {
  background-color: var(--celeste-brincus);
  text-decoration: none;
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.empresas:hover {
  background-color: var(--morado-brincus);
}

.boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.nuevo {
  margin-top: 20px;
  text-decoration: none;
}

.boton-inicio-de-sesion.cc-registrate {
  z-index: 5;
  background-color: var(--naranjo-br);
  text-align: center;
  border-radius: 11px;
  flex: 0 auto;
  order: 0;
  justify-content: flex-end;
  align-self: auto;
  text-decoration: none;
  display: block;
  position: relative;
}

.boton-inicio-de-sesion.cc-registrate:hover {
  background-color: var(--naranjo-sobre);
}

.boton-inicio-de-sesion.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.boton-inicio-de-sesion.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.boton-inicio-de-sesion.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.boton-inicio-de-sesion.cc-inicia-sesion-copy {
  z-index: 5;
  border: 0px none var(--naranjo-br);
  background-color: var(--verde-brincus);
  color: var(--white);
  border-radius: 10px;
  flex: 1;
  margin-left: 10px;
  margin-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.boton-inicio-de-sesion.cc-inicia-sesion-copy:hover {
  background-color: var(--verde-presionado);
}

.boton-inicio-de-sesion.cc-inicia-sesion-copy.nuevo {
  z-index: 1;
  border-radius: 20px;
  align-self: center;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
}

.boton-14-dias {
  background-color: var(--verde-brincus);
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: background-color .4s, opacity .4s, color .4s;
}

.boton-14-dias:hover {
  background-color: var(--verde-presionado);
  color: #fff;
}

.boton-14-dias:active {
  background-color: #43464d;
}

.boton-14-dias.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde {
  background-color: var(--verde-botones);
  color: #fff;
  text-align: center;
  border-radius: 200px;
  align-self: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde:hover, .boton-14-dias.cc-jumbo-button.cc-boton-verde:active {
  background-color: var(--verde-presionado);
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde.familia {
  background-color: var(--celeste-brincus);
  margin-right: 20px;
  text-decoration: none;
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde.familia:hover {
  background-color: var(--verde-presionado);
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde.profes {
  background-color: var(--celeste-brincus);
  margin-right: 20px;
  font-style: normal;
  text-decoration: none;
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde.profes:hover {
  background-color: var(--naranjo-brincus);
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde.empresas {
  background-color: var(--celeste-brincus);
  text-decoration: none;
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde.empresas:hover {
  background-color: var(--morado-brincus);
}

.boton-14-dias.cc-jumbo-button.cc-boton-verde.nuevo {
  margin-top: 20px;
  text-decoration: none;
}

.boton-14-dias.cc-registrate {
  z-index: 5;
  background-color: var(--verde-brincus);
  text-align: center;
  border-radius: 20px;
  flex: 0 auto;
  order: 0;
  justify-content: flex-end;
  align-self: auto;
  text-decoration: none;
  display: block;
  position: relative;
}

.boton-14-dias.cc-registrate:hover {
  background-color: var(--verde-presionado);
}

.boton-14-dias.cc-registrate.w--current {
  border: 1px solid var(--morado-brincus);
  color: var(--morado-press);
  -webkit-text-stroke-color: var(--morado-press);
  background-color: #f0e3ff;
  border-radius: 10px;
  margin-left: 20px;
}

.boton-14-dias.cc-registrate.w--current:hover {
  background-color: #e4ccff;
}

.boton-14-dias.cc-registrate.nuevo {
  z-index: 1;
  color: var(--morado-press);
  letter-spacing: 0;
  background-color: #f1e5ff;
}

.boton-14-dias.cc-registrate.nuevo.w--current {
  border-radius: 20px;
}

.boton-14-dias.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.boton-14-dias.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.boton-14-dias.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.boton-14-dias.cc-inicia-sesion-copy {
  z-index: 5;
  border: 2px solid var(--naranjo-br);
  outline-color: var(--naranjo-br);
  outline-offset: 0px;
  color: var(--naranjo-br);
  background-color: #fff;
  border-radius: 11px;
  outline-width: 3px;
  outline-style: none;
  flex: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  position: relative;
}

.boton-14-dias.cc-inicia-sesion-copy:hover {
  background-color: #fff2e9;
}

.text-block-30 {
  text-transform: none;
  font-size: 10px;
  line-height: 15px;
}

.image-29 {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}

.profesores-de-asignatura {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  position: static;
}

.profesores_talleres {
  max-width: 818px;
  text-align: center;
}

.clases-particulares {
  border: 1px solid var(--soct);
  box-shadow: 1px 1px 3px 0 var(--soct);
  border-radius: 10px;
}

.clases-particulares.clases {
  background-color: var(--white);
  border-style: none;
}

.metodologia {
  background-color: var(--naranjo-br);
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  margin-left: 0;
  margin-right: 0;
  padding-top: 60px;
  padding-bottom: 40px;
}

.metodologia.cc__fondoazul {
  background-image: linear-gradient(to bottom, var(--blue), var(--blue));
}

.metodologia.sky {
  z-index: 9;
  background-image: url('../images/Mesa-de-trabajo-2fondo.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}

.metodologia.principal {
  display: none;
}

.metodologia.tall {
  text-align: center;
}

.seccion_metodologia {
  margin-bottom: 20px;
}

.heading-64 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 36px;
  line-height: 36px;
}

.grid-12 {
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 20px;
}

._6c {
  background-color: var(--white);
  box-shadow: 1px 1px 8px 0 var(--soct);
  border-radius: 20px;
  padding: 15px;
}

.heading-65 {
  color: var(--celeste-brincus);
  text-align: center;
}

.image-30 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-25 {
  text-align: center;
}

.heading-66 {
  color: var(--rojo-brincus);
  text-align: center;
}

.heading-67 {
  color: var(--verde-brincus);
  text-align: center;
}

.heading-68 {
  color: var(--morado-brincus);
  text-align: center;
}

.heading-69 {
  color: var(--naranjo-brincus);
  text-align: center;
}

.heading-70 {
  color: var(--blue);
  text-align: center;
}

.field-label-5, .field-label-6, .field-label-6-copy {
  color: var(--white);
  text-align: left;
  text-transform: none;
  font-family: sfprodisplay, sans-serif;
}

.head__paes-copy {
  max-height: 90%;
  max-width: 1280px;
  background-image: linear-gradient(rgba(0, 0, 0, .31), rgba(0, 0, 0, .31)), url('../images/pexels-julia-m-cameron-4144096.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}

.head__empresas {
  max-height: none;
  max-width: 1080px;
  min-height: 400px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  display: flex;
}

.head__empresas.b2b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.head__empresas.b2b.nueva {
  padding-left: 0;
  padding-right: 0;
}

.div-block-58 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  line-height: 20px;
  display: flex;
}

.div-block-59 {
  width: 20px;
  height: 20px;
  background-color: var(--rojo-brincus);
  border-radius: 50%;
  flex: none;
  margin-right: 0;
  line-height: 16px;
  overflow: visible;
}

.div-block-59.naranjo {
  background-color: var(--naranjo-brincus);
}

.text-block-31 {
  color: var(--white);
  text-align: center;
  line-height: 16px;
}

.columns-9 {
  background-color: var(--white);
  box-shadow: 1px 1px 12px 1px var(--soct);
  border-radius: 50px;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 30px;
  display: flex;
}

.tabs-menu-2 {
  max-width: 818px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 20px;
  font-size: 12px;
  display: none;
  position: relative;
}

.tab-link-mensual {
  background-color: var(--white-smoke);
  color: var(--gris-brincus);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.tab-link-mensual:hover {
  color: var(--white);
  background-color: #b0caff;
}

.tab-link-mensual.w--current {
  background-color: var(--morado-press);
  color: var(--white);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.tab-link-mensual.w--current:hover {
  background-color: #c694ff;
}

.tab-link-semestral {
  background-color: var(--white-smoke);
  color: var(--gris-brincus);
  padding: 3px 30px;
  display: none;
}

.tab-link-semestral:hover {
  color: var(--gris-brincus);
  text-align: center;
  background-color: #ffccda;
}

.tab-link-semestral.w--current {
  background-color: var(--rojo-brincus);
  color: var(--white);
}

.tab-link-semestral.w--current:hover {
  color: var(--rojo-presionado);
  background-color: #ffacc3;
}

.tab-link-anual {
  background-color: var(--white-smoke);
  color: #7af5b9;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 3px 30px;
  display: none;
}

.tab-link-anual:hover {
  color: var(--white);
  background-color: #6aff83;
}

.tab-link-anual.w--current {
  background-color: var(--verde-botones);
  position: relative;
}

.mejor {
  z-index: 1;
  background-color: var(--black);
  opacity: 1;
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 76%;
  right: auto;
}

.mejor.visible {
  color: var(--white);
  display: block;
  top: 0;
  bottom: 0;
  left: 78px;
  right: 0;
}

.text-block-32 {
  z-index: 3;
  color: var(--gris-brincus);
  text-transform: uppercase;
  font-family: sfprodisplay, sans-serif;
  position: relative;
}

.text-block-33 {
  color: var(--gris-brincus);
  text-transform: uppercase;
}

.text-block-33:hover {
  color: var(--gris-brincus);
}

.text-block-34 {
  text-transform: uppercase;
}

.titulo-planes {
  border: 1px solid var(--soct);
  background-color: var(--white);
  color: var(--gris-brincus);
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 8px;
}

.titulo-planes.gratis {
  background-color: var(--white-smoke-2);
  color: var(--soct);
  border-style: none;
  margin-bottom: 11px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.titulo-planes.gratis:hover {
  background-color: rgba(255, 152, 44, .23);
}

.titulo-planes.azul {
  border-color: var(--celeste-brincus);
  background-color: var(--white);
  color: var(--celeste-presionado);
}

.titulo-planes.azul:hover {
  background-color: rgba(57, 107, 211, .44);
}

.titulo-planes.morado {
  border-color: var(--morado-brincus);
  background-color: var(--white);
  color: var(--morado-press);
}

.titulo-planes.morado:hover {
  background-color: rgba(100, 54, 152, .28);
}

.titulo-planes.sin {
  margin-top: 20px;
  margin-bottom: 10px;
}

.antes {
  color: red;
  margin-top: 0;
  font-family: sfprodisplay, sans-serif;
  text-decoration: line-through;
}

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

.text-block-35 {
  color: var(--soct);
  margin-top: -10px;
  padding-top: 0;
  font-family: sfprodisplay, sans-serif;
  text-decoration: line-through;
  position: static;
}

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

.text-block-36 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-right: 0;
  font-family: sfprodisplay, sans-serif;
  font-size: 8px;
  font-weight: 900;
  line-height: 10px;
  display: block;
  position: absolute;
  top: -35%;
  bottom: auto;
  left: -5%;
  right: 0%;
}

.image-31 {
  z-index: 3;
  background-image: url('../images/choice-copia.png');
  background-position: 50%;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 75%;
  right: 78px;
}

.mejor-opcion {
  position: static;
}

.image-31-copy {
  z-index: 3;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 75%;
  right: 78px;
}

.div-block-60 {
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.image-32 {
  position: absolute;
  top: -42px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-61 {
  max-width: 60%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.heading-74 {
  color: #fff;
  text-align: center;
  margin-top: 0;
}

.text-span-15 {
  font-size: 40px;
}

.text-span-16 {
  color: var(--soct);
}

.text-span-17 {
  color: var(--celeste-brincus);
}

.text-span-18 {
  color: var(--morado-brincus);
}

.text-span-19, .text-span-20 {
  color: var(--soct);
}

.div-block-62 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 60px;
}

.grid-13 {
  grid-template-rows: minmax(auto, auto);
  grid-template-columns: 1fr 1fr 1fr;
}

.heading-75 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 36px;
}

.tabs-2 {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}

.text-span-21 {
  text-align: right;
  font-size: 36px;
}

.text-span-22, .text-span-23 {
  font-size: 36px;
}

.grilla__planes.semestral, .grilla__planes.mensuales, .tab-pane-semestral {
  margin-left: auto;
  margin-right: auto;
}

.div-block-63 {
  background-image: url('../images/Mesa-de-trabajo-1-copia2x.png');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 60px;
}

.heading-76 {
  color: var(--white);
  text-align: center;
}

.container-13 {
  padding-bottom: 60px;
  display: block;
}

.div-block-64 {
  text-align: center;
  margin-bottom: 20px;
}

.field-label-7 {
  color: var(--white);
  text-transform: none;
  font-family: sfprodisplay, sans-serif;
}

.field-label-8 {
  color: var(--white);
  letter-spacing: 0;
  text-transform: none;
}

.conteiner-copy {
  max-width: 1280px;
}

.conteiner-copy.rojo {
  background-color: var(--rojo-brincus);
  background-image: none;
  background-size: auto;
  border-radius: 100px;
  padding: 10px;
}

.conteiner-copy {
  max-width: 1080px;
}

.conteiner-copy.rojo {
  background-color: var(--rojo-brincus);
  background-image: none;
  background-size: auto;
  border-radius: 100px;
  padding: 10px;
}

.section-10 {
  background-image: linear-gradient(rgba(255, 255, 255, .61), rgba(255, 255, 255, .61)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.div-block-65 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.column-11 {
  flex: 0 auto;
  align-self: center;
  padding-top: 0;
}

.div-block-66 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.div-block-67 {
  text-align: center;
}

.div-block-68 {
  text-align: center;
  margin-bottom: 20px;
}

.grid-14 {
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 20px;
  padding-bottom: 40px;
}

.incluye-paes {
  background-color: var(--white);
  box-shadow: 0 0 6px 0 var(--soct);
  text-align: center;
  border-radius: 10px;
  padding: 20px;
}

.incluye-paes:hover {
  background-color: var(--celeste-brincus);
  color: var(--white);
}

.image-33 {
  margin-left: auto;
  margin-right: auto;
}

.paragraph-26 {
  text-align: center;
}

.button-6-copy {
  background-color: var(--verde-botones);
  text-align: center;
  border-radius: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 10px;
}

.button-6-copy:hover {
  background-color: var(--verde-presionado);
  color: var(--white);
}

.button-6-copy.libro {
  margin-right: 20px;
}

.div-block-69 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 60px;
}

.text-span-24 {
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

.image-34 {
  max-width: 350px;
  border-radius: 20px;
  margin-right: 20px;
}

.div-block-70 {
  flex-direction: column;
  display: flex;
}

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

.mask-5 {
  margin-top: auto;
  margin-bottom: auto;
}

.caja_testimonio {
  width: 300px;
  height: 90%;
  background-color: var(--white);
  color: var(--gris-brincus);
  border-radius: 20px;
  margin: 10px;
  padding: 10px 20px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, .34);
}

.datos-testi {
  display: flex;
}

.image-35 {
  color: #d3d3d3;
  border: 1px solid rgba(168, 168, 168, .31);
  border-radius: 100%;
}

.text-block-37 {
  font-family: Sf ui display, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.nombre_testi {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.div-block-72 {
  align-self: center;
  margin-left: 10px;
}

.paragraph-27 {
  text-align: left;
  letter-spacing: 1px;
  padding-top: 10px;
  padding-bottom: 0;
}

.div-block-73 {
  height: 100%;
  color: var(--white);
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-nav-2 {
  padding-top: 30px;
}

.left-arrow {
  background-color: var(--white-smoke);
  border-radius: 20px;
  top: 0%;
  bottom: 0%;
  left: -10%;
  right: auto;
}

.right-arrow {
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex: 0 auto;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: -10%;
}

.slider-4 {
  min-height: 450px;
  min-width: auto;
  flex-direction: row;
  align-items: center;
  display: none;
}

.icon-4 {
  border: 0px none var(--rojo-brincus);
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100%;
  padding: 3px;
  font-size: 40px;
}

.image-36 {
  color: var(--celeste-brincus);
}

.caja-nosotros {
  background-color: var(--white);
  box-shadow: 0 0 5px 0 var(--soct);
  border-radius: 20px;
  padding: 20px;
}

.grid-15 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.bold-text-4 {
  color: var(--naranjo-brincus);
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-block-38 {
  color: var(--celeste-brincus);
  text-align: center;
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.bold-text-5 {
  color: var(--naranjo-brincus);
}

.text-block-39 {
  color: var(--verde-brincus);
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-block-39.aaasas {
  color: var(--rojo-brincus);
}

.text-block-38-copy {
  color: var(--blue);
  text-align: center;
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.bold-text-6 {
  color: var(--rojo-brincus);
}

.teeee {
  color: var(--goldenrod);
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.terrr {
  color: var(--naranjo-brincus);
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.terrr._2222 {
  color: var(--verde-brincus);
}

.terrr.asdasd {
  color: var(--celeste-brincus);
}

.terrr.jkjkj {
  color: var(--goldenrod);
}

.terrr.asdasdu {
  color: var(--rojo-brincus);
}

.bold-text-7 {
  color: var(--celeste-brincus);
}

.nosotros {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.nosotros.cc-cta {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.slider-4-copy {
  min-height: 450px;
  min-width: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.slider-mobile {
  min-height: 450px;
  min-width: auto;
  flex-direction: row;
  align-items: center;
  display: none;
}

.section-11 {
  min-height: 100vh;
  min-width: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.div-block-75 {
  width: 40%;
  height: auto;
  min-height: 100vh;
  min-width: auto;
  background-color: var(--naranjo-brincus);
  text-align: center;
  background-image: url('../images/Mesa-de-trabajo-13fondo.png');
  background-position: 0 0;
  background-size: cover;
  flex: 0 auto;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-76 {
  text-align: center;
  align-items: center;
  margin-top: 260px;
  margin-bottom: auto;
  display: block;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.heading-77 {
  color: var(--white);
}

.paragraph-28 {
  max-width: 60%;
  color: var(--white);
  margin-left: auto;
  margin-right: auto;
}

.image-37 {
  margin-left: auto;
  margin-right: auto;
}

.caja_mail {
  max-width: none;
  min-width: auto;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.caja_mail._22 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.div-block-77 {
  width: 100%;
  margin-top: 0;
  display: inline-block;
  position: relative;
}

.image-38 {
  max-width: 80%;
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
}

.form-block-2 {
  text-align: left;
}

.field-label-9, .field-label-10 {
  text-transform: none;
  font-family: sfprodisplay, sans-serif;
}

.text-field-6 {
  width: 300px;
  min-width: auto;
  border-radius: 10px;
  align-self: center;
  font-family: sfprodisplay, sans-serif;
}

.container-14 {
  max-width: 100%;
}

.image-39 {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.formulario_crea_tu_cuenta {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-field-7 {
  width: 300px;
  border-radius: 10px;
  font-family: Sf ui display, sans-serif;
}

.form-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.registraaa {
  text-align: left;
  font-size: 9px;
  line-height: 10px;
  display: inline-block;
}

.caja_mail-copy {
  max-width: none;
  min-width: auto;
  align-self: center;
  margin-top: 300px;
  margin-left: auto;
  margin-right: auto;
}

.link-block-12 {
  text-align: center;
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: auto;
  display: inline-block;
}

.link-block-13 {
  display: inline-block;
}

.div-block-75-copy {
  width: 40%;
  height: auto;
  min-height: 100vh;
  min-width: auto;
  background-color: var(--naranjo-brincus);
  text-align: center;
  background-image: url('../images/Mesa-de-trabajo-13fondo.png');
  background-position: 0 0;
  background-size: cover;
  flex: 0 auto;
  align-self: center;
  display: none;
  position: relative;
}

.image-38-copy {
  max-width: 80%;
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.div-block-78 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.text-block-40 {
  border: 1px none var(--soct);
  color: var(--gris-brincus);
  letter-spacing: 0;
  background-color: rgba(0, 0, 0, .08);
  border-radius: 20px;
  padding: 5px 16px;
  font-family: Nunito, sans-serif;
  font-size: 10px;
  font-weight: 300;
  line-height: 20px;
  display: inline-block;
}

.text-block-40:hover {
  background-color: rgba(0, 0, 0, .22);
}

.caja-video {
  margin: 10px 40px 26px;
}

.caja-con-mas-espacio {
  margin: 23px 0;
}

.subtitulo {
  color: #26265f;
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
}

.subtitulo.lateral {
  color: var(--gris-brincus);
  text-align: left;
  margin-bottom: 0;
  font-size: 25px;
  font-style: normal;
}

.caja-cuadriculada-botones {
  grid-column-gap: 46px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.video-7 {
  width: 100%;
}

.text-block-48 {
  color: #26265f;
  text-align: center;
  padding-top: 20px;
  font-weight: 700;
  line-height: 120%;
}

.caja-espacio {
  background-color: #fff;
  background-image: url('../images/Mesa-de-trabajo-1borde-botom-colores.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  margin-bottom: 29px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  box-shadow: 1px 1px 13px 5px rgba(0, 0, 0, .16);
}

.container-15 {
  background-color: rgba(0, 0, 0, 0);
}

.div-block-42 {
  background-image: url('../images/1239401.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 70px;
}

.titulo-centrado {
  color: #26265f;
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 10px;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.caja-cuadriculada-con-fondo-copy {
  grid-column-gap: 46px;
  grid-row-gap: 16px;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin: 28px 140px;
  padding: 20px;
  display: none;
  box-shadow: 1px 1px 14px 4px rgba(0, 0, 0, .18);
}

.clase-imagen {
  max-width: 60%;
  background-color: var(--white);
  box-shadow: 0 0 10px 0 var(--soct);
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.boton-postula-copy {
  color: #fff;
  text-align: center;
  background-color: #1ac670;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
}

.boton-postula-copy:hover {
  background-color: #04af5a;
}

.boton-postula {
  color: #fff;
  text-align: center;
  background-color: #1ac670;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
}

.boton-postula:hover {
  background-color: #05af5a;
}

.caja-cuadriculada-con-fondo {
  grid-column-gap: 46px;
  grid-row-gap: 16px;
  background-color: #fff;
  background-image: url('../images/Mesa-de-trabajo-1borde-botom-colores.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin: 28px 0;
  padding: 20px;
  display: grid;
  box-shadow: 1px 1px 14px 4px rgba(0, 0, 0, .18);
}

.caja-cuadriculada-info {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 50px;
  padding-bottom: 0;
  display: grid;
}

.container-16 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
}

.boton-postula-copy-2 {
  color: #fff;
  text-align: center;
  background-color: #1ac670;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
}

.caja-dentro-de-caja {
  margin-left: 0;
  margin-right: 0;
}

.section-14 {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  padding: 20px 0 60px;
}

.div-block-41 {
  height: 300px;
  background-image: url('../images/Mesa-de-trabajo-1borde-botom-colores.png'), url('../images/portada-profes.jpg');
  background-position: 50% 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
  background-attachment: scroll, scroll;
  margin-bottom: 21px;
}

.parrafo-2 {
  color: #110e30;
  text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

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

.text-block-49 {
  font-family: sfprodisplay, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.text-block-50 {
  color: var(--white);
  font-family: sfprodisplay, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.heading-78 {
  text-align: center;
  font-weight: 600;
}

.link-block-14, .link-block-15 {
  text-decoration: none;
}

.homeschool-datos {
  background-image: linear-gradient(rgba(255, 255, 255, .61), rgba(255, 255, 255, .61)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.funciones_homeschool {
  width: auto;
  height: auto;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template: ". . ."
                 ". . ."
                 ". . Area"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  justify-items: stretch;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
  position: relative;
}

.funciones_homeschool._2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}

.funciones_homeschool._2.venta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.container-17 {
  max-width: 818px;
  display: none;
  position: static;
}

.data_homschool {
  border: 1px solid var(--black-2);
  background-color: var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 30px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  display: block;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .12);
}

.data_homschool:hover {
  background-color: var(--white-2);
  color: var(--white);
}

.data_homschool.homesch {
  text-align: center;
}

.data_homschool.out {
  display: none;
}

.image-69 {
  width: 80px;
  border-radius: 8%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: static;
  top: -40%;
  bottom: auto;
  left: 10%;
  right: auto;
}

.image-69:hover {
  background-color: rgba(255, 255, 255, 0);
}

.paragraph-29 {
  text-align: left;
}

.heading-79 {
  color: var(--gris-brincus);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.heading-79.verde {
  color: var(--verde-brincus);
  text-align: left;
}

.cta-homeschool {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.image-70 {
  width: 225px;
  height: 400px;
  background-color: var(--rojo-brincus);
  box-shadow: 0 0 9px 0 var(--soct);
  border-radius: 20px;
}

.div-block-79 {
  padding-top: 0;
  display: block;
}

.div-block-80 {
  flex: 1;
  align-self: flex-start;
  padding-left: 40px;
  padding-right: 40px;
}

.videos_testimonios {
  max-width: 500px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: grid;
}

.div-block-81 {
  width: 100px;
  height: 100px;
  background-color: var(--verde-brincus);
  box-shadow: 1px 1px 7px 0 var(--soct);
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-82 {
  width: 225px;
  height: 400px;
  background-color: var(--gris-brincus);
  border-radius: 20px;
}

.heading-80 {
  color: var(--gris-brincus);
  text-align: center;
}

.paragraph-30 {
  text-align: center;
}

.bold-text-8 {
  color: var(--naranjo-brincus);
}

.text-span-25 {
  color: var(--verde-botones);
}

.bold-text-9 {
  color: var(--naranjo-brincus);
}

.section-15 {
  background-image: linear-gradient(to bottom, #1f0d3b, var(--morado-brincus) 52%, var(--black));
  margin-top: 0;
  padding-top: 140px;
  padding-bottom: 0;
  position: relative;
}

.section-15.alianzas {
  margin-top: 0;
}

.image-71 {
  margin-top: -70px;
  margin-bottom: -100px;
}

.link-7 {
  color: var(--white);
}

.div-block-83 {
  color: var(--white);
  padding-right: 20px;
  font-family: sfprodisplay, sans-serif;
  display: flex;
}

.container-18 {
  max-width: 1080px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.link-block-16, .link-block-17 {
  margin-right: 5px;
}

.text-span-26 {
  color: var(--naranjo-brincus);
  font-weight: 900;
}

.heading-81 {
  color: #26265f;
  text-align: center;
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 300;
  line-height: 120%;
}

.image-72 {
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-73 {
  display: none;
}

.bold-text-10, .bold-text-11, .bold-text-12 {
  color: var(--celeste-brincus);
}

.section-16 {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.div-block-84 {
  width: 600px;
  max-width: 600px;
  background-color: var(--celeste-brincus);
  border-radius: 15px;
  align-self: center;
  margin-bottom: 20px;
  padding: 15px;
}

.video-8 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.image-74 {
  max-width: 818px;
  margin-left: auto;
  margin-right: auto;
}

.wrapper {
  width: 85%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.wrapper.about-story-up-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.image-75 {
  text-align: center;
  margin: -33px auto -60px;
  display: block;
}

.image-75.sdjsd {
  width: 800px;
  object-fit: contain;
  margin-top: 0;
  margin-bottom: 0;
}

.image-75.uclases {
  width: 50%;
  margin: 0;
}

.image-75.pro {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-82 {
  color: #1d1a3a;
  font-size: 50px;
  font-weight: 400;
}

.bold-text-13 {
  color: var(--celeste-brincus);
}

.image-28-copy {
  text-align: center;
  display: block;
}

.about-story-text {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.about-story-right {
  width: 50%;
  max-width: 620px;
  margin-top: 0;
}

.section-17 {
  background-image: url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-17.lk {
  background-image: linear-gradient(to bottom, var(--gris), var(--gris));
  background-position: 0 0;
}

.section-17.dfgdfg {
  background-image: linear-gradient(to bottom, var(--white-smoke-2), var(--white-smoke-2));
  background-position: 0 0;
}

.section-17.uhgbfv {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
}

.div-block-85 {
  width: 500px;
  box-shadow: 1px 0 7px 0 var(--soct);
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.seccion-funcionalidades-b2b {
  background-image: url('../images/Mesa-de-trabajo-1-copia2x.png');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.seccion-funcionalidades-b2b._3 {
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.seccion-funcionalidades-b2b.uclases {
  background-image: linear-gradient(to top, var(--goldenrod), #ffbf00);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.seccion-funcionalidades-b2b.jhg {
  max-width: 1080px;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}

.image-76 {
  width: 70%;
  border-bottom: 1px solid #000;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.image-76.sdf {
  width: 100%;
  border: 1px #000;
}

.columns-10 {
  width: 700px;
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
}

.column-15 {
  text-align: left;
  object-fit: fill;
  border-right: 1px solid #000;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.image-53 {
  margin-left: auto;
  margin-right: auto;
}

.column-16 {
  text-align: left;
  position: static;
}

.softy {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.section-18 {
  max-width: 1080px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-image: none;
  background-position: 0 0;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.section-18.ll {
  padding-bottom: 60px;
}

.heading-83 {
  width: 600px;
  color: var(--blue);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-84 {
  width: 50%;
  color: var(--white);
  text-align: center;
  margin: 40px auto 20px;
}

.image-77 {
  width: 40%;
  object-fit: contain;
  display: block;
}

.pop_funciones {
  background-color: var(--soct);
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.pop_up {
  width: 500px;
  height: 500px;
  background-color: var(--white);
  border-radius: 10px;
  margin: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.c-card {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.c-card_front {
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.c-card_back {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.card {
  display: block;
}

.modal-rutas {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-rutas.talleres {
  display: none;
}

.modal-biblioteca {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-biblioteca.talleres {
  display: none;
}

.modal-virtual {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-virtual.talleres {
  display: none;
}

.modal-facsimiles {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-facsimiles.talleres {
  display: none;
}

.modal-mas {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.modal-mas.talleres {
  display: none;
}

.link-block-18, .link-block-19, .link-block-20, .link-block-21 {
  text-decoration: none;
}

.div-block-86 {
  margin-top: auto;
  margin-bottom: auto;
  position: static;
}

.columns-11 {
  align-items: center;
  display: flex;
}

.dropdown-list-2.w--open {
  width: auto;
  height: auto;
  border-bottom: 1px solid var(--soct);
  background-color: var(--white-smoke-2);
  object-fit: fill;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.dropdown-link {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  display: inline-block;
}

.text-span-27 {
  color: var(--verde-brincus);
}

.bold-text-14 {
  color: var(--naranjo-brincus);
}

.text-span-28, .text-span-29 {
  color: var(--naranjo-brincus);
  font-weight: 900;
}

.bold-text-15 {
  color: var(--verde-brincus);
}

.text-span-30 {
  color: var(--naranjo-brincus);
}

.text-span-31 {
  color: var(--verde-brincus);
}

.text-span-32 {
  color: var(--rojo-brincus);
  font-weight: 900;
}

.text-span-33 {
  color: var(--naranjo-brincus);
}

.text-span-34 {
  color: var(--celeste-brincus);
}

.bold-text-16 {
  color: var(--naranjo-brincus);
}

.link-block-22, .link-block-23, .link-block-24, .link-block-25 {
  text-decoration: none;
}

.text-span-35, .text-span-36 {
  color: var(--rojo-brincus);
}

.titulo-2 {
  color: var(--gris-brincus);
  text-align: center;
  margin-top: 0;
  line-height: 36px;
}

.titulo-2.lateral {
  text-align: left;
  font-size: 36px;
  line-height: 36px;
}

.titulo-2.testimonio {
  margin-bottom: 40px;
}

.titulo-2.cc_blanco {
  color: var(--white);
}

.text-span-37, .text-span-38, .text-span-39 {
  color: var(--celeste-brincus);
}

.text-span-40, .text-span-41, .text-span-42, .text-span-43 {
  color: var(--naranjo-brincus);
}

.bold-text-17 {
  color: var(--celeste-brincus);
}

.field-label-11 {
  color: var(--white);
  text-transform: none;
}

.bold-text-18 {
  color: var(--rojo-brincus);
}

.text-span-26-copy {
  color: var(--rojo-brincus);
  font-weight: 900;
}

.text-span-44 {
  color: var(--celeste-brincus);
}

.bold-text-19, .text-span-45 {
  color: var(--rojo-brincus);
}

.field-label-12 {
  text-transform: none;
}

.heading-85, .heading-86, .heading-87, .heading-88, .heading-89, .heading-90, .heading-91, .heading-92, .heading-93, .heading-94 {
  text-align: left;
}

.conteiner-homeschoo {
  max-width: 1080px;
  position: static;
}

.text-span-46 {
  color: var(--verde-brincus);
}

.image-78 {
  background-color: var(--white);
  box-shadow: 0 0 10px 1px var(--soct);
  border-radius: 20px;
  padding: 0;
}

.div-block-87 {
  text-align: center;
}

.text-span-47, .text-span-48 {
  color: var(--verde-brincus);
}

.text-span-49 {
  color: var(--celeste-brincus);
}

.image-79 {
  width: 100%;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.tabs-3 {
  box-shadow: inset 1px 1px 18px 8px var(--white), 0 0 20px 4px var(--soct);
  background-color: rgba(255, 255, 255, .91);
  background-image: url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 20px;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tabs-menu-3 {
  width: 300px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.tab-link-tab-1 {
  background-color: var(--light-steel-blue);
  color: var(--blue);
  border-radius: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px 30px;
  font-family: Montserrat, sans-serif;
}

.tab-link-tab-1:focus {
  background-color: var(--light-steel-blue);
}

.tab-link-tab-1.w--current {
  background-color: var(--celeste-presionado);
  box-shadow: inset 0 0 13px -5px var(--soct);
  color: var(--white);
  border: 1px rgba(0, 0, 0, .13);
  border-radius: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px 30px;
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
}

.tab-link-tab-1.w--current:hover {
  background-color: var(--cornflower-blue);
}

.tab-link-tab-1.mision {
  background-color: var(--celeste-presionado);
  box-shadow: none;
}

.div-block-88 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.tab-link-tab-2-2 {
  background-color: var(--black-2);
  color: var(--gris-brincus);
  text-align: left;
  border-radius: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: sfprodisplay, sans-serif;
}

.tab-link-tab-2-2:hover {
  background-color: var(--light-steel-blue);
}

.tab-pane-tab-1 {
  background-color: var(--white-smoke-2);
  background-image: linear-gradient(to bottom, var(--celeste-presionado), var(--celeste-presionado)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  box-shadow: inset 0 0 12px 1px var(--soct);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding: 20px 0 10px;
}

.section-19 {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Mesa-de-trabajo-1-copia2x.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 40px;
  padding-bottom: 40px;
}

.tab-link-tab-2-3 {
  border-radius: 20px;
  padding: 10px 15px;
}

.tab-link-tab-2-3.mision {
  background-color: var(--light-steel-blue);
  color: var(--white);
  padding-left: 30px;
  padding-right: 30px;
}

.tab-link-tab-2-3.mision:hover {
  background-color: var(--cornflower-blue);
}

.tab-link-tab-2-3.mision.w--current {
  background-color: var(--celeste-presionado);
}

.text-block-51, .text-block-52 {
  font-family: sfprodisplay, sans-serif;
}

.tab-pane-tab-2 {
  background-image: linear-gradient(to bottom, var(--celeste-presionado), var(--celeste-presionado)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  box-shadow: inset 0 0 12px 1px var(--soct);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding: 20px 10px 10px;
}

.paragraph-31 {
  color: var(--white);
  text-align: left;
}

.paragraph-32 {
  width: 70%;
  color: var(--white);
  margin-left: auto;
  margin-right: auto;
}

.tabs-content-3 {
  flex: 0 auto;
}

.heading-95 {
  color: var(--white);
  font-size: 36px;
  line-height: 36px;
}

.bold-text-20 {
  color: var(--verde-brincus);
}

.text-span-50 {
  color: var(--blue);
}

.video-9 {
  margin-bottom: 20px;
}

.link-block-26 {
  color: var(--white);
  font-family: Nunito, sans-serif;
  text-decoration: none;
}

.link-block-26:hover {
  color: var(--cornflower-blue);
}

.linl-block-26 {
  text-decoration: none;
}

.linl-block-26:hover {
  color: var(--cornflower-blue);
}

.link-8 {
  color: var(--white);
  font-family: Nunito, sans-serif;
  text-decoration: none;
}

.link-8:hover {
  color: var(--cornflower-blue);
}

.form-4 {
  color: var(--white);
}

.field-label-13 {
  font-family: sfprodisplay, sans-serif;
}

.text-span-51 {
  color: var(--verde-brincus);
}

.image-80 {
  box-shadow: 1px 1px 14px -3px var(--soct);
  border-radius: 20px;
}

.text-span-52 {
  color: var(--celeste-brincus);
}

.heading-96 {
  color: var(--naranjo-brincus);
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.div-block-89 {
  display: block;
  position: static;
}

.bold-text-21 {
  color: var(--naranjo-brincus);
}

.div-block-90, .planes-selector {
  display: none;
}

.div-block-91 {
  z-index: 9;
  background-color: var(--soct);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-demo {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-demo.talleres {
  display: none;
}

.modal_demo {
  text-align: center;
  margin: auto;
  padding: 30px;
  display: block;
}

.modal-ayuda {
  z-index: 5;
  width: auto;
  height: auto;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-ayuda.talleres {
  display: none;
}

.modal-ministeriales {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: var(--soct);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-ministeriales.talleres {
  display: none;
}

.text-span-54, .bold-text-22 {
  color: var(--morado-brincus);
}

.text-span-55 {
  color: var(--rojo-brincus);
}

.toggle_ayuda {
  display: block;
}

.ayuda {
  background-color: var(--white-smoke-2);
  border-radius: 10px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  line-height: 20px;
  display: block;
}

.ayuda:hover {
  background-color: #e9e9e9;
}

.ayuda.w--open {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}

.desplegable {
  padding: 20px;
}

.dropdown-list-3 {
  background-color: var(--naranjo-brincus);
}

.dropdown-list-3.w--open {
  background-color: rgba(214, 214, 214, .6);
  margin-bottom: 10px;
  position: static;
}

.div-block-92 {
  padding-bottom: 40px;
}

.div-block-94 {
  padding-top: 20px;
}

.text-block-53 {
  color: var(--white);
}

.div-block-95 {
  border: 1px solid var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  margin-left: 0;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
}

.div-block-95:hover {
  background-color: var(--naranjo-sobre);
}

.form-field {
  z-index: 1;
  height: 50px;
  min-height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdd;
  padding-top: 11px;
  position: relative;
}

.form-field:focus {
  border-color: #000;
}

.form-field::-ms-input-placeholder {
  color: #a0a0a0;
}

.form-field::placeholder {
  color: #a0a0a0;
}

.form-field.select-field {
  padding-top: 8px;
}

.form-field.select-field.wide {
  cursor: pointer;
  border-radius: 0;
  line-height: 35px;
}

.select-field-2 {
  background-color: var(--white);
  color: var(--gris-brincus);
  border-radius: 0;
}

.text-field-8, .text-field-9, .text-field-10, .text-field-11 {
  color: var(--gris-brincus);
  border-radius: 5px;
}

.caja-profe {
  width: 100%;
  height: 150px;
  min-width: auto;
  background-color: var(--celeste-brincus);
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.foto-profe {
  width: auto;
  height: 11rem;
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.body-2 {
  margin: 60px;
}

.section-20 {
  flex-direction: column;
  display: block;
}

.div-block-96 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.modal-wrapper {
  z-index: 20;
  width: auto;
  height: auto;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 125px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.caja_modal_profesores {
  width: 1000px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-smoke-2);
  text-align: center;
  object-fit: contain;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: none;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-81 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-106 {
  width: 60%;
  color: var(--black);
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-36 {
  width: 60%;
  color: var(--gris-brincus);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.columns-13 {
  width: auto;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-107 {
  font-size: 15px;
}

.paragraph-37 {
  text-align: left;
  font-size: 12px;
  line-height: 15px;
}

.bold-text-23 {
  font-size: 16px;
  font-weight: 900;
  line-height: 25px;
}

.heading-108 {
  text-align: left;
  line-height: 25px;
}

.heading-109 {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.heading-108-copy {
  text-align: left;
  line-height: 25px;
}

.column-17 {
  background-color: var(--white);
  box-shadow: none;
  border-radius: 10px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.tabs-menu-5 {
  text-align: left;
  font-family: sfprodisplay, sans-serif;
  font-size: 16px;
}

.tabs-4 {
  width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 25px;
}

.tab-link-tab-1-2 {
  background-color: rgba(0, 0, 0, 0);
}

.tab-link-tab-1-2.w--current {
  background-color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tab-link-tab-2-4 {
  background-color: rgba(0, 0, 0, 0);
}

.tab-link-tab-2-4.w--current {
  background-color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tab-link-tab-3 {
  background-color: rgba(0, 0, 0, 0);
}

.tab-link-tab-3.w--current {
  background-color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.columns-14 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-97 {
  width: 90%;
  background-color: var(--white);
  box-shadow: none;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-98 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.column-18 {
  color: var(--gris-brincus);
  background-color: rgba(0, 0, 0, 0);
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-pane-tab-2-2 {
  background-color: var(--white);
  border-radius: 10px;
}

.heading-108-copy {
  text-align: left;
  line-height: 25px;
}

.titulo_cursos {
  text-align: left;
  margin-top: 0;
  padding-top: 0;
  line-height: 25px;
}

.div-block-99 {
  border-radius: 10px;
  padding: 20px;
}

.tab-pane-tab-3 {
  background-color: var(--white);
  border-radius: 10px;
}

.div-block-100 {
  padding: 20px;
}

.image-82 {
  margin-top: 20px;
  margin-right: 20px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.video-10 {
  width: 70%;
  object-fit: fill;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.modal-background {
  background-color: var(--soct);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-7 {
  color: #122378;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 4px solid #122378;
  border-radius: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 4rem;
  line-height: 1.2;
}

.button-7.open-modal {
  color: #e64b4a;
  border-color: #e64b4a;
}

.p-m {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.3;
}

.modal-header {
  border-bottom: 4px solid #e64b4b;
  justify-content: flex-end;
  align-items: center;
  padding: 30px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.footer-left {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1vw;
  padding-right: 20vw;
  display: flex;
}

.modal-footer {
  margin-top: -4px;
  display: flex;
}

.text-block-54 {
  color: #e64b4b;
}

.modal-body {
  z-index: 20;
  text-align: center;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
  overflow: auto;
}

.close-modal {
  color: #fff;
  text-transform: uppercase;
  border: 4px solid #e64b4b;
  margin-left: 40px;
  padding: 20px;
  font-size: 4rem;
  line-height: 1.2;
  text-decoration: none;
}

.modal-2-profe {
  z-index: 999;
  background-color: var(--soct);
  color: var(--gris-brincus);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 11%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.content-item {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  position: relative;
}

.content-item.txt-c {
  width: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.heading-sweet {
  color: #e64b4b;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30vh;
  font-size: 12vw;
  line-height: 1;
}

.container-20 {
  width: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.modal-content {
  width: 40%;
  height: 95%;
  border-radius: 20px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.section-21 {
  width: 100%;
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-21.modal-case {
  width: auto;
  max-width: none;
  min-height: auto;
  background-color: var(--white);
  color: var(--gris-brincus);
  text-align: center;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: block;
}

.button-wrapper {
  margin-top: 100px;
  margin-bottom: 100px;
}

.image-83 {
  margin-left: auto;
  margin-right: auto;
}

.model-prueba {
  z-index: 20;
  width: auto;
  height: auto;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 125px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.html-embed {
  display: none;
}

.caja-profesor {
  width: 15rem;
  background-color: var(--white);
  border-radius: 20px;
  padding: 15px;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.section-talleres {
  width: 100%;
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-talleres.modal-case {
  width: auto;
  max-width: none;
  min-height: auto;
  background-color: var(--white);
  color: var(--gris-brincus);
  margin-left: auto;
  margin-right: auto;
}

.caja-modal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-wrapper {
  margin-top: 0;
}

.modal-calendario {
  justify-content: center;
  align-items: center;
  margin-top: 125px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-sombra {
  background-color: var(--soct);
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-info {
  z-index: 95;
  width: 35%;
  background-color: var(--white-smoke-2);
  text-align: center;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  position: relative;
}

.heading-110 {
  text-align: center;
}

.image-84 {
  margin-left: auto;
  margin-right: auto;
}

.linea-texto {
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.text-block-55 {
  color: var(--gris-brincus);
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
}

.text-block-56 {
  margin-left: 10px;
  font-family: sfprodisplay, sans-serif;
}

.image-85, .image-86 {
  object-fit: contain;
}

.div-block-101 {
  width: 95%;
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-102 {
  width: 95%;
  background-color: var(--white);
  border-radius: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 20px 10px;
}

.image-87 {
  margin-top: 20px;
  margin-right: 20px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.simbologia {
  width: 70%;
  grid-column-gap: 9px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  display: grid;
}

.heading-111 {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.div-block-103 {
  background-color: var(--blue);
  border-radius: 20px;
}

.div-block-104 {
  background-color: var(--rojo-brincus);
  border-radius: 20px;
}

.div-block-105 {
  background-color: var(--naranjo-brincus);
  border-radius: 20px;
}

.div-block-106 {
  background-color: var(--verde-brincus);
  border-radius: 20px;
}

.div-block-107 {
  background-color: var(--celeste-brincus);
  border-radius: 20px;
}

.div-block-108 {
  background-color: var(--goldenrod);
  border-radius: 20px;
}

.div-block-109 {
  background-color: var(--morado-brincus);
  border-radius: 20px;
}

.div-block-110 {
  background-color: var(--burntsienna);
  border-radius: 20px;
}

.div-block-111 {
  background-color: var(--maroon);
  border-radius: 20px;
}

.div-block-112 {
  background-color: var(--medium-violet-red);
  border-radius: 20px;
}

.div-block-113 {
  background-color: var(--medium-aquamarine);
  border-radius: 20px;
}

.div-block-114 {
  background-color: #00dc00;
  border-radius: 20px;
}

.div-block-115 {
  background-color: var(--white);
  border-radius: 20px;
  padding: 15px 15px 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.div-block-116 {
  background-color: var(--burntsienna);
}

.modal_calendario {
  z-index: 999;
  background-color: var(--soct);
  color: var(--gris-brincus);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 11%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.caja_modal_profesores-copy {
  width: auto;
  background-color: var(--white-smoke);
  text-align: center;
  object-fit: contain;
  border-radius: 20px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 20px 20px;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-2-taller {
  z-index: 999;
  background-color: var(--soct);
  color: var(--gris-brincus);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  top: 11%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.caja-profesores {
  width: auto;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-117 {
  width: 100%;
  padding-top: 20px;
}

.div-block-118 {
  border: 1px none var(--gris-brincus);
  background-color: var(--celeste-brincus);
  color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
}

.div-block-118:hover {
  border-color: var(--blue);
  background-color: var(--celeste-presionado);
  color: var(--white);
}

.modal_oculto {
  z-index: 20;
  text-align: center;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
  overflow: auto;
}

.button-8 {
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-8.talleres {
  width: auto;
}

.caja_calendario {
  width: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-smoke-2);
  text-align: center;
  object-fit: contain;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-119 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column-reverse;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-120 {
  height: auto;
  display: flex;
}

.div-block-121 {
  max-width: 50%;
  padding-top: 40px;
}

.text-block-57 {
  color: var(--tomato);
}

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

.paragraph-38 {
  background-color: var(--tomato);
  color: var(--white);
  border-radius: 20px;
  padding: 10px 20px;
  font-weight: 400;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .2);
}

.heading-112 {
  color: var(--soct);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.div-block-122 {
  text-align: center;
}

.div-block-123 {
  align-items: flex-start;
  display: flex;
}

.bold-text-24 {
  color: var(--morado-brincus);
}

.text-block-59 {
  color: var(--gris-brincus);
  font-size: 25px;
}

.div-block-124, .div-block-125 {
  width: 50%;
}

.text-block-60 {
  color: var(--gris-brincus);
  font-size: 12px;
  text-decoration: underline;
}

.div-block-126 {
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.bold-text-25 {
  color: var(--white);
}

.heading-113 {
  color: var(--white);
  font-weight: 400;
}

.div-block-127 {
  width: 50%;
}

.div-block-128 {
  width: 50%;
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.paragraph-41 {
  border: .5px solid var(--soct);
  text-align: left;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
}

.cierre {
  border: 1px solid var(--morado-brincus);
  background-color: var(--rojo-brincus);
  color: var(--white);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 300;
}

.text-block-61 {
  border: 1px solid var(--morado-brincus);
  background-color: var(--morado-brincus);
  color: var(--white);
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 25px;
  font-weight: 800;
}

.bold-text-26 {
  font-size: 25px;
}

.section-23 {
  background-image: linear-gradient(to bottom, var(--soct), var(--soct)), url('../images/Mesa-de-trabajo-1-copia2x.png');
  background-position: 0 0, 50% 100%;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  padding-top: 40px;
  padding-bottom: 20px;
}

.div-block-129 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  display: flex;
}

.testi-plus {
  width: 60%;
  padding-top: 0;
  display: block;
}

.div-block-130 {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.text-block-62 {
  background-color: var(--morado-brincus);
  color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex: 0 auto;
  align-self: center;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-131, .div-block-132 {
  display: flex;
}

.text-block-63 {
  padding-left: 10px;
  padding-right: 10px;
}

.heading-114 {
  color: var(--tomato);
  text-decoration: line-through;
}

.div-block-133 {
  text-align: left;
}

.div-block-134 {
  padding-top: 40px;
  padding-bottom: 20px;
}

.heading-115 {
  color: var(--gris-brincus);
  margin-bottom: 20px;
}

.section-24 {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.div-block-135 {
  width: 70%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-136 {
  text-align: center;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  display: inline-block;
}

.container-21 {
  max-width: 1140px;
  text-align: left;
}

.image-89 {
  flex: 0 auto;
}

.div-block-137 {
  background-color: var(--white);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.image-90 {
  text-align: center;
  margin-bottom: -10px;
  margin-right: 0;
}

.heading-116 {
  text-align: center;
  line-height: 25px;
}

.div-block-138 {
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-139 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr .25fr 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-140 {
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  padding-left: 17px;
  padding-right: 17px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.image-91 {
  margin-left: auto;
  margin-right: auto;
}

.heading-117 {
  font-size: 18px;
  line-height: 22px;
}

.section-25 {
  background-image: url('../images/Mesa-de-trabajo-1-copia2x.png');
  background-position: 50% 100%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.container-22 {
  max-width: 1140px;
  padding-top: 60px;
  padding-bottom: 60px;
}

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

.div-block-142 {
  text-align: center;
  padding-top: 20px;
}

.heading-118 {
  color: var(--white);
  text-align: center;
}

.box {
  width: 100px;
  height: 100px;
  background-color: var(--white-smoke-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.clock-number {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 40px;
}

.div-block-143 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 20px 10px 0;
  display: flex;
}

.page-title {
  color: var(--rojo-brincus);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 1px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
}

.icon-5 {
  width: 36px;
  height: 36px;
  color: var(--rojo-brincus);
  margin-right: 16px;
}

.wrapper-2 {
  background-image: linear-gradient(135deg, #3e0c68, #13031d);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wrapper-2.reloj {
  background-image: none;
  align-items: flex-start;
  position: static;
}

.clock-label {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-right: -5px;
}

.js-clock {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-27 {
  color: var(--morado-brincus);
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.heading-123 {
  color: var(--white);
  font-size: 35px;
  line-height: 40px;
}

.container-23 {
  max-width: 800px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-124 {
  color: var(--gris-brincus);
  text-align: center;
}

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

.section-26 {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.text-span-56, .text-span-57 {
  color: var(--morado-brincus);
}

.text-span-58 {
  color: var(--rojo-brincus);
  font-size: 14px;
  font-weight: 600;
}

.text-span-59 {
  color: var(--rojo-brincus);
  font-weight: 900;
}

.bold-text-28 {
  color: var(--rojo-brincus);
  font-size: 25px;
}

.bold-text-29 {
  color: var(--verde-botones);
}

.text-block-65 {
  padding-top: 10px;
}

.text-span-60 {
  color: var(--naranjo-brincus);
  font-weight: 900;
}

.tab-link-tab-1-3 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-1-3.w--current {
  background-color: var(--black-2);
  border-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.caja-nueva-taller {
  width: 100px;
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.caja-nueva-taller:hover {
  background-color: var(--black-2);
}

.image-96 {
  margin-right: 0;
}

.image-96:hover {
  background-color: var(--black-2);
}

.tab-link-tab-2-5 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-2-5.w--current {
  background-color: var(--black-2);
}

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

.tabs-content-4 {
  width: auto;
  background-color: var(--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.heading-125 {
  text-align: left;
}

.heading-126 {
  color: var(--gris-brincus);
  text-align: center;
}

.tabs-menu-6 {
  width: 80%;
  background-color: var(--black-2);
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-144 {
  width: 80%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.tab-link-tab-3-2, .tab-link-tab-4 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-4.w--current {
  background-color: var(--black-2);
  padding-left: 10px;
}

.tab-link-tab-5 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-5.w--current {
  background-color: var(--black-2);
}

.tab-link-tab-6, .tab-link-tab-7, .tab-link-tab-8 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-145 {
  background-color: var(--white);
  border-radius: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, .2);
}

.text-span-61 {
  color: var(--soct);
  font-size: 20px;
  font-weight: 400;
}

.text-span-62 {
  color: var(--naranjo-br);
  font-size: 18px;
}

.text-block-66 {
  text-align: left;
}

.bold-text-30 {
  color: var(--naranjo-br);
  display: flex;
}

.text-block-67 {
  color: var(--naranjo-br);
  text-align: left;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 15px;
  line-height: 20px;
}

.tab-pane-tab-1-2 {
  text-align: left;
}

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

.text-block-68 {
  color: var(--gris-brincus);
  margin-bottom: 10px;
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
}

.div-block-147 {
  background-color: var(--white);
  border-radius: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-block-69 {
  width: 50%;
  border: 1px solid var(--white);
  background-color: var(--white);
  color: var(--morado-press);
  text-align: center;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
}

.bold-text-31 {
  color: var(--gris);
  font-weight: 600;
}

.bold-text-31.sub {
  font-size: 21.4286px;
  line-height: 25px;
}

.link-9 {
  border: 1px solid #000;
  border-radius: 8px;
}

.image-97 {
  border-radius: 10px;
}

.div-block-148 {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  align-items: flex-start;
  padding: 0 20px 10px;
  font-size: 12px;
  display: flex;
}

.paragraph-42 {
  text-align: left;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
}

.bold-text-32 {
  color: var(--gris-brincus);
  font-style: italic;
  font-weight: 400;
}

.caja_profe {
  text-align: center;
}

.text-block-70 {
  color: var(--gris-brincus);
  padding-bottom: 10px;
  font-family: sfprodisplay, sans-serif;
  font-size: 14px;
}

.dropdown-toggle-3 {
  background-color: var(--black-2);
  text-align: center;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: block;
}

.text-block-71 {
  text-align: left;
  font-size: 14px;
}

.dropdown-_profes {
  margin-bottom: 10px;
  display: block;
}

.dropdown-list-4 {
  position: relative;
}

.dropdown-list-4.w--open {
  background-color: var(--black-2);
}

.div-block-149 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.dropdown-toggle-4 {
  background-color: var(--white);
  border-radius: 10px;
}

.image-98 {
  border-radius: 20px;
}

.heading-127 {
  color: var(--gris-brincus);
}

.tab-link-tab-9 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-9.w--current {
  padding-right: 10px;
}

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

.div-block-151 {
  display: none;
  overflow: visible;
}

.nav-menu-princiapl {
  display: none;
}

.nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.div-block-152 {
  align-self: center;
}

.hero-heading-center {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-24 {
  width: 100%;
  max-width: 940px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-heading.margin-bottom-32px {
  color: var(--black);
  margin-bottom: 32px;
}

.hero-wrapper {
  background-color: var(--soct);
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 23px 60px 23px 23px;
  display: flex;
}

.hero-split {
  max-width: 55%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.hero-split.form {
  border-bottom: 10px solid var(--verde-botones);
  background-color: var(--white-smoke-2);
  border-radius: 4px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.margin-bottom-24px {
  margin-bottom: 0;
}

.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;
}

.shadow-two {
  box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
}

.text-span-63 {
  color: var(--verde-botones);
}

.hero-subscribe-left {
  height: 100vh;
  background-color: rgba(245, 247, 250, 0);
  border-bottom: 1px solid #e4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 30px;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-form {
  align-self: stretch;
  margin-bottom: 12px;
}

.hero-form-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero-form-input {
  width: auto;
  height: auto;
  color: #1a1b1f;
  border: 1px solid #d1d6db;
  border-radius: 4px;
  align-self: stretch;
  margin-bottom: 0;
  margin-right: 0;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
}

.hero-form-input:hover, .hero-form-input:focus {
  border-color: #76879d;
}

.hero-form-input::-ms-input-placeholder {
  color: rgba(26, 27, 31, .8);
}

.hero-form-input::placeholder {
  color: rgba(26, 27, 31, .8);
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.image-99 {
  order: 0;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
}

.heading-128 {
  color: var(--white);
  margin-top: 0;
}

.paragraph-43 {
  color: var(--blue);
  font-family: sfprodisplay, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.body-3 {
  background-color: var(--morado-brincus);
  background-image: linear-gradient(357deg, var(--morado-brincus), rgba(255, 255, 255, 0)), url('../images/Mesa-de-trabajo-1-copia2x.png');
  -webkit-text-fill-color: inherit;
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  background-clip: border-box;
  border-radius: 0;
}

.body-4 {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(205deg, var(--morado-press), var(--morado-brincus) 51%, rgba(255, 255, 255, 0)), url('../images/Mesa-de-trabajo-1-copia2x.png');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.section-28 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.paragraph-44 {
  color: var(--white);
  font-style: italic;
}

.paragraph-45 {
  margin-top: 10px;
  line-height: 30px;
}

.cloneable-container-default {
  min-height: 624px;
  border-radius: 20px;
  transform: translate(0);
}

.cloneable-container-default.center {
  min-height: auto;
  background-image: linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .94)), url('../images/Mesa-de-trabajo-18fondo-estrellado.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 0;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 60px;
}

.currency-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  display: flex;
}

.arrow-dropdown {
  margin-left: 15px;
}

.dropdown-text {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.text-single-300 {
  font-size: 20px;
  line-height: 22px;
}

.text-single-300.medium {
  font-weight: 500;
}

.text-single-300.medium.text-color-600 {
  color: #6f6c90;
  font-size: 16px;
}

.text-single-300.medium.text-color-400 {
  color: #d9dbe9;
}

.card-pricing {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  flex-direction: column;
  padding: 40px 40px 48px;
  display: flex;
  box-shadow: 1px 1px 12px rgba(20, 20, 43, .08);
}

.card-pricing.popular {
  background-color: #64369a;
  padding-top: 30px;
  display: block;
  position: relative;
}

.card-pricing.align-bottom {
  justify-content: space-between;
  padding-top: 24px;
  line-height: 16px;
  position: relative;
}

.card-pricing.align-bottom._70 {
  border-color: var(--soct);
}

.list-pricing {
  margin-top: 16px;
  margin-bottom: 0;
  list-style-type: disc;
}

.flex-horizontal {
  display: flex;
}

.flex-horizontal.center-start {
  justify-content: flex-start;
  align-items: center;
}

.flex-horizontal.center-start.gbp, .flex-horizontal.center-start.eur {
  display: none;
}

.flex-horizontal.start-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-horizontal.start-top.center {
  align-items: center;
}

.pricing {
  color: var(--blue);
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-decoration: none;
}

.pricing.color-white {
  color: #fff;
}

.pricing.gratis {
  color: var(--verde-brincus);
  font-size: 35px;
  font-weight: 800;
  text-decoration: none;
}

.pricing.ff {
  color: var(--tomato);
}

.pricing.ff.aaaa {
  text-decoration: line-through;
}

.icon-pricing---brix {
  margin-right: 18px;
}

.popular-badge-align---brix {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.grid-three-columns {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-three-columns.gbp {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.grid-three-columns.usd {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.grid-three-columns.eur {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.mg-bottom-0 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.container-660px-center {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.button-primary-2 {
  background-color: var(--naranjo-br);
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px rgba(74, 58, 255, .12);
}

.button-primary-2:hover {
  background-color: var(--naranjo-sobre);
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px rgba(74, 58, 255, .15);
}

.button-primary-2.light {
  color: #4a3aff;
  background-color: #fff;
}

.icon-flag {
  margin-right: 4px;
}

.dropdown-currency {
  margin-left: 26px;
  margin-right: 0;
}

.icon-bullet---brix {
  margin-right: 14px;
}

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

.color-white {
  color: #fff;
}

.container-default {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-default._100 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.badge-popular---brix {
  border: 0px solid var(--naranjo-br);
  background-color: var(--rojo-brincus);
  color: var(--white);
  border-radius: 10px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: inline-block;
  position: static;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 20px;
}

.list-item-pricing {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.list-item-pricing.off {
  display: none;
}

.mg-top-18px {
  margin-top: 18px;
}

.mg-top-18px.mg-bottom-32px {
  margin-bottom: 32px;
  line-height: 16px;
}

.text-uppercase {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.text-uppercase.subtitle {
  color: var(--naranjo-br);
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
}

.text-color-neutral-400 {
  color: #d9dbe9;
  display: none;
}

.dropdown-bg-currency {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 20px 18px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, .04);
}

.text-single-200 {
  font-size: 18px;
  line-height: 20px;
}

.text-single-200.text-color-neutral-800 {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
}

.text-single-200.bold {
  font-weight: 700;
}

.text-single-200.bold.text-color-neutral-800 {
  text-align: left;
}

.text-single-200.medium {
  font-weight: 500;
  display: none;
}

.text-single-200.medium.color-neutral-300 {
  color: #eff0f6;
}

.text-single-200.medium.on {
  color: var(--naranjo-br);
  display: block;
}

.content-pricig-table {
  margin-top: 76px;
}

.content-pricig-table.small {
  margin-top: 0;
}

.text-color-neutral-800 {
  color: #170f49;
}

.text-color-neutral-800.mg-bottom-0px {
  margin-bottom: 0;
}

.dropdown-link-2 {
  color: #6f6c90;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.dropdown-link-2:hover {
  color: #170f49;
}

.dropdown-link-2.last {
  margin-bottom: 0;
}

.dropdown-toggle-currency {
  min-width: 142px;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 15px;
  align-items: center;
  padding: 20px 21px 20px 18px;
  display: flex;
  box-shadow: 1px 1px 6px rgba(0, 1, 65, .04);
}

.dropdown-list-5 {
  z-index: 24;
  background-color: rgba(0, 0, 0, 0);
  margin-top: -11px;
}

.paragraph-46 {
  color: var(--soct);
  margin-bottom: 16px;
  padding-bottom: 0;
  font-size: 14px;
  display: block;
}

.paragraph-47 {
  display: none;
}

.div-block-153 {
  flex-direction: column;
  display: flex;
}

.div-block-154 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-155 {
  flex-direction: column;
  display: flex;
}

.div-block-156 {
  line-height: 0;
}

.heading-129 {
  margin-top: 0;
  font-size: 36px;
  line-height: 36px;
}

.bold-text-33 {
  color: var(--rojo-presionado);
}

.div-block-157 {
  justify-content: flex-start;
  display: flex;
}

.div-block-158 {
  max-width: 850px;
  min-width: 800px;
  background-color: #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 0;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.wrapper-3 {
  width: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.heading-h4 {
  color: #3a1f65;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.selector-planes {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.plan-basico {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.selector-plan-b-sico {
  width: 144px;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-planes-default {
  width: 100%;
  height: 120px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fe990d;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 32px;
  display: flex;
}

.vectors-wrapper {
  width: 40px;
  height: 40px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-small {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.frame-29 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body-small-2 {
  color: #bcbacd;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.toggle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  display: flex;
}

.vectors-wrapper-2 {
  width: 32px;
  height: 16px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-small-3 {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.input {
  width: 100%;
  border-radius: 3.2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.input-base {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 3.2px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

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

.body-small-4 {
  color: #6c757d;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.selector-plan-full {
  width: 100%;
  max-width: 200px;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card-planes-default-2 {
  width: 100%;
  height: 120px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px none var(--soct);
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.card-planes-default-2:hover {
  border: 1px solid var(--naranjo-hover-2);
  background-color: rgba(255, 152, 44, .3);
}

.card-planes-default-2:active {
  background-color: var(--naranjo-hover-2);
}

.body-small-5 {
  color: #212529;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.colegio-online {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body-small-6 {
  color: #212529;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.text-block-73 {
  font-family: "sfprodisplay 1", sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.text-field-12 {
  border-radius: 8px;
}

.ms-how-drawer {
  width: 100%;
  background-color: #f8f8f8;
  border-radius: 16px;
  margin-top: -10px;
  margin-bottom: 20px;
  overflow: hidden;
}

.ms-how-drawer.for-radio {
  margin-top: 10px;
  display: none;
}

.ms-toggle-checkbox {
  display: none;
}

.ms-loom {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}

.ms-switch-bg {
  z-index: 0;
  background-color: #f5f5f5;
  border-radius: 8px;
  transition: background-color .2s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.ms-switch-option {
  letter-spacing: 0;
  text-transform: capitalize;
  font-weight: 500;
}

.ms-drawer-top {
  color: #121331;
  border-radius: 16px 16px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 11px 10px 10px;
  font-weight: 400;
  display: flex;
}

.ms-drawer-top:hover {
  background-color: #ebebeb;
}

.ms-embed {
  min-height: 80px;
  background-color: #ededed;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-style: italic;
  display: flex;
}

.ms-switch-wrap {
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  position: relative;
}

.ms-drawer-contain {
  border-top: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.ms-input-label {
  color: #121331;
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
}

.ms-input-label.ms-radio {
  text-transform: none;
  margin-bottom: 8px;
  font-family: "sfprodisplay 1", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.ms-dropdown-svg {
  width: 30px;
  height: 20px;
  opacity: .5;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ms-switch-select {
  z-index: 1;
  width: 48.5%;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
  transition: left .3s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 1.5%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}

.ms-switch-select.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  left: 39px;
}

.ms-switch-label {
  z-index: 3;
  grid-column-gap: 3%;
  white-space: nowrap;
  justify-content: space-around;
  align-items: center;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 2%;
  right: 2%;
}

.ms-radio-group {
  margin-top: 24px;
  margin-bottom: 30px;
}

.ms-help-text {
  opacity: .8;
  margin-top: -15px;
  margin-bottom: 15px;
  font-size: 90%;
  font-weight: 300;
}

.ms-help-text.less-margin {
  margin-top: -4px;
  margin-bottom: 4px;
}

.ms-help-text.less-margin.izq {
  text-align: right;
}

.ms-help-text.less-margin.center {
  text-align: center;
  margin-top: 10px;
}

.ms-radio-row {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.ms-radio-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.ms-radio-dot {
  width: 17px;
  height: 17px;
  border-color: rgba(18, 19, 49, .25);
  flex: none;
  margin-top: 1px;
  margin-right: 10px;
  position: relative;
}

.ms-radio-dot.w--redirected-checked {
  border-width: 6px;
  border-color: #2962ff;
}

.field-label-14 {
  font-family: "sfprodisplay 1", sans-serif;
  font-size: 16px;
}

.selector-plan-basico {
  width: 100%;
  max-width: 200px;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-field-13, .text-field-14 {
  border-radius: 8px;
}

.ms-input-wrap {
  padding: 0;
  display: flex;
  position: relative;
}

.ms-input {
  min-height: 40px;
  color: #121331;
  background-color: #fff;
  border: 1px solid rgba(18, 19, 49, .25);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 8px 12px;
  transition: box-shadow .2s, border-color .2s;
  position: relative;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .1);
}

.ms-input:hover {
  z-index: 2;
  box-shadow: none;
  border-color: #2962ff;
}

.ms-input::-ms-input-placeholder {
  color: #909090;
}

.ms-input::placeholder {
  color: #909090;
}

.ms-input.has-https {
  margin-bottom: 0;
  padding-left: 62px;
}

.ms-dropdown {
  z-index: 10;
  width: 70px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0);
  border: 0 solid #000;
  padding-left: 6px;
  padding-right: 6px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 6px;
}

.ms-dropdown.is-leading {
  z-index: 3;
  width: 50px;
  padding-right: 0;
  left: 0;
}

.div-block-159 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-span-64 {
  color: var(--celeste-brincus);
  text-decoration: underline;
}

.ms-radio-colum {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  flex-flow: column wrap;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.frame-51 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.vector-webpay {
  width: 100px;
  height: 32.3196px;
  object-fit: cover;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  margin-right: 0;
  display: flex;
}

.frame-30 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.vectors-wrapper-4 {
  width: 80px;
  height: 27.0633px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 0;
  display: flex;
}

.paypal-1 {
  object-fit: cover;
  margin-left: 10px;
}

.selector-colegio-online {
  width: 100%;
  max-width: 200px;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-130 {
  font-size: 24px;
}

.body-5 {
  background-color: #f2f1fa;
}

.div-block-160 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: block;
}

.form-block-3 {
  justify-content: space-between;
  align-items: flex-start;
  display: block;
}

.section-29 {
  justify-content: center;
  display: flex;
  position: static;
  top: 0;
}

.div-block-161 {
  width: 416px;
  height: 90vh;
  object-fit: fill;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 0;
  margin-left: 20px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  overflow: hidden;
}

.frame-14 {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

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

.frame-11 {
  width: 25px;
  height: 25px;
  background-color: var(--naranjo-brincus);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.vectors-wrapper-5 {
  width: 15px;
  height: 15px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.text {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.body-smaller {
  color: var(--gris-brincus);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body-smaller.pago-mensual {
  color: var(--gris-brincus);
}

.field-label-15 {
  letter-spacing: 0;
  text-transform: none;
}

.text-field-15 {
  border-radius: 8px;
}

.text-span-65 {
  display: none;
}

.text-block-74 {
  text-align: right;
  font-size: 44px;
  font-weight: 500;
  line-height: 44px;
}

.div-block-162 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.form-5 {
  object-fit: fill;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.frame-20 {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.frame-17 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-6 {
  width: 24px;
  height: 24px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-detalles {
  margin-top: 20px;
}

.input-number {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input-addon-left {
  width: 40px;
  height: 31px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-top-left-radius: 3.2px;
  border-bottom-left-radius: 3.2px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.text-2 {
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.body-small-7 {
  color: #212529;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.input-number-base {
  background-color: #fff;
  border: 1px solid #ced4da;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.placeholder-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-small-8 {
  color: #6c757d;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.input-addon-right {
  width: 40px;
  height: 31px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-top-right-radius: 3.2px;
  border-bottom-right-radius: 3.2px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.form-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.select-field-3 {
  color: var(--black);
  margin-bottom: 0;
}

.form-block-4 {
  display: block;
}

.submit-button-4 {
  background-color: var(--morado-brincus);
  border-radius: 100px;
  padding-top: 24px;
  padding-bottom: 24px;
  font-weight: 700;
}

.text-span-66 {
  color: var(--celeste-brincus);
  text-decoration: underline;
}

.mobile-bottom-notifications-bars {
  width: 100%;
  max-width: 428px;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #fff;
  border: 0 solid #6c757d;
  border-top-width: 1px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 24px;
  display: none;
}

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

.body-small-9 {
  color: #fe990d;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.link-10 {
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.master-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-text {
  color: #6c757d;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

.vectors-wrapper-7 {
  width: 12px;
  height: 12px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-34 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body-bold {
  color: #3a1f65;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.frame-52 {
  width: 100%;
  max-width: 332px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-53 {
  width: 102px;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body-bold-2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.body-small-10 {
  color: #9795b5;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.div-block-163 {
  display: none;
}

.div-block-164 {
  width: 750px;
}

.modal-bienvenido {
  z-index: 10;
  width: 100%;
  max-width: 720px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  object-fit: fill;
  background-color: #f8f9fa;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.frame-44 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.vectors-wrapper-8 {
  height: 37px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-title {
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-h2 {
  color: #3a1f65;
  text-align: center;
  font-family: "sfprodisplay 1", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.text-paragraph {
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-3 {
  color: #212529;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.master-primary-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #3a1f65;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 24px;
  display: flex;
  box-shadow: 0 0 rgba(40, 167, 69, .25);
}

.body-bold-3 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.modal-wrapper-bienvenido {
  z-index: 9999999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.wrapper-modal {
  z-index: 1;
  background-color: var(--soct);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-9 {
  background-color: var(--morado-brincus);
  text-align: center;
  border-radius: 50px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 700;
}

.button-9:hover {
  background-color: var(--morado-press);
  color: #fff;
}

.div-block-165 {
  width: 50%;
  align-self: center;
}

.image-100 {
  border-radius: 8px;
}

.bold-text-34 {
  font-weight: 600;
}

.bold-text-34.aaaa {
  color: var(--gris-brincus);
}

.div-block-166 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--soct);
  background-color: var(--white);
  border-radius: 8px;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px 20px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.div-block-166.asd {
  width: 600px;
}

.image-101 {
  width: 30%;
  object-fit: contain;
}

.div-block-167 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.div-block-167.uy {
  color: #fff;
  flex-direction: column;
}

.div-block-168 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  align-items: center;
  display: block;
}

.div-block-168._3 {
  max-width: 1080px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 100px;
  display: grid;
}

.text-block-75 {
  color: var(--white);
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-75.cc_negro {
  color: var(--black);
  text-align: left;
  border: 1px #000;
  align-self: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.text-block-75.hrhr {
  color: var(--black);
  text-align: center;
  border-top: 1px solid #000;
  padding-top: 20px;
}

.bold-text-35 {
  color: var(--white-smoke-2);
  font-weight: 600;
}

.text-block-76 {
  width: 40%;
  text-align: left;
  white-space: normal;
  font-style: italic;
  font-weight: 700;
  display: inline;
}

.div-block-169 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--soct);
  border-radius: 8px;
  justify-content: center;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.bold-text-36 {
  color: var(--gris);
  font-weight: 600;
}

.div-block-170 {
  border: 1px solid var(--soct);
  background-color: var(--white);
  text-align: left;
  border-radius: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: flex;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
}

.div-block-171 {
  width: 30px;
  height: 20px;
  background-color: var(--black);
  object-fit: fill;
  border-radius: 20px;
  align-self: center;
  display: block;
}

.bold-text-37, .bold-text-38 {
  font-weight: 600;
}

.paragraph-49 {
  display: none;
}

.div-block-172 {
  width: 50%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-173 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-174 {
  padding-left: 0;
}

.bold-text-39 {
  text-align: left;
  font-weight: 400;
  display: block;
}

.container-25 {
  max-width: 1080px;
  display: flex;
}

.div-block-175 {
  width: 50%;
}

.div-block-176 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  display: block;
}

.bold-text-40 {
  font-weight: 600;
}

.bold-text-40.blanco {
  color: var(--white);
  flex-direction: column;
  display: flex;
}

.div-block-177 {
  max-width: 1080px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.italic-text {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}

.image-102 {
  width: 56%;
}

.section-30 {
  background-color: var(--naranjo-brincus);
  background-image: linear-gradient(to bottom, var(--naranjo-brincus), var(--naranjo-br));
  padding-top: 40px;
  padding-bottom: 40px;
}

.italic-text-2 {
  color: var(--gris-brincus);
  align-self: stretch;
  font-style: normal;
  font-weight: 600;
}

.div-block-178 {
  width: 70%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-self: center;
  display: block;
}

.bold-31 {
  font-size: 21.4px;
  font-style: normal;
  line-height: 25px;
}

.heading-131 {
  color: var(--white);
  font-size: 21.4px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.heading-131.dasf {
  margin-top: 20px;
}

.italic-text-3 {
  font-style: normal;
}

.bold-text-41 {
  font-weight: 600;
}

.div-block-180 {
  width: 50%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.ajaja {
  max-width: 1080px;
  padding-bottom: 40px;
}

.boton-crear-cuenta {
  background-color: var(--verde-brincus);
  font-family: 24226500000;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: background-color .4s, opacity .4s, color .4s;
}

.boton-crear-cuenta:hover {
  background-color: var(--verde-presionado);
  color: #fff;
}

.boton-crear-cuenta:active {
  background-color: #43464d;
}

.boton-crear-cuenta.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde {
  background-color: var(--verde-botones);
  color: #fff;
  text-align: center;
  border-radius: 200px;
  align-self: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde:hover, .boton-crear-cuenta.cc-jumbo-button.cc-boton-verde:active {
  background-color: var(--verde-presionado);
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.familia {
  background-color: var(--celeste-brincus);
  margin-right: 20px;
  text-decoration: none;
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.familia:hover {
  background-color: var(--verde-presionado);
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.profes {
  background-color: var(--celeste-brincus);
  margin-right: 20px;
  font-style: normal;
  text-decoration: none;
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.profes:hover {
  background-color: var(--naranjo-brincus);
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.empresas {
  background-color: var(--celeste-brincus);
  text-decoration: none;
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.empresas:hover {
  background-color: var(--morado-brincus);
}

.boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.nuevo {
  margin-top: 20px;
  text-decoration: none;
}

.boton-crear-cuenta.cc-registrate {
  z-index: 5;
  background-color: var(--verde-brincus);
  text-align: center;
  border-radius: 20px;
  flex: 0 auto;
  order: 0;
  justify-content: flex-end;
  align-self: auto;
  text-decoration: none;
  display: block;
  position: relative;
}

.boton-crear-cuenta.cc-registrate:hover {
  background-color: var(--verde-presionado);
}

.boton-crear-cuenta.cc-registrate.w--current {
  border: 1px solid var(--morado-brincus);
  color: var(--morado-press);
  -webkit-text-stroke-color: var(--morado-press);
  background-color: #f0e3ff;
  border-radius: 10px;
  margin-left: 20px;
}

.boton-crear-cuenta.cc-registrate.w--current:hover {
  background-color: #e4ccff;
}

.boton-crear-cuenta.cc-registrate.nuevo {
  z-index: 1;
  color: var(--morado-press);
  letter-spacing: 0;
  background-color: #f1e5ff;
}

.boton-crear-cuenta.cc-registrate.nuevo.w--current {
  border-radius: 20px;
}

.boton-crear-cuenta.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.boton-crear-cuenta.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.boton-crear-cuenta.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.boton-crear-cuenta.cc-inicia-sesion-copy {
  z-index: 5;
  border: 2px solid var(--naranjo-br);
  outline-color: var(--naranjo-br);
  outline-offset: 0px;
  color: var(--naranjo-br);
  background-color: #fff;
  border-radius: 11px;
  outline-width: 3px;
  outline-style: none;
  flex: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  position: relative;
}

.boton-crear-cuenta.cc-inicia-sesion-copy:hover {
  background-color: #fff2e9;
}

.div-block-181 {
  max-width: 1080px;
  margin: 40px auto;
  padding: 20px;
  display: flex;
}

.div-head {
  max-width: 1200px;
  border-radius: 0;
  align-items: center;
  margin: 0 auto 40px;
  padding: 60px 40px 20px;
  display: flex;
}

.div-block-182 {
  width: 50%;
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  border-radius: 16px;
  margin: 20px;
  box-shadow: 0 2px 12px 3px rgba(0, 0, 0, .2);
}

.div-block-183 {
  align-self: center;
}

.div-info {
  width: 50%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  display: flex;
}

.image-103 {
  height: 600px;
  object-fit: contain;
  background-color: rgba(0, 0, 0, 0);
  margin-right: 0;
}

.image-103.aa {
  height: 550px;
  object-fit: contain;
}

.section-31 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.info-cuadro {
  border: 1px solid var(--black-2);
  background-color: var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 30px;
  margin: 0;
  padding: 15px;
  display: block;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, .12);
}

.info-cuadro:hover {
  background-color: var(--black-2);
  pointer-events: auto;
  color: var(--white);
}

.info-cuadro.homesch {
  text-align: center;
}

.info-cuadro.out {
  display: none;
}

.div-block-184 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.bold-text-42 {
  font-weight: 300;
}

.div-block-185 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.text-span-67 {
  color: var(--naranjo-brincus);
}

.button-10 {
  outline-color: var(--naranjo-sobre);
  outline-offset: 0px;
  color: var(--naranjo-brincus);
  text-transform: none;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 50px;
  outline-width: .5px;
  outline-style: solid;
  align-items: center;
  padding: 16px 30px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.button-10:hover {
  outline-color: var(--naranjo-brincus);
  outline-offset: 0px;
  color: var(--naranjo-sobre);
  border-radius: 50px;
  outline-width: .5px;
  outline-style: solid;
}

.button-10.fondo {
  background-color: rgba(255, 255, 255, 0);
  display: none;
}

.button-10.blanco {
  outline-color: var(--white);
  color: var(--white-smoke);
  -webkit-text-stroke-color: var(--white-smoke);
  font-size: 16px;
}

.button-10.blanco:hover {
  color: var(--black);
  background-color: rgba(255, 255, 255, .65);
}

.button-11 {
  background-color: var(--naranjo-brincus);
  color: var(--white);
  border-radius: 50px;
  padding: 16px 30px;
  font-family: Nunito, sans-serif;
  font-weight: 700;
  display: block;
}

.button-11:hover {
  background-color: var(--naranjo-sobre);
  color: var(--white);
  border-radius: 50px;
}

.button-11.ceneter {
  text-align: center;
}

.button-11.out {
  display: none;
}

.button-11.op-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-186 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.div-block-186.out {
  display: none;
}

.section-funciones {
  background-image: none;
  background-position: 0 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-187 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-188 {
  border-radius: 0;
}

.image-104 {
  width: 700px;
  background-color: var(--white);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-top: 20px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px 9px rgba(0, 0, 0, .2);
}

.div-block-189 {
  width: 100%;
  height: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-190 {
  width: 70%;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-132 {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
}

.div-block-191 {
  border-radius: 16px;
}

.div-block-191.nuevo {
  padding-top: 40px;
}

.slider-5 {
  height: 40vw;
  background-color: rgba(221, 221, 221, 0);
  background-image: linear-gradient(to bottom, var(--morado-brincus), var(--morado-press));
  align-items: center;
  display: flex;
}

.slider-5.reforzamiento {
  height: auto;
  background-image: none;
}

.mask-7 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.slide-nav-3 {
  display: none;
}

.div-block-192 {
  width: 1080px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.div-block-193 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding-bottom: 20px;
  display: flex;
}

.div-block-194 {
  width: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px none var(--gris);
  background-color: var(--white-smoke-2);
  cursor: pointer;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px 10px 40px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.div-block-194.sdfsd {
  align-items: center;
}

.pretitulo {
  width: 500px;
  color: var(--gris-brincus);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 22.2222px;
  font-weight: 700;
  line-height: 25px;
}

.pretitulo.lateral {
  text-align: left;
  font-size: 36px;
  line-height: 36px;
}

.pretitulo.testimonio {
  margin-bottom: 40px;
}

.pretitulo.cc_blanco {
  color: var(--white);
}

.pretitulo.asd {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-block-77 {
  text-align: left;
  font-family: Nunito, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.section-32 {
  background-image: linear-gradient(rgba(240, 242, 246, .66), rgba(240, 242, 246, .66)), url('../images/anonymous-people-studying-together.png');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  padding-top: 140px;
  padding-bottom: 140px;
}

.div-block-195 {
  width: 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-105 {
  margin-left: auto;
  margin-right: auto;
}

.text-block-78 {
  font-family: Nunito, sans-serif;
}

.div-block-196 {
  width: 300px;
}

.text-block-79 {
  font-family: Nunito, sans-serif;
}

.bold-text-43 {
  font-weight: 600;
}

.brand {
  padding-top: 0;
}

.container-26 {
  max-width: 1500px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.nav-link {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
}

.nav-link.w--current {
  color: var(--naranjo-brincus);
  font-weight: 700;
}

.nav-link.out {
  display: none;
}

.nav-link-2 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
}

.nav-link-2.w--current {
  color: var(--naranjo-sobre);
  font-weight: 700;
}

.nav-link-2.out {
  display: none;
}

.nav-link-3 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
}

.nav-link-3.w--current {
  color: var(--naranjo-sobre);
  font-weight: 700;
}

.nav-link-3.out {
  display: none;
}

.navbar {
  z-index: 10;
  text-align: center;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.nav-menu-2 {
  display: block;
}

.nav-menu-2.out {
  display: none;
}

.container-27 {
  max-width: 1200px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.div-block-197 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-80 {
  color: var(--white);
  padding-left: 0;
  padding-right: 10px;
}

.div-block-198 {
  max-width: 1080px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.heading-133 {
  width: auto;
}

.image-106 {
  width: 40%;
  border-radius: 16px;
}

.div-block-199 {
  width: 60%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-134 {
  font-family: Inter, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.section-33 {
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, .52), rgba(255, 255, 255, .2)), url('../images/Wireframe---1.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-200 {
  height: 100vh;
  max-width: 1200px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
}

.wrapper-logo {
  display: none;
}

.image-107 {
  border-radius: 16px;
  display: none;
}

.image-107.normal {
  display: block;
}

.image-107.hover {
  display: none;
}

.div-block-201 {
  width: 100%;
  border-radius: 20px;
  justify-content: center;
  display: flex;
  position: relative;
}

.hover {
  margin-right: 0;
  display: none;
  position: absolute;
}

.normal {
  margin-right: 0;
}

.div-block-202 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-108 {
  display: block;
}

.heading-135 {
  color: var(--gris-brincus);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.div-block-203 {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-81 {
  text-align: center;
  font-family: Inter, sans-serif;
  font-weight: 700;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: 0%;
  right: 0%;
}

.text-block-82 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-12 {
  width: 200px;
  height: 450px;
  border: 1px none var(--soct);
  background-color: var(--white);
  background-image: linear-gradient(to top, var(--naranjo-brincus), rgba(255, 152, 44, 0) 20%), url('../images/Frame-44.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 8px;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-weight: 600;
  transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.button-12:hover {
  color: var(--white);
  background-image: url('../images/Frame-44.png');
  background-position: 50%;
  background-size: cover;
  align-items: flex-end;
  font-size: 20px;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-13 {
  width: 200px;
  height: 450px;
  border: 0px none var(--school);
  background-color: var(--white);
  background-image: linear-gradient(to top, var(--school), rgba(255, 152, 44, 0) 20%), url('../images/Frame-43.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 8px;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-weight: 600;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.button-13:hover {
  color: var(--white);
  background-image: url('../images/Frame-43.png');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  align-items: flex-end;
  font-size: 20px;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-14 {
  width: 200px;
  height: 450px;
  border: 1px none var(--morado-brincus);
  background-color: var(--white);
  background-image: linear-gradient(to top, var(--morado-brincus), rgba(255, 152, 44, 0) 20%), url('../images/Frame-45.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 8px;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.button-14:hover {
  color: var(--white);
  background-image: url('../images/Frame-45.png');
  background-position: 50%;
  background-size: cover;
  align-items: flex-end;
  font-size: 20px;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-15 {
  width: 200px;
  height: 450px;
  border: 0px none var(--gris);
  background-color: var(--white);
  background-image: linear-gradient(to top, var(--gris), rgba(255, 152, 44, 0) 20%), url('../images/Frame-47.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 8px;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-weight: 600;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.button-15:hover {
  color: var(--white);
  background-image: url('../images/Frame-47.png');
  background-position: 50%;
  background-size: cover;
  align-items: flex-end;
  font-size: 20px;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.image-109 {
  opacity: .5;
}

.section-34 {
  width: 100vw;
  height: 80vw;
  padding-top: 0;
}

.div-block-205 {
  width: 30px;
  height: 30px;
  outline-offset: 0px;
  background-image: url('../images/hogar.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  border-radius: 8px;
  outline: 1px solid rgba(53, 53, 53, .24);
  padding-top: 10px;
  padding-left: 10px;
}

.div-block-205:hover {
  background-color: var(--black-2);
}

.div-block-206 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.image-110 {
  margin-right: 0;
}

.hero-home {
  width: 100vw;
  height: 50vw;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/family-looking-together-laptop-home.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 0;
}

.div-block-207 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.section-razones {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
}

.div-block-208 {
  height: 100%;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.div-block-189-copy {
  width: 100%;
  height: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding-top: 0;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.div-block-190-copy {
  width: 70%;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-209 {
  flex-direction: row;
  display: flex;
}

.div-block-210 {
  max-width: 1080px;
  color: var(--gris);
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section-35 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/feliz.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-211 {
  width: 70%;
}

.div-block-4-copy {
  width: 1080px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  border-radius: 100px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex;
}

.div-block-212 {
  height: 254px;
  background-color: var(--white-smoke);
  background-image: linear-gradient(rgba(22, 22, 22, .82), rgba(22, 22, 22, .82)), url('../images/verde-fondo-brincus.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.div-block-213 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.ultima {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/verde-fondo-brincus.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.div-block-214 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-end;
  display: flex;
}

.div-block-215 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.video-out {
  display: none;
}

.heading-137 {
  color: var(--gris-brincus);
  font-family: Inter, sans-serif;
}

.heading-138 {
  color: var(--soct);
  font-family: Nunito, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.div-inicio-sesion {
  z-index: 5;
  width: 30vw;
  height: 100vh;
  background-image: linear-gradient(to bottom, var(--morado-brincus), var(--morado-press));
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-info_login {
  width: 90%;
  height: auto;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-216 {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.input_name {
  color: var(--white);
  text-align: left;
  text-transform: none;
  font-family: Nunito, sans-serif;
  font-weight: 700;
  display: none;
}

.text-field-16 {
  border-radius: 8px;
  font-family: Nunito, sans-serif;
}

.text-field-17 {
  border-radius: 8px;
  font-family: Nunito, sans-serif;
  font-weight: 300;
}

.div-block-217 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.image-112 {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.checkbox-label-2 {
  color: var(--white);
  text-align: left;
  text-transform: none;
  font-family: Nunito, sans-serif;
}

.checkbox-field-2 {
  text-align: left;
}

.form-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: flex;
}

.form-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.link-11 {
  color: #fff;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}

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

.text-block-83 {
  outline-offset: 0px;
  color: var(--naranjo-brincus);
  cursor: pointer;
  border-radius: 8px;
  outline: 1px solid #ff982c;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}

.div-block-218 {
  justify-content: flex-end;
  display: flex;
}

.div-block-219 {
  max-width: 1080px;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-220 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-221 {
  margin-top: 20px;
}

.button-secon {
  background-color: var(--morado-brincus);
  color: var(--white);
  border-radius: 50px;
  padding: 10px 30px;
  font-family: Nunito, sans-serif;
  font-weight: 700;
}

.button-secon:hover {
  background-color: var(--morado-press);
  color: var(--white);
  border-radius: 50px;
}

.button-secon.ceneter {
  text-align: center;
}

.button-secon-outline {
  outline-color: var(--morado-brincus);
  outline-offset: 0px;
  color: var(--morado-brincus);
  text-transform: none;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 50px;
  outline-width: .5px;
  outline-style: solid;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.button-secon-outline:hover {
  outline-color: var(--morado-press);
  outline-offset: 0px;
  color: var(--white);
  -webkit-text-stroke-color: var(--morado-brincus);
  background-color: rgba(47, 3, 97, .31);
  border-radius: 50px;
  outline-width: .5px;
  outline-style: solid;
}

.button-secon-outline.fondo {
  background-color: rgba(255, 255, 255, 0);
  display: none;
}

.button-secon-outline.blanco {
  outline-color: var(--white);
  color: var(--white-smoke);
  -webkit-text-stroke-color: var(--white-smoke);
  font-size: 16px;
}

.button-secon-outline.blanco:hover {
  color: var(--black);
  background-color: rgba(255, 255, 255, .65);
}

.image-113 {
  width: 150px;
}

.div-block-221-copy {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

@media screen and (min-width: 1920px) {
  .compu {
    margin-left: auto;
    margin-right: auto;
  }

  .profe {
    left: 0%;
  }

  .funcionalidades__planes {
    width: 11rem;
    top: -21%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .profesor-cirtual {
    top: -10%;
    bottom: auto;
    left: auto;
    right: 15%;
  }

  .talleres {
    right: -1%;
  }

  .avatar {
    top: 52%;
    bottom: auto;
    left: auto;
    right: -2%;
  }

  .virtual {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 16%;
  }

  .div-block-36 {
    max-width: none;
  }

  .head__paes {
    max-width: 1440px;
  }

  .seccion-head.paess {
    background-position: 100% 100%, 100%, 50% 100%;
    background-size: cover, cover, cover;
  }

  .seccion-head.homeschool {
    background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/Mesa-de-trabajo-1-copia-6cursos.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 50% 0, 50%, 50% 100%;
  }

  .seccion-head.b2b {
    background-position: 50%, 75%, 50% 100%;
    background-size: cover, cover, cover;
  }

  .label__titulo.cc__blanco.mensua {
    background-color: var(--celeste-brincus);
  }

  .div-block-52 {
    background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/Mesa-de-trabajo-1-copia-32x.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 0%, 100%, 50% 100%;
    background-repeat: repeat, no-repeat, repeat;
    background-size: cover, cover, cover;
  }

  .head__paes-copy, .head__empresas {
    max-width: 1440px;
  }

  .tab-link-mensual.w--current {
    background-color: var(--celeste-brincus);
  }

  .tab-link-mensual.w--current:hover {
    background-color: #75a2ff;
  }

  .parrafo-2 {
    text-align: justify;
  }

  .container-24 {
    max-width: 1200px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .badge-popular---brix {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-home {
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  p {
    color: var(--celeste-brincus);
  }

  .plataforma {
    display: block;
  }

  .plataforma.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

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

  .container {
    max-width: 90%;
  }

  .parrafo-grande {
    line-height: 25px;
  }

  .parrafo-grande.cc-bigger-white-light {
    font-size: 15px;
    line-height: 25px;
  }

  .button {
    justify-content: center;
  }

  .button.cc-jumbo-button.cc-boton-verde {
    padding: 10px 20px;
  }

  .button.cc-jumbo-button.cc-boton-verde.vivo {
    padding: 5px 10px;
  }

  .button.cc-registrate, .button.cc-inicia-sesion-copy {
    display: none;
  }

  .button._4 {
    margin-right: 10px;
  }

  .button.stroke {
    border: 1px solid var(--blue);
    color: var(--blue);
    background-color: #fff;
  }

  .button.stroke:hover {
    background-color: #e8e7ff;
  }

  .texto-titulo {
    color: #4d4d4d;
    font-size: 35px;
    line-height: 45px;
  }

  .texto-titulo.blanco {
    text-align: left;
    font-size: 28px;
  }

  .texto-titulo.texto-degradado {
    font-size: 35px;
  }

  .texto-titulo.banner {
    text-align: center;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    margin-left: 20px;
    display: block;
  }

  .menu {
    order: -1;
    justify-content: space-between;
    margin-left: 0;
    display: flex;
    position: static;
  }

  .navigation-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #fff;
    justify-content: space-between;
    margin: 0;
  }

  .menu-principal {
    background-image: none;
    padding: 25px 30px;
    display: block;
  }

  .menu-principal.out {
    display: block;
  }

  .navigation-item {
    background-color: var(--white);
    color: var(--black);
    text-align: left;
    border: 1px solid rgba(255, 255, 255, .35);
    flex: 1;
    padding: 15px 30px;
    font-size: 14px;
    transition: background-color .4s, opacity .4s, color .4s;
    display: block;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .navigation-items {
    background-color: #fff;
    flex-flow: wrap;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .intro-header {
    height: 350px;
    background-position: 25%;
  }

  .our-services-grid {
    width: 80%;
    text-align: center;
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .service-icon {
    display: inline-block;
  }

  .contact-form-grid {
    width: 80%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .our-contacts {
    width: 80%;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .team-members {
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .team-member-title-wrap {
    margin-bottom: 30px;
  }

  .project-details-grid {
    width: 80%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .detail-header-image {
    height: 460px;
  }

  .blog-item {
    width: 80%;
  }

  .blog-preview-image {
    height: 460px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .about-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-grid.cc-about-2 {
    grid-template-columns: 1fr;
    grid-template-areas: "."
                         ".";
  }

  .intro-text {
    width: auto;
    float: none;
    clear: none;
    text-align: center;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-wrap {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .subtitulos {
    font-size: 15px;
    line-height: 20px;
  }

  .blog-preview-wrap {
    width: 80%;
    text-align: center;
    padding-right: 15px;
  }

  .texto-degradado.centro {
    background-image: linear-gradient(to right, var(--naranjo-br), var(--rojo-brincus) 32%, var(--celeste-brincus) 69%, var(--morado-brincus));
    color: var(--black);
  }

  .slider-home {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    display: block;
  }

  .carrusel-banner {
    outline-offset: 0px;
    text-align: center;
    outline: 3px #1a1b1f;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    display: block;
  }

  .image {
    width: 100%;
    display: none;
  }

  .image.mobile {
    display: block;
  }

  .slider {
    display: none;
  }

  .div-block-3 {
    margin-top: 20px;
  }

  .tab-link-recuperaci-n-post-pandemia.w--current {
    padding-left: 10px;
    padding-right: 10px;
    font-family: Sf ui display, sans-serif;
    font-size: 12px;
  }

  .tab-link-recuperaci-n-post-pandemia.tab-2, .tab-link-recuperaci-n-post-pandemia.tab-3, .tab-link-recuperaci-n-post-pandemia.tab3 {
    font-size: 12px;
  }

  .tab-pane-recuperaci-n-post-pandemia {
    margin-left: 60px;
    margin-right: 60px;
  }

  .tabs-content {
    padding-top: 20px;
  }

  .tabs-content._2 {
    padding-top: 0;
  }

  .image-2 {
    width: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 42%, #fff);
  }

  .selecciona-que-eres {
    max-width: 90%;
    border-radius: 20px;
  }

  .cta {
    margin-left: 0;
    margin-right: 0;
  }

  .seccion__funcionalidades {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 0;
  }

  .seccion__funcionalidades.sky {
    background-image: url('../images/Mesa-de-trabajo-2fondo.png');
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: cover;
  }

  .computador {
    margin-top: 60px;
    display: block;
  }

  .funcionalidades {
    max-width: 90%;
    padding-top: 40px;
  }

  .estadistics {
    width: 8rem;
  }

  .profe {
    width: 9rem;
  }

  .funcionalidades__planes, .profesor-cirtual {
    width: 8rem;
  }

  .talleres {
    width: 9rem;
  }

  .seccion-3 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .como-funciona {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-2.funciona {
    margin-left: auto;
    margin-right: auto;
    position: static;
    top: auto;
  }

  .columna-color {
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-3 {
    font-size: 20px;
  }

  .image-4 {
    height: 80px;
    object-fit: contain;
    margin-right: auto;
  }

  .image-4.ss {
    height: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph {
    font-size: 13px;
    line-height: 15px;
  }

  .seccion-4 {
    background-image: url('../images/Mesa-de-trabajo-18fondo-estrellado.png');
    background-position: 50% 100%;
    background-size: cover;
    background-attachment: scroll;
  }

  .heading-4.texto-degradado {
    background-image: linear-gradient(to right, var(--naranjo-br), var(--rojo-brincus) 29%, var(--celeste-brincus) 66%, var(--morado-brincus));
  }

  .seccion-5 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 100px;
  }

  .image-5 {
    width: 12rem;
  }

  .heading-5.texto-titulo.blanco {
    font-size: 23px;
    line-height: 30px;
  }

  .container-3 {
    max-width: 95%;
  }

  .text-block-13 {
    color: var(--white);
  }

  .testimonios {
    max-width: 95%;
  }

  .paragraph-5.testi {
    color: var(--gris-brincus);
  }

  .dropdown {
    background-color: var(--white-smoke);
    object-fit: fill;
    border-radius: 5px;
    margin-top: 5px;
    display: block;
    overflow: visible;
  }

  .dropdown-toggle {
    display: block;
  }

  .text-block-24 {
    font-family: "sfprodisplay 1", sans-serif;
  }

  .funcionalidadres-mobile {
    display: none;
  }

  .dropdown-list {
    background-color: var(--white-smoke);
  }

  .text-block-25 {
    color: #7a7a7a;
    padding-left: 0;
    padding-right: 0;
    font-family: Sf ui display, sans-serif;
  }

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

  .icon-2, .icon-3 {
    color: var(--naranjo-br);
  }

  .columns-4 {
    align-items: stretch;
  }

  .heading-13.titulo {
    text-align: center;
  }

  .h2 {
    max-width: 90%;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
  }

  .h2.lateral._6, .h2.lateral._7 {
    margin-left: 0;
  }

  .h2.lateral._9 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .h2.cc__blanco.cc__negro {
    color: var(--gris-brincus);
  }

  .h2.cc__blanco.tt {
    text-align: center;
    flex-direction: row;
    flex: 0 auto;
    align-self: center;
    margin-left: auto;
    display: block;
  }

  .h2.cc__blanco._7 {
    font-size: 30px;
    line-height: 35px;
  }

  .h2.cc__blanco.nuevo {
    max-width: 80%;
  }

  .h2.cc__blanco.io {
    max-width: 90%;
  }

  .h2.peque {
    margin-left: 0;
  }

  .h2.gratis {
    font-size: 30px;
    line-height: 35px;
  }

  .h2.otro {
    font-size: 30px;
  }

  .h2.izq.head {
    max-width: 100%;
    text-align: left;
  }

  .h2.sss {
    max-width: 100%;
    color: var(--white);
  }

  .h2.left.blanco {
    max-width: 100%;
  }

  .heading-15 {
    border-bottom: 1px solid var(--gris-brincus);
    padding-bottom: 10px;
  }

  .parrafo__columna {
    color: var(--gris-brincus);
  }

  .div-block-15 {
    flex-direction: column;
  }

  .image-12 {
    width: 500px;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
  }

  .profes {
    color: var(--gris-brincus);
  }

  .titulo-asignatura {
    margin-top: 20px;
  }

  .dropdown-3 {
    text-align: left;
  }

  .contei {
    padding-top: 40px;
  }

  .text-block-26 {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
  }

  .profesores_asignatura {
    max-width: 90%;
    text-align: left;
  }

  .paragraph-12, .div-block-17 {
    color: var(--gris-brincus);
  }

  .opciones {
    text-align: center;
  }

  .grid-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .buscas, .taller-profe.press.clases {
    padding: 15px;
  }

  .heading-23 {
    color: var(--gris-brincus);
    margin-bottom: 20px;
  }

  .form-block {
    background-color: var(--blue);
  }

  .div-block-22 {
    line-height: 16px;
  }

  .div-block-22.duo {
    flex-direction: column;
    display: none;
  }

  .button-3 {
    line-height: 12px;
  }

  .button-3.duo {
    margin-left: auto;
    margin-right: auto;
  }

  .precio-rojo.azul {
    color: var(--celeste-brincus);
  }

  .div-rojo.duo {
    border-color: var(--celeste-brincus);
  }

  .div-block-25 {
    flex-direction: row;
  }

  .columns-6 {
    display: block;
  }

  .grid-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin: 20px 70px;
  }

  .heading-34 {
    font-size: 12px;
  }

  .heading-34.top._1._3 {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
  }

  .banner-principal {
    border-bottom-right-radius: 90px;
    border-bottom-left-radius: 90px;
  }

  .head__info {
    max-width: 70%;
  }

  .head__info.opp3.paqueo {
    max-width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    align-self: center;
    align-items: center;
    margin-left: auto;
  }

  .heading-35, .paragraph-16 {
    text-align: left;
  }

  .section-4 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .container-7, .div-block-31 {
    max-width: 90%;
  }

  .seccion-head {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/familia.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .seccion-head.secciontaller {
    background-position: 50% 0, 50% 100%, 50% 100%;
  }

  .seccion-head.paess {
    background-position: 50% 0, 0%, 50% 100%;
    background-size: auto, cover, cover;
  }

  .seccion-head.paess.b2b {
    background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/ipad.png'), url('../images/1239401.jpg');
    background-position: 50% 0, 100%, 50%;
    background-size: auto, contain, cover;
  }

  .seccion-head.homeschool {
    background-position: 50% 0, 100% 100%, 50% 100%;
    background-size: auto, cover, cover;
  }

  .seccion-head.b2b {
    background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/Mesa-de-trabajo-1cursos.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 50% 0, 75%, 50% 100%;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, cover, cover;
  }

  .seccion-head.b2b.nuevo {
    background-image: linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .86)), url('../images/Mesa-de-trabajo-1-copia-2.png');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .seccion-head.b2b.asdasdasd {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .seccion-head.profes {
    background-position: 50% 0, 50% 100%, 50% 100%;
    background-size: auto, auto, cover;
  }

  .colegio.clases {
    padding: 15px;
  }

  .grid-7 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .caja__video {
    max-width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-20 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .texto-parrafo {
    max-width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .paragraph-20 {
    font-size: 15px;
    line-height: 20px;
  }

  .parrafo {
    color: var(--gris-brincus);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
  }

  .parrafo.cc__blanco {
    text-align: left;
  }

  .parrafo._2 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .parrafo.peque-o {
    color: var(--gris-brincus);
  }

  .parrafo._9 {
    color: var(--gris-brincus);
    font-size: 12px;
    line-height: 18px;
  }

  .parrafo.centro {
    text-align: center;
  }

  .parrafo.ssss {
    align-self: center;
    margin-right: 0;
  }

  .caja__centrado {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .head__titulo {
    font-size: 38px;
  }

  .head__titulo.cc__blancott {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 35px;
  }

  .seccion__tiposcdeuentas {
    max-width: none;
  }

  .contenedor__tiposdecuentas {
    max-width: 90%;
  }

  .label__titulo {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .caja__borde {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .conteiner {
    max-width: 80%;
    flex-direction: column;
  }

  .conteiner.op2 {
    max-width: 90%;
  }

  .conteiner.op3 {
    flex-direction: column;
    align-items: center;
  }

  .conteiner.top {
    max-width: 90%;
  }

  .conteiner.opc4 {
    max-width: 95%;
  }

  .conteiner.profesores {
    padding-top: 20px;
  }

  .conteiner.op-andes {
    max-width: 90%;
  }

  .columns-8 {
    flex-direction: row;
    display: flex;
  }

  .grid-10 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-46 {
    max-width: 70%;
  }

  .image-23 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .parrafo__corto {
    color: var(--gris-brincus);
  }

  .div-block-49 {
    display: none;
  }

  .div-block-52 {
    background-image: url('../images/Mesa-de-trabajo-22x.png');
    background-size: cover;
  }

  .heading-58.top__title {
    padding: 10px 10px 10px 0;
    font-size: 60px;
  }

  .container-11 {
    max-width: 90%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-shadow: none;
    align-self: flex-start;
    margin-top: 0;
    padding-top: 100px;
  }

  .div-block-53 {
    max-width: 60%;
  }

  .modal-clases-en-vivo {
    display: none;
  }

  .modal {
    width: 600px;
    height: 420px;
    border-radius: 20px;
  }

  .modal_funciones {
    margin-top: 30px;
  }

  .cerrar {
    width: 10px;
    height: 10px;
    margin: 20px;
  }

  .modal-grabadas, .modal-talleres {
    display: none;
  }

  .link-block-11.w--current {
    order: 0;
  }

  .text-block-28 {
    letter-spacing: 0;
    line-height: 15px;
  }

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

  .grid-11 {
    width: 70%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: stretch;
    justify-content: center;
    align-items: end;
    margin-left: auto;
    margin-right: auto;
  }

  .computador-copy {
    display: block;
  }

  .inicio-sesion {
    width: 100vw;
  }

  .boton-inicio-de-sesion {
    justify-content: center;
  }

  .boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde {
    padding: 10px 20px;
  }

  .boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.vivo {
    padding: 5px 10px;
  }

  .boton-inicio-de-sesion.cc-registrate {
    display: none;
  }

  .boton-inicio-de-sesion.cc-inicia-sesion-copy {
    border-width: 0;
    border-radius: 20px;
    align-self: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .boton-14-dias {
    justify-content: center;
  }

  .boton-14-dias.cc-jumbo-button.cc-boton-verde {
    padding: 10px 20px;
  }

  .boton-14-dias.cc-jumbo-button.cc-boton-verde.vivo {
    padding: 5px 10px;
  }

  .boton-14-dias.cc-registrate {
    border-radius: 0;
    padding: 10px 20px;
    display: none;
  }

  .boton-14-dias.cc-registrate.w--current, .boton-14-dias.cc-registrate.nuevo {
    border-radius: 20px;
    display: block;
  }

  .boton-14-dias.cc-inicia-sesion-copy {
    display: none;
  }

  .text-block-30 {
    letter-spacing: 0;
  }

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

  .profesores_talleres {
    max-width: 90%;
    text-align: left;
  }

  .clases-particulares.clases {
    padding: 15px;
  }

  .metodologia {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/Mesa-de-trabajo-13fondo.png');
    background-repeat: repeat;
    background-size: cover;
    padding-top: 0;
  }

  .metodologia.cc__fondoazul {
    background-image: linear-gradient(to bottom, var(--blue), var(--blue)), linear-gradient(to bottom, transparent, transparent);
  }

  .metodologia.sky {
    background-image: url('../images/Mesa-de-trabajo-2fondo.png');
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: cover;
  }

  .metodologia.principal {
    background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  }

  .metodologia.tall {
    background-image: linear-gradient(to bottom, var(--white-2), var(--white-2)), url('../images/Mesa-de-trabajo-1fondo-school.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .seccion_metodologia {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-12 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-left: 60px;
    margin-right: 60px;
  }

  .head__empresas.b2b {
    max-width: 90%;
    min-height: auto;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .head__empresas.b2b.nueva {
    max-width: 90%;
    flex-direction: column;
  }

  .div-block-58 {
    align-items: center;
  }

  .columns-9 {
    border-radius: 20px;
    margin: 41px 0;
  }

  .text-block-33 {
    color: var(--gris-brincus);
  }

  .text-block-33:active {
    color: var(--white);
  }

  .titulo-planes {
    border-color: var(--rojo-brincus);
    color: var(--rojo-brincus);
  }

  .titulo-planes.gratis {
    padding-bottom: 37px;
  }

  .titulo-planes.azul, .titulo-planes.morado {
    margin-right: 5px;
  }

  .grid-13 {
    grid-template-rows: minmax(auto, .75fr) minmax(auto, .5fr) auto;
    grid-template-columns: 1fr 1fr;
    margin: 20px 20px 0;
    display: none;
  }

  .grid-13.mobile {
    display: block;
  }

  .heading-75 {
    margin-top: 20px;
  }

  .grilla__planes.mensuales, .conteiner-copy, .conteiner-copy, .div-block-65 {
    max-width: 90%;
  }

  .incluye-paes:hover {
    background-color: var(--white);
    color: var(--black);
  }

  .div-block-73 {
    background-color: rgba(0, 0, 0, 0);
  }

  .slider-4 {
    min-height: 480px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
  }

  .grid-15 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .nosotros {
    display: block;
  }

  .nosotros.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-4-copy, .slider-mobile {
    min-height: 480px;
    background-color: rgba(0, 0, 0, 0);
    display: none;
  }

  .section-11 {
    background-image: url('../images/Mesa-de-trabajo-13fondo.png');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
  }

  .div-block-75 {
    width: 300px;
    height: 300px;
    min-height: auto;
    border-radius: 50%;
    display: none;
  }

  .div-block-76 {
    margin-top: 10px;
  }

  .heading-77, .paragraph-28 {
    display: none;
  }

  .caja_mail {
    max-width: 95%;
    background-color: var(--white);
    box-shadow: 1px 1px 13px 0 var(--soct);
    border-radius: 20px;
    flex: 0 auto;
    align-self: auto;
    margin-top: 40px;
    padding: 15px;
    display: block;
  }

  .caja_mail._22 {
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .div-block-77 {
    margin-top: 0;
  }

  .image-38 {
    width: auto;
    max-width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .text-field-6 {
    width: 60%;
    display: block;
  }

  .container-14 {
    max-width: 95%;
  }

  .text-field-7 {
    width: 60%;
  }

  .caja_mail-copy {
    max-width: 90%;
    flex: 0 auto;
    align-self: auto;
    margin-top: 0;
    display: block;
  }

  .div-block-75-copy {
    width: 300px;
    height: 300px;
    min-height: auto;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-size: auto;
    border-radius: 50%;
    display: none;
  }

  .image-38-copy {
    width: auto;
    max-width: 70%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .boton-volver {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }

  .caja-video, .caja-con-mas-espacio {
    margin-left: 40px;
    margin-right: 40px;
  }

  .subtitulo, .subtitulo.lateral {
    font-size: 20px;
  }

  .caja-cuadriculada-botones {
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 0;
    display: block;
  }

  .text-block-48 {
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 120%;
  }

  .caja-espacio {
    background-color: #fff;
    background-image: url('../images/Mesa-de-trabajo-1borde-botom-colores.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 20px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px;
    box-shadow: 1px 1px 14px rgba(64, 69, 79, .28);
  }

  .titulo-centrado {
    font-size: 30px;
    font-style: normal;
  }

  .caja-cuadriculada-con-fondo-copy {
    background-color: #fff;
    background-image: url('../images/Mesa-de-trabajo-1borde-botom-colores.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 20px;
    display: block;
  }

  .clase-imagen {
    max-width: 60%;
    margin-bottom: 20px;
  }

  .boton-postula-copy {
    margin-right: 0;
  }

  .boton-postula {
    text-align: left;
    margin-left: 0;
    margin-right: 16px;
    font-size: 15px;
  }

  .caja-cuadriculada-con-fondo {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 0;
    display: none;
  }

  .caja-cuadriculada-info {
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px;
    display: block;
  }

  .caja-dentro-de-caja {
    margin-left: 40px;
    margin-right: 40px;
  }

  .div-block-41 {
    height: 200px;
  }

  .parrafo-2 {
    font-size: 15px;
    line-height: 140%;
  }

  .image-68 {
    max-width: 50%;
    text-align: center;
  }

  .text-block-50 {
    padding-bottom: 20px;
  }

  .funciones_homeschool {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: ".";
  }

  .funciones_homeschool._2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .container-17 {
    max-width: 90%;
  }

  .heading-79 {
    font-size: 20px;
    line-height: 20px;
  }

  .cta-homeschool {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-79 {
    max-width: 90%;
  }

  .div-block-80 {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-30 {
    color: var(--gris-brincus);
  }

  .image-71 {
    margin-top: -30px;
    margin-bottom: -10px;
  }

  .link-7 {
    color: var(--white);
  }

  .container-18 {
    max-width: 95%;
  }

  .column-12 {
    display: none;
  }

  .wrapper {
    width: 100%;
    flex-direction: column;
  }

  .wrapper.about-story-up-wrapper {
    padding-top: 0;
    display: block;
  }

  .image-75 {
    display: none;
  }

  .bold-text-13 {
    color: var(--gris-brincus);
  }

  .image-28-copy {
    display: block;
  }

  .about-story-text {
    padding-bottom: 40px;
  }

  .about-story-right {
    width: 100%;
  }

  .section-17 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .seccion-funcionalidades-b2b.jhg {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
  }

  .section-18.ll {
    max-width: 90%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .heading-84 {
    width: 90%;
  }

  .bold-text-17 {
    color: var(--blue);
  }

  .conteiner-homeschoo {
    max-width: 90%;
  }

  .heading-96 {
    font-size: 16px;
    line-height: 20px;
  }

  .gratis.w--current {
    border-bottom: 1px solid var(--verde-brincus);
    color: var(--verde-brincus);
    background-color: rgba(0, 0, 0, 0);
    font-size: 12px;
  }

  .individual {
    border-bottom: 1px solid var(--white);
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    font-size: 12px;
    line-height: 12px;
  }

  .individual:hover {
    border-bottom-color: var(--white-2);
    color: var(--white-2);
  }

  .tabs-menu-4 {
    text-align: center;
    margin-bottom: 20px;
  }

  .div-block-90 {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .paragraph-33 {
    color: var(--morado-brincus);
  }

  .planes-selector {
    margin-left: 100px;
    margin-right: 100px;
    display: block;
  }

  .modal-demo {
    display: none;
  }

  .modal_demo {
    margin-top: 30px;
  }

  .modal-ayuda, .modal-ministeriales {
    display: none;
  }

  .paragraph-34, .paragraph-35 {
    color: var(--gris-brincus);
  }

  .text-span-53 {
    color: var(--morado-brincus);
  }

  .div-block-93 {
    padding-bottom: 20px;
  }

  .caja-profe {
    height: 120px;
  }

  .foto-profe {
    height: 10rem;
  }

  .caja_modal_profesores {
    width: 100%;
  }

  .paragraph-37 {
    color: var(--gris-brincus);
  }

  .modal-content {
    width: 80%;
  }

  .caja-profesor {
    width: 12rem;
    color: var(--gris-brincus);
  }

  .modal-info {
    width: 80%;
  }

  .caja_modal_profesores-copy {
    width: 100%;
  }

  .caja-taller {
    color: var(--gris-brincus);
  }

  .caja_calendario {
    width: 100%;
  }

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

  .div-block-121 {
    max-width: 90%;
    text-align: left;
  }

  .image-88 {
    max-width: 500px;
  }

  .paragraph-39, .paragraph-40 {
    color: var(--gris-brincus);
  }

  .div-block-123 {
    flex-direction: column;
  }

  .div-block-124 {
    width: auto;
  }

  .div-block-125 {
    width: auto;
    text-align: center;
    padding-top: 20px;
  }

  .paragraph-41 {
    color: var(--gris-brincus);
  }

  .testi-plus {
    width: auto;
  }

  .div-block-135 {
    width: 90%;
  }

  .div-block-139 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding: 0 100px;
  }

  .bold-text-27 {
    color: var(--morado-brincus);
  }

  .image-92, .image-93, .image-94 {
    display: none;
  }

  .wrapper-2.reloj {
    align-items: center;
  }

  .link-block-27 {
    justify-content: center;
  }

  .container-23 {
    max-width: 80%;
  }

  .text-block-69 {
    width: 70%;
  }

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

  .image-97 {
    margin-bottom: 10px;
  }

  .div-block-148 {
    display: block;
  }

  .paragraph-42 {
    color: var(--gris-brincus);
  }

  .div-block-150 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    order: 1;
    display: flex;
  }

  .nav-menu-princiapl {
    color: var(--gris-brincus);
    background-color: rgba(200, 200, 200, .94);
    display: none;
  }

  .nav-menu {
    color: var(--gris-brincus);
    background-color: rgba(200, 200, 200, .94);
    display: block;
  }

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

  .container-24 {
    width: 85%;
    max-width: 728px;
  }

  .hero-wrapper {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
    padding-right: 23px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 0;
  }

  .margin-bottom-24px {
    color: var(--gris-brincus);
  }

  .hero-subscribe-left {
    background-size: auto, cover;
  }

  .cloneable-container-default.center {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-single-300.medium.text-color-600 {
    font-size: 14px;
  }

  .card-pricing.align-bottom {
    padding: 16px 20px;
  }

  .flex-horizontal.start-top.center {
    flex-direction: column;
    align-items: flex-start;
  }

  .pricing {
    font-size: 20px;
  }

  .pricing.gratis {
    font-size: 25px;
  }

  .grid-three-columns {
    grid-template-columns: 1fr;
  }

  .grid-three-columns.usd {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-auto-flow: row;
  }

  .mg-bottom-0 {
    font-size: 22px;
    line-height: 30px;
  }

  .button-primary-2 {
    font-size: 14px;
  }

  .container-default._100 {
    padding-top: 10px;
  }

  .badge-popular---brix {
    top: 24px;
    right: 24px;
  }

  .text-single-200.text-color-neutral-800 {
    font-size: 12px;
    line-height: 18px;
  }

  .text-single-200.medium.on {
    font-size: 14px;
    line-height: 18px;
  }

  .content-pricig-table {
    margin-top: 60px;
  }

  .paragraph-46 {
    font-size: 10px;
  }

  .div-block-158 {
    width: auto;
    max-width: 0;
    min-width: 60%;
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .selector-planes {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .card-planes-default-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-73 {
    font-size: 16px;
    line-height: 16px;
  }

  .text-field-12 {
    font-size: 12px;
    line-height: 20px;
  }

  .selector-plan-basico {
    max-width: none;
  }

  .text-field-13, .text-field-14 {
    font-size: 12px;
    line-height: 20px;
  }

  .section-29 {
    flex-direction: row;
  }

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

  .text-block-74 {
    font-size: 35px;
  }

  .select-field-3 {
    font-size: 12px;
    line-height: 20px;
  }

  .div-block-165 {
    width: 70%;
    position: static;
  }

  .div-block-166 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
  }

  .div-block-167.uy {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .bold-text-40 {
    font-size: 30px;
    line-height: 35px;
  }

  .div-block-177 {
    max-width: 90%;
  }

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

  .div-block-179 {
    max-width: 90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .boton-crear-cuenta {
    background-color: var(--white);
    color: var(--naranjo-brincus);
    justify-content: center;
    text-decoration: none;
  }

  .boton-crear-cuenta.cc-jumbo-button.cc-boton-verde {
    padding: 10px 20px;
  }

  .boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.vivo {
    padding: 5px 10px;
  }

  .boton-crear-cuenta.cc-registrate {
    border-radius: 0;
    padding: 10px 20px;
    display: none;
  }

  .boton-crear-cuenta.cc-registrate.w--current, .boton-crear-cuenta.cc-registrate.nuevo {
    border-radius: 20px;
    display: block;
  }

  .boton-crear-cuenta.cc-inicia-sesion-copy {
    display: none;
  }

  .div-logotipo {
    display: flex;
  }

  .div-head {
    width: 100%;
    max-width: none;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/family-looking-together-laptop-home.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 0;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding: 100px 10px 60px;
  }

  .div-head.reforza {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/feliz.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .div-block-182 {
    width: 75%;
  }

  .div-info {
    width: 80%;
    align-items: center;
  }

  .image-103, .image-103.aa {
    height: auto;
  }

  .info-cuadro {
    border-radius: 16px;
  }

  .div-block-184 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-185 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .button-10 {
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 18px;
  }

  .button-10.blanco {
    outline-color: var(--white);
    color: var(--white);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: block;
  }

  .button-11 {
    justify-content: space-between;
    align-items: center;
    line-height: 18px;
    display: block;
  }

  .div-block-186 {
    align-items: center;
  }

  .section-funciones {
    text-align: left;
  }

  .div-block-188 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-104 {
    width: 80%;
    margin-top: 0;
  }

  .div-block-189 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-190 {
    width: 100%;
    margin-top: 20px;
  }

  .div-block-191 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .slider-5 {
    height: 100%;
    background-color: rgba(221, 221, 221, 0);
  }

  .mask-7 {
    height: 100%;
  }

  .div-block-192 {
    width: 90%;
  }

  .div-block-195 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .bold-text-43 {
    line-height: 20px;
  }

  .container-26 {
    width: 100%;
    min-width: 0;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-link {
    text-align: center;
    font-weight: 300;
  }

  .nav-link-2, .nav-link-3 {
    text-align: center;
  }

  .menu-button-2 {
    background-color: var(--white);
  }

  .menu-button-2.w--open {
    background-color: var(--naranjo-20);
  }

  .nav-menu-2 {
    width: 95%;
    text-align: center;
    background-color: #fff;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-198 {
    background-image: linear-gradient(rgba(0, 0, 0, .71), rgba(0, 0, 0, .71)), url('../images/MacBook-Air---1.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    flex-direction: column;
    align-items: center;
    padding-bottom: 100px;
  }

  .image-106 {
    width: 100%;
    object-fit: contain;
    border-radius: 0;
    margin-right: 0;
    display: none;
  }

  .div-block-199 {
    width: 80%;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .div-block-200 {
    max-width: 90%;
    text-align: center;
    justify-content: center;
    align-items: stretch;
  }

  .button-12 {
    width: 150px;
    height: 300px;
    background-image: url('../images/Frame-44.png');
    background-position: 50%;
    background-size: cover;
  }

  .button-12:hover {
    font-size: 16px;
  }

  .button-13 {
    width: 150px;
    height: 300px;
    background-image: url('../images/Frame-43.png');
    background-position: 50%;
    background-size: cover;
  }

  .button-13:hover {
    font-size: 16px;
  }

  .button-14 {
    width: 150px;
    height: 300px;
    text-align: left;
    background-image: url('../images/Frame-45.png');
    background-position: 50%;
    background-size: cover;
  }

  .button-14:hover {
    font-size: 16px;
  }

  .button-14.w--current {
    width: 150px;
    height: 300px;
    background-image: url('../images/Frame-45.png');
    background-position: 50%;
    background-size: cover;
    line-height: 20px;
  }

  .button-14.w--current:hover {
    font-size: 16px;
  }

  .button-15 {
    width: 150px;
    height: 300px;
    background-image: url('../images/Frame-47.png');
    background-position: 50%;
    background-size: cover;
  }

  .button-15:hover {
    font-size: 16px;
  }

  .hero-home {
    height: auto;
  }

  .section-razones {
    padding-top: 20px;
  }

  .div-block-189-copy {
    flex-direction: column;
    align-items: center;
  }

  .div-block-190-copy {
    width: 100%;
    margin-top: 20px;
  }

  .div-block-4-copy {
    width: 100%;
    text-align: center;
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-212 {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-214 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }

  .div-block-215 {
    width: 50%;
    text-align: left;
  }

  .div-inicio-sesion {
    width: 100vw;
  }

  .div-block-219 {
    height: 500px;
    max-width: 95%;
  }

  .button-secon {
    justify-content: space-between;
    align-items: center;
    line-height: 18px;
    display: block;
  }

  .button-secon-outline {
    line-height: 18px;
  }

  .button-secon-outline.blanco {
    outline-color: var(--white);
    color: var(--white);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .plataforma {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .plataforma.cc-cta {
    padding: 15px;
  }

  .plataforma.cc-home-wrap, .plataforma.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container {
    max-width: 90%;
    text-align: center;
  }

  .parrafo-grande {
    font-size: 16px;
    line-height: 28px;
  }

  .button {
    display: inline-block;
  }

  .button.cc-jumbo-button.cc-boton-verde {
    align-self: center;
    padding: 5px 10px;
    text-decoration: none;
  }

  .button.head._2 {
    display: inline-block;
  }

  .button._4 {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .button.naranja {
    margin-left: auto;
    margin-right: auto;
  }

  .rich-text {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .texto-titulo {
    font-size: 31px;
    line-height: 31px;
  }

  .texto-titulo.blanco {
    font-size: 20px;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0;
  }

  .menu-principal {
    padding: 20px;
  }

  .navigation-item {
    font-size: 12px;
  }

  .cta-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .intro-content {
    width: 80%;
  }

  .our-services-grid {
    grid-row-gap: 60px;
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .contact-form-wrap {
    padding: 30px;
  }

  .text-field.cc-contact-field, .text-field.cc-textarea {
    text-align: left;
  }

  .team-pic {
    height: auto;
    margin-bottom: 30px;
  }

  .team-member-name {
    font-size: 16px;
    line-height: 28px;
  }

  .project-name-wrap {
    margin-bottom: 30px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .blog-detail-header-wrap {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .subtitulos {
    text-align: center;
    font-size: 20px;
  }

  .parrafo-comprimido {
    margin-bottom: 0;
  }

  .texto-degradado.centro.testimonios {
    padding-left: 60px;
    padding-right: 60px;
  }

  .slider-home {
    height: 500px;
  }

  .div-block-3 {
    margin-bottom: 0;
  }

  .tab-link-recuperaci-n-post-pandemia {
    font-size: 12px;
  }

  .tab-link-recuperaci-n-post-pandemia.tab-2 {
    padding-left: 10px;
    padding-right: 10px;
    font-family: Sf ui display, sans-serif;
  }

  .tab-link-recuperaci-n-post-pandemia.tab4 {
    font-size: 12px;
  }

  .tab-link-recuperaci-n-post-pandemia.tab3 {
    padding-left: 10px;
    padding-right: 10px;
    font-family: Sf ui display, sans-serif;
  }

  .tab-pane-recuperaci-n-post-pandemia {
    margin-left: 0;
    margin-right: 0;
  }

  .image-2 {
    width: 90%;
  }

  .selecciona-que-eres {
    max-width: 95%;
    border-radius: 50px;
  }

  .cta {
    padding-bottom: 0;
  }

  .cta._2 {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-4 {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .image-3 {
    width: 200px;
  }

  .computador {
    display: none;
  }

  .estadistics {
    width: 8rem;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .compu {
    margin-top: 20px;
  }

  .profe {
    width: 8rem;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .funcionalidades__planes {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .profesor-cirtual, .talleres {
    width: 8rem;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .seccion-3 {
    padding-top: 60px;
  }

  .columna-color.verde {
    justify-content: space-between;
    display: block;
  }

  .image-4 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-5 {
    text-align: center;
    border-style: solid;
    flex-direction: row;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
  }

  .column-2.mobile {
    border-right-width: 0;
    align-self: center;
  }

  .seccion-5 {
    padding-top: 20px;
  }

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin-left: 0;
    margin-right: 0;
  }

  .column-3 {
    border-left-width: 0;
    border-right-width: 0;
  }

  .container-3 {
    max-width: 90%;
  }

  .footer {
    background-repeat: no-repeat;
  }

  .column-4 {
    padding-left: 0;
  }

  .testimonios {
    max-width: 90%;
  }

  .image-11 {
    display: none;
  }

  .paragraph-5.testi {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .slider-3 {
    margin-top: 39px;
    margin-bottom: 39px;
  }

  .columns-3 {
    padding-left: 140px;
    padding-right: 140px;
  }

  .columns-4 {
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .h2 {
    max-width: 100%;
    font-size: 25px;
    line-height: 28px;
  }

  .h2.lateral {
    max-width: none;
  }

  .h2.cc__blanco {
    font-size: 36px;
  }

  .h2.cc__blanco.tt {
    max-width: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .h2.cc__blanco.lateral {
    margin-bottom: 0;
    font-size: 36px;
    line-height: 36px;
  }

  .h2.cc__blanco.op6 {
    font-size: 30px;
  }

  .h2.cc__blanco._7.oi {
    font-size: 30px;
    line-height: 35px;
  }

  .h2.cc__blanco.nuevo {
    font-size: 30px;
  }

  .h2.cc__blanco.io {
    font-size: 30px;
    line-height: 35px;
  }

  .h2.izq.head {
    text-align: center;
  }

  .titulo-3.blanco {
    font-size: 20px;
    line-height: 30px;
  }

  .titulo-3.blanco.cc__grueso {
    color: var(--morado-brincus);
    align-self: center;
    margin-bottom: 0;
    padding-right: 0;
    font-size: 25px;
  }

  .mask-3 {
    height: 500px;
  }

  .tabs-menu {
    font-size: 12px;
    line-height: 12px;
  }

  .div-block-15 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .profes {
    text-align: left;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .titulo-asignatura {
    text-align: center;
    margin-left: 20px;
  }

  .dropdown-toggle-2 {
    border-radius: 0;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .grilla-profesores {
    grid-template-columns: 1fr 1fr;
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-21 {
    text-align: center;
  }

  .div-block-17 {
    text-align: left;
  }

  .opciones {
    margin: 20px;
    padding: 13px;
  }

  .grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-23 {
    font-size: 30px;
    line-height: 30px;
  }

  .heading-24 {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
  }

  .heading-24.negro {
    color: var(--gris-brincus);
  }

  .column-7 {
    top: 0;
  }

  .div-block-21 {
    display: block;
  }

  .planes-precios {
    background-image: url('../images/fondo-estrellas-mobile.png');
    background-position: 50%;
    background-size: cover;
    display: block;
  }

  .planes-precios.mobile {
    display: block;
  }

  .div-block-22 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .heading-29 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .columns-6 {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .suscripcion {
    max-width: 90%;
  }

  .grid-4 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .banner-principal {
    height: 30vh;
    border-bottom-right-radius: 70px;
    border-bottom-left-radius: 70px;
  }

  .head__info {
    max-width: none;
  }

  .head__info.opp3.paqueo {
    max-width: 100%;
    align-items: center;
  }

  .heading-35 {
    text-align: left;
  }

  .paragraph-16 {
    max-width: 70%;
    text-align: left;
  }

  .div-block-30 {
    max-width: 80%;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-17 {
    max-width: none;
  }

  .section-4 {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-6 {
    max-width: 90%;
    grid-column-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1px;
    padding-right: 1px;
  }

  .video-empresas {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-31 {
    max-width: 90%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
  }

  .seccion-head.secciontaller {
    background-image: url('../images/talleres.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 50% 0, 50% 100%;
    background-repeat: no-repeat, repeat;
    background-size: contain, cover;
    background-attachment: scroll, scroll;
  }

  .seccion-head.paess {
    background-image: url('../images/PAES.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 50% 0, 50% 100%;
    background-repeat: no-repeat, repeat;
    background-size: contain, cover;
  }

  .seccion-head.alianzas {
    background-image: url('../images/alianzas.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-size: contain, cover;
  }

  .seccion-head.homeschool {
    background-image: url('../images/homeschool.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-size: contain, cover;
  }

  .seccion-head.b2b {
    background-image: url('../images/Mesa-de-trabajo-1-copia-2.png'), url('../images/1239401.jpg');
    background-position: 50% 0, 50% 100%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .seccion-head.profes {
    background-image: url('../images/postula.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 50% 0, 50% 100%;
    background-repeat: no-repeat, repeat;
    background-size: contain, cover;
  }

  .div-block-40 {
    flex-direction: column;
    display: block;
  }

  .caja__logos {
    grid-column-gap: 14px;
  }

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

  .caja__video {
    padding-top: 20px;
    display: block;
  }

  .caja__video.mobile {
    max-width: 90%;
    display: block;
  }

  .image-20 {
    max-height: none;
    max-width: 100%;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }

  .texto-parrafo {
    max-width: 90%;
  }

  .parrafo__blanco {
    max-width: 100%;
  }

  .parrafo__blanco._2 {
    text-shadow: 1px 1px 14px rgba(0, 0, 0, .82);
  }

  .paragraph-20 {
    font-size: 13px;
    line-height: 18px;
  }

  .parrafo {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .parrafo.cc__blanco {
    max-width: 100%;
    color: #fff;
  }

  .parrafo.blanco.nuevo {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-47.cc_blanco {
    color: #fff;
  }

  .grid-9 {
    margin: 14px;
  }

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

  .caja__centrado {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .head__titulo.cc__blancott {
    text-shadow: 1px 1px 14px rgba(0, 0, 0, .82);
  }

  .seccion__fondocolor.cc__azul {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .conteiner {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .conteiner.op2 {
    max-width: 95%;
    padding-bottom: 60px;
  }

  .conteiner.op3 {
    align-items: center;
  }

  .conteiner.opp {
    max-width: 80%;
  }

  .conteiner.opc4 {
    max-width: 100%;
  }

  .conteiner.profesores {
    padding-top: 20px;
  }

  .conteiner.op-andes {
    flex-direction: column;
  }

  .heading-55, .heading-56 {
    font-size: 30px;
    line-height: 30px;
  }

  .div-block-52 {
    min-height: 650px;
    background-image: url('../images/Mesa-de-trabajo-17BANNER-.png');
    background-position: 50% 100%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .container-11 {
    padding-top: 40px;
  }

  .div-block-53 {
    max-width: 100%;
  }

  .modal-clases-en-vivo {
    width: 100%;
    height: 100%;
    display: none;
  }

  .modal {
    width: 500px;
    height: 350px;
  }

  .modal_funciones {
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .heading-60 {
    margin-bottom: 10px;
  }

  .cerrar {
    width: 15px;
    height: 15px;
    object-fit: contain;
  }

  .image-27 {
    margin-right: 0;
  }

  .modal-grabadas, .modal-talleres {
    display: none;
  }

  .text-block-28.botooon {
    font-size: 14px;
    display: inline;
  }

  .modal-guias {
    display: none;
  }

  .grid-11 {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }

  .computador-copy.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .modal-estadisticas {
    display: none;
  }

  .boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde {
    align-self: center;
    padding: 5px 10px;
  }

  .boton-inicio-de-sesion.cc-inicia-sesion-copy {
    border-radius: 20px;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .boton-inicio-de-sesion.cc-inicia-sesion-copy.nuevo {
    flex: 0 auto;
  }

  .boton-14-dias.cc-jumbo-button.cc-boton-verde {
    align-self: center;
    padding: 5px 10px;
  }

  .boton-14-dias.cc-registrate {
    border-radius: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .boton-14-dias.cc-registrate.w--current {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .boton-14-dias.cc-registrate.nuevo.w--current {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .profesores-de-asignatura {
    text-align: left;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-64 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .grid-12 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    justify-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px 30px;
  }

  .heading-65, .heading-66, .heading-67, .heading-68, .heading-69, .heading-70 {
    font-size: 25px;
    line-height: 25px;
  }

  .head__empresas {
    max-width: 95%;
    padding-top: 250px;
  }

  .head__empresas.b2b {
    padding-top: 20px;
  }

  .head__empresas.sin {
    padding-top: 0;
  }

  .columns-9 {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
  }

  .grid-13 {
    grid-template-rows: minmax(auto, .75fr) minmax(auto, 1fr) auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-63 {
    max-width: 90%;
    background-image: none;
    margin-left: auto;
    margin-right: auto;
  }

  .conteiner-copy {
    max-width: 95%;
    max-width: 95%;
  }

  .section-10 {
    padding: 60px;
  }

  .div-block-65 {
    max-width: 100%;
  }

  .grid-14 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .slider-4 {
    display: none;
  }

  .grid-15 {
    grid-template-columns: 1fr 1fr;
    margin-left: 40px;
    margin-right: 40px;
  }

  .nosotros {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
  }

  .nosotros.cc-cta {
    padding: 15px;
  }

  .nosotros.cc-home-wrap, .nosotros.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .slider-4-copy {
    display: none;
  }

  .slider-mobile {
    display: block;
  }

  .div-block-74 {
    margin-left: auto;
    margin-right: auto;
  }

  .caja_mail {
    max-width: 90%;
  }

  .form-3 {
    grid-template-columns: 1fr;
  }

  .caja-con-mas-espacio {
    margin-left: 0;
    margin-right: 0;
  }

  .subtitulo {
    color: var(--black);
    font-family: sfprodisplay, sans-serif;
    font-size: 25px;
  }

  .subtitulo.lateral {
    font-size: 20px;
  }

  .caja-cuadriculada-botones {
    padding-bottom: 0;
  }

  .text-block-48 {
    line-height: 120%;
  }

  .titulo-centrado {
    margin-left: 0;
    margin-right: 0;
  }

  .boton-postula {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
  }

  .caja-cuadriculada-info {
    flex-direction: column;
    display: flex;
  }

  .container-16 {
    background-color: rgba(0, 0, 0, 0);
  }

  .parrafo-2 {
    color: var(--gris-brincus);
  }

  .homeschool-datos {
    padding: 60px 10px;
  }

  .funciones_homeschool {
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .funciones_homeschool._2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .funciones_homeschool._2.venta {
    max-width: 100%;
  }

  .data_homschool {
    width: 100%;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-69 {
    width: 50px;
    align-self: center;
  }

  .heading-79 {
    font-size: 16px;
  }

  .div-block-80 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-80 {
    font-size: 30px;
    line-height: 30px;
  }

  .section-15 {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .container-18 {
    padding-left: 10px;
  }

  .column-13, .column-14 {
    display: none;
  }

  .container-19 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-81 {
    letter-spacing: 0;
    font-size: 25px;
    line-height: 120%;
  }

  .div-block-84 {
    width: 80%;
    max-width: none;
  }

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

  .wrapper {
    width: 90%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper.about-story-up-wrapper {
    padding-top: 61px;
  }

  .image-75.pro.sd {
    display: block;
  }

  .heading-82 {
    text-align: center;
    font-size: 25px;
  }

  .about-story-text {
    font-size: 12px;
  }

  .image-76 {
    width: 90%;
  }

  .columns-10 {
    width: 80%;
    display: flex;
  }

  .image-53 {
    width: 100%;
  }

  .section-18.ll {
    max-width: 90%;
  }

  .heading-83 {
    width: 90%;
  }

  .image-77 {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
  }

  .modal-rutas, .modal-biblioteca, .modal-virtual, .modal-facsimiles, .modal-mas {
    display: none;
  }

  .columns-11.mob {
    flex-direction: column;
  }

  .titulo-2 {
    font-size: 30px;
    line-height: 30px;
  }

  .titulo-2.lateral {
    font-size: 36px;
    line-height: 36px;
  }

  .bold-text-17 {
    color: var(--celeste-brincus);
  }

  .conteiner-homeschoo {
    max-width: 100%;
  }

  .columns-12 {
    display: flex;
  }

  .tabs-menu-3 {
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-32 {
    width: 100%;
  }

  .heading-96 {
    text-align: center;
  }

  .planes-selector {
    margin-left: 40px;
    margin-right: 40px;
  }

  .modal-demo, .modal-ayuda, .modal-ministeriales {
    width: 100%;
    height: 100%;
    display: none;
  }

  .ayuda {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-92 {
    font-size: 12px;
    line-height: 15px;
  }

  .caja-profe {
    height: 100px;
  }

  .foto-profe {
    height: 8rem;
  }

  .caja_modal_profesores {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-98 {
    position: relative;
  }

  .image-82 {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .video-10 {
    width: 100%;
  }

  .button-7.open-modal.w--current {
    font-size: 2rem;
    font-weight: 800;
  }

  .p-m {
    font-size: 1.1rem;
  }

  .modal-header {
    padding-top: 19px;
    padding-bottom: 19px;
  }

  .footer-left {
    padding: 20px 5vw;
  }

  .modal-footer {
    flex-direction: column;
  }

  .close-modal {
    text-align: center;
    margin-left: 0;
    font-size: 8vw;
  }

  .modal-2-profe {
    display: none;
    top: 9%;
  }

  .content-item.txt-c, .content-item.txt-c.profes-grilla {
    grid-template-columns: 1fr 1fr;
  }

  .container-20 {
    width: 100%;
    padding: 10px 5vw 100px;
  }

  .modal-content {
    width: 90%;
    height: 95%;
    position: static;
  }

  .caja-profesor {
    text-align: left;
  }

  .simbologia {
    width: 90%;
  }

  .heading-111 {
    font-size: 10px;
  }

  .modal_calendario {
    top: 9%;
  }

  .caja_modal_profesores-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .caja-taller {
    text-align: left;
  }

  .modal-2-taller {
    display: none;
    top: 9%;
  }

  .caja-profesores {
    width: 100%;
    padding: 10px 0 40px;
  }

  .caja_calendario {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .div-block-126 {
    flex-direction: column;
  }

  .heading-113 {
    text-align: left;
    padding-bottom: 20px;
    font-size: 25px;
    line-height: 28px;
  }

  .div-block-127 {
    width: auto;
    padding-bottom: 60px;
  }

  .div-block-128 {
    width: auto;
  }

  .paragraph-41 {
    font-size: 15px;
    line-height: 20px;
  }

  .text-block-61 {
    font-size: 22px;
  }

  .div-block-129 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-115 {
    padding-top: 40px;
  }

  .heading-116 {
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-139 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-117 {
    font-size: 15px;
    line-height: 20px;
  }

  .container-22 {
    max-width: 90%;
  }

  .div-block-141 {
    padding-top: 40px;
  }

  .image-95 {
    margin-left: auto;
    margin-right: auto;
  }

  .box {
    width: 100px;
    height: 100px;
  }

  .clock-number {
    font-size: 3rem;
    line-height: 50px;
  }

  .section-27 {
    padding-top: 40px;
  }

  .bold-text-29 {
    font-size: 30px;
  }

  .heading-126 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-69 {
    width: 90%;
  }

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

  .image-97 {
    text-align: center;
    margin-left: 0;
    margin-right: 10px;
  }

  .div-block-148 {
    text-align: left;
  }

  .div-block-150 {
    width: 400px;
    justify-content: flex-end;
  }

  .div-block-151 {
    display: none;
  }

  .nav-menu-princiapl {
    display: block;
  }

  .hero-heading-center {
    padding: 60px 15px;
  }

  .hero-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-split {
    margin-bottom: 0;
  }

  .hero-subscribe-left {
    background-size: auto, cover;
    padding: 60px 15px;
  }

  .heading-128 {
    font-size: 35px;
    line-height: 40px;
  }

  .grid-three-columns.usd {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .button-primary-2 {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .badge-popular---brix {
    top: 26px;
  }

  .div-block-158 {
    min-width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-29 {
    flex-direction: column;
  }

  .div-block-161 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .div-block-166 {
    width: 100%;
    flex-direction: row;
  }

  .div-block-166.asd {
    width: 100%;
  }

  .image-101 {
    width: 40%;
  }

  .text-block-75.cc_negro {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
  }

  .text-block-75.hrhr {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-76 {
    width: 50%;
  }

  .div-block-169 {
    max-width: 90%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-172 {
    width: 100%;
    align-items: center;
  }

  .container-25.aasd {
    flex-direction: column;
    align-items: center;
  }

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

  .div-block-177 {
    flex-direction: column;
  }

  .image-102 {
    width: 100%;
  }

  .boton-crear-cuenta.cc-jumbo-button.cc-boton-verde {
    align-self: center;
    padding: 5px 10px;
  }

  .boton-crear-cuenta.cc-registrate {
    border-radius: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .boton-crear-cuenta.cc-registrate.w--current {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .boton-crear-cuenta.cc-registrate.nuevo.w--current {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-head {
    background-image: linear-gradient(to bottom, null, null), url('../images/family-looking-together-laptop-home.jpg');
    background-size: auto, cover;
    flex-direction: column;
  }

  .div-block-182 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-info {
    width: auto;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .section-31 {
    margin-left: auto;
    margin-right: auto;
  }

  .info-cuadro {
    width: 100%;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-184 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .button-10.top, .button-11.top {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-186 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
  }

  .section-funciones {
    padding: 60px 0;
  }

  .div-block-194 {
    width: 70%;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pretitulo {
    font-size: 30px;
    line-height: 30px;
  }

  .pretitulo.lateral {
    font-size: 36px;
    line-height: 36px;
  }

  .pretitulo.asd {
    width: auto;
    font-family: Nunito, sans-serif;
    font-size: 16px;
    line-height: 20px;
  }

  .brand {
    padding-left: 0;
  }

  .container-26 {
    width: 98%;
    max-width: none;
    justify-content: space-between;
  }

  .menu-button-2 {
    background-color: #fff;
    padding: 10px;
  }

  .nav-menu-2 {
    width: 100%;
  }

  .div-block-200 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-202 {
    max-width: 85%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
    justify-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-135 {
    text-align: center;
    margin-top: 0;
    line-height: 25px;
  }

  .button-12, .button-13 {
    width: 200px;
    height: 300px;
  }

  .button-14 {
    width: 200px;
    text-align: left;
  }

  .button-14.w--current {
    width: 200px;
    height: 250px;
    background-position: 50%;
    background-size: cover;
    line-height: 20px;
  }

  .button-15 {
    width: 200px;
    height: 300px;
    background-position: 50% 100%;
    background-size: cover;
  }

  .div-block-204 {
    margin-top: 20px;
  }

  .heading-136 {
    text-align: center;
    font-size: 25px;
  }

  .div-block-206 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    justify-content: flex-end;
  }

  .section-razones {
    margin-left: auto;
    margin-right: auto;
  }

  .image-111 {
    object-fit: contain;
  }

  .div-block-210 {
    padding-bottom: 20px;
  }

  .div-block-211 {
    width: 85%;
  }

  .div-block-4-copy {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }

  .div-block-215 {
    width: 100%;
    align-items: center;
  }

  .div-block-219 {
    height: auto;
    flex-direction: column;
    padding-top: 60px;
  }

  .div-block-220 {
    max-width: 95%;
  }

  .button-secon.top, .button-secon-outline.top {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 40px;
  }

  .plataforma {
    margin-top: 10px;
    padding-top: 40px;
  }

  .container {
    max-width: 90%;
  }

  .button {
    width: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    display: inline-block;
  }

  .button.cc-jumbo-button.cc-boton-verde {
    display: inline-block;
  }

  .button.cc-jumbo-button.cc-boton-verde.familia {
    align-self: center;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
  }

  .button.cc-jumbo-button.cc-boton-verde.profes {
    margin-top: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
  }

  .button.cc-jumbo-button.cc-boton-verde.empresas {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
  }

  .button.pop {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 10px;
    display: block;
  }

  .button.head:hover {
    background-color: var(--verde-presionado);
  }

  .button.azul {
    margin-bottom: 10px;
    margin-right: 0;
    display: block;
  }

  .button._4 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
  }

  .button._9 {
    display: inline-block;
  }

  .button.peque {
    text-align: left;
    margin-bottom: 0;
    padding: 5px 10px;
    font-size: 10px;
    line-height: 12px;
    display: block;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .paragraph-light {
    max-width: 100%;
    padding-top: 10px;
    font-size: 12px;
    line-height: 12px;
  }

  .texto-titulo {
    font-size: 36px;
    line-height: 48px;
  }

  .menu-icon {
    margin-left: 0;
    margin-right: 40px;
  }

  .menu {
    height: 30px;
    flex: 1;
    justify-content: flex-start;
    margin-left: auto;
  }

  .navigation-wrap {
    max-width: none;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: space-between;
    align-items: center;
  }

  .menu-principal {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation-item {
    font-size: 12px;
  }

  .menu-button {
    object-fit: fill;
    flex: 1;
    overflow: visible;
  }

  .menu-button.w--open {
    flex: 0 auto;
  }

  .navigation-items {
    order: -1;
  }

  .cta-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-heading-wrap {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .status-message.cc-no-data, .contact-form-grid {
    width: 100%;
  }

  .our-contacts {
    width: 90%;
  }

  .team-members {
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .project-details-grid {
    width: 100%;
  }

  .blog-detail-header-wrap, .blog-item {
    width: 100%;
    max-width: none;
  }

  .intro-text, .texto-degradado.centro.testimonios {
    padding-left: 10px;
    padding-right: 10px;
  }

  .slider-home {
    height: auto;
  }

  .div-block-3 {
    margin-top: 10px;
  }

  .tab-link-recuperaci-n-post-pandemia {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 9px;
    display: inline-block;
  }

  .tab-link-recuperaci-n-post-pandemia.w--current {
    font-size: 9px;
    display: inline-block;
    overflow: visible;
  }

  .tab-link-recuperaci-n-post-pandemia.tab-2, .tab-link-recuperaci-n-post-pandemia.tab3 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 9px;
    display: inline-block;
  }

  .tab-pane-recuperaci-n-post-pandemia {
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-4 {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .image-2 {
    width: 95%;
  }

  .selecciona-que-eres, .div-block-4 {
    display: block;
  }

  .image-3 {
    width: 200px;
    max-width: 100%;
  }

  .seccion__funcionalidades {
    margin-left: 10px;
    margin-right: 10px;
  }

  .seccion__funcionalidades.sky {
    margin-left: 0;
    margin-right: 0;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .funcionalidades {
    text-align: left;
    padding-top: 20px;
  }

  .como-funciona {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .columna-color, .columna-color.verde {
    margin-left: 0;
    margin-right: 0;
  }

  .columna-color.rosa {
    width: 100%;
  }

  .image-4 {
    width: 100px;
  }

  .image-4.ss {
    height: 80px;
  }

  .seccion-4 {
    background-image: url('../images/fondo-estrellas-mobile.png');
    background-position: 50% 100%;
    background-size: cover;
    margin-left: 0;
    margin-right: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-5 {
    max-width: 70%;
    border-radius: 50px;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

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

  .grid {
    grid-template-rows: auto auto auto auto;
    margin: 40px;
  }

  .heading-5.blanco {
    font-size: 20px;
    line-height: 25px;
  }

  .text-block-13 {
    color: var(--white);
  }

  .button-2 {
    border-radius: 8px;
  }

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

  .seccion_testimonios {
    padding-bottom: 40px;
  }

  .seccion_testimonios.empressa {
    padding-bottom: 0;
  }

  .image-11 {
    max-width: 40%;
    display: none;
  }

  .div-block-12 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .paragraph-5.testi {
    max-width: 100%;
    margin: auto 0;
    padding-left: 0;
    font-size: 12px;
    line-height: 15px;
  }

  .slider-3 {
    margin-bottom: 0;
  }

  .dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .columns-3, .columns-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-13.titulo {
    text-align: left;
    line-height: 40px;
  }

  .h2 {
    max-width: none;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
  }

  .h2.cc__blanco {
    max-width: none;
    text-align: center;
  }

  .h2.cc__blanco.tt {
    font-size: 30px;
    line-height: 30px;
  }

  .h2.cc__blanco.tt.sss {
    margin-bottom: 20px;
  }

  .h2.cc__blanco.lateral {
    text-align: left;
    font-size: 30px;
    line-height: 30px;
  }

  .h2.cc__blanco.op6 {
    max-width: 90%;
  }

  .h2.cc__blanco._7 {
    width: 100%;
    font-size: 25px;
    line-height: 30px;
  }

  .h2.cc__blanco.nuevo {
    max-width: 90%;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 30px;
  }

  .h2.dsd {
    font-size: 25px;
  }

  .h2.dsd.asd {
    max-width: 100%;
    font-size: 25px;
  }

  .h2.gratis {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
  }

  .h2.izq.head {
    margin-left: 0;
    margin-right: 0;
    font-size: 28px;
    line-height: 35px;
  }

  .h2.sss {
    text-align: center;
  }

  .h2.left.blanco {
    color: var(--white);
    text-align: center;
    font-size: 28px;
    line-height: 35px;
  }

  .h2.grande {
    font-size: 25px;
    line-height: 35px;
  }

  .titulo-3.blanco {
    padding-left: 10px;
    padding-right: 10px;
  }

  .titulo-3.blanco.cc__grueso {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .heading-14 {
    text-align: left;
    line-height: 28px;
  }

  .titulo__columna {
    font-size: 12px;
    line-height: 15px;
  }

  .titulo__columna.h4, .heading-17 {
    text-align: left;
  }

  .parrafo__columna {
    color: var(--gris-brincus);
  }

  .heading-19, .heading-20 {
    text-align: left;
  }

  .mask-3 {
    height: auto;
  }

  .tabs-menu {
    object-fit: fill;
    font-size: 9px;
    line-height: 9px;
  }

  .paragraph-10, .paragraph-11 {
    text-align: left;
  }

  .profes {
    margin-top: 0;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 20px;
  }

  .titulo-asignatura {
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-toggle-2 {
    width: 100%;
    object-fit: fill;
    border-radius: 10px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-26 {
    text-transform: uppercase;
  }

  .profesores_asignatura {
    max-width: 95%;
  }

  .grilla-profesores {
    grid-column-gap: 7px;
    grid-template-columns: 1fr 1fr;
    margin-left: 10px;
    margin-right: 10px;
  }

  .texto-profe {
    color: var(--gris-brincus);
    font-size: 20px;
    line-height: 22px;
  }

  .paragraph-12 {
    font-size: 10px;
    line-height: 12px;
  }

  .heading-21 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 25px;
  }

  .opciones {
    max-width: 100%;
    border-radius: 20px;
    margin: 10px 0;
  }

  .heading-22 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    position: static;
    top: 0;
  }

  .image-14 {
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-3 {
    grid-column-gap: 7px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .buscas {
    margin-bottom: 10px;
    padding: 5px;
  }

  .taller-profe.press.clases {
    margin: 15px;
    padding-bottom: 0;
  }

  .heading-23 {
    margin-top: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .heading-24 {
    text-align: left;
    font-size: 30px;
    line-height: 30px;
  }

  .heading-24.negro {
    line-height: 30px;
  }

  .heading-25 {
    padding-top: 10px;
    font-size: 20px;
    line-height: 20px;
  }

  .columns-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-30.promo {
    background-image: none;
    background-size: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-4 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .beneficios {
    margin-top: 20px;
  }

  .grid-5.top-5 {
    text-align: left;
    grid-template-columns: 1fr 1fr 1fr 1fr .25fr;
    padding-bottom: 10px;
    padding-right: 10px;
    font-size: 10px;
    line-height: 12px;
  }

  .heading-34.top._1._3 {
    padding-left: 5px;
    font-size: 10px;
    line-height: 12px;
  }

  .banner-principal {
    width: 100%;
    height: 40vh;
    background-image: linear-gradient(rgba(0, 0, 0, .36), rgba(0, 0, 0, .36)), url('../images/Mesa-de-trabajo-1-copiamobile.png');
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  .head__info {
    max-width: 90%;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: flex-start;
    align-items: stretch;
    margin: 86px auto auto;
    display: block;
    position: relative;
  }

  .head__info.opp3 {
    margin-top: 0;
  }

  .head__info.g {
    text-align: center;
  }

  .heading-35, .paragraph-16 {
    text-align: left;
  }

  .div-block-30, .container-7 {
    max-width: 95%;
  }

  .empresas-confian {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-6 {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
    padding: 22px 0;
  }

  .video-empresas {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .div-block-31 {
    flex-direction: column;
  }

  .video {
    margin-top: 20px;
  }

  .head__paes {
    border-radius: 50px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .seccion-head.secciontaller {
    background-image: url('../images/talleres.png'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 50% 0, 50% 100%;
    background-repeat: no-repeat, repeat;
    background-size: contain, cover;
  }

  .seccion-head.b2b.nuevo {
    background-image: linear-gradient(to bottom, null, null), url('../images/Mesa-de-trabajo-1-copia-2.png');
    background-position: 0 0, 50%;
  }

  .opciones-para-ti.profeee {
    padding-top: 20px;
  }

  .colegio.clases {
    margin: 15px;
    padding-bottom: 0;
  }

  .grid-7 {
    grid-column-gap: 4px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-40 {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-46 {
    font-size: 30px;
  }

  .parrafo__blanco {
    padding-top: 10px;
    font-size: 12px;
    line-height: 15px;
  }

  .parrafo__blanco._2 {
    text-align: center;
    margin-top: 0;
    font-size: 14px;
  }

  .paragraph-20 {
    font-size: 12px;
    line-height: 15px;
  }

  .parrafo {
    color: var(--gris-brincus);
    text-align: center;
    font-size: 12px;
    line-height: 15px;
  }

  .parrafo.cc__blanco {
    max-width: 100%;
  }

  .parrafo._2 {
    max-width: 100%;
    color: var(--gris-brincus);
  }

  .parrafo._5 {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
  }

  .parrafo.peque-o {
    color: var(--gris-brincus);
    font-size: 12px;
    line-height: 15px;
  }

  .parrafo._9 {
    font-size: 10px;
    line-height: 15px;
  }

  .parrafo._6, .parrafo.ssss {
    text-align: center;
  }

  .heading-47 {
    font-size: 30px;
    line-height: 35px;
  }

  .titulo__centrado {
    font-size: 30px;
  }

  .button-6.libro {
    margin-right: 0;
  }

  .grid-9 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .image-21 {
    width: 150px;
  }

  .div-block-45 {
    max-width: 80%;
    min-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-22 {
    max-width: 100%;
  }

  .heading-52 {
    font-size: 25px;
  }

  .head__titulo {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 35px;
  }

  .head__titulo.cc__blancott {
    font-size: 25px;
    line-height: 30px;
  }

  .head__titulo.cc__blancott._7 {
    text-align: center;
  }

  .titulo__blanco {
    font-size: 30px;
  }

  .contenedor__tiposdecuentas {
    box-shadow: none;
  }

  .seccion__fondocolor.cc__azul {
    background-image: linear-gradient(to bottom, var(--celeste-brincus), var(--celeste-brincus)), linear-gradient(to bottom, transparent, transparent);
    margin-bottom: 0;
  }

  .label__titulo {
    letter-spacing: 2px;
    font-size: 8px;
  }

  .label__titulo.cc__verde {
    text-align: left;
  }

  .label__titulo.cc__blanco {
    max-width: 90%;
    text-align: center;
  }

  .label__titulo.cc__blanco.cc_lateral {
    text-align: center;
    letter-spacing: 2px;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 8px;
    padding-right: 8px;
    font-size: 8px;
    line-height: 15px;
  }

  .label__titulo.cc__blanco._6 {
    text-align: center;
  }

  .label__titulo.cc__lateral {
    padding-top: 0;
    font-size: 8px;
  }

  .label__titulo.cc__naranjo, .label__titulo._2 {
    text-align: left;
  }

  .label__titulo.negro {
    color: var(--gris-brincus);
  }

  .caja__borde {
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    border-radius: 0;
  }

  .conteiner {
    max-width: 90%;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
  }

  .conteiner.rojo {
    border-radius: 10px;
    display: block;
  }

  .conteiner.op2 {
    max-width: 90%;
  }

  .conteiner.op3 {
    max-width: 90%;
    padding-top: 60px;
  }

  .conteiner.opp {
    max-width: 85%;
  }

  .conteiner.profesores {
    padding-top: 0;
  }

  .conteiner.calendar {
    max-width: 98%;
  }

  .parrafo__corto {
    max-width: none;
    color: var(--gris-brincus);
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 15px;
  }

  .div-block-50 {
    text-align: center;
    padding-bottom: 0;
  }

  .heading-55 {
    font-size: 30px;
    line-height: 30px;
  }

  .heading-56 {
    line-height: 36px;
  }

  .div-block-52 {
    min-height: 800px;
    background-image: url('../images/Mesa-de-trabajo-16BANNER-.png');
    background-position: 50% 100%;
    background-size: cover;
  }

  .heading-58.top__title {
    text-align: center;
    padding: 5px 16px;
    font-size: 40px;
  }

  .container-11 {
    text-align: center;
    margin-top: 0;
    padding-top: 40px;
  }

  .div-block-53 {
    max-width: 100%;
    align-self: center;
  }

  .div-block-54 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    align-items: stretch;
    margin-left: 40px;
    margin-right: 30px;
    display: flex;
  }

  .modal-clases-en-vivo {
    width: auto;
    height: auto;
    margin: auto;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .modal {
    width: 300px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    top: 20%;
  }

  .modal.fun {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .modal_funciones {
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
  }

  .heading-60 {
    font-size: 24px;
  }

  .cerrar {
    width: 15px;
    height: 15px;
    margin: 10px;
  }

  .modal-grabadas, .modal-talleres {
    display: none;
  }

  .link-block-11 {
    width: 150px;
    text-align: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .text-block-28.botooon {
    font-size: 12px;
    line-height: 10px;
  }

  .grid-11 {
    grid-column-gap: 8px;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    justify-items: center;
    margin: 25px auto;
  }

  .modal-estadisticas {
    display: none;
  }

  .conoce-planes {
    height: 150px;
  }

  .inicio-sesion {
    display: none;
  }

  .div-block-57 {
    width: 90%;
    display: block;
  }

  .boton-inicio-de-sesion {
    padding-left: 10px;
    padding-right: 10px;
  }

  .boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde {
    display: inline-block;
  }

  .boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.familia {
    align-self: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
  }

  .boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.profes {
    margin-top: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
  }

  .boton-inicio-de-sesion.cc-jumbo-button.cc-boton-verde.empresas {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
  }

  .boton-inicio-de-sesion.cc-inicia-sesion-copy {
    align-self: center;
    padding: 8px;
  }

  .boton-inicio-de-sesion.cc-inicia-sesion-copy.nuevo {
    padding: 10px 15px;
  }

  .boton-14-dias {
    padding-left: 10px;
    padding-right: 10px;
  }

  .boton-14-dias.cc-jumbo-button.cc-boton-verde {
    display: inline-block;
  }

  .boton-14-dias.cc-jumbo-button.cc-boton-verde.familia {
    align-self: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
  }

  .boton-14-dias.cc-jumbo-button.cc-boton-verde.profes {
    margin-top: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
  }

  .boton-14-dias.cc-jumbo-button.cc-boton-verde.empresas {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
  }

  .boton-14-dias.cc-registrate.w--current {
    flex: 1;
    align-self: center;
    padding: 8px;
    line-height: 15px;
  }

  .boton-14-dias.cc-registrate.nuevo {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }

  .boton-14-dias.cc-registrate.nuevo.w--current {
    flex: 1;
    order: 0;
    margin-left: 0;
  }

  .text-block-30.botooon {
    font-size: 12px;
    line-height: 12px;
  }

  .profesores-de-asignatura {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .profesores_talleres {
    max-width: 95%;
  }

  .clases-particulares.clases {
    margin: 15px;
    padding-bottom: 0;
  }

  .aliados {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .metodologia {
    margin-left: 0;
    margin-right: 0;
  }

  .metodologia.cc__fondoazul {
    background-image: linear-gradient(to bottom, var(--celeste-presionado), var(--celeste-presionado));
    margin-left: 0;
    margin-right: 0;
  }

  .metodologia.sky {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-64 {
    font-size: 30px;
    line-height: 30px;
  }

  .grid-12 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    padding: 0 62px;
    display: grid;
  }

  ._6c {
    flex-direction: column;
    display: block;
  }

  .heading-65 {
    font-size: 25px;
    line-height: 25px;
  }

  .image-30 {
    width: 80px;
    display: block;
  }

  .heading-66, .heading-67, .heading-68, .heading-69, .heading-70 {
    font-size: 25px;
    line-height: 25px;
  }

  .head__paes-copy {
    border-radius: 50px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .head__empresas {
    min-height: 350px;
    border-radius: 50px;
    padding: 80px 13px 100px;
  }

  .columns-9 {
    max-width: 100%;
    text-align: left;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
  }

  .tabs-menu-2 {
    max-width: 90%;
  }

  .tab-link-mensual, .tab-link-mensual.w--current {
    border-radius: 30px;
  }

  .tab-link-semestral {
    text-align: center;
    border-radius: 30px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .tab-link-anual {
    border-radius: 20px;
    margin-bottom: 10px;
  }

  .text-block-32, .text-block-34, .text-block-36 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-60, .image-32 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-62 {
    padding-bottom: 0;
  }

  .grid-13 {
    grid-template-rows: minmax(auto, .75fr) minmax(auto, 1fr) auto auto auto;
    justify-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
  }

  .heading-75 {
    font-size: 30px;
  }

  .grilla__planes.mensuales {
    max-width: 100%;
  }

  .div-block-63 {
    padding-top: 20px;
  }

  .conteiner-copy {
    max-width: 90%;
  }

  .conteiner-copy.rojo {
    border-radius: 10px;
    display: block;
  }

  .conteiner-copy {
    max-width: 90%;
  }

  .conteiner-copy.rojo {
    border-radius: 10px;
    display: block;
  }

  .section-10 {
    margin-left: auto;
    margin-right: auto;
    padding: 40px 15px;
  }

  .column-10 {
    margin-left: auto;
    margin-right: auto;
  }

  .grid-14 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .incluye-paes:hover {
    background-color: var(--white);
    color: var(--black);
  }

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

  .div-block-71 {
    flex-direction: column;
  }

  .caja_testimonio {
    height: auto;
  }

  .slider-4 {
    display: none;
  }

  .caja-nosotros {
    padding: 10px;
  }

  .grid-15 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    margin-left: 0;
    margin-right: 0;
    display: grid;
  }

  .nosotros {
    margin-top: 10px;
    padding-top: 20px;
  }

  .slider-mobile {
    min-height: 400px;
    display: block;
  }

  .section-11 {
    background-image: url('../images/Mesa-de-trabajo-13fondo.png');
    background-position: 0 0;
    background-size: cover;
  }

  .caja_mail {
    max-width: 95%;
    background-color: var(--white);
    box-shadow: 0 0 10px 2px var(--soct);
    border-radius: 20px;
    margin-top: 10px;
    padding: 15px;
  }

  .div-block-77 {
    width: auto;
  }

  .text-field-6 {
    width: 100%;
  }

  .container-14 {
    max-width: none;
  }

  .formulario_crea_tu_cuenta {
    flex-direction: column;
    align-items: flex-start;
  }

  .text-field-7 {
    width: 100%;
  }

  .boton-volver {
    margin-left: 0;
  }

  .caja-video {
    margin-left: 10px;
    margin-right: 10px;
  }

  .caja-con-mas-espacio {
    margin-left: 0;
    margin-right: 0;
  }

  .subtitulo {
    font-size: 25px;
    line-height: 30px;
  }

  .caja-cuadriculada-botones {
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .text-block-48 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
  }

  .caja-espacio {
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-block-42 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .titulo-centrado {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 20px;
  }

  .caja-cuadriculada-con-fondo-copy {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .clase-imagen {
    max-width: none;
  }

  .boton-postula-copy {
    font-size: 12px;
  }

  .boton-postula {
    margin-bottom: 12px;
  }

  .caja-cuadriculada-con-fondo {
    margin-left: 10px;
    margin-right: 10px;
  }

  .caja-cuadriculada-info {
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .container-16 {
    background-color: rgba(0, 0, 0, 0);
  }

  .caja-dentro-de-caja {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
  }

  .parrafo-2 {
    text-align: left;
    font-size: 12px;
  }

  .text-block-50 {
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 20px;
  }

  .homeschool-datos {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
  }

  .funciones_homeschool {
    grid-column-gap: 9px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: stretch;
    align-items: stretch;
    justify-items: stretch;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .funciones_homeschool._2 {
    max-width: 100%;
    position: relative;
  }

  .funciones_homeschool._2.venta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .container-17 {
    max-width: 90%;
  }

  .data_homschool {
    text-align: center;
    padding: 7px 20px;
    display: flex;
  }

  .image-69 {
    width: 40px;
  }

  .heading-79 {
    align-self: center;
    font-size: 14px;
    line-height: 15px;
  }

  .videos_testimonios {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-80 {
    font-size: 25px;
  }

  .section-15 {
    max-width: 100%;
    background-image: linear-gradient(to bottom, var(--morado-brincus), var(--morado-press));
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
  }

  .image-71 {
    margin-top: 0;
    margin-bottom: 0;
    display: none;
  }

  .link-7 {
    color: var(--white);
  }

  .container-18 {
    max-width: 90%;
    flex-direction: column;
    padding-left: 0;
  }

  .text-span-26 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-81 {
    text-align: left;
    font-size: 20px;
  }

  .image-72 {
    display: none;
  }

  .image-73 {
    display: block;
  }

  .div-block-84 {
    width: 95%;
    padding: 10px;
  }

  .image-74 {
    max-width: 100%;
  }

  .wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wrapper.about-story-up-wrapper {
    margin-top: -83px;
    padding-top: 0;
    padding-bottom: 31px;
    display: block;
  }

  .image-75 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .image-75.pro.sd {
    max-width: 100%;
  }

  .heading-82 {
    letter-spacing: 0;
  }

  .image-28-copy {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 10px;
    display: block;
  }

  .about-story-text {
    text-align: left;
    padding-top: 11px;
  }

  .div-block-85 {
    width: 90%;
  }

  .seccion-funcionalidades-b2b {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
  }

  .seccion-funcionalidades-b2b._3 {
    padding-top: 20px;
  }

  .seccion-funcionalidades-b2b.jhg {
    max-width: 90%;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .image-76 {
    margin-top: 0;
  }

  .columns-10 {
    width: 100%;
    margin-top: 0;
  }

  .section-18.ll {
    padding-top: 40px;
  }

  .heading-83 {
    text-align: center;
  }

  .heading-84 {
    width: 90%;
  }

  .image-77 {
    width: 50%;
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .modal-rutas, .modal-biblioteca, .modal-virtual, .modal-facsimiles, .modal-mas {
    display: none;
  }

  .link-block-18, .link-block-19, .link-block-20, .link-block-21 {
    text-decoration: none;
  }

  .columns-11 {
    flex-direction: column;
  }

  .dropdown-list-2 {
    width: auto;
    background-color: #c9cdd4;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .dropdown-link {
    width: 80%;
    margin-left: 0;
    margin-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    display: block;
  }

  .titulo-2 {
    color: var(--gris-brincus);
    font-family: Inter, sans-serif;
    font-size: 25px;
    line-height: 30px;
  }

  .titulo-2.lateral {
    text-align: left;
    font-size: 30px;
    line-height: 30px;
  }

  .text-span-26-copy {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .conteiner-homeschoo {
    max-width: 95%;
  }

  .tabs-3 {
    border-radius: 15px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .tabs-menu-3 {
    width: auto;
    align-self: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .tab-pane-tab-1 {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-31, .paragraph-32 {
    font-size: 12px;
    line-height: 15px;
  }

  .heading-95 {
    font-size: 30px;
    line-height: 30px;
  }

  .bold-text-20 {
    color: var(--verde-brincus);
  }

  .heading-96 {
    font-size: 16px;
    line-height: 16px;
  }

  .heading-97, .heading-98, .heading-99, .heading-100, .heading-101, .heading-102, .heading-103, .heading-104, .heading-105 {
    font-size: 20px;
    line-height: 20px;
  }

  .gratis.individual {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-menu-4 {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .planes-selector {
    margin-left: 0;
    margin-right: 0;
  }

  .modal-demo {
    display: none;
  }

  .modal_demo {
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
  }

  .modal-ayuda, .modal-ministeriales {
    display: none;
  }

  .ante-modal {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .paragraph-34 {
    font-size: 12px;
    line-height: 15px;
  }

  .paragraph-35 {
    color: var(--gris-brincus);
  }

  .toggle_ayuda {
    font-size: 12px;
    line-height: 15px;
  }

  .ayuda {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 10px;
    position: static;
  }

  .div-block-93 {
    padding-bottom: 40px;
  }

  .caja-profe {
    height: 80px;
  }

  .foto-profe {
    height: 6rem;
  }

  .body-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .caja_modal_profesores {
    width: auto;
  }

  .heading-106 {
    width: 90%;
    font-size: 20px;
    line-height: 25px;
  }

  .paragraph-36 {
    width: 90%;
    text-align: left;
    font-size: 12px;
  }

  .columns-13 {
    display: block;
  }

  .tabs-menu-5 {
    font-size: 12px;
    display: flex;
  }

  .tab-link-tab-1-2, .tab-link-tab-2-4, .tab-link-tab-3.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .columns-14 {
    flex-direction: column;
  }

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

  .div-block-98 {
    width: auto;
  }

  .button-7.open-modal {
    font-size: 2rem;
  }

  .p-m {
    font-size: 1rem;
  }

  .modal-header {
    text-align: right;
    padding-left: 88px;
    padding-right: 10px;
  }

  .modal-body {
    border-radius: 0;
    position: static;
  }

  .modal-2-profe {
    z-index: 9999;
    display: none;
    position: absolute;
    top: 0%;
  }

  .content-item.txt-c {
    width: 95%;
  }

  .content-item.txt-c.profes-grilla {
    width: 95%;
    grid-column-gap: 10px;
    grid-row-gap: 12px;
  }

  .container-20 {
    width: auto;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .modal-content {
    width: auto;
    height: auto;
    border-radius: 0;
    flex-direction: column;
    padding-top: 0;
    position: static;
    top: 0;
  }

  .section-21.modal-case {
    position: relative;
  }

  .html-embed {
    display: none;
  }

  .caja-profesor {
    width: auto;
    padding: 10px;
  }

  .section-talleres.modal-case {
    text-align: center;
  }

  .modal-info {
    width: 95%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-110 {
    font-size: 25px;
    line-height: 30px;
  }

  .div-block-101, .div-block-102 {
    width: 100%;
  }

  .image-87 {
    margin-top: 10px;
    margin-right: 10px;
  }

  .simbologia {
    width: auto;
    font-size: 10px;
  }

  .heading-111 {
    font-size: 8px;
    line-height: 10px;
  }

  .div-block-115 {
    padding: 8px 4px;
  }

  .modal_calendario {
    top: 7%;
  }

  .caja_modal_profesores-copy {
    z-index: 999898989;
    width: auto;
    border-radius: 0;
    position: absolute;
  }

  .modal-2-taller {
    display: none;
    position: -webkit-sticky;
    position: sticky;
    top: 8%;
  }

  .caja-profesores {
    width: auto;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .div-block-117 {
    background-image: none;
  }

  .modal_oculto {
    border-radius: 0;
    position: static;
  }

  .caja_calendario {
    width: auto;
  }

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

  .text-block-57 {
    font-size: 12px;
    line-height: 20px;
  }

  .image-88 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-39, .paragraph-40 {
    font-size: 12px;
    line-height: 15px;
  }

  .text-block-59 {
    font-size: 20px;
    line-height: 25px;
  }

  .heading-113 {
    text-align: left;
    font-size: 20px;
    line-height: 25px;
  }

  .paragraph-41 {
    font-size: 12px;
    line-height: 20px;
  }

  .cierre {
    font-size: 14px;
  }

  .text-block-61 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }

  .heading-114 {
    font-size: 10px;
    line-height: 12px;
  }

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

  .div-block-135 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-138 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-139 {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-119, .heading-120, .heading-121, .heading-122, .chik {
    font-size: 10px;
    line-height: 12px;
  }

  .box {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .clock-number {
    font-size: 2.5rem;
  }

  .div-block-143 {
    max-width: 90%;
    font-size: 14px;
  }

  .page-title {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }

  .icon-5 {
    width: 25px;
    height: 25px;
  }

  .js-clock {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .caja-nueva-taller {
    width: 80px;
  }

  .tabs-menu-6 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-144 {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-69 {
    font-size: 12px;
  }

  .link-9 {
    width: 100%;
    font-size: 10px;
  }

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

  .text-block-72 {
    text-align: left;
  }

  .div-block-150 {
    width: 550px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-end;
  }

  .div-block-151 {
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .container-24 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .hero-wrapper {
    background-color: rgba(0, 0, 0, 0);
  }

  .hero-split {
    margin-bottom: 0;
    padding: 10px;
  }

  .hero-split.form {
    padding: 20px 10px 40px;
  }

  .hero-subscribe-left {
    height: auto;
    aspect-ratio: auto;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-color: #ec1313;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 50%;
    background-size: auto, auto, auto, auto, auto, cover;
    background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
    background-clip: border-box;
    margin-bottom: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: auto;
  }

  .hero-form {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .hero-form-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-form-input {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .image-99 {
    margin-left: 0;
  }

  .heading-128 {
    font-size: 25px;
    line-height: 30px;
  }

  .paragraph-43 {
    text-align: left;
    font-size: 22px;
  }

  .body-4 {
    background-image: linear-gradient(205deg, var(--morado-press), var(--morado-brincus) 51%, rgba(255, 255, 255, 0)), url('../images/Mesa-de-trabajo-1-copia2x.png');
    background-position: 0 0, 0 0;
    background-size: auto, auto;
  }

  .currency-wrapper {
    flex-direction: column;
  }

  .card-pricing {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing.gratis {
    text-align: left;
    align-self: auto;
    font-size: 24px;
  }

  .popular-badge-align---brix {
    justify-content: flex-start;
    margin-bottom: 16px;
  }

  .grid-three-columns.usd {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .button-primary-2 {
    padding: 15px 34px 16px;
  }

  .dropdown-currency {
    margin-top: 15px;
    margin-left: 0;
  }

  .container-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .badge-popular---brix {
    position: static;
  }

  .list-item-pricing {
    margin-bottom: 0;
  }

  .text-uppercase.subtitle {
    font-size: 14px;
  }

  .div-block-153, .div-block-154 {
    display: none;
  }

  .div-block-158 {
    margin-bottom: 100px;
  }

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

  .ms-input-label.ms-radio.mobile {
    font-size: 14px;
  }

  .ms-help-text.less-margin {
    font-size: 12px;
    line-height: 18px;
  }

  .ms-radio-wrap {
    align-items: center;
    display: flex;
  }

  .ms-input.has-https {
    padding-left: 40px;
  }

  .ms-dropdown.is-leading {
    width: 35px;
  }

  .vector-webpay, .vectors-wrapper-4, .paypal-1 {
    width: 50px;
    object-fit: contain;
  }

  .div-block-161 {
    height: auto;
    border-top: 1px solid var(--gris-brincus);
    justify-content: flex-start;
    padding-top: 0;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .text-field-15 {
    font-size: 12px;
    line-height: 20px;
  }

  .form-5 {
    display: none;
  }

  .submit-button-4 {
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-bottom-notifications-bars {
    max-width: none;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-style: none;
    border-width: 0;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .frame-34 {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .frame-52 {
    max-width: none;
  }

  .frame-53 {
    width: auto;
  }

  .div-block-163 {
    margin-top: 40px;
    display: block;
  }

  .modal-bienvenido {
    height: 100%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .vectors-wrapper-8 {
    object-fit: contain;
  }

  .modal-wrapper-bienvenido {
    display: flex;
  }

  .button-9 {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .paragraph-48 {
    color: var(--black);
  }

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

  .div-block-166 {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-166.asd {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .image-101 {
    width: 50%;
    margin-right: 0;
  }

  .text-block-75.hrhr {
    max-width: 100%;
    font-size: 12px;
    line-height: 15px;
  }

  .text-block-76 {
    font-size: 12px;
    line-height: 16px;
  }

  .div-block-169 {
    flex-direction: row;
  }

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

  .bold-text-40 {
    font-size: 25px;
    line-height: 30px;
  }

  .heading-131.dasf, .italic-text-3 {
    text-align: center;
  }

  .boton-crear-cuenta {
    padding-left: 10px;
    padding-right: 10px;
  }

  .boton-crear-cuenta.cc-jumbo-button.cc-boton-verde {
    display: inline-block;
  }

  .boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.familia {
    align-self: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
  }

  .boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.profes {
    margin-top: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
  }

  .boton-crear-cuenta.cc-jumbo-button.cc-boton-verde.empresas {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
  }

  .boton-crear-cuenta.cc-registrate.w--current {
    flex: 1;
    align-self: center;
    padding: 8px;
    line-height: 15px;
  }

  .boton-crear-cuenta.cc-registrate.nuevo {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }

  .boton-crear-cuenta.cc-registrate.nuevo.w--current {
    flex: 1;
    order: 0;
    margin-left: 0;
  }

  .div-head {
    background-image: linear-gradient(to bottom, var(--soct), var(--soct)), url('../images/family-looking-together-laptop-home.jpg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .div-head.reforza {
    background-image: linear-gradient(to bottom, null, null), url('../images/iPhone-14--15-Pro-Max.png');
  }

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

  .image-103 {
    height: auto;
  }

  .info-cuadro {
    text-align: center;
    margin-bottom: 20px;
    padding: 7px 10px;
    display: flex;
  }

  .div-block-184 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .button-10 {
    outline-color: var(--naranjo-sobre);
    outline-offset: 0px;
    outline-width: .5px;
    outline-style: solid;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 14px;
    display: flex;
  }

  .button-10.blanco {
    font-size: 14px;
  }

  .button-10.blanco.sdf {
    text-align: center;
  }

  .button-11 {
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 14px;
    display: block;
  }

  .div-block-186 {
    width: 90%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
  }

  .section-funciones {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
  }

  .div-block-188 {
    padding-top: 40px;
  }

  .image-104 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-189 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-190 {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-132 {
    font-size: 20px;
    line-height: 25px;
  }

  .div-block-191 {
    max-width: 100%;
  }

  .mask-7 {
    height: auto;
    max-width: none;
  }

  .icon-6, .icon-7 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .slide-nav-3 {
    display: none;
  }

  .div-block-194 {
    width: 100%;
    flex-direction: column;
  }

  .pretitulo {
    width: auto;
    color: var(--gris-brincus);
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
  }

  .pretitulo.lateral {
    text-align: left;
    font-size: 30px;
    line-height: 30px;
  }

  .pretitulo.asd {
    font-size: 15px;
    line-height: 20px;
  }

  .text-block-77 {
    color: var(--naranjo-sobre);
    text-align: center;
    line-height: 15px;
    display: inline-block;
  }

  .div-block-195 {
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .image-105 {
    width: 60%;
    padding-bottom: 20px;
  }

  .bold-text-43 {
    font-size: 16px;
    line-height: 16px;
  }

  .brand {
    padding-left: 10px;
  }

  .container-26 {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-button-2 {
    background-color: var(--white);
    padding: 8px 4px;
  }

  .right-arrow-2 {
    width: 50px;
  }

  .left-arrow-2 {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-199 {
    width: 90%;
    align-items: stretch;
  }

  .div-block-200 {
    justify-content: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .wrapper-logo {
    display: block;
  }

  .div-block-202 {
    max-width: 95%;
  }

  .heading-135 {
    font-size: 12px;
    line-height: 15px;
  }

  .button-12 {
    width: 120px;
    height: 250px;
    font-size: 10px;
    line-height: 15px;
  }

  .button-12:hover {
    font-size: 10px;
  }

  .button-13 {
    width: 120px;
    height: 250px;
    font-size: 10px;
    line-height: 15px;
  }

  .button-13:hover {
    font-size: 10px;
  }

  .button-14 {
    width: 120px;
    height: 250px;
    background-image: linear-gradient(to top, var(--morado-brincus), rgba(255, 152, 44, 0) 20%), url('../images/Frame-45.png');
    text-align: left;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    font-size: 10px;
    line-height: 15px;
  }

  .button-14:hover {
    font-size: 10px;
  }

  .button-14.w--current {
    width: 120px;
    height: 150px;
    font-size: 10px;
    line-height: 15px;
  }

  .button-14.w--current:hover {
    font-size: 10px;
  }

  .button-15 {
    width: 120px;
    height: 250px;
    font-size: 10px;
    line-height: 15px;
  }

  .button-15:hover {
    font-size: 10px;
  }

  .div-block-204 {
    margin-top: 40px;
  }

  .heading-136 {
    font-size: 20px;
    line-height: 25px;
  }

  .div-block-206 {
    width: 90%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-189-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-190-copy {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-4-copy {
    width: 90%;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .div-block-212 {
    padding-top: 40px;
  }

  .div-block-215 {
    align-items: stretch;
  }

  .heading-137 {
    font-size: 20px;
    line-height: 25px;
  }

  .heading-138 {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
  }

  .text-field-16, .text-field-17 {
    font-size: 10px;
  }

  .div-block-217 {
    text-align: center;
  }

  .checkbox-label-2, .link-11 {
    font-size: 10px;
  }

  .div-block-219 {
    max-width: 90%;
    padding-bottom: 20px;
  }

  .button-secon {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    line-height: 14px;
  }

  .button-secon-outline {
    justify-content: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    line-height: 12px;
    display: flex;
  }

  .button-secon-outline.blanco.sdf {
    text-align: center;
  }

  .div-block-222 {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    display: block;
  }

  .div-block-223 {
    width: 90%;
  }
}

#w-node-_9545effd-f96f-58e8-ac47-5174ca1aa121-c6fdbe5d, #w-node-_75c5a0f3-3a9f-e1b0-4caa-9d4c40f6607a-c6fdbe69, #w-node-_9462ec22-9213-063c-88e0-be5762adec27-c6fdbe69, #w-node-_09369072-c335-54fe-18ee-7a4cb6d86015-c6fdbe69, #w-node-e2c64a13-eb2f-0c46-a62a-5353bcfd9ea1-c6fdbe69, #w-node-_04d17177-054a-1db2-3422-cef351605fdf-c6fdbe69, #w-node-_319593ff-2cb3-d9e7-14e9-d90173de31b8-c6fdbe69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_35b46d27-94f7-9e6c-2ae2-56fa6605e777-c6fdbe6a {
  align-self: center;
  justify-self: auto;
}

#w-node-_35b46d27-94f7-9e6c-2ae2-56fa6605e7ae-c6fdbe6a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0c7f563b-9949-c6b4-4a32-339472b32dc9-c6fdbe6c, #w-node-eea33beb-8b0e-b15d-5133-59327bb64d8a-c6fdbe6c, #w-node-_4382d59f-b4fd-55f2-54db-40d76f756760-c6fdbe6c, #w-node-a1de1033-a478-78e5-5c8a-2571d177f013-c6fdbe6c, #w-node-_6370452a-8478-d7c2-22f8-86edd7bd7392-c6fdbe6d, #w-node-_6370452a-8478-d7c2-22f8-86edd7bd7395-c6fdbe6d, #w-node-_6370452a-8478-d7c2-22f8-86edd7bd7397-c6fdbe6d, #w-node-_6370452a-8478-d7c2-22f8-86edd7bd7399-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2663a9c9-9223-f7e2-ee61-c44260b4349d-c6fdbe6d, #w-node-_2663a9c9-9223-f7e2-ee61-c44260b4349f-c6fdbe6d, #w-node-_2663a9c9-9223-f7e2-ee61-c44260b434a1-c6fdbe6d, #w-node-d78c1983-2e06-0561-59cb-3051d600d84c-c6fdbe6d, #w-node-b994c94e-2280-09cc-8bde-e2a844d73298-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
  justify-self: stretch;
}

#w-node-_2663a9c9-9223-f7e2-ee61-c44260b434a4-c6fdbe6d, #w-node-_4d500ccf-ab32-69b3-a57e-64b90c1e7586-c6fdbe6d, #w-node-d1f42f3e-095b-6808-a7fc-1857681e2694-c6fdbe6d, #w-node-_50d00206-7f1b-4068-859c-5b2aa313f1aa-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e84cf66-78a0-c86b-0399-0a70aef38a9a-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-bb9ff2e4-7fdb-ff46-44e0-b6eda5c929bb-c6fdbe6d, #w-node-_2b1fd5ad-10b5-0a64-79d0-ab9f29c54f36-c6fdbe6d, #w-node-_656aac06-6d51-322e-bcb1-9bc74f2d29ee-c6fdbe6d, #w-node-fa0f2871-1f7e-56af-2eba-4116aff79fcf-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1afd1d9-812a-cc36-30a7-e2194815aafa-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-f755a7c7-9d60-2198-d1c2-ad36beed6870-c6fdbe6d, #w-node-_9f8a16fe-db2f-1a0b-161e-a8253e55cbfe-c6fdbe6d, #w-node-_5df7e2d7-f4ff-64da-2dcf-093f4c316d1d-c6fdbe6d, #w-node-e19ec053-242a-ecf6-b802-71839b864869-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9c820185-f8cf-a82c-fa9d-137adf92e320-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_7f503469-6790-0056-38ac-5ad21c267598-c6fdbe6d, #w-node-_5315f492-377e-c622-f4d8-d2bfaad174c2-c6fdbe6d, #w-node-e321f9ae-a228-4f2d-198c-4700348da20a-c6fdbe6d, #w-node-_40d93c58-1c0e-42ae-8330-4a47cfc8279b-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fe56e793-e8a3-0705-3221-8b1ede599695-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-b6bddd7a-522f-32bb-5afe-2421f72b3a7b-c6fdbe6d, #w-node-_01146efa-0770-e852-dad5-6a3b43d83352-c6fdbe6d, #w-node-_8273a9dd-591d-8966-22b6-ba4ec8bce273-c6fdbe6d, #w-node-_9dc82f42-9e45-cd79-4ac6-f047a3ca6209-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4a2d4a2a-5f69-3fac-4203-b7fedb6ff57f-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-a165a07a-0665-2a7d-dcdd-4c1097a0feed-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f618effe-93e8-5640-912d-199da59eeb83-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_55f1453e-a805-c260-574a-e42d9acc2ad1-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40f67c5a-22e3-e538-ba00-23d57613fe88-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b4eb23da-6aac-2b9e-f283-2d46300ac771-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_31474381-e34b-226c-c3d2-b7acf3a09cab-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_6f320cf8-3f5a-b72a-438e-8e2c284fc8c9-c6fdbe6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fb-c6fdbe6e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fc-c6fdbe6e {
  align-self: end;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f05101-c6fdbe6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-ce7c0a4c-9d0c-388a-c7f0-c95ea11fad01-c6fdbe6e, #w-node-_85f06a96-15bb-3ba8-4d0e-7ce2090d047a-c6fdbe6f, #w-node-_85f06a96-15bb-3ba8-4d0e-7ce2090d0487-c6fdbe6f, #w-node-_33bbe4b3-3435-1f62-8176-01d5b132a9a1-c6fdbe6f, #w-node-_5c2dc1a0-6364-283c-25de-b989b56e5290-c6fdbe6f, #w-node-_72451074-ab08-b5ba-c42a-56a3ac9fb7fc-c6fdbe6f, #w-node-b17f25e2-9189-2533-be38-11b57c81ed9f-c6fdbe6f, #w-node-_2aeeed59-f54a-dc18-26c7-9817dba405a7-c6fdbe6f, #w-node-_405c91ea-9a7e-2126-d13f-edc7a4d38032-c6fdbe6f, #w-node-a686cfe2-c0d6-84b1-a016-ca8913faa648-c6fdbe6f, #w-node-c83c1e21-7b09-c79d-c1f6-b71b67037e41-c6fdbe6f, #w-node-_225fd11c-b890-bf49-527b-368767972216-c6fdbe6f, #w-node-_15d759f9-f2fd-b4a1-c20f-fc44d0b099c4-c6fdbe6f, #w-node-_118f8fa3-8ed3-d187-8932-1b2d4d440e59-c6fdbe6f, #w-node-_6c86f69f-2f1d-82cc-b8db-17147a20403e-c6fdbe6f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fc-c6fdbe70 {
  align-self: end;
}

#w-node-_04a4033b-6234-fc2e-4d26-4edc18eb51f6-c6fdbe73 {
  align-self: center;
}

#w-node-_44376421-82f5-ac50-a37b-44cca60eabf8-c6fdbe73 {
  align-self: start;
}

#w-node-_75c5a0f3-3a9f-e1b0-4caa-9d4c40f6607a-c6fdbe75, #w-node-_9462ec22-9213-063c-88e0-be5762adec27-c6fdbe75, #w-node-b6f26b91-5bab-930b-96ff-4d8507a48db7-c6fdbe75, #w-node-_7b5ccb4f-8969-71d3-842f-baf42556270b-c6fdbe75, #w-node-_2fc9008a-de1e-d3eb-cef6-f932ab95f8e4-c6fdbe75, #w-node-_932fc7e6-5e2e-6fe5-e9c5-688ae195e4ce-c6fdbe75, #w-node-fea12972-0df8-eb58-2f93-442d1bfc96f3-c6fdbe75, #w-node-_63532c52-7309-6d47-dc06-e124a01bdedc-c6fdbe75, #w-node-_3ff65e26-0511-7679-c8b2-b43c0969bebe-c6fdbe75, #w-node-_016120cc-e971-0f84-77ea-5ff7eaaba6c5-c6fdbe75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fb-c6fdbe76 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fc-c6fdbe76 {
  align-self: end;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f05101-c6fdbe76 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-ce7c0a4c-9d0c-388a-c7f0-c95ea11fad01-c6fdbe76, #w-node-_019d89cc-3daa-9206-b585-fd789e97af3d-c6fdbe78 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0c5b929-0052-d9b9-a047-1c9114a31597-c6fdbe78 {
  justify-self: auto;
}

#w-node-_0c7f563b-9949-c6b4-4a32-339472b32dc9-c6fdbe78, #w-node-eea33beb-8b0e-b15d-5133-59327bb64d8a-c6fdbe78, #w-node-_4382d59f-b4fd-55f2-54db-40d76f756760-c6fdbe78, #w-node-a1de1033-a478-78e5-5c8a-2571d177f013-c6fdbe78, #w-node-fdb84373-f0ad-53c1-4192-6fb6791a4d12-c6fdbe79, #w-node-fdb84373-f0ad-53c1-4192-6fb6791a4d14-c6fdbe79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fdb84373-f0ad-53c1-4192-6fb6791a4d18-c6fdbe79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-fdb84373-f0ad-53c1-4192-6fb6791a4d1e-c6fdbe79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fdb84373-f0ad-53c1-4192-6fb6791a4d21-c6fdbe79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-fdb84373-f0ad-53c1-4192-6fb6791a4d22-c6fdbe79 {
  justify-self: end;
}

#w-node-fdb84373-f0ad-53c1-4192-6fb6791a4d27-c6fdbe79, #w-node-_011afa91-9812-3337-3b8e-2b52bf560720-c6fdbe7b, #w-node-_60e41d97-e83b-d929-7777-17e94a5726fd-c6fdbe7b, #w-node-_4634c155-711a-4ba6-8b6a-9dc11290a07e-c6fdbe7b, #w-node-_1faba696-8cda-3d5e-a376-38698e938502-c6fdbe7b, #w-node-fbaed94c-44c7-7f68-809d-bd5f7f0ccb2d-c6fdbe7b, #w-node-fd92a2f5-9894-9fcf-dfec-51918e5c0d44-c6fdbe7b, #w-node-ecb41f22-1e0f-79fd-41ef-a101a13d16f1-c6fdbe7b, #w-node-_47e1d58e-61bf-8a0d-def9-28d3c3d0ff86-c6fdbe7b, #w-node-_1f855839-06c7-56d1-e93c-0068a4657fe1-c6fdbe7b, #w-node-_89ae2609-df0d-9ffa-99f4-305b484f5f6f-c6fdbe7b, #w-node-_1534a17a-9112-40d1-844c-c741e26767d8-c6fdbe7b, #w-node-ef684425-30b7-b48f-f525-e8ff331aa665-c6fdbe7c, #w-node-ef684425-30b7-b48f-f525-e8ff331aa66b-c6fdbe7c, #w-node-ef684425-30b7-b48f-f525-e8ff331aa671-c6fdbe7c, #w-node-ef684425-30b7-b48f-f525-e8ff331aa677-c6fdbe7c, #w-node-ef684425-30b7-b48f-f525-e8ff331aa67d-c6fdbe7c, #w-node-ef684425-30b7-b48f-f525-e8ff331aa683-c6fdbe7c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8ed56264-b453-a64e-e631-4103b7aa0a57-c6fdbe7c, #w-node-d6a04566-314f-5012-96ae-4337f5c1a9f2-c6fdbe7c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_09fff98a-d5dd-02a9-fb0f-baa0f2bdb811-c6fdbe7c {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: auto;
  justify-self: auto;
}

#w-node-_15e3f635-eaac-4575-55f6-31d20cd51ca6-c6fdbe7c, #w-node-_79b19fbe-2f54-4f2a-70bd-fd18b01ac357-c6fdbe7d, #w-node-e5788bed-8fcb-f96d-9f5d-fd5cb1947bf3-c6fdbe7d, #w-node-_9d312164-0088-49c9-c034-dab4fa65ce6c-c6fdbe7d, #w-node-_7955c1f5-d775-792a-7962-5681d9313526-c6fdbe7d, #w-node-c2531ce3-981a-1611-5274-283744f99535-c6fdbe7d, #w-node-_91085735-c9a0-e27c-6955-5b0400f8c7ca-c6fdbe7d, #w-node-_0d9467b6-5f77-f94c-7a64-23826004826a-c6fdbe7d, #w-node-_8c7fb502-6edd-be84-ea65-a69f33f701eb-c6fdbe7f, #w-node-_602248a7-9765-ca34-f1b6-fa746f424707-c6fdbe7f, #w-node-_054cfa84-cc35-bcc4-15f0-2713eb856b3f-c6fdbe7f, #w-node-_8c7fb502-6edd-be84-ea65-a69f33f7025b-c6fdbe7f, #w-node-_8c7fb502-6edd-be84-ea65-a69f33f7027f-c6fdbe7f, #w-node-_8c7fb502-6edd-be84-ea65-a69f33f702a6-c6fdbe7f, #w-node-_8c7fb502-6edd-be84-ea65-a69f33f702cb-c6fdbe7f, #w-node-_8c7fb502-6edd-be84-ea65-a69f33f702ef-c6fdbe7f, #w-node-_8c7fb502-6edd-be84-ea65-a69f33f70316-c6fdbe7f, #w-node-b01af564-ed2d-c417-b3fc-f4c627f09e5c-c6fdbe80, #w-node-e3e5347c-b64a-db81-17be-30a489c97f5c-c6fdbe80, #w-node-_4f05442e-75a6-3a82-53a0-a3dfc555e167-c6fdbe80, #w-node-_8cfb9a8b-f364-a845-1ab3-913757745a0d-c6fdbe80, #w-node-_05c7d494-6dc8-9d64-e975-ba769f47f2ce-c6fdbe80, #w-node-f1185990-54bc-d351-809e-42e16f3c7c9f-c6fdbe80, #w-node-_4a82bde4-4cd3-5e37-c94e-25df56a5467c-c6fdbecd, #w-node-_05339afe-73d6-196b-1f70-90928b68ecf6-c6fdbecd, #w-node-_5d8d4221-a544-b937-93dc-ad95d9db37b2-c6fdbecd, #w-node-_284ce4cb-bed7-3c8d-b2e3-b274d2080ed2-c6fdbecd, #w-node-aeee7368-eadb-632c-4594-029cca37b751-c6fdbecd, #w-node-ba27d5ae-d095-e4f0-f389-8f9f10c2b3ba-c6fdbecd, #w-node-_5a49e8c5-9d58-ef5d-8bde-39a2df299c44-c6fdbecd, #w-node-bc104596-2e07-44fd-1626-bf73b0da097d-c6fdbecd, #w-node-e1241942-4af2-fdfd-732b-2cf62ccc5153-c6fdbecd, #w-node-e1241942-4af2-fdfd-732b-2cf62ccc5159-c6fdbecd, #w-node-e1241942-4af2-fdfd-732b-2cf62ccc515f-c6fdbecd, #w-node-e1241942-4af2-fdfd-732b-2cf62ccc5165-c6fdbecd, #w-node-e1241942-4af2-fdfd-732b-2cf62ccc516b-c6fdbecd, #w-node-e1241942-4af2-fdfd-732b-2cf62ccc5171-c6fdbecd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fb-c6fdbece {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fc-c6fdbece {
  align-self: end;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fb-c6fdbecf {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3ea6236f-436d-2b89-2b0b-e65986f050fc-c6fdbecf {
  align-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_6355e3b2-15e6-fe2c-6c43-a0a6af89dbe3-c6fdbe7c {
    align-self: stretch;
    justify-self: center;
  }

  #w-node-a5492b87-e393-d1a9-4228-7dfd562b4c3e-c6fdbe7c {
    align-self: stretch;
  }

  #w-node-_09fff98a-d5dd-02a9-fb0f-baa0f2bdb811-c6fdbe7c {
    align-self: center;
  }

  #w-node-_8c7fb502-6edd-be84-ea65-a69f33f701eb-c6fdbe7f, #w-node-_602248a7-9765-ca34-f1b6-fa746f424707-c6fdbe7f, #w-node-_054cfa84-cc35-bcc4-15f0-2713eb856b3f-c6fdbe7f {
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_86d4eb85-11b1-a78d-d796-720caacdc7eb-c6fdbe6c {
    align-self: stretch;
  }

  #w-node-_2f597d49-bd99-20a9-3db0-6efcb635e230-c6fdbe73 {
    justify-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_86d4eb85-11b1-a78d-d796-720caacdc7eb-c6fdbe6c {
    align-self: auto;
  }

  #w-node-_85f06a96-15bb-3ba8-4d0e-7ce2090d047a-c6fdbe6f, #w-node-_85f06a96-15bb-3ba8-4d0e-7ce2090d0487-c6fdbe6f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b0c5b929-0052-d9b9-a047-1c9114a31597-c6fdbe78 {
    align-self: auto;
    justify-self: center;
  }

  #w-node-_011afa91-9812-3337-3b8e-2b52bf560720-c6fdbe7b {
    align-self: center;
  }

  #w-node-_6355e3b2-15e6-fe2c-6c43-a0a6af89dbe3-c6fdbe7c, #w-node-fa026e47-2426-1ec4-d07d-5717ddc5cddb-c6fdbe7c, #w-node-a5492b87-e393-d1a9-4228-7dfd562b4c3e-c6fdbe7c {
    justify-self: stretch;
  }

  #w-node-_09fff98a-d5dd-02a9-fb0f-baa0f2bdb811-c6fdbe7c {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_7204b774-21fd-8a12-56df-9b629750f716-c6fdbe7c, #w-node-_15e3f635-eaac-4575-55f6-31d20cd51ca6-c6fdbe7c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b01af564-ed2d-c417-b3fc-f4c627f09e5c-c6fdbe80 {
    justify-self: auto;
  }
}


@font-face {
  font-family: 'sfprodisplay';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sfprodisplay';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sfprodisplay 1';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Medium-1.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sfprodisplay';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.ttf') format('truetype'), url('../fonts/Inter-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/NunitoBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/NunitoLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}