@charset "UTF-8";
#hero {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(0px, 0.78125vw, 10px);
  background-color: #e9e2ff;
  padding: 16em 0 10em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#hero .wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 119em;
}
#hero .wrapper .descripcion {
  display: flex;
  flex-direction: column;
}
#hero .wrapper .descripcion h1 {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2em;
  color: #a180ee;
  text-transform: uppercase;
  margin-bottom: 1.3em;
}
#hero .wrapper .descripcion h2 {
  display: flex;
  flex-direction: column;
  font-size: 5em;
  font-weight: 600;
  max-width: 10em;
  line-height: 1.2em;
  margin-bottom: 0.6em;
}
#hero .wrapper .descripcion h2 span {
  color: #654bb1;
  display: inline-block;
}
#hero .wrapper .descripcion p.destacado {
  font-size: 1.67em;
  line-height: 1.2em;
  max-width: 28em;
  font-weight: 500;
  margin-bottom: 2.5em;
}
#hero .wrapper .descripcion .cta {
  margin-bottom: 0.8em;
  display: flex;
  align-items: flex-start;
  gap: 1em;
  flex: 1;
}
#hero .wrapper .descripcion .cta a {
  font-size: 1.68em;
  white-space: nowrap;
  padding: 0.45em 1.2em;
  border-radius: 2em;
  color: #1b387a;
  font-weight: 500;
  outline: 1px solid #1b387a;
  outline-offset: -1px;
  cursor: pointer;
}
#hero .wrapper .descripcion .cta a:hover {
  background-color: #1b387a;
  color: #fff;
}
#hero .wrapper .descripcion .cta a.destacado {
  outline: none;
  background: #74abff;
  background: radial-gradient(circle, rgb(116, 171, 255) 1%, rgb(57, 133, 255) 100%);
  border: none;
  color: #fff;
}
#hero .wrapper .descripcion .cta a.destacado:hover {
  background: #1b387a;
  color: #fff;
}
#hero .wrapper .descripcion .empresas {
  display: flex;
  align-items: center;
  gap: 1.7em;
  margin-bottom: 2.5em;
}
#hero .wrapper .descripcion .empresas ul {
  display: flex;
  padding-left: 0.3em;
}
#hero .wrapper .descripcion .empresas ul li {
  margin-left: -0.3em;
}
#hero .wrapper .descripcion .empresas ul li img {
  border-radius: 50%;
  width: 4.4em;
  height: auto;
}
#hero .wrapper .descripcion .empresas p {
  font-size: 1.28em;
}
#hero .wrapper picture {
  display: flex;
}
#hero .wrapper picture img {
  width: 53em;
  height: auto;
}

@media screen and (max-width: 640px) {
  #hero {
    font-size: clamp(10px, 3.125vw, 20px);
    padding-top: 10em;
    padding-bottom: 5em;
  }
  #hero .wrapper {
    flex-direction: column;
    width: auto;
    position: relative;
  }
  #hero .wrapper .descripcion h1 {
    font-size: 0.9em;
  }
  #hero .wrapper .descripcion h2 {
    font-size: 2.5em;
  }
  #hero .wrapper .descripcion p.destacado {
    font-size: 1.08em;
    max-width: 22em;
    margin-bottom: 1.4em;
  }
  #hero .wrapper .descripcion .cta {
    flex-direction: column;
    margin-bottom: 23.5em;
  }
  #hero .wrapper .descripcion .cta a {
    font-size: 1.2em;
  }
  #hero .wrapper .descripcion .empresas {
    gap: 0.3em;
    margin-bottom: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  #hero .wrapper .descripcion .empresas ul li {
    margin-left: -0.3em;
  }
  #hero .wrapper .descripcion .empresas ul li img {
    width: 2em;
  }
  #hero .wrapper .descripcion .empresas p {
    font-size: 0.93em;
  }
  #hero .wrapper picture {
    position: absolute;
    bottom: 6.5em;
    left: 0;
  }
  #hero .wrapper picture img {
    width: 23.7em;
    height: auto;
  }
}
#equipo {
  font-size: clamp(0px, 0.78125vw, 10px);
  position: relative;
  overflow: hidden;
}
#equipo picture {
  display: flex;
}
#equipo picture img {
  width: 100%;
}
#equipo .ui {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
}
#equipo .ui .wrapper {
  width: 100%;
  max-width: 119em;
  position: relative;
}
#equipo .ui .menu {
  position: absolute;
  left: 12.54em;
  top: 11.92em;
  width: 16.31em;
}
#equipo .ui .crear {
  position: absolute;
  left: 6.27em;
  top: 25.09em;
  width: 16.31em;
}
#equipo .ui .reaccionar {
  position: absolute;
  left: 25.72em;
  top: 35.12em;
  width: 11.92em;
}
#equipo .ui .comentar {
  position: absolute;
  left: 38.57em;
  top: 35.12em;
  width: 11.92em;
}
#equipo .ui .cumple {
  position: absolute;
  left: 80.28em;
  top: 12.54em;
  width: 17.56em;
}
#equipo .ui .recibo {
  position: absolute;
  left: 86.55em;
  top: 20.7em;
  width: 21.32em;
}
#equipo .ui .firma {
  position: absolute;
  left: 86.55em;
  top: 26.34em;
  width: 21.32em;
}
#equipo .ui .documentacion {
  position: absolute;
  left: 86.55em;
  top: 32em;
  width: 21.32em;
}

