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

@font-face {
  font-family: Monty Light;
  src: url(/../fonts/Monty-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monty Regular;
  src: url(/../fonts/Monty-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Social Media Circled;
  src: url(/../fonts/Social-Media-Circled.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue: #252930;
  --light-grey: #ccc;
  --alice-blue: #e8f0f3;
  --deep-sky-blue: #4bb1e0;
  --white-smoke: #f3f3f3;
  --dark-slate-blue: #0841ac;
  --light-sky-blue: #75beee;
  --white: white;
  --light-grey-2: #cacbd1;
  --black: #252930cf;
  --silver: #b4b7c0;
  --black-2: #1b1e24;
}

body {
  background-color: var(--blue);
  color: #333;
  font-family: Monty Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

p {
  margin-bottom: 0;
}

.header {
  z-index: 3;
  padding: 23px 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.container-header {
  z-index: 2;
  background-color: #00000021;
  border: 1.5px #000;
  border-bottom: 1.5px solid #c3c3e754;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 30px;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
}

.container-header.off {
  border: 1px solid var(--light-grey);
  background-color: #fff;
}

.logo-img {
  height: 30px;
  transition: all .2s;
}

.logo-img.off {
  filter: invert();
}

.section-hero-home {
  z-index: 0;
  align-items: flex-end;
  height: 550px;
  padding-bottom: 50px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.degradado-color-hero {
  z-index: 1;
  background-image: linear-gradient(225deg, #70adc9, var(--blue));
  opacity: .3;
  mix-blend-mode: color;
  display: block;
  position: absolute;
  inset: 0%;
}

.menu-header {
  z-index: 1;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1600px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  transition: all .7s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.menu-header.off {
  opacity: 0;
  margin-top: -183px;
}

.link-header {
  color: #e8f0f3e0;
  text-shadow: 0 1px 1px #0000006b;
  width: 20%;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.4em;
  text-decoration: none;
}

.link-header.dropdown {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  display: inline-block;
}

.link-header.debug {
  position: relative;
}

.degradado-sombra-hero {
  z-index: 0;
  opacity: .87;
  background-image: linear-gradient(#0e1727 40%, #0000);
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  display: block;
  position: absolute;
  inset: 0%;
}

.degradado-sombra-hero.off {
  opacity: 0;
}

.link-connect-to-cloud {
  color: var(--alice-blue);
  text-shadow: 0 1px 1px #0000006b;
  align-items: center;
  font-size: 12px;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.link-connect-to-cloud.off {
  color: var(--blue);
  text-shadow: none;
}

.connect-to-cloud-text {
  margin-top: 3px;
  margin-right: 11px;
}

.connect-to-cloud-text.off {
  color: var(--blue);
}

.socials-header {
  justify-content: space-between;
  align-items: center;
  width: 33.33%;
  display: flex;
}

.links-menu-fijos {
  justify-content: space-between;
  width: 60%;
  min-width: 630px;
  margin-left: 30px;
  display: flex;
}

.link-redes {
  color: var(--alice-blue);
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Social Media Circled, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.link-redes.off {
  color: var(--blue);
}

.img-cloud {
  width: 24px;
}

.container-hero {
  z-index: 3;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.titulo-hero {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  white-space: nowrap;
  word-break: keep-all;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 300;
  line-height: 1.05em;
}

.p-hero {
  color: #ffffffc2;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  max-width: 350px;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 1.3em;
}

.degradado-obscuro-hero {
  z-index: 2;
  opacity: .6;
  mix-blend-mode: multiply;
  background-image: linear-gradient(to right, #000, #fff);
  display: block;
  position: absolute;
  inset: 0%;
}

.grupo-texto-hero {
  justify-content: space-between;
  align-items: flex-end;
  width: 53%;
  display: flex;
}

.fila-btn-play-hero {
  width: 33.33%;
  margin-bottom: 15px;
  margin-left: 30px;
}

.btn-play {
  float: left;
  border: 1px solid var(--alice-blue);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

.play-icon {
  width: 27%;
  margin-left: 5px;
}

.col-link-main {
  align-items: center;
  width: 33.33%;
  display: flex;
}

.link-agendar-demo {
  color: var(--alice-blue);
  text-shadow: 0 1px 1px #0000006b;
  font-size: 12px;
  line-height: 1.4em;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.link-agendar-demo.off {
  color: var(--blue);
  text-shadow: none;
}

.section-formulario-home {
  z-index: 1;
  background-color: #fff;
  padding: 50px 90px;
  position: relative;
}

.container-formulario-home {
  z-index: 1;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.formulario-home {
  margin-bottom: 0;
}

.field-group {
  width: 100%;
  position: relative;
}

.field-group.hide-inicial {
  display: none;
}

.label {
  margin-bottom: 0;
  padding-top: 9px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Monty Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3em;
  position: absolute;
  inset: 0% 0% auto;
}

.input {
  background-color: #0000;
  border-radius: 10px;
  height: 53px;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Monty Light, sans-serif;
  font-size: 14px;
  line-height: 1em;
  transition: all .2s;
}

.input:focus {
  border: 1px solid var(--deep-sky-blue);
}

.fila-formulario {
  justify-content: space-between;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.fila-formulario.mensaje {
  margin-bottom: 0;
}

.espacio-formulario {
  flex: none;
  width: 20px;
  height: 20px;
}

.espacio-formulario.hide-inicial {
  display: none;
}

.input-select {
  color: #9c9c9c;
  background-color: #0000;
  border-radius: 10px;
  height: 53px;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Monty Light, sans-serif;
  font-size: 14px;
  line-height: 1em;
  transition: all .2s;
}

.input-select:focus {
  border: 1px solid var(--deep-sky-blue);
}

.input-select.select {
  align-items: flex-start;
  padding: 29px 10px 0;
  display: flex;
}

.textarea {
  background-color: #0000;
  border-radius: 10px;
  height: 53px;
  min-height: 110px;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Monty Light, sans-serif;
  font-size: 14px;
  line-height: 1em;
  transition: all .2s;
}

.textarea:focus {
  border: 1px solid var(--deep-sky-blue);
}

.erp-hero {
  border-bottom: 1px solid #8fc0e0;
  line-height: .8em;
  display: inline-block;
}

.section-por-que-contratar-home {
  z-index: 1;
  color: #0b2b67;
  background-color: #fff;
  padding: 50px 90px 100px;
  position: relative;
  overflow: hidden;
}

.container-por-que-contratar {
  z-index: 1;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  padding: 70px;
  display: flex;
  position: relative;
}

.bloque-info-centrado {
  z-index: 1;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  width: 550px;
  height: 400px;
  padding-left: 44px;
  padding-right: 44px;
  display: flex;
  position: relative;
}

.r-menor {
  margin-left: .2em;
  margin-right: .2em;
  font-size: .7em;
  display: inline-block;
  position: relative;
  top: -.6em;
}

.titulo-por-que-contratar {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 1.3em;
}

.p-general {
  color: #25293094;
  letter-spacing: .4px;
  line-height: 1.5em;
}

.fila-botones {
  justify-content: center;
  margin-top: 50px;
  display: flex;
}

.btn-std {
  color: var(--white-smoke);
  letter-spacing: .5px;
  background-color: #0000;
  border-radius: 10px;
  padding: 12px 39px 11px;
  transition: all .5s;
  position: relative;
  overflow: hidden;
}

.btn-std.secundario {
  background-color: var(--white-smoke);
  box-shadow: -2px 2px 5px 0 var(--dark-slate-blue), 2px -2px 5px 0 var(--light-sky-blue);
  color: var(--blue);
  background-image: none;
}

.btn-std.secundario:hover {
  background-color: var(--light-sky-blue);
  color: var(--alice-blue);
  box-shadow: -2px 2px 5px #0b2b6700, 2px -2px 5px #8fc0e000;
}

.btn-std.redondo {
  color: var(--alice-blue);
  text-align: center;
  border-radius: 100%;
  flex: none;
  width: 43px;
  height: 43px;
  padding: 9px 0 0;
  font-size: 30px;
  line-height: 1em;
}

.separacion-botones {
  width: 20px;
  height: 20px;
}

.imagen-fondo-por-que {
  z-index: 0;
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.imagen-fondo-hero {
  z-index: 0;
  background-image: url(/../images/fondo_2.jpg);
  background-position: 0%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  transition: background-position .1s linear;
  position: absolute;
  inset: 0%;
}

.background-btn {
  z-index: 0;
  background-image: linear-gradient(225deg, var(--dark-slate-blue), var(--light-sky-blue));
  color: #3330;
  width: 100%;
  transition: width .5s;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
}

.background-btn:hover {
  width: 200%;
}

.text-btn {
  z-index: 1;
  position: relative;
}

.section-propiedades {
  z-index: 1;
  background-color: var(--white);
  padding: 50px 90px;
  position: relative;
  overflow: hidden;
}

.container-propiedades {
  z-index: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.btn-std-sobre-formulario {
  letter-spacing: .5px;
  background-color: #0000;
  border-radius: 10px;
  padding: 12px 39px 11px;
  transition: all .5s;
  position: absolute;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
}

.btn-std-sobre-formulario.secundario {
  color: var(--blue);
  background-image: none;
  box-shadow: -2px 2px 5px #0b2b67, 2px -2px 5px #8fc0e0;
}

.btn-std-sobre-formulario.secundario:hover {
  color: var(--alice-blue);
  background-color: #8fc0e0;
  box-shadow: -2px 2px 5px #0b2b6700, 2px -2px 5px #8fc0e000;
}

.btn-menu {
  opacity: 0;
  color: var(--blue);
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 1em;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.btn-menu.off {
  opacity: 1;
}

.grupo-redes-top {
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.hamb-menu {
  border-top: 1px solid #25293099;
  border-bottom: 1px solid #25293099;
  width: 30px;
  height: 10px;
}

.menu-responsive {
  z-index: 4;
  border-left: 1px solid var(--light-grey);
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 460px;
  padding-top: 27px;
  transition: all .7s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -460px;
  overflow: scroll;
}

.menu-responsive.off {
  opacity: 0;
  margin-top: -183px;
}

.menu-responsive.on {
  right: 0;
}

.link-menu-resp {
  border-bottom: 1px solid var(--light-grey);
  color: var(--blue);
  width: 100%;
  padding: 18px 40px;
  font-size: 12px;
  line-height: 1.4em;
  text-decoration: none;
}

.link-menu-resp.ultimo {
  border-bottom-style: none;
}

.link-menu-resp.sub {
  padding-left: 70px;
}

.cerrar-menu-resp {
  z-index: 3;
  display: none;
  position: fixed;
  inset: 0%;
}

.col-propiedades {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 480px;
  margin-bottom: 40px;
  display: flex;
  overflow: hidden;
  transform: perspective(1000px);
  box-shadow: 0 2px 5px #00000029;
}

.titulo-menor-propiedad {
  z-index: 2;
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Monty Light, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3em;
  position: relative;
}

.titulo-grane-propiedades {
  z-index: 2;
  background-color: var(--white-smoke);
  color: var(--black);
  text-shadow: 0 1px 1px #fff;
  mix-blend-mode: darken;
  border-radius: 200px;
  margin-top: 35px;
  margin-bottom: 35px;
  padding: 20px 47px 13px;
  font-size: 60px;
  font-weight: 300;
  line-height: 1em;
  position: relative;
  box-shadow: 0 2px 6px 1px #0003;
}

.p-general-propiedades {
  z-index: 2;
  max-width: 381px;
  position: relative;
}

.link-solicita-demo {
  color: var(--alice-blue);
  background-image: url(/../images/flecha.svg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 79%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 30px;
  font-family: Monty Light, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
}

.fila-solicita-demo {
  width: 100%;
  margin-top: 40px;
}

.btn-leer-mas {
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  top: 40%;
  right: 60px;
  overflow: hidden;
  box-shadow: 0 1px 4px 1px #0000002b;
}

.titulo-propiedades {
  color: #fff;
  text-align: center;
  margin: 20px auto 30px;
  font-weight: 300;
}

.header-propiedades {
  z-index: 0;
  width: 100%;
  margin-bottom: 40px;
  position: relative;
}

.logo-assemble {
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.signo-mas {
  width: 30px;
  height: 30px;
  position: relative;
}

.signo-mas-h {
  z-index: 1;
  border-bottom: 2px solid var(--alice-blue);
  width: 100%;
  height: 0;
  position: absolute;
  top: 50%;
}

.signo-mas-v {
  z-index: 1;
  border-right: 2px solid var(--alice-blue);
  width: 0;
  height: 100%;
  transition: all .2s;
  position: absolute;
  left: 50%;
}

.signo-mas-v.off {
  top: 1px;
  transform: rotate(90deg);
}

.side-property {
  z-index: 1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 70%;
}

.fondo-gris {
  z-index: 0;
  background-color: var(--light-grey-2);
  position: absolute;
  inset: 0%;
}

.fondo-gris.off {
  opacity: 0;
}

.fondo-propierties {
  z-index: 0;
  opacity: 0;
  background-color: #dcdde0;
  position: absolute;
  inset: 0%;
}

.col-mas-info-propiedades {
  z-index: 2;
  text-align: left;
  background-color: #e9eaec;
  border-radius: 0 0 30px 30px;
  justify-content: space-between;
  width: 100%;
  padding: 50px;
  display: none;
}

.col-info-hover {
  width: 100%;
}

.fila-punto-propiedades {
  border-bottom: 1px solid var(--white);
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.fila-punto-propiedades.ultimo {
  border-bottom-style: none;
}

.espacio-info-propiedades {
  flex: none;
  width: 20px;
  height: 20px;
}

.fila-cols-propiedades {
  justify-content: space-between;
  display: flex;
}

.section-beneficios {
  z-index: 1;
  background-color: var(--white);
  padding: 120px 90px;
  position: relative;
}

.container-beneficios {
  z-index: 1;
  position: relative;
}

.row-beneficios {
  text-align: center;
}

.titulo-beneficios {
  color: #55585d;
  letter-spacing: .5px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #2529306b;
  border-radius: 100px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 6px;
  padding-left: 22px;
  padding-right: 22px;
  font-family: Monty Light, sans-serif;
  line-height: 1.3em;
  display: inline-block;
}

.titulo-obten {
  color: var(--blue);
  max-width: 950px;
  margin: 0 auto;
  font-size: 40px;
  line-height: 1.3em;
}

.lista-de-puntos {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1270px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-punto {
  width: 33.33%;
  margin-bottom: 50px;
  display: inline-block;
}

.icono-beneficio {
  opacity: .6;
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.icono-beneficio.landing {
  opacity: 1;
}

.punto-beneficio {
  color: #25293094;
  letter-spacing: .4px;
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  line-height: 1.4em;
}

.section-footer {
  z-index: 1;
  background-color: #5d6066;
  position: relative;
  overflow: hidden;
}

.lista-logos {
  width: 500vw;
  display: none;
  position: relative;
  left: 0;
}

.grupo-de-logos {
  float: left;
}

.logo-footer {
  padding: 27px 57px;
}

.footer-inferior {
  border-top: 1px solid var(--light-grey);
  padding: 50px 90px;
}

.container-footer-inferior {
  justify-content: space-between;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-footer {
  width: 17%;
}

.titulo-footer {
  color: var(--white);
  border-bottom: 1px solid #e8f0f34a;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3em;
}

.p-footer {
  color: #e8eaec94;
  letter-spacing: .4px;
  line-height: 1.5em;
}

.p-footer.debug {
  position: relative;
  left: 166px;
}

.link-footer {
  color: var(--light-grey);
  text-decoration: underline;
}

.link-seccion-footer {
  color: var(--light-grey);
  letter-spacing: .4px;
  width: 31%;
  min-width: 160px;
  line-height: 1.5em;
  text-decoration: none;
  display: inline-block;
}

.link-seccion-footer.full {
  width: 98%;
}

.link-seccion-footer.right {
  text-align: right;
}

.col-grande-footer {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 34%;
}

.fila-de-ubicaciones {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.p-tels {
  color: #e8eaec94;
  letter-spacing: .4px;
  min-width: 110px;
  margin-bottom: 1.45em;
  line-height: 1.5em;
}

.fila-de-links {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.contenido-propiedades {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 65px;
  padding-bottom: 65px;
  display: flex;
  position: relative;
}

.mascara-icono-beneficio {
  margin-bottom: 20px;
}

.section-hero-por-que {
  background-image: url(/../images/hero_por_que_3.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto 100%;
  justify-content: center;
  align-items: flex-end;
  height: 816px;
  padding-bottom: 220px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
  position: relative;
}

.img-hero-por-que {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  height: 100%;
}

.container-hero-por-que {
  z-index: 2;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  display: flex;
  position: relative;
}

.titulo-hero-por-que {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  flex: none;
  max-width: 700px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 55px;
  font-weight: 300;
  line-height: 1.05em;
}

.p-hero-por-que {
  color: #ffffffc2;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  max-width: 670px;
  margin-top: 40px;
  margin-bottom: 14px;
  font-size: 17px;
  line-height: 1.3em;
  position: relative;
}

.degradado-obscuro-hero-por-que {
  z-index: 2;
  opacity: .6;
  mix-blend-mode: multiply;
  background-image: linear-gradient(45deg, #000, #a3a3a3);
  display: block;
  position: absolute;
  inset: 0%;
}

.section-razones-por-que {
  z-index: 2;
  background-image: linear-gradient(to bottom, var(--light-grey-2), white);
  padding-left: 65px;
  padding-right: 65px;
  position: relative;
}

.container-razones-por-que {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.col-razon {
  background-color: var(--white);
  border-radius: 10px;
  padding: 30px 40px;
  position: relative;
}

.title-por-que-razon {
  color: var(--black);
  margin-top: 0;
}

.p-razon {
  color: #25293094;
  letter-spacing: .4px;
  line-height: 1.5em;
}

.p-razon.una-col {
  column-count: 1;
}

.span-titulo-por-que {
  max-width: 300px;
  min-height: 2.5em;
  font-weight: 300;
  line-height: 1.3em;
  display: inline-block;
}

.linea-azul-obscuro {
  background-image: linear-gradient(to right, var(--dark-slate-blue), #0841ac00);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
}

.numero-razones {
  background-color: var(--white);
  color: var(--blue);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-top: 3px;
  font-size: 16px;
  line-height: 1em;
  display: flex;
  position: absolute;
  top: 24px;
  left: -21px;
  box-shadow: 3px 3px 5px #0003;
}

.slider-razones {
  z-index: 0;
  background-color: #0000;
  max-width: 1590px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -119px;
}

.punto-razones {
  display: none;
}

.slide-razones {
  float: left;
  width: 50%;
  padding-left: 25px;
  padding-right: 25px;
}

.arrow-razones {
  width: 90px;
  text-decoration: none;
  position: absolute;
  top: -119px;
  bottom: 0;
  left: 0;
}

.arrow-razones.right {
  left: auto;
  right: 0;
}

.icon-slide-razones {
  color: var(--alice-blue);
  margin-top: 34px;
  margin-bottom: auto;
  font-size: 25px;
}

.section-adecuada {
  background-color: var(--white);
  padding-left: 90px;
  padding-right: 90px;
}

.container-adecuada {
  justify-content: center;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  padding: 70px;
  display: flex;
  position: relative;
}

.bloque-info-adecuada {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 420px;
  display: flex;
  position: relative;
}

.imagen-fondo-adecuada {
  z-index: 0;
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.titulo-adecuada {
  color: var(--white-smoke);
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 1.3em;
}

.p-adecuada {
  color: #ffffff94;
  letter-spacing: .4px;
  line-height: 1.5em;
}

.section-te-ofrecemos {
  background-color: var(--white);
  padding: 90px;
}

.container-te-ofrecemos {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.titulo-te-ofrecemos {
  color: var(--black);
  flex: none;
  width: 440px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 44px;
  font-weight: 300;
  line-height: 1.2em;
}

.p-te-ofrecemos {
  color: #25293094;
  letter-spacing: .4px;
  column-count: 2;
  flex: none;
  width: 100%;
  max-width: 930px;
  margin-top: 30px;
  margin-bottom: 16px;
  line-height: 1.5em;
  position: relative;
}

.p-te-ofrecemos.una-col {
  column-count: 1;
}

.section-hechos {
  background-color: var(--white);
  padding: 70px 90px 110px;
}

.container-beneficios-por-que {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}

.tabs-beneficios {
  display: flex;
}

.tab-beneficio {
  float: left;
  clear: both;
  background-color: var(--white);
  color: var(--black);
  border-radius: 100px;
  width: auto;
  margin-bottom: 12px;
  padding-top: 17px;
  padding-bottom: 14px;
  font-size: 14px;
  line-height: 1em;
  transition: color .4s;
  overflow: hidden;
  box-shadow: 0 2px 9px #0003;
}

.tab-beneficio:hover {
  background-color: var(--light-sky-blue);
}

.tab-beneficio.w--current {
  background-image: linear-gradient(270deg, #eeeff0, var(--dark-slate-blue));
  box-shadow: none;
  color: var(--alice-blue);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  margin-right: 0;
}

.tab-beneficio.ultimo {
  margin-bottom: 0;
}

.yabs-menu-beneficios {
  flex: none;
  width: 55%;
  max-width: 610px;
}

.tabs-content-beneficio {
  background-image: linear-gradient(to right, #edeff0, #fff);
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  width: 100%;
}

.text-btn-beneficios {
  z-index: 1;
  position: relative;
}

.p-beneficios {
  color: #25293094;
  letter-spacing: .4px;
  flex: none;
  max-width: 460px;
  margin-top: 30px;
  line-height: 1.5em;
}

.p-beneficios.una-col {
  column-count: 1;
}

.titulo-beneficios-por-que {
  color: var(--light-sky-blue);
  flex: none;
  max-width: 380px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2em;
}

.tab-pane {
  height: 100%;
}

.icono-estadisticas {
  opacity: .48;
}

.top-tab-pane {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.content-tab-pane {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 50px;
  display: flex;
}

.img-icon-beneficio {
  opacity: .5;
}

.dropdown-menu {
  width: 20%;
  position: relative;
}

.link-header-copy {
  color: #e8f0f3e0;
  text-shadow: 0 1px 1px #0000006b;
  width: 20%;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.4em;
  text-decoration: none;
}

.menu-dropdpown {
  background-color: var(--white-smoke);
  border-radius: 10px;
  width: 90%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.link-dropdown {
  border-bottom: 1px solid var(--light-grey);
  color: var(--blue);
  width: 100%;
  padding: 11px;
  font-size: 14px;
  line-height: 1.4em;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.link-dropdown:hover {
  padding-left: 22px;
}

.link-dropdown.ultimo {
  border-bottom-style: none;
}

.section-header-productos {
  background-color: #061736;
  background-image: url(/../images/productos_hero_abst.jpg);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  height: 490px;
  padding-bottom: 50px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.container-hero-productos {
  z-index: 2;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  display: flex;
  position: relative;
}

.titulo-hero-productos {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  flex: none;
  max-width: 700px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.p-hero-productos {
  color: #ffffffc2;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  max-width: 380px;
  margin-top: 20px;
  margin-bottom: 9px;
  font-size: 17px;
  line-height: 1.3em;
}

.section-productos {
  background-color: var(--white);
  padding: 30px 90px;
}

.container-lista-de-productos {
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-producto {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-wrap: wrap;
  align-items: center;
  width: 32%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  box-shadow: 1px 0 6px 1px #00000021;
}

.col-producto.compacto {
  background-color: var(--blue);
  box-shadow: none;
  text-align: left;
  width: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

.img-icono-producto {
  width: 70px;
  margin-right: auto;
  position: relative;
}

.title-producto {
  color: var(--black);
  min-width: 160px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1em;
}

.title-producto.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.section-productos-productos {
  background-color: var(--white);
  padding: 90px 90px 45px;
  position: relative;
}

.container-productos {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.slider-productos-productos {
  z-index: 0;
  background-color: #0000;
  width: 100%;
  height: auto;
}

.puntos-slider {
  display: none;
}

.btn-slide-productos {
  margin-left: 0;
}

.btn-slide-productos.right {
  margin-left: auto;
  margin-right: 0;
}

.btn-lateral-slide-productos {
  color: var(--black);
  background-image: linear-gradient(270deg, #0000, #fff);
  width: 70px;
  font-size: 25px;
  line-height: 1em;
}

.btn-lateral-slide-productos.right {
  background-image: linear-gradient(to right, #0000, #fff);
}

.slide-productos {
  padding-left: 90px;
  padding-right: 90px;
}

.fila-slide-productos {
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.col-producto-btn {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 33.33%;
  min-width: 403px;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.img-producto {
  z-index: 1;
  width: 340px;
  margin-bottom: -80px;
}

.contenido-producto-contenido {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 65px 20px 30px;
  display: flex;
  position: relative;
}

.producto-interno {
  background-color: var(--white-smoke);
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

.espacio-productos {
  width: 20px;
  height: 20px;
}

.container-lista-de-productos-productos {
  z-index: 1;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-caracteristics-productos {
  background-color: var(--white);
  padding: 45px 90px;
  position: relative;
}

.container-caracteristicas-productos {
  z-index: 1;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.titulo-caracteristicas {
  color: var(--white-smoke);
  text-align: center;
  text-shadow: 0 1px 2px #00000052;
  flex: none;
  max-width: 700px;
  margin: 0 auto 70px;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.lista-de-caracteristicas {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.fila-de-caracteristicas {
  border-style: solid;
  border-width: 1px;
  border-color: var(--white) #f3f3f399 #f3f3f361;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
  display: flex;
}

.numero-caracteristica {
  background-color: var(--white-smoke);
  color: #9da0aa;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.numero-caracteristica.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.title-caracteristica-producto {
  color: #ffffffcf;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
}

.title-caracteristica-producto.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.boton-ver-mas-caract {
  margin-top: 40px;
  display: flex;
}

.col-info-caract {
  width: 25%;
  min-width: 350px;
  padding: 20px;
  display: flex;
}

.section-plataforma {
  background-color: var(--white);
  padding: 45px 90px;
  position: relative;
}

.logo-plataforma {
  height: 40px;
  margin-bottom: 40px;
}

.p-info-plataforma {
  color: #ffffffb3;
  letter-spacing: .4px;
  line-height: 1.5em;
}

.bloque-plataforma {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 550px;
  display: flex;
  position: relative;
}

.container-plataforma {
  z-index: 1;
  background-image: url(/../images/fondo_plataforma_1.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  justify-content: center;
  width: 100%;
  max-width: 1540px;
  height: 421px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 70px;
  padding-right: 70px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-reporte-de-datos {
  background-color: var(--white);
  padding: 90px 90px 60px;
  position: relative;
}

.container-reporte-de-datos {
  z-index: 1;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.col-a-reporte {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 290px;
  max-width: 440px;
  margin-right: 30px;
  display: flex;
}

.col-b-reporte {
  max-width: 890px;
}

.titulo-reporte-de-datos {
  color: var(--black);
  flex: none;
  max-width: 700px;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.img-reporte-de-datos {
  opacity: .5;
  height: 80px;
  margin-bottom: 60px;
}

.fila-reporte {
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: flex;
}

.title-reporte {
  color: var(--light-sky-blue);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1em;
}

.title-reporte.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.desc-reporte {
  column-count: 2;
}

.linea-azul-claro {
  background-image: linear-gradient(to right, var(--light-sky-blue), #74bded00);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
}

.fondo-plataforma {
  background-image: url(/../images/fondo_plataforma.jpg);
  background-position: 0 0;
  background-size: auto;
  width: 200%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
}

.titulo-solocita {
  color: #8a8a8a;
  flex: none;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.formuilario-interno-detalle {
  float: left;
  width: 80%;
}

.formulario-detalle {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
}

.section-formulario-home-detalle {
  z-index: 1;
  background-color: #fff;
  padding: 50px 90px 120px;
  position: relative;
}

.hero-product {
  background-image: url(/../images/product_abstracto.jpg);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  height: 600px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.hero-product.manufacture {
  background-image: url(/../images/producto_hero.png), url(/../images/product_abstracto.jpg);
}

.hero-product.commerce {
  background-image: url(/../images/producto_hero_3.png), url(/../images/product_abstracto.jpg);
  background-position: 50%, 50% 0;
  background-repeat: no-repeat, repeat-x;
  background-size: auto, auto;
}

.col-hero-detalle-producto {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: 20px 20px 0 0;
  flex-wrap: wrap;
  align-items: center;
  width: 590px;
  padding: 30px;
  text-decoration: none;
  display: flex;
  box-shadow: 1px 0 6px 1px #00000021;
}

.col-hero-detalle-producto.compacto {
  background-color: var(--blue);
  box-shadow: none;
  text-align: left;
  width: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

.title-detalle-producto {
  color: var(--light-grey-2);
  min-width: 160px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 300;
  line-height: 1em;
}

.title-detalle-producto.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.img-icono-detalle-producto {
  width: 90px;
  margin-right: auto;
  position: relative;
}

.section-intro-producto {
  background-color: #b4b7c0;
  padding: 90px;
}

.container-hero-producto {
  z-index: 2;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  display: flex;
  position: relative;
}

.p-main-producto {
  color: var(--white-smoke);
  letter-spacing: .4px;
  max-width: 850px;
  font-size: 17px;
  line-height: 1.3em;
  position: relative;
}

.icono-principal-producto {
  opacity: .5;
  height: 80px;
}

.container-detalle-proyecto {
  z-index: 1;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.img-proyecto-datos {
  opacity: .5;
  filter: invert();
  height: 80px;
}

.section-caracteristica-producto {
  background-color: var(--white);
  padding: 45px 90px 90px;
  position: relative;
}

.container-caracteristica-producto {
  z-index: 1;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lista-de-caracteristica-producto {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.col-caracteristica-producto {
  justify-content: center;
  width: 33.33%;
  min-width: 350px;
  padding: 20px;
  display: flex;
}

.fila-de-programa-de-trabajo {
  border: 1px solid var(--light-grey);
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 25px;
  display: flex;
}

.numero-caracteristica-producto {
  background-color: var(--white-smoke);
  color: #9da0aa;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.numero-caracteristica-producto.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.title-caracteristica-producto-detalle {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
}

.title-caracteristica-producto-detalle.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.boton-caracteristica-producto {
  grid-column-gap: 20px;
  flex-direction: row;
  align-items: flex-end;
  margin-top: 40px;
  display: flex;
}

.titulo-principal-caracteristica-producto {
  color: #aaacb6;
  text-align: left;
  letter-spacing: .5px;
  width: 100%;
  max-width: 380px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  font-size: 27px;
  font-weight: 300;
  line-height: 1.1em;
}

.pop {
  z-index: 5;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop.debug-hide {
  display: none;
}

.flex {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
  overflow: scroll;
}

.content-pop {
  z-index: 1;
  width: 1050px;
  position: relative;
}

.cerrar-pop {
  z-index: 0;
  background-color: #0006;
  position: absolute;
  inset: 0%;
}

.video-embed {
  z-index: 0;
  background-color: #000;
  padding-top: 56.3%;
}

.info-detalle-pop {
  z-index: 2;
  text-align: left;
  background-color: #e9eaec;
  border-radius: 30px;
  justify-content: space-between;
  width: 100%;
  padding: 50px;
  display: none;
}

.info-detalle-pop.debug {
  display: block;
}

.img-icono-caracteristica {
  opacity: .4;
  width: 60px;
}

.section-header-assemble-app {
  background-color: #061736;
  background-image: url(/../images/assemble_app_hero.jpg);
  background-position: 50% 0;
  justify-content: center;
  align-items: flex-end;
  height: 610px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.container-hero-assemble-app {
  z-index: 2;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  display: flex;
  position: relative;
}

.titulo-hero-assemble-app {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  flex: none;
  max-width: 490px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.p-hero-assemble-app {
  color: #fffffff5;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  max-width: 430px;
  margin-top: 50px;
  margin-bottom: 7px;
  font-size: 17px;
  line-height: 1.3em;
}

.col-app-assemble-a {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 53%;
  min-width: 500px;
  padding-bottom: 50px;
  display: flex;
}

.img-app-assemble {
  object-fit: contain;
  width: 35%;
  height: 364px;
}

.p-facil-completa {
  color: #25293094;
  letter-spacing: .4px;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
}

.p-facil-completa.una-col {
  column-count: 1;
}

.container-facil-completa {
  grid-row-gap: 70px;
  border-bottom: 1px solid var(--silver);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 120px;
  display: flex;
}

.titulo-facil-completa {
  color: var(--black);
  flex: none;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2em;
}

.section-facil-completa {
  background-color: var(--white);
  padding-top: 120px;
  padding-left: 90px;
  padding-right: 90px;
}

.section-facil-completa.ultimo {
  border-bottom-style: none;
}

.section-puntos-app-assemble {
  z-index: 1;
  background-color: var(--white);
  padding: 0 90px 120px;
  position: relative;
}

.col-b-facil-completa {
  grid-row-gap: 30px;
  flex-wrap: wrap;
  width: 50%;
  min-width: 590px;
  display: flex;
}

.lista-de-puntos-facil-cpmpleta {
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-facil-cpmpleta {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.icono-facil-completa {
  opacity: .6;
  object-fit: contain;
  display: block;
}

.mascara-icono-facil-completa {
  flex: none;
  width: 50px;
  margin-right: 15px;
}

.punto-facil-completa {
  color: #25293094;
  letter-spacing: .4px;
  font-size: 20px;
  line-height: 1.4em;
}

.col-a-facil-completa {
  flex-direction: column;
  justify-content: space-between;
  width: 35%;
  min-width: 380px;
  display: flex;
}

.section-hero-cloud {
  background-color: var(--light-grey-2);
  background-image: url(/../images/assemble_cloud_hero.jpg);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto;
  align-items: flex-end;
  padding: 210px 90px 80px;
  display: flex;
  overflow: hidden;
}

.container-hero-cloud {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.img-hero-cloud {
  max-width: 824px;
}

.tu-erp {
  height: 60px;
  margin-top: 60px;
}

.col-b-hero-cloud {
  flex: none;
  width: 440px;
  margin-top: 42px;
}

.titulo-hero-cloud {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.section-content-cloud {
  background-color: var(--light-grey-2);
  padding-bottom: 120px;
  padding-left: 90px;
  padding-right: 90px;
}

.container-content-cloud {
  justify-content: space-between;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.list-content-cloud {
  color: var(--blue);
  flex-direction: column;
  justify-content: space-between;
  width: 48%;
  margin-bottom: 0;
  padding-top: 15px;
  padding-left: 15px;
  display: flex;
}

.col-a-content-cloud {
  flex-direction: column;
  justify-content: space-between;
  width: 43%;
  min-width: 490px;
  margin-right: 50px;
  display: flex;
}

.titulo-content-cloud {
  color: var(--black);
  flex: none;
  margin-top: 0;
  margin-bottom: 100px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2em;
}

.p-content-cloud {
  color: #25293094;
  letter-spacing: .4px;
  column-count: 2;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
}

.p-content-cloud.una-col {
  column-count: 1;
}

.punto-content-cloud {
  color: #25293094;
  letter-spacing: .4px;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  line-height: 1.5em;
}

.punto-content-cloud.una-col {
  column-count: 1;
}

.plataforma-windows {
  margin-top: 50px;
}

.section-hero-metodologia {
  background-image: url(/../images/hero_metodologia.jpg);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 398px;
  background-attachment: fixed;
  padding: 240px 90px 50px;
}

.container-hero-metodologia {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}

.titulo-hero-metodologia {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  flex: none;
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.section-lista-metodologia {
  background-color: var(--white-smoke);
  padding: 45px 90px 90px;
  position: relative;
}

.container-lista-metodologia {
  z-index: 1;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lista-metodologia {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.col-lista-metodologia {
  width: 50%;
  min-width: 350px;
  padding: 20px;
  display: flex;
}

.col-lista-metodologia.full {
  width: 100%;
}

.fila-de-metodologia {
  border: 1px solid var(--light-grey);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 25px;
  display: flex;
  position: relative;
}

.numero-metodologia {
  color: var(--blue);
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.numero-metodologia.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.title-metodologia {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
}

.title-metodologia.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.punto-metodologia {
  border-bottom: 1px solid var(--light-grey);
  color: var(--black);
  letter-spacing: .4px;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 1.5em;
}

.punto-metodologia.ultimo {
  border-bottom-style: none;
}

.section-hero-jobs {
  background-color: var(--black-2);
  background-image: url(/../images/hero_jobs.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto;
  padding: 240px 90px 50px;
}

.container-hero-jobs {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.titulo-hero-jobs {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  flex: none;
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.p-hero-jobs {
  color: #fffffff5;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  width: 20%;
  margin-top: 20px;
  margin-bottom: 9px;
  font-size: 17px;
  line-height: 1.3em;
}

.section-ganas {
  background-color: var(--silver);
  padding: 90px;
}

.container-ganas {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.p-ganas {
  color: var(--white);
  letter-spacing: .4px;
  flex: none;
  width: 100%;
  max-width: 930px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
  position: relative;
}

.p-ganas.una-col {
  column-count: 1;
}

.section-email-jobs {
  z-index: 1;
  color: #0b2b67;
  background-color: #fff;
  padding: 90px 90px 45px;
  position: relative;
  overflow: hidden;
}

.container-email-jobs {
  z-index: 1;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  padding: 70px;
  display: flex;
  position: relative;
}

.bloque-email-jobs {
  z-index: 1;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  width: 480px;
  height: 400px;
  padding-left: 44px;
  padding-right: 44px;
  display: flex;
  position: relative;
}

.titulo-email-jobs {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 1.3em;
}

.imagen-fondo-email-jobs {
  z-index: 0;
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.email-form {
  color: #333;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
}

.fila-formulario-newsletter {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.fila-formulario-newsletter.mensaje {
  margin-bottom: 0;
}

.btn-newsletter {
  text-align: center;
  letter-spacing: .5px;
  background-color: #0000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 53px;
  padding: 12px 39px 11px;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-newsletter.secundario {
  color: var(--blue);
  background-image: none;
  box-shadow: -2px 2px 5px #0b2b67, 2px -2px 5px #8fc0e0;
}

.btn-newsletter.secundario:hover {
  color: var(--alice-blue);
  background-color: #8fc0e0;
  box-shadow: -2px 2px 5px #0b2b6700, 2px -2px 5px #8fc0e000;
}

.row-brn-newsletter {
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.section-programa-trabajo {
  background-color: var(--white);
  padding: 20px 90px 90px;
  position: relative;
}

.container-programa-trabajo {
  z-index: 1;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lista-de-caracteristica-programa-trabajo {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.col-programa-trabajo {
  justify-content: center;
  width: 50%;
  padding: 20px;
  display: flex;
}

.title-programa {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
}

.title-programa.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.p-programa {
  color: #25293094;
  letter-spacing: .4px;
  column-count: 2;
  line-height: 1.5em;
}

.p-programa.una-col {
  column-count: 1;
}

.hero-partners {
  background-image: url(/../images/producto_partners_persona.png), url(/../images/producto_partners.jpg);
  background-position: 50% 0, 50% 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  justify-content: center;
  align-items: flex-end;
  height: 600px;
  padding-bottom: 50px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.container-partners {
  z-index: 2;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  display: flex;
  position: relative;
}

.title-detalle-partners {
  color: var(--alice-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 300;
  line-height: 1em;
}

.title-detalle-partners.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.p-partners {
  color: var(--black);
  letter-spacing: .4px;
  flex: none;
  width: 100%;
  max-width: 800px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  line-height: 1.5em;
  position: relative;
}

.p-partners.una-col {
  column-count: 1;
}

.section-partners {
  background-color: var(--white-smoke);
  padding: 70px 90px;
}

.img-ganas {
  opacity: .5;
  height: 80px;
}

.img-partners {
  opacity: .5;
  height: 60px;
}

.section-mapa-partners {
  border-top: 1px solid var(--light-grey);
  justify-content: center;
  align-items: center;
  padding: 113px 90px;
  display: flex;
  position: relative;
}

.container-mapa-partners {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}

.mapa-fondo {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.col-a-mapa-partners {
  z-index: 1;
  width: 500px;
  position: relative;
}

.fila-mapa {
  background-color: var(--white);
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px 40px;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.title-mapa {
  color: var(--black);
  margin-top: 0;
}

.p-mapa {
  color: #25293094;
  letter-spacing: .4px;
  column-count: 2;
  width: 30%;
  line-height: 1.5em;
}

.p-mapa.una-col {
  column-count: 1;
}

.fila-dato-mapa {
  justify-content: space-between;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.p-mapa-largo {
  color: #25293094;
  letter-spacing: .4px;
  width: 70%;
  line-height: 1.5em;
}

.p-mapa-largo.una-col {
  column-count: 1;
}

.puntos-alcance {
  height: 0;
  overflow: hidden;
}

.punto-container {
  z-index: 0;
  float: left;
  text-align: center;
  position: relative;
}

.punto-container:hover {
  z-index: 2;
}

.div-interno-punto {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto;
}

.p-interno-punto {
  background-color: #ffc842;
  margin-bottom: -3px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 5px 2px;
  font-size: 11px;
  line-height: 11px;
  display: inline-block;
  position: relative;
}

.p-interno-punto-hover {
  z-index: 2;
  clear: both;
  background-color: var(--light-sky-blue);
  margin-bottom: -3px;
  padding: 4px 5px 2px;
  font-size: 11px;
  line-height: 11px;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.p-interno-punto-hover:hover {
  opacity: 1;
}

.puntoto-valor {
  z-index: 0;
  clear: both;
  background-color: var(--light-sky-blue);
  width: 7px;
  height: 7px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -3px;
  transform: rotate(45deg);
}

.section-blog-header {
  background-color: #061736;
  background-image: url(/../images/productos_hero_abst.jpg);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  height: 490px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.container-blog-header {
  z-index: 2;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #1b1e244f;
  border-radius: 10px 10px 0 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  padding: 35px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 1px 0 6px 1px #0000001a;
}

.titulo-blog-header {
  color: #e8f0f3cf;
  text-shadow: 0 1px 2px #000000a1;
  max-width: 610px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.2em;
}

.p-hero-blog-header {
  color: #fffffff5;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  max-width: 380px;
  margin-top: 20px;
  margin-bottom: 9px;
  font-size: 17px;
  line-height: 1.3em;
}

.img-thumb-blog {
  object-fit: cover;
  border-radius: 10px;
  width: 200px;
  height: 140px;
  margin-right: 40px;
}

.col-info-blog-post {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-blog-posts {
  background-color: var(--silver);
  padding: 45px 90px 90px;
  position: relative;
}

.container-blog-posts {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.lista-a-de-blog-posts {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 70%;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.col-blog-posts {
  width: 50%;
  min-width: 340px;
  padding: 20px;
  display: flex;
}

.interno-blog-posts {
  border-style: solid;
  border-width: 1px;
  border-color: var(--white) #f3f3f399 #f3f3f361;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 25px;
  text-decoration: none;
  display: flex;
}

.title-blog-post {
  color: #ffffffcf;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
}

.title-blog-post.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.boton-fila-blog-post {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.img-thumb {
  border-radius: 5px;
  width: 100%;
}

.lista-b-de-blog {
  flex: none;
  width: 440px;
  margin-left: 20px;
  padding-top: 20px;
  position: sticky;
  top: 90px;
}

.title-blog-categorias {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 30px;
}

.lista-de-categorias {
  flex-wrap: wrap;
  display: flex;
}

.link-categoria {
  background-color: var(--white);
  color: var(--black);
  border-radius: 100px;
  width: auto;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 17px 30px 14px;
  font-size: 14px;
  line-height: 1em;
  text-decoration: none;
  transition: color .4s;
  display: block;
  overflow: hidden;
  box-shadow: 0 2px 9px #0003;
}

.link-categoria:hover {
  background-color: var(--light-sky-blue);
}

.link-categoria.w--current {
  background-image: linear-gradient(270deg, #eeeff0, var(--dark-slate-blue));
  box-shadow: none;
  color: var(--alice-blue);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  margin-right: 0;
}

.link-categoria.ultimo {
  margin-bottom: 0;
}

.contenido-lateral-blog {
  margin-bottom: 60px;
}

.lista-de-posts-detacados {
  flex-wrap: wrap;
  display: flex;
}

.fila-de-jobs-content {
  border: 1px solid var(--light-grey);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 25px;
  display: flex;
}

.fecha-thumb-post {
  color: var(--white);
  letter-spacing: .4px;
  background-color: #f3f3f32e;
  border-radius: 100px;
  padding: 8px 17px 6px;
  line-height: 1.5em;
  display: inline-block;
  box-shadow: 0 2px 5px #0003;
}

.link-post-destacado {
  color: var(--black);
  border-bottom: 1px solid #cdced3;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 1.3em;
  text-decoration: none;
  transition: color .4s;
  display: block;
  overflow: hidden;
}

.link-post-destacado.w--current {
  background-image: linear-gradient(270deg, #eeeff0, var(--dark-slate-blue));
  box-shadow: none;
  color: var(--alice-blue);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  margin-right: 0;
}

.link-post-destacado.ultimo {
  border-bottom-style: none;
  margin-bottom: 0;
}

.paginacion-blog {
  color: var(--black);
  text-align: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.prev-blog-post {
  border-top: 1px solid var(--black);
  border-left: 1px solid var(--black);
  color: #0000;
  width: 15px;
  height: 15px;
  margin-right: 30px;
  display: inline-block;
  transform: rotate(-45deg);
}

.next-blog-post {
  border-top: 1px solid var(--black);
  border-left: 1px solid var(--black);
  color: #0000;
  width: 15px;
  height: 15px;
  margin-left: 30px;
  display: inline-block;
  transform: rotate(135deg);
}

.link-page {
  color: var(--black);
  width: 10px;
  height: 18px;
  margin-left: 12px;
  margin-right: 12px;
  text-decoration: none;
  display: inline-block;
}

.link-page.current {
  border-bottom: 1px solid var(--black);
}

.section-header-blog-post-detalle {
  background-color: var(--black-2);
  padding: 260px 90px 50px;
}

.container-blog-post-detalle {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}

.titulo-blog-detalle {
  color: var(--white-smoke);
  text-align: center;
  text-shadow: 0 1px 2px #000000a1;
  max-width: 1240px;
  margin: 0 auto;
  font-size: 47px;
  font-weight: 300;
  line-height: 1.2em;
}

.p-fecha-blog-post-detalle {
  color: #fffffff5;
  text-align: center;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  margin: 20px auto 9px;
  font-size: 17px;
  line-height: 1.3em;
}

.section-content-blog {
  background-color: var(--white-smoke);
  padding: 60px 90px 90px;
}

.container-content-blog {
  text-align: center;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.titulo-blog-post {
  float: left;
  clear: both;
  color: var(--blue);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Monty Light, sans-serif;
  font-weight: 300;
}

.imagen-blog-post {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-blog-post {
  float: left;
  clear: both;
  color: var(--black);
  text-align: left;
  letter-spacing: .2px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5em;
}

.quote-blog-post {
  text-align: center;
  border-left-style: none;
  max-width: 620px;
  margin: 40px auto;
  padding: 0;
  font-size: 26px;
  line-height: 1.3em;
  display: inline-block;
}

.quotations {
  color: #25293078;
  margin-left: 12px;
  margin-right: 12px;
  font-family: Droid Serif, serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 0;
  display: inline-block;
  position: relative;
  top: 8px;
}

.list-blog-post {
  float: left;
  clear: both;
  width: 100%;
  max-width: 750px;
  margin: 20px auto 20px 0;
  padding-left: 16px;
  display: inline-block;
}

.li-blog-post {
  color: var(--black);
  text-align: left;
  letter-spacing: .2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5em;
}

.ol-li-blog-post {
  margin-bottom: 20px;
}

.section-blog-related-posts {
  background-color: var(--silver);
  padding: 60px 90px;
  position: relative;
}

.container-blog-related-posts {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.lista-a-de-blog-related-posts {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.col-related-posts {
  width: 33.33%;
  padding: 20px;
  display: flex;
}

.section-contacto {
  background-image: url(/../images/hero_contacto.jpg);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  height: 380px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.container-contacto {
  z-index: 2;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #1b1e244f;
  border-radius: 10px 10px 0 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1540px;
  padding: 35px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 1px 0 6px 1px #0000001a;
}

.titulo-contacto {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  max-width: 610px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 60px;
  font-weight: 300;
  line-height: 1.2em;
}

.col-a-datos-contacto {
  float: left;
  width: 20%;
}

.section-formulario-contacto {
  z-index: 1;
  background-color: #fff;
  padding: 60px 90px;
  position: relative;
}

.p-datos-contacto {
  float: left;
  clear: both;
  color: var(--black);
  text-align: left;
  letter-spacing: .2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 16px;
  line-height: 1.5em;
}

.link-contacto {
  color: var(--silver);
}

.logo-contacto {
  width: 170px;
  margin-bottom: 10px;
}

.section-hero-landing-page {
  z-index: 0;
  background-color: var(--black-2);
  background-image: linear-gradient(#1b1e24d1, #1b1e242b), url(/../images/fondo_landing.jpg);
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: auto;
  padding-bottom: 80px;
}

.btn-slide-landing {
  width: 90px;
  font-size: 22px;
  line-height: 1em;
}

.puntos-slide-landing {
  text-align: left;
  max-width: 1720px;
  height: 55px;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 5px;
  line-height: 1em;
}

.img-hero-slide {
  opacity: .85;
  object-fit: cover;
  border-radius: 10px;
  width: 40%;
  display: block;
}

.slide-landing {
  padding-left: 90px;
  padding-right: 90px;
}

.container-slide-landing {
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  max-width: 1600px;
  margin-top: 230px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.info-slider-text0 {
  z-index: 2;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.titulo-solocita-landing {
  color: #8a8a8a;
  flex: none;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.05em;
}

.section-formulario-landing {
  z-index: 1;
  background-color: #fff;
  padding: 40px 90px;
  position: relative;
}

.section-por-que-contratar-andingl {
  z-index: 1;
  color: #0b2b67;
  background-color: #fff;
  padding: 80px 90px 40px;
  position: relative;
  overflow: hidden;
}

.section-productos-productos-landing {
  background-color: var(--white);
  padding: 40px 90px;
  position: relative;
}

.producto-interno-landing {
  background-color: #f0f0f0;
  border-radius: 20px;
  width: 100%;
}

.p-hero-landing {
  color: #ffffffc2;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  max-width: 380px;
  margin-top: 40px;
  margin-bottom: 9px;
  font-size: 17px;
  line-height: 1.3em;
}

.titulo-hero-landing {
  color: var(--alice-blue);
  text-shadow: 0 1px 2px #000000a1;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 51px;
  font-weight: 300;
  line-height: 1.05em;
}

.iconos-metodologia {
  display: block;
  position: absolute;
  top: 50px;
  right: 25px;
}

.img-metodologia-full {
  object-fit: cover;
  width: 100%;
  height: 400px;
}

.section-representaci-n-grafica {
  background-color: #fff;
  padding: 40px 90px;
}

.container-rep-grafica {
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}

.fila-representacion-grafica {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.titulo-representacion-grafica {
  color: var(--blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 1.3em;
}

.circulo-modulos {
  border: 1px solid var(--light-grey);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  display: flex;
  position: absolute;
  top: 0;
  left: 54px;
}

.circulo-modulos.main {
  z-index: 0;
  border-color: var(--dark-slate-blue);
  position: relative;
  inset: 0;
}

.circulo-modulos.dos {
  transform: rotate(-51.42deg);
}

.cont-circulo {
  width: 0;
  height: 0;
  position: relative;
}

.cont-circulo.dos {
  position: relative;
  transform: rotate(51.42deg);
}

.cont-circulo.tres {
  transform: rotate(102.84deg);
}

.cont-circulo.cuatro {
  transform: rotate(154.26deg);
}

.cont-circulo.cinco {
  transform: rotate(205.68deg);
}

.cont-circulo.seis {
  transform: rotate(257.1deg);
}

.cont-circulo.siete {
  position: relative;
  transform: rotate(308.52deg);
}

.col-modulos-assemble {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 710px;
  display: flex;
  position: relative;
}

.col-info-modulos-assemble {
  width: 40%;
  min-width: 610px;
  height: 100%;
}

.titulo-producto {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 37px;
  padding-right: 37px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.titulo-producto.tres {
  transform: rotate(-102.84deg);
}

.titulo-producto.cuatro {
  transform: rotate(-154.26deg);
}

.titulo-producto.cinco {
  transform: rotate(-205.68deg);
}

.titulo-producto.seis {
  transform: rotate(-257.1deg);
}

.titulo-producto.siete {
  transform: rotate(-308.52deg);
}

.info-modulos {
  background-color: #f0f0f000;
  border-radius: 10px;
  margin: 30px 50px;
  padding: 30px 40px;
  position: relative;
  box-shadow: 0 2px 9px 3px #0000001a;
}

.linea-azul-modulos {
  background-image: linear-gradient(to right, var(--light-sky-blue), #0841ac00);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
}

.section-faqs {
  background-color: #fff;
  padding: 40px 90px 90px;
}

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

.fila-preguntas-preguntas {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.title-preguntas-frecuentes {
  color: var(--black);
  width: 100%;
  max-width: 550px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
  position: relative;
}

.title-preguntas-frecuentes.compacto {
  color: var(--alice-blue);
  margin-left: 20px;
}

.respuesta-pregunta-freceunte {
  color: var(--black);
  letter-spacing: .4px;
  width: 100%;
  max-width: 550px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 22px;
  line-height: 1.5em;
  display: none;
}

.respuesta-pregunta-freceunte.ultimo {
  border-bottom-style: none;
}

.flecha-pregunta {
  border-right: 1px solid var(--light-sky-blue);
  border-bottom: 1px solid var(--light-sky-blue);
  color: #25293000;
  width: 10px;
  height: 10px;
  transition: all .2s;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(45deg);
}

.flecha-pregunta.on {
  top: 11px;
  transform: rotate(-135deg);
}

.fila-de-pregunta {
  border: 1px solid var(--light-grey);
  cursor: pointer;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 49%;
  margin-bottom: 30px;
  padding: 25px;
  display: flex;
  position: relative;
}

.titulo-preguntas-frecuentes {
  color: #8a8a8a;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 1.3em;
}

.grafico-modulos {
  width: 100%;
}

.p-main-methodologia {
  color: var(--black);
  letter-spacing: .4px;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.3em;
}

.markers {
  height: 0;
  overflow: hidden;
}

.marker {
  background-color: var(--deep-sky-blue);
  cursor: pointer;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}

.section-legal {
  background-color: var(--white-smoke);
  padding: 90px;
  position: relative;
}

.p-main-legal {
  color: var(--black);
  letter-spacing: .4px;
  max-width: 1000px;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 1.3em;
}

.section-hero-legales {
  background-color: var(--blue);
  padding: 240px 90px 50px;
}

.container-video-landing {
  z-index: 1;
  background-image: url(/../images/assemble_cloud_hero.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: cover;
  border-radius: 30px;
  justify-content: center;
  width: 100%;
  max-width: 1540px;
  height: 421px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 70px;
  padding-right: 70px;
  transition: background-position .1s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.p-video-landing {
  color: #ffffffc2;
  letter-spacing: .4px;
  text-shadow: 0 1px 1px #000000a3;
  max-width: 470px;
  margin-top: 0;
  margin-bottom: 39px;
  font-size: 17px;
  line-height: 1.3em;
}

.mask-por-que {
  overflow: visible;
}

.link-web, .link-direccion {
  color: #25293094;
}

.cabezal {
  z-index: 3;
  padding: 23px 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.solicita-una-demo-hit {
  height: 0;
  position: relative;
  top: -120px;
}

.mensaje-contacto {
  float: left;
  clear: both;
  width: 100%;
}

.lupa-icon {
  cursor: pointer;
  background-color: #25293070;
  border-radius: 100%;
  padding: 14px;
  position: absolute;
  top: 0;
  right: 0;
}

.zoom-icon-image {
  width: 20px;
  position: relative;
}

.pop-image {
  z-index: 5;
  background-color: #fff;
  display: none;
  position: fixed;
  inset: 0%;
}

.img-grafico {
  z-index: 1;
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
}

.cerrar-pop-image {
  z-index: 0;
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.tabs-responsive {
  display: none;
}

.tabs-content-responsive {
  background-image: linear-gradient(to right, #edeff0, #fff);
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  width: 100%;
}

.icono-app {
  width: 70px;
}

.imagen-fondo {
  object-fit: cover;
  border-radius: 10px;
  width: 52.9%;
  height: 100%;
  position: relative;
}

.section-ubicacion-assemble {
  border-top: 1px solid var(--light-grey);
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 60px 90px;
  display: flex;
  position: relative;
}

.container-datos-contacto {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media screen and (max-width: 991px) {
  .menu-header {
    display: none;
  }

  .connect-to-cloud-text {
    color: var(--alice-blue);
  }

  .socials-header {
    width: auto;
  }

  .links-menu-fijos {
    width: auto;
    min-width: 0;
  }

  .grupo-texto-hero {
    width: 100%;
  }

  .fila-btn-play-hero {
    width: auto;
  }

  .col-link-main {
    display: none;
  }

  .bloque-info-centrado {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .fila-botones {
    flex-direction: column;
  }

  .btn-menu {
    opacity: 1;
  }

  .btn-menu.off {
    filter: invert();
  }

  .grupo-redes-top {
    display: none;
  }

  .hamb-menu {
    border-top-color: var(--alice-blue);
    border-bottom-style: solid;
    border-bottom-color: var(--alice-blue);
  }

  .menu-responsive {
    padding-top: 0;
  }

  .menu-responsive.on {
    overflow: scroll;
  }

  .titulo-grane-propiedades {
    margin-left: 40px;
    margin-right: 40px;
    font-size: 49px;
  }

  .btn-leer-mas {
    display: none;
  }

  .side-property {
    position: static;
  }

  .col-mas-info-propiedades {
    display: block;
  }

  .fila-cols-propiedades {
    flex-direction: column;
  }

  .footer-inferior {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .container-footer-inferior {
    flex-direction: column;
  }

  .col-footer {
    width: 100%;
    margin-bottom: 40px;
  }

  .col-grande-footer {
    width: 100%;
    margin-bottom: 30px;
  }

  .container-hero-por-que {
    flex-direction: column;
    align-items: flex-start;
  }

  .titulo-hero-por-que {
    max-width: 510px;
    margin-right: 0;
  }

  .p-hero-por-que {
    column-count: 1;
    margin-bottom: 0;
  }

  .numero-razones {
    margin-bottom: 20px;
    position: static;
  }

  .slide-razones {
    width: 100%;
  }

  .section-te-ofrecemos {
    padding-bottom: 0;
  }

  .tabs-beneficios {
    flex-direction: column;
  }

  .tab-beneficio.w--current {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }

  .yabs-menu-beneficios {
    width: 100%;
    margin-bottom: 30px;
  }

  .content-tab-pane {
    border-radius: 15px;
  }

  .container-hero-productos {
    flex-direction: column;
    align-items: flex-start;
  }

  .titulo-hero-productos {
    max-width: none;
    margin-right: 0;
    font-size: 40px;
  }

  .container-productos {
    margin-left: 0;
    margin-right: 0;
  }

  .col-producto-btn {
    width: 100%;
    min-width: 0;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .lista-de-caracteristicas {
    margin-left: 0;
    margin-right: 0;
  }

  .col-info-caract {
    width: 50%;
    min-width: 0;
    margin-bottom: 20px;
    padding: 0 10px;
  }

  .desc-reporte {
    column-count: 1;
  }

  .formuilario-interno-detalle {
    width: 100%;
  }

  .section-intro-producto {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .p-main-producto {
    column-count: 1;
  }

  .container-detalle-proyecto {
    flex-direction: column;
    align-items: flex-start;
  }

  .img-proyecto-datos {
    margin-top: 30px;
  }

  .lista-de-caracteristica-producto {
    margin-left: 0;
    margin-right: 0;
  }

  .col-caracteristica-producto {
    width: 100%;
    min-width: 0;
    margin-bottom: 40px;
    padding: 0;
  }

  .titulo-principal-caracteristica-producto {
    font-size: 20px;
  }

  .section-header-assemble-app {
    height: 470px;
  }

  .p-hero-assemble-app {
    max-width: none;
  }

  .col-app-assemble-a {
    width: 100%;
  }

  .img-app-assemble {
    display: none;
  }

  .section-facil-completa {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .col-a-facil-completa {
    width: 100%;
  }

  .section-content-cloud {
    padding-bottom: 90px;
  }

  .container-content-cloud {
    flex-direction: column;
  }

  .list-content-cloud {
    width: 100%;
    margin-top: 60px;
    padding-top: 0;
  }

  .col-a-content-cloud {
    width: 100%;
    min-width: 0;
    margin-right: 0;
  }

  .titulo-content-cloud {
    max-width: 530px;
    margin-bottom: 50px;
  }

  .section-lista-metodologia {
    padding-bottom: 45px;
  }

  .col-lista-metodologia {
    width: 100%;
    min-width: 0;
  }

  .section-hero-jobs {
    background-size: auto 100%;
  }

  .container-hero-jobs {
    flex-direction: column;
    align-items: flex-start;
  }

  .p-hero-jobs {
    width: 100%;
  }

  .section-programa-trabajo {
    padding-top: 0;
  }

  .col-programa-trabajo {
    width: 100%;
    margin-top: 30px;
    padding: 0;
  }

  .hero-partners {
    height: 480px;
  }

  .col-a-datos-contacto {
    width: 100%;
    margin-bottom: 20px;
  }

  .container-slide-landing {
    margin-top: 130px;
  }

  .section-productos-productos-landing {
    padding-top: 0;
  }

  .p-hero-landing {
    margin-bottom: 0;
    line-height: 1.5em;
  }

  .titulo-hero-landing {
    margin-right: 0;
    font-size: 30px;
  }

  .p-main-methodologia {
    column-count: 1;
  }

  .section-hero-legales {
    padding-top: 200px;
  }

  .link-logo {
    flex: none;
  }

  .icono-app {
    margin-bottom: 40px;
  }

  .imagen-fondo {
    width: 30%;
  }
}

@media screen and (max-width: 767px) {
  .header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-hero-home {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titulo-hero {
    font-size: 50px;
  }

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

  .grupo-texto-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  .fila-btn-play-hero {
    margin-bottom: 0;
    margin-left: 0;
  }

  .section-formulario-home {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .fila-formulario {
    flex-direction: column;
  }

  .section-por-que-contratar-home {
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-por-que-contratar {
    flex-direction: column;
    padding: 0;
  }

  .bloque-info-centrado {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .imagen-fondo-por-que {
    border-radius: 10px;
    margin-top: 40px;
    position: static;
  }

  .section-propiedades {
    padding-left: 40px;
    padding-right: 40px;
  }

  .menu-responsive {
    width: 300px;
    right: -300px;
  }

  .titulo-grane-propiedades {
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
  }

  .p-general-propiedades {
    max-width: none;
  }

  .titulo-propiedades {
    font-size: 20px;
    line-height: 1.3em;
  }

  .logo-assemble {
    height: 50px;
  }

  .col-mas-info-propiedades {
    padding: 30px;
  }

  .section-beneficios {
    padding: 100px 40px 60px;
  }

  .titulo-obten {
    max-width: none;
    font-size: 20px;
  }

  .lista-de-puntos {
    align-items: center;
  }

  .col-punto {
    width: 100%;
  }

  .footer-inferior {
    padding-left: 40px;
    padding-right: 40px;
  }

  .contenido-propiedades {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-hero-por-que {
    height: auto;
    padding: 160px 40px 80px;
  }

  .titulo-hero-por-que {
    font-size: 50px;
  }

  .section-razones-por-que {
    padding: 30px 40px;
  }

  .container-razones-por-que {
    flex-direction: column;
  }

  .col-razon {
    width: 100%;
    margin-bottom: 0;
  }

  .slider-razones {
    margin-top: 50px;
    top: 0;
  }

  .slide-razones {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }

  .arrow-razones {
    z-index: 1;
    float: left;
    width: 50%;
    margin-bottom: 25px;
    display: block;
    position: relative;
    top: 0;
  }

  .icon-slide-razones {
    color: var(--blue);
  }

  .icon-slide-razones.left {
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
  }

  .icon-slide-razones.right {
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
  }

  .section-adecuada {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-te-ofrecemos {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .p-te-ofrecemos {
    column-count: 1;
  }

  .section-hechos {
    padding: 40px 40px 70px;
  }

  .tabs-beneficios {
    display: none;
  }

  .tab-beneficio {
    z-index: 1;
    text-align: center;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 0;
    transition-property: all;
    position: relative;
  }

  .tab-beneficio:hover {
    background-color: var(--white);
  }

  .tab-beneficio.w--current {
    border-radius: 100px;
  }

  .tab-beneficio.ultimo.w--current {
    background-image: linear-gradient(270deg, #eeeff0, var(--dark-slate-blue));
  }

  .tab-beneficio.on {
    background-image: linear-gradient(270deg, var(--white), var(--dark-slate-blue));
    color: var(--alice-blue);
  }

  .section-header-productos {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-productos-productos {
    padding-top: 45px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-caracteristics-productos {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titulo-caracteristicas {
    margin-bottom: 50px;
    font-size: 35px;
  }

  .col-info-caract {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-plataforma, .section-reporte-de-datos {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-reporte-de-datos {
    flex-direction: column;
  }

  .col-a-reporte {
    min-width: 0;
    max-width: none;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .titulo-reporte-de-datos {
    font-size: 35px;
  }

  .img-reporte-de-datos {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .titulo-solocita {
    font-size: 35px;
  }

  .section-formulario-home-detalle {
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-product {
    height: 400px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .title-detalle-producto {
    font-size: 30px;
  }

  .section-intro-producto {
    padding-left: 40px;
    padding-right: 40px;
  }

  .img-proyecto-datos {
    height: 50px;
  }

  .section-caracteristica-producto {
    padding: 60px 40px 30px;
  }

  .titulo-principal-caracteristica-producto {
    max-width: 330px;
  }

  .section-header-assemble-app {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titulo-hero-assemble-app {
    margin-right: 0;
    font-size: 40px;
  }

  .p-hero-assemble-app {
    column-count: 1;
    max-width: 318px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5em;
  }

  .col-app-assemble-a {
    min-width: 0;
  }

  .p-facil-completa {
    max-width: 410px;
  }

  .container-facil-completa {
    grid-row-gap: 0px;
  }

  .titulo-facil-completa {
    font-size: 30px;
  }

  .section-facil-completa {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .col-b-facil-completa {
    flex-direction: column;
    width: 100%;
    min-width: 0;
  }

  .col-facil-cpmpleta {
    width: 100%;
  }

  .col-a-facil-completa {
    width: auto;
    min-width: 0;
    margin-bottom: 50px;
  }

  .section-hero-cloud {
    padding-top: 150px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-hero-cloud {
    flex-direction: column;
  }

  .img-hero-cloud {
    width: 100%;
    margin-top: 30px;
  }

  .tu-erp {
    margin-top: 25px;
  }

  .col-b-hero-cloud {
    width: 100%;
    margin-top: 0;
  }

  .titulo-hero-cloud {
    margin-bottom: 40px;
    font-size: 39px;
  }

  .section-content-cloud {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titulo-content-cloud {
    max-width: 440px;
    font-size: 30px;
  }

  .p-content-cloud {
    column-count: 1;
  }

  .punto-content-cloud {
    max-width: 370px;
    margin-bottom: 20px;
  }

  .plataforma-windows {
    margin-top: 30px;
  }

  .section-hero-metodologia {
    background-position: 50% 0;
    background-size: auto 282px;
    padding-top: 170px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .titulo-hero-metodologia {
    font-size: 30px;
  }

  .section-lista-metodologia {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-hero-jobs {
    padding-top: 160px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-ganas {
    padding: 60px 40px;
  }

  .p-ganas {
    column-count: 1;
  }

  .section-email-jobs {
    padding-left: 40px;
    padding-right: 40px;
  }

  .bloque-email-jobs {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .fila-formulario-newsletter {
    flex-direction: column;
  }

  .section-programa-trabajo {
    padding-left: 40px;
    padding-right: 40px;
  }

  .lista-de-caracteristica-programa-trabajo {
    margin-left: 0;
    margin-right: 0;
  }

  .p-programa {
    column-count: 1;
  }

  .hero-partners {
    padding-left: 40px;
    padding-right: 40px;
  }

  .title-detalle-partners {
    font-size: 40px;
  }

  .p-partners {
    margin-top: 0;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .section-partners {
    padding: 50px 40px;
  }

  .section-mapa-partners {
    flex-direction: column;
    padding: 0;
  }

  .mapa-fondo {
    width: 100%;
    height: 400px;
    position: static;
  }

  .col-a-mapa-partners {
    width: auto;
  }

  .fila-mapa {
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-contacto {
    background-position: 0 0;
    background-size: auto 330px;
    height: 330px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .titulo-contacto {
    font-size: 40px;
  }

  .section-formulario-contacto {
    padding-left: 40px;
    padding-right: 40px;
  }

  .img-hero-slide {
    width: 100%;
  }

  .container-slide-landing {
    flex-direction: column;
  }

  .info-slider-text0 {
    margin-top: 30px;
    padding-left: 0;
  }

  .section-por-que-contratar-andingl, .section-productos-productos-landing {
    padding-left: 40px;
    padding-right: 40px;
  }

  .img-metodologia-full {
    height: 210px;
  }

  .section-representaci-n-grafica {
    padding-left: 40px;
    padding-right: 40px;
  }

  .col-modulos-assemble {
    width: 100%;
    height: auto;
  }

  .col-info-modulos-assemble {
    width: 100%;
    min-width: 0;
  }

  .info-modulos {
    margin: 0;
  }

  .section-faqs {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .fila-preguntas-preguntas {
    flex-direction: column;
  }

  .fila-de-pregunta {
    width: 100%;
  }

  .grafico-modulos {
    margin-bottom: 40px;
  }

  .p-main-methodologia {
    font-size: 14px;
    line-height: 1.5em;
  }

  .section-legal {
    padding: 50px 40px;
  }

  .p-main-legal {
    font-size: 14px;
    line-height: 1.5em;
  }

  .section-hero-legales {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cabezal {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-responsive {
    display: block;
  }

  .tabs-content-responsive {
    z-index: 0;
    float: left;
    border-radius: 0 0 20px 20px;
    margin-top: -22px;
    padding: 60px 50px 50px;
    display: none;
    position: relative;
  }

  .salto-tabs-responsive {
    height: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .imagen-fondo {
    width: 100%;
  }

  .section-ubicacion-assemble {
    flex-direction: column;
    padding: 0;
  }

  .container-datos-contacto {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    padding: 40px;
  }
}

@media screen and (max-width: 479px) {
  .logo-img {
    height: 20px;
  }

  .section-hero-home {
    position: relative;
  }

  .titulo-hero {
    margin-bottom: 20px;
    font-size: 40px;
  }

  .p-hero {
    font-size: 14px;
    line-height: 1.5em;
  }

  .btn-play {
    width: 50px;
    height: 50px;
  }

  .titulo-por-que-contratar {
    font-size: 28px;
  }

  .fila-botones {
    flex-direction: column;
  }

  .section-propiedades {
    background-color: var(--light-grey-2);
    padding-bottom: 20px;
  }

  .btn-std-sobre-formulario {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    position: relative;
    bottom: 0;
    right: 0;
  }

  .btn-menu.off {
    filter: invert();
  }

  .menu-responsive {
    width: 260px;
    right: -260px;
  }

  .link-menu-resp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .titulo-menor-propiedad {
    font-size: 20px;
  }

  .titulo-grane-propiedades {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .link-solicita-demo {
    font-size: 14px;
  }

  .titulo-propiedades {
    margin-bottom: 0;
    font-size: 24px;
  }

  .fondo-gris, .fondo-gris.off {
    display: none;
  }

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

  .titulo-beneficios {
    margin-bottom: 35px;
  }

  .lista-de-puntos {
    margin-top: 30px;
  }

  .fila-de-ubicaciones {
    flex-direction: column;
  }

  .contenido-propiedades {
    padding-top: 40px;
  }

  .titulo-hero-por-que {
    font-size: 31px;
  }

  .p-hero-por-que {
    font-size: 14px;
    line-height: 1.5em;
  }

  .container-razones-por-que {
    max-width: none;
  }

  .col-razon {
    padding: 20px 21px;
  }

  .span-titulo-por-que {
    min-height: 0;
  }

  .linea-azul-obscuro {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .numero-razones {
    margin-bottom: 30px;
    position: static;
  }

  .container-adecuada {
    padding: 50px 30px;
  }

  .titulo-adecuada {
    font-size: 21px;
  }

  .container-te-ofrecemos {
    flex-direction: column;
  }

  .titulo-te-ofrecemos {
    width: auto;
    margin-right: 0;
    font-size: 21px;
  }

  .p-te-ofrecemos {
    margin-bottom: 0;
  }

  .tab-beneficio {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.5em;
  }

  .titulo-beneficios-por-que {
    font-size: 30px;
  }

  .content-tab-pane {
    align-items: flex-start;
    padding: 30px;
    display: block;
  }

  .img-icon-beneficio {
    width: 50px;
    margin-top: 30px;
  }

  .section-header-productos {
    height: 320px;
    padding-bottom: 40px;
  }

  .titulo-hero-productos {
    font-size: 30px;
  }

  .p-hero-productos {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5em;
  }

  .col-producto.compacto {
    border-radius: 10px;
    justify-content: center;
  }

  .img-icono-producto {
    width: 50px;
    margin-right: 0;
  }

  .title-producto.compacto {
    text-align: center;
  }

  .contenido-producto-contenido {
    padding-top: 30px;
  }

  .section-caracteristics-productos.gris-resp {
    background-color: var(--light-grey-2);
  }

  .titulo-caracteristicas {
    font-size: 25px;
  }

  .section-plataforma.azul-obsc-resp {
    background-color: var(--blue);
  }

  .bloque-plataforma {
    width: auto;
  }

  .container-plataforma {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section-reporte-de-datos {
    padding-bottom: 0;
  }

  .formuilario-interno-detalle {
    float: none;
  }

  .formulario-detalle {
    flex-direction: column;
  }

  .section-formulario-home-detalle {
    padding-bottom: 50px;
  }

  .hero-product {
    height: 450px;
  }

  .title-detalle-producto {
    font-size: 25px;
  }

  .img-icono-detalle-producto {
    width: 50px;
  }

  .p-main-producto {
    font-size: 14px;
    line-height: 1.5em;
  }

  .boton-caracteristica-producto {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
  }

  .titulo-principal-caracteristica-producto {
    max-width: none;
    font-size: 14px;
    line-height: 1.5em;
  }

  .section-header-assemble-app {
    height: 420px;
  }

  .titulo-hero-assemble-app {
    font-size: 30px;
  }

  .p-hero-assemble-app {
    margin-top: 30px;
  }

  .titulo-facil-completa {
    font-size: 21px;
  }

  .punto-facil-completa {
    font-size: 14px;
  }

  .section-hero-cloud {
    background-size: cover;
    padding-bottom: 45px;
  }

  .titulo-hero-cloud {
    max-width: 384px;
    font-size: 30px;
  }

  .section-content-cloud {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .titulo-content-cloud {
    font-size: 20px;
  }

  .titulo-hero-metodologia {
    font-size: 25px;
  }

  .col-lista-metodologia {
    padding-left: 0;
    padding-right: 0;
  }

  .fila-de-metodologia {
    padding-left: 20px;
    padding-right: 20px;
  }

  .titulo-hero-jobs {
    font-size: 35px;
  }

  .section-email-jobs {
    padding-top: 50px;
  }

  .container-email-jobs {
    flex-direction: column;
    padding: 0;
    display: block;
  }

  .bloque-email-jobs {
    width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .titulo-email-jobs {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .imagen-fondo-email-jobs {
    border-radius: 10px;
    position: static;
  }

  .hero-partners {
    height: 370px;
  }

  .title-detalle-partners {
    font-size: 21px;
  }

  .fila-mapa {
    padding-bottom: 10px;
  }

  .fila-dato-mapa {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .container-contacto {
    text-align: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .titulo-contacto {
    width: 100%;
    max-width: none;
    margin-right: 0;
    font-size: 25px;
  }

  .col-a-datos-contacto {
    float: none;
    width: 100%;
  }

  .p-datos-contacto {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .section-hero-landing-page {
    padding-bottom: 0;
  }

  .btn-slide-landing {
    width: 40px;
  }

  .puntos-slide-landing {
    height: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .slide-landing {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-slide-landing {
    margin-bottom: 60px;
  }

  .p-hero-landing {
    margin-top: 20px;
  }

  .iconos-metodologia {
    position: static;
  }

  .info-modulos {
    padding-left: 30px;
    padding-right: 30px;
  }

  .title-preguntas-frecuentes {
    font-size: 18px;
  }

  .container-video-landing {
    height: auto;
    padding: 30px;
  }

  .p-video-landing {
    font-size: 14px;
    line-height: 1.4em;
  }
}


@font-face {
  font-family: 'Monty Bold';
  src: url(/../fonts/Monty-Bold.woff) format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monty Light';
  src: url(/../fonts/Monty-Light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monty Regular';
  src: url(/../fonts/Monty-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Social Media Circled';
  src: url(/../fonts/Social-Media-Circled.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}