@media screen and (max-width: 640px) {
  #equipo {
    font-size: clamp(10px, 3.125vw, 20px);
  }
  #equipo .ui .menu {
    left: 15.68em;
    top: 10.35em;
    width: 13.48em;
  }
  #equipo .ui .crear {
    left: 0.71em;
    top: 11.76em;
    width: 10.35em;
  }
  #equipo .ui .reaccionar {
    left: 2.04em;
    top: 43.75em;
    width: 10.04em;
  }
  #equipo .ui .comentar {
    left: 17.25em;
    top: 43.75em;
    width: 10.04em;
  }
  #equipo .ui .cumple {
    left: 17.25em;
    top: 39.95em;
    width: 10.04em;
  }
  #equipo .ui .recibo {
    left: 2.04em;
    top: 34.97em;
    width: 10.04em;
  }
  #equipo .ui .firma {
    left: 2.04em;
    top: 37.47em;
    width: 10.04em;
  }
  #equipo .ui .documentacion {
    left: 2.04em;
    top: 39.98em;
    width: 10.04em;
  }
}
#funcionalidades {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(0px, 0.78125vw, 10px);
  padding: 11.4em 0 13em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
#funcionalidades .wrapper {
  width: 111.7em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#funcionalidades .wrapper h2 {
  font-size: 1.64em;
  display: flex;
  margin-bottom: 1.4em;
  font-weight: 500;
  border: 1px solid #b2bcc8;
  padding: 0.1em 0.7em;
  border-radius: 0.3em;
}
#funcionalidades .wrapper h3 {
  font-size: 4em;
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 0.7em;
}
#funcionalidades .wrapper h3 span {
  font-style: italic;
  color: #a181ee;
}
#funcionalidades .wrapper #areasFuncionalidades {
  display: flex;
  background-color: #ede9f8;
  margin-bottom: 3.3em;
  padding: 0.65em 0.83em;
  border-radius: 1.38em;
  gap: 1.5em;
}
#funcionalidades .wrapper #areasFuncionalidades li a {
  display: inline-block;
  font-size: 1.76em;
  font-weight: 500;
  padding: 0.3em 1.55em 0.3em 1.55em;
  border-radius: 0.48em;
  transition: all 0.3s ease;
  color: #1b387a;
}
#funcionalidades .wrapper #areasFuncionalidades li a:not(.active):hover {
  background-color: #654bb1;
  color: #fff;
  cursor: pointer;
}
#funcionalidades .wrapper #areasFuncionalidades li a.active {
  color: #fff;
  background-color: #a181ee;
  position: relative;
}
#funcionalidades .wrapper #areasFuncionalidades li a.active:after {
  content: "";
  position: absolute;
  bottom: -0.4em;
  left: 1.2em;
  right: 1.2em;
  width: auto;
  height: 0.25em;
  background-color: #a180ee;
  border-radius: 0.48em;
}
#funcionalidades .wrapper #sliderFuncionalidades {
  border-radius: 2.8em;
  overflow: hidden;
  margin-bottom: 2em;
  font-size: 0.92em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list {
  width: 111.7em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li {
  background: #a686f0;
  background: linear-gradient(54deg, rgb(166, 134, 240) 19%, rgb(191, 174, 235) 52%, rgb(93, 65, 171) 84%);
  display: flex;
  padding: 5.5em 4.4em 6.4em 5.9em;
  gap: 5.5em;
  width: 111.7em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle h4 {
  color: #fff;
  font-size: 4.2em;
  font-weight: 600;
  margin-bottom: 0.4em;
  line-height: 1.2em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul {
  display: flex;
  flex-direction: column;
  gap: 2.4em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul li h5 {
  display: flex;
  gap: 0.8em;
  background-color: #654bb1;
  padding: 0.4em 0.6em;
  border-radius: 0.48em;
  margin: 0 0 0.8em 0;
  font-size: 1em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul li h5 img {
  width: 2.1em;
  height: 2.1em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul li h5 span {
  display: inline-block;
  color: #fff;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 1.2em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul li p {
  color: #fff;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.2em;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li picture {
  display: flex;
}
#funcionalidades .wrapper #sliderFuncionalidades .splide__list > li picture img {
  width: 56.6em;
  height: auto;
  border-radius: 1.1em;
  overflow: hidden;
  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.25);
}
#funcionalidades .cta {
  font-size: 1.56em;
  background-color: #3985ff;
  color: #fff;
  padding: 0.45em 1.2em;
  border-radius: 2em;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
#funcionalidades .cta:hover {
  background-color: #1b387a;
}
#funcionalidades .cta .flecha {
  background-color: #fff;
}

@media screen and (max-width: 640px) {
  #funcionalidades {
    font-size: clamp(10px, 3.125vw, 20px);
    padding-top: 4.2em;
    padding-bottom: 4em;
  }
  #funcionalidades .wrapper h2 {
    font-size: 1.2em;
    margin-bottom: 1em;
  }
  #funcionalidades .wrapper h3 {
    font-size: 1.93em;
    max-width: 13em;
  }
  #funcionalidades .wrapper h3 span {
    display: block;
  }
  #funcionalidades .wrapper #areasFuncionalidades {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 0.2em;
         column-gap: 0.2em;
    row-gap: 0.4em;
    padding: 0;
    background: none;
    margin-bottom: 2em;
    font-size: 1.135em;
  }
  #funcionalidades .wrapper #areasFuncionalidades li a {
    display: block;
    font-size: 0.92em;
    text-align: center;
    background-color: #ede9f8;
    border-radius: 1.48em;
    padding: 0.3em 0.8em;
  }
  #funcionalidades .wrapper #areasFuncionalidades li a.active {
    background-color: #a181ee;
  }
  #funcionalidades .wrapper #areasFuncionalidades li a.active:after {
    display: none;
  }
  #funcionalidades .wrapper #sliderFuncionalidades {
    border-radius: 1.3em;
    font-size: 1em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list {
    width: 26.7em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list > li {
    flex-direction: column;
    width: 26.7em;
    padding: 2.6em 1.6em 2.1em 1.6em;
    gap: 2em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle h4 {
    font-size: 2.2em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul {
    gap: 1.6em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul li h5 {
    font-size: 1em;
    padding-right: 0;
    gap: 0.25em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul li h5 img {
    width: 1.2em;
    height: 1.2em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul li h5 span {
    font-size: 1.05em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list > li .detalle ul li p {
    font-size: 0.9em;
  }
  #funcionalidades .wrapper #sliderFuncionalidades .splide__list > li picture img {
    border-radius: 0.5em;
  }
  #funcionalidades .cta {
    font-size: 0.8em;
  }
}
/* Finni */
#finni {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(0px, 0.78125vw, 10px);
  background-color: #01102f;
  color: #fff;
  padding: 0 0 3.36em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#finni h2 {
  font-size: 4.8em;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0.35em;
  border-radius: 0.35em;
  translate: 0 -30%;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.15);
}
#finni h2 .icono {
  width: 0.55em;
  height: 0.55em;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
}
#finni h2 .logo {
  width: 3.75em;
}
#finni h3 {
  font-size: 2.256em;
  color: #f95440;
  margin-bottom: 0.3em;
}
#finni p {
  font-size: 1.44em;
  max-width: 42em;
  text-align: center;
  margin-bottom: 1em;
}
#finni ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 86.88em;
  gap: 1.632em;
  margin-bottom: 4.8em;
}
#finni ul li {
  background-image: linear-gradient(#551b30, #551b30), linear-gradient(to right, #ff4131 0%, #551b30 50%, #ff4131 100%);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  border: 1px solid transparent;
  border-radius: 1.68em;
  display: flex;
  flex-direction: column;
  padding: 1.824em;
}
#finni ul li img {
  width: 4.56em;
  height: 4.56em;
  margin-bottom: 0.96em;
}
#finni ul li span {
  font-size: 1.44em;
  line-height: 1.1em;
  font-weight: 500;
}
#finni ul li span i {
  color: #f95440;
}
#finni .cta {
  display: flex;
  flex-direction: column;
}
#finni .cta a {
  color: #f95440;
  font-size: 1.584em;
  font-weight: 500;
  border-bottom: 2px solid #f95440;
}

@media screen and (max-width: 640px) {
  #finni {
    font-size: clamp(10px, 3.125vw, 20px);
    padding-bottom: 1.68em;
  }
  #finni h2 {
    font-size: 2.4em;
  }
  #finni h3 {
    font-size: 1.608em;
    line-height: 1.1em;
    margin-bottom: 0.6em;
    text-align: center;
  }
  #finni h3 span {
    color: #fff;
  }
  #finni p {
    font-size: 0.816em;
    font-weight: 500;
    max-width: 28em;
    margin-bottom: 2.2em;
    line-height: 1.2em;
  }
  #finni ul {
    display: flex;
    flex-direction: column;
    width: 26.64em;
    gap: 0.816em;
    margin-bottom: 2.4em;
  }
  #finni ul li {
    flex-direction: row;
    align-items: center;
    gap: 1.44em;
    padding: 0.912em;
    border-radius: 0.84em;
  }
  #finni ul li img {
    width: 3.36em;
    height: 3.36em;
    margin-bottom: 0;
  }
  #finni ul li span {
    font-size: 1.128em;
  }
  #finni ul li span br {
    display: none;
  }
  #finni .cta a {
    font-size: 1.248em;
    margin-bottom: 1.2em;
  }
}
#alcance {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(0px, 0.78125vw, 10px);
  padding: 10em 0 10em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#alcance h2 {
  font-size: 1.64em;
  display: flex;
  margin-bottom: 1.4em;
  font-weight: 500;
  border: 1px solid #b2bcc8;
  padding: 0.1em 0.7em;
  border-radius: 0.3em;
}
#alcance h3 {
  font-size: 4em;
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 0.7em;
  max-width: 24em;
}
#alcance h3 span {
  color: #a180ee;
}
#alcance .destacado {
  font-size: 2em;
  max-width: 41.5em;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 2.4em;
  font-weight: 500;
}
#alcance .wrapper {
  display: flex;
  align-items: center;
  gap: 3.1em;
  width: 99.5em;
}
#alcance .wrapper .publicoObjetivo {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  width: 36.1em;
}
#alcance .wrapper .publicoObjetivo li {
  display: flex;
  align-items: center;
  gap: 1.5em;
  padding: 0.9em 1.6em;
  background: #fff;
  border: 1px solid #d9dcec;
  border-radius: 1.6em;
}
#alcance .wrapper .publicoObjetivo li .icono {
  width: 5.6em;
  height: 5.6em;
  flex-shrink: 0;
}
#alcance .wrapper .publicoObjetivo li .descripcion {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
#alcance .wrapper .publicoObjetivo li .descripcion h4 {
  font-size: 2em;
  font-weight: 600;
  color: #7b61ff;
  line-height: 1.2em;
}
#alcance .wrapper .publicoObjetivo li .descripcion p {
  font-size: 1.15em;
  font-weight: 500;
  color: #1a2456;
  line-height: 1.3em;
}
#alcance .wrapper picture {
  flex: 1;
}

@media screen and (max-width: 640px) {
  #alcance {
    font-size: clamp(10px, 3.125vw, 20px);
    padding: 4.2em 0;
  }
  #alcance h2 {
    font-size: 1.2em;
  }
  #alcance h3 {
    font-size: 1.93em;
    width: 15em;
  }
  #alcance .destacado {
    font-size: 0.9em;
    width: 27.5em;
  }
  #alcance .wrapper {
    flex-direction: column;
    gap: 1.5em;
    width: 27.5em;
  }
  #alcance .wrapper .publicoObjetivo {
    width: 100%;
  }
  #alcance .wrapper .publicoObjetivo li .icono {
    width: 3.2em;
    height: 3.2em;
  }
  #alcance .wrapper .publicoObjetivo li .descripcion h4 {
    font-size: 1.2em;
  }
  #alcance .wrapper .publicoObjetivo li .descripcion p {
    font-size: 0.8em;
  }
  #alcance .wrapper picture {
    width: 100%;
  }
}
#beneficios {
  font-size: clamp(0px, 0.78125vw, 10px);
  padding: 6em 0;
  display: flex;
  justify-content: center;
  background: #a686f0;
  background: linear-gradient(54deg, rgb(166, 134, 240) 19%, rgb(191, 174, 235) 52%, rgb(93, 65, 171) 84%);
}
#beneficios ul {
  display: flex;
  width: 98em;
  gap: 1.6em;
}
#beneficios ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 2em;
  padding: 2.5em 1.2em 2.7em 1.8em;
}
#beneficios ul li .icono {
  width: 5.7em;
  height: 5.7em;
  transform: translateX(-0.5em);
  margin-bottom: 1.4em;
}
#beneficios ul li h4 {
  font-size: 2.6em;
  font-weight: 600;
  line-height: 1.05em;
  color: #27067f;
  margin-bottom: 0.4em;
}
#beneficios ul li p {
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.3em;
  color: #2b1d6b;
}

@media screen and (max-width: 640px) {
  #beneficios {
    font-size: clamp(10px, 3.125vw, 20px);
    padding: 2.8em 0;
  }
  #beneficios ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
    width: 27.5em;
  }
  #beneficios ul li {
    padding: 1.6em 1.2em 2em 1.8em;
  }
  #beneficios ul li .icono {
    width: 3.2em;
    height: 3.2em;
    transform: translateX(-0.2em);
    margin-bottom: 1em;
  }
  #beneficios ul li h4 {
    font-size: 1.4em;
    line-height: 1.05em;
    margin-bottom: 0.4em;
  }
  #beneficios ul li p {
    font-size: 0.7em;
    line-height: 1.3em;
  }
}
#evolucion {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(0px, 0.78125vw, 10px);
  padding: 10em 0 10em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#evolucion .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#evolucion .wrapper h2 {
  font-size: 1.64em;
  display: flex;
  margin-bottom: 1.4em;
  font-weight: 500;
  border: 1px solid #b2bcc8;
  padding: 0.1em 0.7em;
  border-radius: 0.3em;
}
#evolucion .wrapper h3 {
  font-size: 4em;
  font-weight: 600;
  line-height: 1.1em;
  text-align: center;
  margin-bottom: 0.7em;
  max-width: 16em;
}
#evolucion .wrapper h3 span {
  font-style: italic;
  color: #a180ee;
}
#evolucion .wrapper #areasEvolucion {
  display: flex;
  background-color: #eff4fe;
  margin-bottom: 3.3em;
  padding: 0.65em 0.83em;
  border-radius: 1.38em;
  gap: 1.5em;
}
#evolucion .wrapper #areasEvolucion li a {
  display: inline-block;
  font-size: 1.76em;
  font-weight: 500;
  padding: 0.3em 1.55em 0.3em 1.55em;
  border-radius: 0.48em;
  transition: all 0.3s ease;
  color: #1b387a;
}
#evolucion .wrapper #areasEvolucion li a:not(.active):hover {
  background-color: #3985ff;
  color: #fff;
  cursor: pointer;
}
#evolucion .wrapper #areasEvolucion li a.active {
  color: #fff;
  background-color: #1b387a;
  position: relative;
}
#evolucion .wrapper #sliderEvolucion {
  font-size: 0.92em;
}
#evolucion .wrapper #sliderEvolucion .splide__list {
  width: 113em;
  height: auto;
  align-items: flex-start;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 113em;
  height: auto;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta p.destacado {
  font-size: 2em;
  max-width: 41.5em;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 2.4em;
  font-weight: 500;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta p.destacado span {
  background-color: #dbe0fe;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta .etiquetas {
  display: flex;
  color: #bfbfbf;
  font-size: 1.7em;
  font-weight: 500;
  margin-bottom: 1.6em;
  width: 100%;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta .etiquetas span {
  display: flex;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta .etiquetas span.modalidad {
  width: 21.7em;
  padding-left: 2.4em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta .etiquetas span.caracteristicas {
  width: 32em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta .etiquetas span.conocimientos {
  width: 9em;
  line-height: 1.1em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta .etiquetasMobile {
  display: none;
  color: #bfbfbf;
  font-size: 1.17em;
  font-weight: 500;
  margin-bottom: 1em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul {
  display: flex;
  flex-direction: column;
  gap: 1.2em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li {
  display: flex;
  align-items: stretch;
  background-color: #dbdfff;
  border-radius: 3.2em;
  min-height: 12.6em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .modalidad {
  display: flex;
  align-items: center;
  position: relative;
  width: 31.3em;
  gap: 1.4em;
  background-color: #fff;
  border-top: 1px solid #909dfd;
  border-bottom: 1px solid #909dfd;
  border-left: 1px solid #909dfd;
  border-top-left-radius: 3.2em;
  border-bottom-left-radius: 3.2em;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 4em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .modalidad img {
  width: 5em;
  height: 5em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .modalidad h4 {
  font-size: 2.8em;
  font-weight: 600;
  line-height: 1em;
  color: #223776;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .modalidad::after {
  content: "";
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  bottom: 2em;
  border-right: 1px solid #c8c8c8;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .caracteristicas {
  width: 55.5em;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: 1px solid #909dfd;
  border-bottom: 1px solid #909dfd;
  border-right: 1px solid #909dfd;
  background-color: #fff;
  border-top-right-radius: 3.2em;
  border-bottom-right-radius: 3.2em;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 6.3em;
  padding-right: 10.2em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .caracteristicas p {
  font-size: 1.8em;
  line-height: 1.2em;
  font-weight: 500;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .conocimientos {
  width: 25.6em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #dbdfff;
  border-top-right-radius: 3.2em;
  border-bottom-right-radius: 3.2em;
  padding-top: 4em;
  padding-bottom: 4em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .conocimientos p {
  font-size: 1.9em;
  line-height: 1.2em;
  font-weight: 500;
  text-align: center;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) {
  background-color: #eec6dd;
  position: relative;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .modalidad {
  background: none;
  border: none;
  padding-left: 6em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .modalidad h4 {
  color: #fff;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .modalidad::after {
  display: none;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas {
  background: none;
  border: none;
  flex-direction: row;
  align-items: center;
  padding-right: 6em;
  gap: 3em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas p {
  color: #fff;
  font-weight: 500;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas a {
  border-radius: 50%;
  border: 1px solid #4bc3ff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.1em;
  height: 5.1em;
  transition: background-color 0.2s ease;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas a span {
  width: 5.1em;
  height: 5.1em;
  background-color: #4bc3ff;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas a:hover {
  background-color: #4bc3ff;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas a:hover span {
  background-color: #fff;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .conocimientos {
  background-color: #eec6dd;
  color: #9a0742;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 86.8em;
  height: 100%;
  background-image: url(evolucion/developer.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3.2em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona p.destacado {
  font-size: 2em;
  max-width: 41.5em;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 2.4em;
  font-weight: 500;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .etiquetasMobile {
  display: none;
  color: #bfbfbf;
  font-size: 1.17em;
  font-weight: 500;
  margin-bottom: 1em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas {
  color: #fff;
  width: 113em;
  border-radius: 3.2em;
  display: flex;
  justify-content: space-between;
  gap: 8.3em;
  padding: 4.9em 8.7em;
  margin-bottom: 1.6em;
  background: linear-gradient(135deg, rgb(12, 111, 228) 1%, rgb(4, 8, 31) 40%, rgb(4, 8, 31) 60%, rgb(0, 51, 124) 100%);
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h4 {
  display: flex;
  margin-bottom: 0.8em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h4 img {
  width: 25.2em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 {
  font-size: 1.97em;
  font-weight: 600;
  color: #3a84ff;
  display: flex;
  align-items: baseline;
  margin-bottom: 0.8em;
  margin-top: 0;
  min-width: 18em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 br {
  display: none;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 i {
  display: flex;
  align-items: flex-end;
  margin-left: 0.2em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 i span:nth-child(1) {
  color: #7e8eed;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 i span:nth-child(2),
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 i span:nth-child(3) {
  color: #9fba03;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 i span:nth-child(3) {
  margin-bottom: 0.2em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 i span:nth-child(4) {
  color: #4dc2ff;
  margin-bottom: 0.4em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo img {
  width: 31em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 2.2em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion p {
  font-size: 2.3em;
  max-width: 21.5em;
  line-height: 1.2em;
  margin-bottom: 1em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul li {
  display: flex;
  align-items: center;
  gap: 0.8em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul li img {
  width: 4.1em;
  height: 4.1em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul li p {
  padding: 1em 0;
  font-size: 1.82em;
  font-weight: 500;
  line-height: 1.1em;
  max-width: 100%;
  margin: 0;
  width: 100%;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul li:not(:last-child) p {
  border-bottom: 1px solid #3a84ff;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion a {
  font-size: 1.66em;
  font-weight: 500;
  align-self: flex-end;
  color: #fff;
  background-color: #3985ff;
  display: flex;
  align-items: center;
  padding: 0.4em 1em;
  border-radius: 1.5em;
  gap: 0.6em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion a .flecha {
  width: 1em;
  height: 1em;
  background-color: #fff;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../../../styles/images/ui/flecha-arriba-derecha.svg");
  mask-image: url("../../../styles/images/ui/flecha-arriba-derecha.svg");
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion a:hover {
  background: #74abff;
  background: radial-gradient(circle, rgb(116, 171, 255) 1%, rgb(57, 133, 255) 100%);
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona img.ilustracionMobile {
  display: none;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia {
  background-image: url(evolucion/academia.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3.2em;
  width: 113em;
  height: 16em;
  display: flex;
  align-items: center;
  padding: 2em 8.7em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia h4 {
  font-size: 2.8em;
  font-weight: 600;
  line-height: 1em;
  color: #fff;
  margin-right: 3.4em;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia p {
  color: #fff;
  font-size: 1.8em;
  line-height: 1.2em;
  flex: 1;
  font-weight: 500;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia a {
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4em;
  height: 6.4em;
  transition: all 0.2s ease;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia a span {
  width: 6.4em;
  height: 6.4em;
  background-color: #fff;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia a:hover {
  background-color: #008584;
  border-color: #008584;
}
#evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia a:hover span {
  background-color: #fff;
}

@media screen and (max-width: 640px) {
  #evolucion {
    font-size: clamp(10px, 3.125vw, 20px);
    padding: 4.2em 0;
  }
  #evolucion .wrapper h2 {
    font-size: 1.2em;
  }
  #evolucion .wrapper h3 {
    font-size: 1.93em;
    max-width: 16em;
  }
  #evolucion .wrapper #areasEvolucion {
    border-radius: 0.7em;
    padding: 0.45em 0.45em;
  }
  #evolucion .wrapper #areasEvolucion li a {
    font-size: 1em;
    padding: 0.3em 0.8em 0.3em 0.8em;
  }
  #evolucion .wrapper #sliderEvolucion {
    font-size: 1em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list {
    width: 27.5em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li {
    width: 27.5em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta p.destacado {
    font-size: 0.9em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta .etiquetas {
    display: none;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta .etiquetasMobile {
    display: block;
    text-align: center;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li {
    flex-direction: column;
    background: none !important;
    position: relative;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .modalidad {
    width: 100%;
    padding: 1.4em 1.4em 1.8em 1.4em;
    border-top-left-radius: 1.83em;
    border-top-right-radius: 1.83em;
    border-bottom-left-radius: 0;
    border-right: 1px solid #909dfd;
    border-bottom: none;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .modalidad img {
    width: 4.8em;
    height: 4.8em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .modalidad h4 {
    font-size: 2.2em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .modalidad::after {
    display: none;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .caracteristicas {
    width: 100%;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #909dfd;
    border-right: 1px solid #909dfd;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 1.8em 1.8em 1.8em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .caracteristicas p {
    font-size: 1em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .caracteristicas::after {
    display: none;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .conocimientos {
    width: 100%;
    padding: 0 1.4em 1.4em 1.4em !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.83em;
    border-bottom-right-radius: 1.83em;
    border-top: none;
    border-bottom: 1px solid #909dfd;
    border-left: 1px solid #909dfd;
    border-right: 1px solid #909dfd;
    background: none !important;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .conocimientos .wrapper {
    background-color: #e1e3fb;
    padding: 1.9em 0.9em 1.9em 12.5em;
    border-radius: 0.9em;
    position: relative;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .conocimientos .wrapper p {
    font-size: 1.17em;
    text-align: center;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .conocimientos .wrapper:after {
    content: "Conocimientos de programación";
    position: absolute;
    left: 1.6em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1em;
    font-weight: 500;
    width: 9em;
    line-height: 1.1em;
    color: #1b387a;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li .conocimientos .wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 1.5em;
    left: 12em;
    bottom: 1.5em;
    height: calc(100% - 3em);
    border-right: 1px solid #7e8eed;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .modalidad {
    padding-left: 1.8em;
    margin-top: 1.2em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas {
    padding-right: 1.8em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas a {
    position: absolute;
    right: 1.8em;
    top: -4.6em;
    width: 2.9em;
    height: 2.9em;
    border: 2px solid #a31865;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .caracteristicas a span {
    background-color: #a31865;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .conocimientos .wrapper {
    background-color: #a31865;
    color: #fff;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .conocimientos .wrapper::before {
    border-color: #fff;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4) .conocimientos .wrapper::after {
    color: #fff;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.adapta ul li:nth-child(4)::before {
    width: 27.5em;
    border-radius: 1.832em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona p.destacado {
    font-size: 1em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .etiquetasMobile {
    display: block;
    text-align: center;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas {
    flex-direction: column;
    width: 27.5em;
    padding: 2.2em 1.8em;
    border-top-left-radius: 1.83em;
    border-top-right-radius: 1.83em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    gap: 0;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h4 {
    display: flex;
    margin-bottom: 0.8em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h4 img {
    width: 14.1em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo h5 {
    font-size: 1.23em;
    margin-bottom: 0;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .titulo img.ilustracionDesktop {
    display: none;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion {
    padding-top: 1.5em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion p {
    font-size: 1.17em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul {
    margin-bottom: 2em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul li {
    gap: 1.2em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul li img {
    width: 2.8em;
    height: 2.8em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion ul li p {
    font-size: 1em;
    padding-right: 5em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .imas .descripcion a {
    font-size: 1.23em;
    align-self: flex-start;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona img.ilustracionMobile {
    display: block;
    margin-bottom: 3.4em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia {
    position: relative;
    width: 27.5em;
    border: none;
    padding-left: 1.8em;
    padding-right: 1.8em;
    min-height: 12.6em;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 1.832em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia h4 {
    padding-top: 0.4em;
    padding-bottom: 1.3em;
    font-size: 2.2em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia p {
    font-size: 1em;
    max-width: 21em;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia a {
    position: absolute;
    right: 1.8em;
    top: 2.4em;
    width: 2.9em;
    height: 2.9em;
    border: 2px solid #fff;
  }
  #evolucion .wrapper #sliderEvolucion .splide__list > li.evoluciona .academia a span {
    background-color: #fff;
  }
}
#demo {
  font-size: clamp(0px, 0.78125vw, 10px);
  background: #c9b6f7;
  background: linear-gradient(90deg, rgb(201, 182, 247) 0%, rgb(100, 75, 177) 100%);
  padding: 10em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#demo .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 108em;
}
#demo .wrapper h2 {
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.05em;
  color: #fff;
}
#demo .wrapper .cta {
  font-size: 2.2em;
  background-color: #fff;
  color: #1b387a;
  padding: 0.45em 1.2em;
  border-radius: 2em;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
#demo .wrapper .cta:hover {
  background-color: #012875;
  color: #fff;
}

@media screen and (max-width: 640px) {
  #demo {
    font-size: clamp(10px, 3.125vw, 20px);
    padding: 4.2em;
  }
  #demo .wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 1.5em;
  }
  #demo .wrapper h2 {
    font-size: 1.93em;
    max-width: 12em;
  }
  #demo .wrapper .cta {
    font-size: 1.46em;
  }
}
#acerca {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(0px, 0.78125vw, 10px);
  padding: var(--paddingMedium) 0;
  position: relative;
  color: #fff;
}
#acerca .wrapper {
  width: 97.5em;
  box-sizing: border-box;
  margin: 0 auto;
  align-items: stretch;
  position: relative;
  z-index: 1;
}
#acerca .wrapper .box {
  position: relative;
  border-radius: 3.6em;
  padding: 9.7em 7em 5.8em 7em;
  border: 1px solid #fff;
  margin-bottom: 3em;
}
#acerca .wrapper .box .tag {
  position: absolute;
  top: 0;
  left: 3.6em;
  font-size: 1.92em;
  font-weight: 500;
  background-color: #04102e;
  padding: 0.55em 1em;
  border-bottom-left-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}
#acerca .wrapper .box h2 {
  font-size: 8.26em;
  margin-bottom: 0.2em;
}
#acerca .wrapper .box h2 img {
  display: block;
  height: 1em;
  width: auto;
}
#acerca .wrapper .box p {
  font-size: 2.1em;
  font-weight: 500;
  line-height: 1.15em;
  max-width: 39em;
}
#acerca .wrapper .box p:not(:last-child) {
  margin-bottom: 1em;
}
#acerca .wrapper .industrias {
  background-color: #04102e;
  padding: 0 0 0 4.1em;
  height: 6.4em;
  border-radius: 3.1em;
  margin-bottom: 4.9em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  margin-right: 0.4em;
}
#acerca .wrapper .industrias p {
  font-size: 2.08em;
  font-weight: 500;
  line-height: 1.1em;
}
#acerca .wrapper .industrias #lottie-industrias {
  display: flex;
  margin: -0.25em;
  transform: translateX(0.4em);
  height: 6.9em;
}
#acerca .wrapper .indicadores {
  padding: 0.2em 0.3em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  width: 100%;
}
#acerca .wrapper .indicadores li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
#acerca .wrapper .indicadores li:not(:first-child) {
  border-left: 1px solid #82a7bf;
}
#acerca .wrapper .indicadores li .numero {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#acerca .wrapper .indicadores li .numero .signo {
  font-size: 5.3em;
  font-weight: 600;
  display: inline-block;
}
#acerca .wrapper .indicadores li .numero .value,
#acerca .wrapper .indicadores li .numero .miles {
  font-size: 7.9em;
  line-height: 1em;
  font-weight: 600;
}
#acerca .wrapper .indicadores li .tipo {
  font-size: 2.4em;
  font-weight: 500;
}
#acerca .fondo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
#acerca .fondo img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}

@media screen and (max-width: 640px) {
  #acerca {
    font-size: clamp(10px, 3.125vw, 20px);
  }
  #acerca .wrapper {
    width: 25em;
  }
  #acerca .wrapper .box {
    padding: 4.4em 2.2em 2.7em 2.2em;
    border-radius: 1.4em;
    margin-bottom: 2.3em;
  }
  #acerca .wrapper .box .tag {
    font-size: 1em;
    left: 2.2em;
  }
  #acerca .wrapper .box h2 {
    font-size: 3.4em;
    margin-bottom: 0.3em;
  }
  #acerca .wrapper .box p {
    font-size: 1.04em;
  }
  #acerca .wrapper .industrias {
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    margin-bottom: 6.5em;
    overflow: initial;
    height: 3em;
  }
  #acerca .wrapper .industrias p {
    font-size: 1.22em;
  }
  #acerca .wrapper .industrias #lottie-industrias {
    position: absolute;
    bottom: -6em;
    transform: translateY(0.2em);
    margin: 0 auto;
  }
  #acerca .wrapper .indicadores {
    padding: 0.2em 0.3em;
  }
  #acerca .wrapper .indicadores li .numero {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  #acerca .wrapper .indicadores li .numero .signo {
    font-size: 1.7em;
  }
  #acerca .wrapper .indicadores li .numero .value,
  #acerca .wrapper .indicadores li .numero .miles {
    font-size: 2.4em;
  }
  #acerca .wrapper .indicadores li .tipo {
    font-size: 0.83em;
  }
}
/* Clientes */
#clientes {
  padding: 0.6em 0;
  font-size: clamp(3.4rem, 7.9vw, 3.6rem);
}

@media screen and (max-width: 650px) {
  #clientes #slider-clientes li {
    margin: 0 10px;
  }
  #clientes img {
    transform: scale(0.8);
  }
}
/* SLIDER ====================================================== */
.bx-wrapper,
.bx-window {
  width: 100% !important;
}

#slider-clientes {
  list-style: none;
  padding: 0px;
  display: flex;
  align-items: center;
}

#slider-clientes li {
  margin: 0 25px;
  display: flex;
  align-items: center;
  width: auto !important;
}

#slider-clientes picture {
  display: flex;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.flecha {
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../../../styles/images/ui/flecha-derecha.svg");
  mask-image: url("../../../styles/images/ui/flecha-derecha.svg");
}

.flechaArriba {
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../../../styles/images/ui/flecha-arriba-derecha.svg");
  mask-image: url("../../../styles/images/ui/flecha-arriba-derecha.svg");
}

.flechaAccion {
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("evolucion/flecha-derecha.svg");
  mask-image: url("evolucion/flecha-derecha.svg");
  background-color: #000;
}

.desplegar {
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../../../styles/images/ui/icono-desplegar.svg");
  mask-image: url("../../../styles/images/ui/icono-desplegar.svg");
}/*# sourceMappingURL=section.css.map */