:root {
  --negro: #000;
  --transparente: #0000;
  --azul-claro: #dcdee2;
  --azul-intenso: #0255ff;
  --azul-semi: #d3e0ef;
  --azul-serio: #001931;
}

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

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

h4 {
  margin-top: 27px;
  margin-bottom: 27px;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

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

li {
  line-height: 1.7em;
}

strong {
  font-weight: 500;
}

.section-header {
  z-index: 4;
  padding: 1rem 3rem;
  position: fixed;
  inset: 0% 0% auto;
}

.container-header {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(0deg, #00000070, #00193152);
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.7rem;
  display: flex;
  position: relative;
  box-shadow: 0 4px 11px -1px #0255ff7d;
}

.logo-header-img {
  width: 9rem;
}

.menu-items {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-items.responsive {
  display: none;
}

.link-header {
  z-index: 1;
  opacity: .7;
  color: var(--azul-claro);
  margin-bottom: 0;
  font-size: .9rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

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

.link-header.w--current {
  text-decoration: underline;
}

.btn-header {
  background-color: var(--azul-intenso);
  color: var(--azul-claro);
  border-bottom: 1px solid #dcdee22e;
  border-radius: .4rem;
  padding: .8rem 1.2rem;
  font-size: 1rem;
  line-height: 1em;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #00000082;
}

.btn-header.blanco {
  background-color: var(--transparente);
  background-image: linear-gradient(0deg, var(--transparente), #dcdee226);
  box-shadow: 0 2px 5px #00000026;
}

.btn-header.blanco.off {
  opacity: .5;
  cursor: not-allowed;
  background-image: none;
}

.setion-hero {
  background-image: url('../images/67e46e56c8e9b537c036c7b6_hero_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  justify-content: space-between;
  align-items: flex-end;
  height: 90vh;
  min-height: 500px;
  max-height: 1170px;
  padding-bottom: 4rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-hero {
  z-index: 2;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.title-hero {
  color: var(--azul-claro);
  width: 51%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.3rem;
  font-weight: 100;
  line-height: 1em;
}

.col-info-hero {
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 34%;
  padding-top: 1rem;
  display: flex;
}

.p-hero {
  color: var(--azul-claro);
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.2em;
}

.fila-bot-n-hero {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-regular {
  color: var(--azul-claro);
  padding-left: 2rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.link-regular:hover {
  padding-left: 3rem;
  padding-right: 0;
}

.link-regular.obscruto {
  color: var(--azul-intenso);
}

.link-regular.obscruto.next {
  padding-left: 1rem;
  padding-right: 2rem;
}

.link-regular.obscruto.next:hover {
  padding-left: 0;
  padding-right: 3rem;
}

.arrow {
  opacity: .65;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  position: absolute;
  inset: 8% auto 0% 0%;
}

.arrow.prev {
  transform: rotate(180deg);
}

.arrow.next {
  left: auto;
  right: 0%;
}

.subrayado {
  text-decoration: underline;
}

.img-hero {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.degradado-hero {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--transparente), var(--negro));
  opacity: .7;
  height: 70%;
  position: absolute;
  inset: auto 0% 0%;
}

.section-about-home {
  padding: 8rem 3rem 6rem;
}

.container-about-home {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.small-title-about {
  color: var(--azul-semi);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1em;
}

.title-about-home {
  color: var(--azul-claro);
  text-align: center;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.2em;
}

.p-about-home {
  opacity: .47;
  color: var(--azul-claro);
  text-align: center;
  width: 100%;
  max-width: 51rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.fila-about-home {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 5rem;
  display: flex;
}

.col-about-home {
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff5e #ffffff1f var(--azul-semi) #ffffff1f;
  border-radius: .5rem;
  width: 32%;
  padding: 3.1rem;
  box-shadow: 0 6px 16px 4px #0255ff8c;
}

.sub-title-about {
  color: var(--azul-claro);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.p-about-col {
  opacity: .47;
  color: var(--azul-claro);
  width: 100%;
  max-width: 51rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.linea-sub-about-home {
  background-image: linear-gradient(90deg, var(--azul-intenso), var(--transparente));
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.section-services {
  background-image: linear-gradient(0deg, var(--azul-intenso), var(--transparente));
  padding: 6rem 3rem;
}

.container-markets {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.title-services {
  background-image: linear-gradient(225deg, var(--azul-intenso), var(--azul-semi));
  color: var(--azul-claro);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 68rem;
  margin: 0 auto 4rem;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.2em;
}

.row-services {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 51rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-services {
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff5e #ffffff1f var(--azul-semi);
  background-image: linear-gradient(353deg, var(--azul-intenso), var(--transparente));
  border-radius: .5rem;
  width: 48%;
  padding: 1.9rem;
}

.for-small {
  opacity: .6;
  color: var(--azul-semi);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: .2rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1em;
}

.service-list-services {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.punto-servicio {
  color: var(--azul-claro);
  border-top: 1px solid #dcdee261;
  width: 100%;
  max-width: 51rem;
  margin: .5rem auto 0;
  padding-top: .5rem;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.punto-servicio:hover {
  padding-left: 1rem;
}

.punto-servicio.priemro {
  border-top-style: none;
  margin-top: 0;
  padding-top: 0;
}

.punto-servicio.off:hover {
  padding-left: 0;
}

.section-quotes-home {
  padding: 8rem 3rem;
}

.container-quotes {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-chico-quote {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 27%;
  display: flex;
}

.col-chico-quote.grande {
  border-style: solid;
  border-width: 1px;
  border-color: #445dd3 #ffffff1f var(--azul-semi);
  background-image: linear-gradient(180deg, var(--transparente), var(--azul-intenso));
  box-shadow: 0 15px 50px -1px var(--azul-intenso);
  border-radius: .5rem;
  width: 34%;
  padding: 2.5rem;
}

.quote-content {
  color: var(--azul-claro);
  text-align: center;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 1.2em;
}

.quote-content.menor {
  opacity: .7;
  font-size: 1.2rem;
}

.quote-content.grande {
  font-size: 1.5rem;
}

.fila-perfil-wuote {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.img-quote {
  aspect-ratio: 1;
  filter: saturate(0%);
  border-radius: 100%;
  width: 4rem;
  margin-right: 1rem;
}

.rol-quote {
  opacity: .6;
  color: var(--azul-semi);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: .2rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1em;
}

.nombre-quote {
  color: var(--azul-claro);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.small-title-quotes {
  color: #3b7bff;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 4rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1.2em;
}

.section-faqs {
  padding: 8rem 3rem;
}

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

.small-title-markets, .small-title-faqs {
  color: var(--azul-semi);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1em;
}

.title-faqs-home {
  color: var(--azul-claro);
  text-align: center;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.2em;
}

.item-list {
  cursor: pointer;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.question-faqs {
  background-image: linear-gradient(225deg, var(--azul-intenso), var(--azul-semi));
  color: var(--azul-claro);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 auto;
  padding-right: 2.6rem;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.2em;
}

.top-item {
  position: relative;
}

.arrow-faqs {
  border-right: 1px solid var(--azul-semi);
  border-bottom: 1px solid var(--azul-semi);
  width: 1.5rem;
  height: 1.5rem;
  transition: all .2s;
  position: absolute;
  top: .6rem;
  right: .3rem;
  transform: rotate(45deg);
}

.arrow-faqs.on {
  top: 1.5rem;
  transform: rotate(-135deg);
}

.p-item {
  opacity: .47;
  color: var(--azul-claro);
  column-count: 2;
  max-width: 50rem;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.content-faqs {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: none;
}

.content-faqs.debug {
  display: block;
}

.linea-faqs {
  background-image: linear-gradient(-90deg, #d3e0efa1, var(--transparente));
  height: 1px;
}

.fondo-btn {
  z-index: 1;
  background-image: linear-gradient(11deg, var(--azul-semi), var(--transparente) 58%);
  opacity: 1;
  filter: blur(5px);
  color: var(--transparente);
  mix-blend-mode: overlay;
  width: 100%;
  height: 100%;
  transition: all .2s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -100%;
  overflow: hidden;
}

.fondo-btn.on {
  left: 0%;
}

.section-footer {
  padding-top: 7rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.container-footer {
  background-image: linear-gradient(0deg, #002675, var(--azul-intenso) 44%);
  box-shadow: 0 17px 100px 4px var(--azul-intenso);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 4rem 2rem;
}

.fila-footer {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.col-a-footer {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.col-b-footer {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.link-footer-grande {
  color: var(--azul-claro);
  width: 50%;
  margin-bottom: .5rem;
  font-size: 2rem;
  font-weight: 100;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.link-footer-grande:hover {
  padding-left: 1rem;
}

.logo-footer-img {
  width: 9rem;
}

.linea-footer {
  background-image: linear-gradient(-90deg, #d3e0efa1, var(--transparente));
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.fila-footer-final {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.col-footer-a-final {
  width: 50%;
}

.col-footer-b-final {
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.link-social-footer {
  color: var(--azul-claro);
  font-size: .8rem;
  line-height: 1em;
  text-decoration: none;
}

.legal-footer {
  opacity: .6;
  color: var(--azul-claro);
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1em;
}

.form-newsletter {
  width: 70%;
  margin-bottom: 0;
  position: relative;
}

.input-newsletter {
  color: var(--azul-intenso);
  border: 1px #000;
  border-radius: 100rem;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  font-size: .8rem;
  line-height: 1em;
}

.input-newsletter::placeholder {
  color: var(--azul-intenso);
}

.setion-about {
  background-image: linear-gradient(180deg, var(--azul-serio), var(--negro) 81%, var(--azul-intenso));
  justify-content: space-between;
  align-items: flex-end;
  height: 16.6rem;
  padding-bottom: 3.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-hero-about {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.title-hero-about {
  color: var(--azul-claro);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.4rem;
  font-weight: 100;
  line-height: 1em;
}

.fila-iconos-adicionales {
  grid-row-gap: 5rem;
  flex-flow: wrap;
  margin-top: 5rem;
  display: flex;
}

.col-icono-adicional {
  width: 33.33%;
}

.punto-icono-about {
  color: var(--azul-claro);
  text-align: center;
  width: 48%;
  margin: 0 auto;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.icono-about {
  margin-right: auto;
  display: block;
}

.icono-grupo {
  background-color: var(--azul-claro);
  border-radius: 100rem;
  width: 5rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.3rem;
  display: block;
}

.section-info-about-puntos {
  background-color: var(--azul-claro);
  padding: 6rem 3rem;
}

.container-about-puntos {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.linea-central {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--azul-intenso) 44%, var(--transparente));
  height: 1px;
}

.lista-items-puntos-about {
  grid-row-gap: 2.6rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
}

.col-punto-about {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #ffffff5e;
  background-image: none;
  border-top: 1px solid #fff;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 3.1rem;
  display: flex;
  box-shadow: 0 6px 5px #00000012;
}

.sub-title-about-punto {
  opacity: .66;
  color: var(--negro);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 34%;
  min-height: 2.45em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.2em;
  display: flex;
  position: relative;
}

.linea-sub-about-punto {
  background-image: linear-gradient(90deg, var(--transparente), var(--azul-intenso));
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.p-about-punto {
  opacity: .6;
  color: var(--negro);
  width: 100%;
  max-width: 51rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.small-title-about-puntos {
  color: var(--azul-intenso);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1em;
}

.title-about-puntos {
  color: var(--negro);
  text-align: center;
  margin-top: 0;
  margin-bottom: 4rem;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.2em;
}

.icono-imagen-punto {
  border-radius: 100%;
  width: 3.5rem;
  margin-bottom: 3rem;
}

.mega-menu {
  background-color: #dcdee2;
  border-radius: 1rem;
  width: 100%;
  margin-top: 1rem;
  padding: 2.6rem 2.5rem;
  display: none;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 5px #0000001c;
}

.top-mega-menu {
  position: relative;
}

.hit-mega-menu {
  z-index: 0;
  height: 4rem;
  position: absolute;
  inset: 0% 0% auto;
}

.fila-mega-menu {
  grid-row-gap: 2rem;
  flex-flow: wrap;
  display: flex;
}

.sub-title-mega-menu {
  color: var(--negro);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.col-mega-menu {
  width: 33.33%;
}

.second-sub-title-mega-menu {
  opacity: .8;
  color: var(--negro);
  text-align: left;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2em;
}

.links-list-mega-menu {
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-mega-menu {
  opacity: .6;
  color: var(--negro);
  padding-left: 2rem;
  padding-right: 1rem;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.link-mega-menu:hover {
  padding-left: 3rem;
  padding-right: 0;
}

.linea-mega-menu {
  background-image: linear-gradient(180deg, var(--azul-serio), var(--azul-intenso));
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.lista-de-links-bottom {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.breadcrumb {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
  display: flex;
}

.link-bread {
  opacity: .38;
  color: var(--azul-claro);
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1em;
  text-decoration: none;
}

.slash {
  color: var(--azul-intenso);
  margin-bottom: 0;
  margin-left: .5rem;
  margin-right: .5rem;
  font-size: .8rem;
  line-height: 1em;
}

.linea-links-services {
  border-bottom: 1px solid #d8d8d8;
  height: 0;
  margin-top: .2rem;
  margin-bottom: .2rem;
}

.section-intro-servicio {
  padding: 6rem 3rem;
}

.container-intro-servicio {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.small-title-intro-servicio {
  color: #3b7bff;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1em;
}

.title-intro-servicio {
  background-image: linear-gradient(225deg, var(--azul-intenso), var(--azul-semi));
  color: var(--azul-claro);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 28rem;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.2em;
}

.p-intro-servicio {
  opacity: .47;
  color: var(--azul-claro);
  width: 100%;
  max-width: 43rem;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.col-intro-servicios-b {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
}

.col-intro-servicios-a {
  border: 1px solid var(--azul-intenso);
  box-shadow: 0 8px 40px 0 var(--azul-intenso);
  border-radius: .5rem;
  width: 100%;
  margin-bottom: 6rem;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}

.title-servicio-detalle {
  color: var(--azul-claro);
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2em;
}

.p-servicio-grande {
  opacity: .47;
  color: var(--azul-claro);
  width: 100%;
  max-width: 43rem;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.4em;
}

.lista-de-puntos-servicio {
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.col-punto-servicio {
  flex-flow: row;
  width: 33.33%;
  margin-bottom: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.modulo-punto-servicio {
  background-image: linear-gradient(180deg, #ffffff1c, var(--transparente) 74%, #d3e0ef24);
  border-top: 1px solid #ffffff5e;
  border-radius: .5rem;
  width: 100%;
  padding: 2rem;
  text-decoration: none;
}

.contenedor-ojo {
  background-image: linear-gradient(0deg, #0255ff80, var(--transparente));
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 34%;
  padding: 2.2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.icono-ojo {
  width: 8rem;
}

.icono-ok-punto {
  border-radius: 100%;
  width: 3.5rem;
  margin-bottom: 3rem;
}

.titulo-punto-ok {
  color: var(--azul-claro);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.p-ok-punto {
  opacity: .6;
  color: var(--azul-claro);
  width: 100%;
  max-width: 51rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.title-servicio-techonology {
  color: var(--azul-claro);
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.2em;
}

.fila-technology {
  margin-top: 6rem;
}

.col-technology {
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff5e #ffffff1f var(--azul-semi) #ffffff1f;
  border-radius: .5rem;
  padding: 3.1rem;
  box-shadow: 0 6px 16px 4px #0255ff8c;
}

.section-technology {
  background-image: linear-gradient(0deg, var(--azul-intenso), var(--transparente));
  padding: 6rem 3rem;
}

.container-technology {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.title-technology {
  background-image: linear-gradient(225deg, var(--azul-intenso), var(--azul-semi));
  color: var(--azul-claro);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 4rem;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.2em;
}

.lista-de-puntos-technology {
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.col-punto-technology {
  flex-flow: row;
  width: 33.33%;
  margin-bottom: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.p-technology {
  opacity: .6;
  color: var(--azul-claro);
  width: 100%;
  max-width: 51rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.setion-detalle {
  justify-content: space-between;
  align-items: flex-end;
  height: 16.6rem;
  padding-bottom: 3.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-contact {
  background-image: linear-gradient(0deg, var(--azul-intenso), var(--transparente));
  padding: 10rem 3rem 6rem;
}

.container-contact {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.small-title-contact {
  color: var(--azul-semi);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1em;
}

.title-contact {
  background-image: linear-gradient(225deg, var(--azul-intenso), var(--azul-semi));
  color: var(--azul-claro);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 47rem;
  margin: 0 auto 4rem;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.2em;
}

.row-contact {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-form-contact {
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff5e #ffffff1f var(--azul-semi);
  background-image: linear-gradient(180deg, var(--transparente), var(--azul-intenso));
  border-radius: .5rem;
  width: 48%;
  margin-bottom: 0;
  padding: 1.9rem;
}

.label {
  opacity: .6;
  color: var(--azul-semi);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: .2rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1em;
}

.input {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--azul-serio) black #dcdee261;
  background-color: var(--transparente);
  color: var(--azul-claro);
  border-radius: 0;
  margin-bottom: 1.5rem;
  padding: .5rem 0;
  font-size: .8rem;
  line-height: 1em;
}

.col-info-contact {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
  display: flex;
}

.datos-contacto {
  color: var(--azul-claro);
  width: 100%;
  max-width: 51rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.datos-contacto.priemro {
  border-top-style: none;
  margin-top: 0;
  padding-top: 0;
}

.datos-contacto.off:hover {
  padding-left: 0;
}

.linea-contact {
  background-color: var(--azul-intenso);
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.col-contact {
  width: 100%;
}

.espacio-contact {
  flex: none;
  width: 1rem;
}

.section-solution-finder {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 6rem 3rem;
  display: flex;
}

.small-title-sol-finder {
  color: #3b7bff;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1.2em;
}

.container-sol-finder {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cont-sol-finder {
  border-style: solid;
  border-width: 1px;
  border-color: #445dd3 #ffffff1f var(--azul-semi);
  background-color: var(--transparente);
  background-image: linear-gradient(180deg, var(--transparente), var(--azul-intenso));
  box-shadow: 0 15px 50px -1px var(--azul-intenso);
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 26rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  overflow: hidden;
}

.cont-sol-finder.grande {
  border-style: solid;
  border-width: 1px;
  border-color: #445dd3 #ffffff1f var(--azul-semi);
  background-image: linear-gradient(180deg, var(--transparente), var(--azul-intenso));
  box-shadow: 0 15px 50px -1px var(--azul-intenso);
  border-radius: .5rem;
  width: 34%;
  padding: 2.5rem;
}

.intro-quiz {
  color: var(--azul-claro);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 100;
  line-height: 1.2em;
}

.intro-quiz.menor {
  opacity: .7;
  font-size: 1.2rem;
}

.intro-quiz.grande {
  font-size: 1.5rem;
}

.fila-boton-finder {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 3rem;
  display: flex;
}

.empty-one {
  width: 0;
  height: 0;
}

.em-finder {
  color: var(--azul-intenso);
}

.slider-finder {
  background-color: var(--transparente);
  width: 71rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6rem;
  padding-right: 6rem;
}

.puntos-nav {
  display: none;
}

.btn-solution-finder {
  opacity: .4;
  color: var(--azul-semi);
  width: 6rem;
  font-size: 1.1rem;
  line-height: 1em;
  display: none;
}

.slide-finder {
  padding: 2.6rem 3.4rem 4rem;
}

.pregunta-quiz {
  color: var(--azul-semi);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 1.2em;
}

.pregunta-quiz.menor {
  opacity: .7;
  font-size: 1.2rem;
}

.pregunta-quiz.grande {
  font-size: 1.5rem;
}

.pregunta-quiz.intro-outro {
  font-size: 2.1rem;
}

.answers-list {
  grid-column-gap: 2%;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.respuesta-quiz {
  z-index: 1;
  background-color: var(--azul-claro);
  opacity: .7;
  color: var(--negro);
  text-align: center;
  border-radius: 100rem;
  width: 49%;
  margin-bottom: 0;
  padding: .7rem 1.1rem;
  font-size: .9rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: block;
  position: relative;
  overflow: hidden;
}

.respuesta-quiz:hover {
  opacity: 1;
}

.respuesta-quiz.w--current {
  text-decoration: underline;
}

.respuesta-quiz.on {
  opacity: 1;
}

.letra-respuesta {
  border: 3px solid var(--azul-claro);
  background-color: var(--azul-serio);
  color: var(--azul-claro);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.p-nav-quiz {
  opacity: .6;
  color: var(--azul-claro);
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1em;
}

.section-browse {
  background-color: var(--azul-claro);
  padding: 6rem 3rem;
}

.container-browse {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.lista-browse-solutions {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.col-browse {
  border-radius: .5rem;
  width: 33.33%;
  margin-bottom: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

.tablet-browse {
  z-index: 1;
  border: 1px solid var(--azul-intenso);
  background-color: var(--transparente);
  color: var(--azul-serio);
  border-radius: 100rem;
  margin-bottom: 1rem;
  padding: .4rem 1rem;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
  position: absolute;
  top: 2.3rem;
  right: 5.2rem;
}

.inside-col-browse {
  grid-column-gap: 0rem;
  grid-row-gap: 3rem;
  background-image: linear-gradient(180deg, var(--transparente), #ffffff21);
  border-top: 1px solid #fff;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 2.3rem 2.5rem 2.5rem;
  display: flex;
  position: relative;
  box-shadow: 0 6px 5px #00000012;
}

.big-title-browse {
  background-image: linear-gradient(0deg, var(--azul-intenso), var(--azul-serio));
  color: var(--negro);
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2em;
}

.icono-browse {
  z-index: 1;
  opacity: .92;
  border-radius: 100%;
  width: 2rem;
  margin-bottom: 3rem;
  position: absolute;
  top: 2.3rem;
  right: 2.5rem;
}

.linea-browse {
  background-image: linear-gradient(90deg, var(--transparente), var(--azul-intenso));
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.p-browse-service {
  opacity: .6;
  color: var(--negro);
  width: 100%;
  max-width: 51rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.lista-de-filtros {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
  display: flex;
}

.filter-button {
  border: 1px solid var(--azul-serio);
  background-color: var(--azul-serio);
  color: var(--azul-claro);
  border-radius: 100rem;
  padding: .4rem 1rem;
  font-size: .9rem;
  line-height: 1.4em;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.filter-button:hover {
  background-color: var(--transparente);
  color: var(--negro);
}

.filter-button.on {
  background-color: var(--azul-claro);
  color: var(--azul-serio);
}

.filter-tag {
  opacity: .66;
  color: var(--negro);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  height: 2.2rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.2em;
  display: flex;
}

.title-block-service {
  opacity: .66;
  color: var(--negro);
  text-align: left;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.section-solutions {
  padding: 8rem 3rem 6rem;
}

.container-solutions {
  text-align: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.title-quiz-home {
  color: var(--azul-claro);
  text-align: center;
  width: 40%;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.2em;
}

.title-solutions {
  background-image: linear-gradient(225deg, var(--azul-intenso), var(--azul-semi));
  color: var(--azul-claro);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 auto 4rem;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.2em;
}

.section-solution-finder-detalle {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 10.7rem 3rem 6rem;
  display: flex;
}

.col-info-hero-finder {
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 34%;
  margin-bottom: 4rem;
  display: flex;
}

.p-top-browse {
  color: var(--azul-serio);
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.2em;
}

.section-imagen {
  position: relative;
}

.imagen-break {
  opacity: .9;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 38.57rem;
}

.image-parallel {
  height: 29rem;
  position: relative;
  overflow: hidden;
}

.browse-y-login {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-resources {
  background-color: var(--azul-claro);
  padding: 6rem 3rem;
}

.container-resources {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lista-de-tags-resources {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 16%;
  margin-bottom: 8rem;
  display: flex;
  position: sticky;
  top: 7rem;
}

.lista-de-tags-resources.detalle {
  margin-bottom: 0;
}

.lista-resources {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 88%;
  margin-right: -.5rem;
  display: flex;
}

.main-tag {
  z-index: 1;
  border: 1px solid var(--azul-intenso);
  background-color: var(--transparente);
  color: var(--azul-serio);
  border-radius: 100rem;
  margin-bottom: 1rem;
  padding: .4rem 1rem;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
  position: absolute;
  top: 2.3rem;
  right: 2.5rem;
}

.col-resource {
  border-radius: .5rem;
  width: 50%;
  margin-bottom: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

.title-reource {
  background-image: linear-gradient(0deg, var(--azul-intenso), var(--azul-serio));
  color: var(--negro);
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.img-reosurce {
  border-radius: .5rem;
  margin-bottom: 2rem;
}

.paginacion-resources {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 57rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paginacion {
  color: var(--azul-serio);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
  display: flex;
}

.numero-paginacion {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: .1rem;
  font-size: .9rem;
  display: flex;
}

.numero-paginacion.on {
  border: 1px solid var(--azul-intenso);
}

.flecha-pag {
  justify-content: center;
  align-items: center;
  height: 2rem;
  margin-left: 2.9rem;
  margin-right: 2.9rem;
  font-size: .6rem;
  display: flex;
}

.setion-resource {
  background-image: linear-gradient(180deg, var(--azul-serio), var(--negro) 81%, var(--azul-intenso));
  justify-content: space-between;
  align-items: flex-end;
  padding: 8.6rem 3rem 3.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contenido-resource {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 88%;
  margin-right: -.5rem;
  display: flex;
  position: relative;
}

.fecha-y-main-tag {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 2rem;
  display: flex;
  position: relative;
}

.main-tag-detalle {
  z-index: 1;
  border: 1px solid var(--azul-intenso);
  background-color: var(--transparente);
  color: var(--azul-serio);
  border-radius: 100rem;
  margin-bottom: 0;
  padding: .4rem 1rem;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.fecha-resource {
  opacity: .66;
  color: var(--negro);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.2em;
}

.img-reosurce-detalle {
  border-radius: .5rem;
  width: 100%;
  margin-bottom: 2rem;
}

.title-reource-detalle {
  background-image: linear-gradient(0deg, var(--azul-intenso), var(--azul-serio));
  color: var(--negro);
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.cont-content-post {
  opacity: .6;
  color: var(--negro);
  width: 100%;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.4em;
}

.container-interno-post {
  width: 100%;
  max-width: 57rem;
  margin-left: auto;
  margin-right: auto;
}

.container-main-category {
  width: 100%;
  max-width: 90rem;
  margin-bottom: 6rem;
  margin-left: auto;
  margin-right: auto;
}

.title-big-main-cat {
  color: var(--azul-serio);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.2em;
}

.p-main-cat {
  opacity: .47;
  color: var(--negro);
  text-align: center;
  width: 100%;
  max-width: 51rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.3em;
}

.linea-pequena-main-cat {
  background-image: linear-gradient(270deg, var(--transparente), var(--azul-intenso) 50%, var(--transparente));
  width: 100%;
  max-width: 20rem;
  height: 1px;
  margin: 2rem auto;
  box-shadow: 0 2px 3px #002a803b;
}

.btn-resp {
  display: none;
}

.col-item {
  width: 33.33%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.lista-de-tags {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fila-quotes {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.next-prev {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 57rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.espacio-menu {
  width: 3rem;
}

.container-datos {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.titulo-datos {
  background-image: linear-gradient(45deg, var(--azul-intenso), var(--azul-semi));
  color: var(--azul-serio);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  max-width: 60rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.5rem;
  font-weight: 100;
  line-height: 1.3em;
}

.sub-titulo-datos {
  color: var(--azul-semi);
  text-align: center;
  width: 100%;
  max-width: 42rem;
  margin: 2rem auto 0;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 1.3em;
}

.container-main-servicio {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.section-when {
  background-image: linear-gradient(0deg, var(--azul-intenso), var(--negro) 61%);
  padding: 6rem 3rem;
}

.lista-de-porcentajes {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 6rem;
  display: flex;
}

.col-porcentaje {
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 17%;
  display: flex;
}

.cifra-porcentaje {
  opacity: .6;
  color: var(--azul-semi);
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Inter, sans-serif;
  font-size: 3.5rem;
  font-weight: 100;
  line-height: 1em;
}

.desc-cifra {
  color: var(--azul-semi);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 1.3em;
}

.icono-cifra {
  width: 2.1rem;
}

.wrapper-icono {
  aspect-ratio: 1;
  background-color: var(--azul-claro);
  border-radius: 100%;
  margin-bottom: 2rem;
  padding: 1rem;
}

.lista-de-puntos-solos {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.modulo-punto-servicio-centrado {
  border-top: 1px solid var(--azul-intenso);
  box-shadow: 0 2px 9px -3px var(--azul-intenso);
  text-align: center;
  border-radius: .5rem;
  width: 100%;
  padding: 2rem;
}

.titulo-punto-servicio-centrado {
  background-image: linear-gradient(270deg, var(--azul-intenso), var(--azul-semi));
  color: var(--azul-semi);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
}

.fila-info-detalle-solos {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 6rem;
  display: flex;
}

.col-punto-servicio-corto {
  flex-flow: row;
  width: 25%;
  margin-bottom: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.fila-imagen-con-titulo {
  margin-bottom: 6rem;
}

.imagen-full {
  border-radius: 1rem;
  width: 100%;
}

.lang {
  z-index: 1;
  opacity: .7;
  color: var(--azul-claro);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: .7rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  position: relative;
  top: .1rem;
}

.lang:hover {
  opacity: 1;
}

.lang.w--current {
  text-decoration: underline;
}

.cta-landing {
  justify-content: center;
  align-items: center;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.imagen-cta {
  opacity: .5;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 38.57rem;
}

.row-btn {
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.centrado-cta {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

@media screen and (max-width: 991px) {
  .menu-items {
    z-index: 0;
    display: none;
  }

  .menu-items.responsive {
    z-index: 3;
    background-image: linear-gradient(180deg, #000 37%, var(--transparente) 81%);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 20rem;
    padding-top: 6.2rem;
    padding-bottom: 4rem;
    padding-right: 5rem;
    transition: all .5s;
    display: flex;
    position: fixed;
    inset: 0% -20rem 0% auto;
  }

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

  .btn-header {
    margin-left: 0;
    font-size: .9rem;
  }

  .setion-hero {
    background-attachment: scroll;
    height: 39rem;
  }

  .title-hero {
    font-size: 2.7rem;
  }

  .col-info-hero {
    width: 36%;
    padding-top: .7rem;
    position: relative;
  }

  .p-hero {
    font-size: 1rem;
  }

  .link-regular {
    font-size: .9rem;
  }

  .section-about-home {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }

  .section-services, .section-quotes-home {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .col-chico-quote.grande {
    width: 39%;
  }

  .fila-perfil-wuote {
    text-align: center;
    flex-flow: column;
  }

  .img-quote {
    margin-bottom: 2rem;
    margin-right: 0;
  }

  .rol-quote, .nombre-quote {
    text-align: center;
  }

  .section-faqs {
    padding-top: 5rem;
    padding-bottom: 6rem;
  }

  .p-item {
    column-count: 0;
  }

  .link-footer-grande {
    font-size: 1.2rem;
  }

  .punto-icono-about {
    font-size: 1rem;
  }

  .lista-de-puntos-servicio {
    justify-content: center;
    align-items: stretch;
  }

  .col-punto-servicio {
    width: 50%;
  }

  .contenedor-ojo {
    display: none;
  }

  .col-punto-technology, .col-browse {
    width: 50%;
  }

  .lista-de-filtros {
    flex-flow: wrap;
  }

  .section-solutions {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .image-parallel {
    height: 25rem;
  }

  .container-resources {
    flex-flow: column;
  }

  .lista-de-tags-resources {
    width: 100%;
    margin-bottom: 2rem;
    position: static;
  }

  .lista-de-tags-resources.detalle {
    margin-bottom: 2rem;
  }

  .lista-resources {
    width: 100%;
  }

  .paginacion-resources {
    justify-content: center;
    align-items: center;
  }

  .contenido-resource {
    width: 100%;
    margin-right: 0;
  }

  .cont-content-post {
    width: 80%;
  }

  .btn-resp {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 2.8rem;
    height: .8rem;
    display: flex;
    position: relative;
  }

  .linea-btn-resp-top {
    border-top: 1px solid var(--azul-claro);
    width: 100%;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    transition: all .2s;
    position: relative;
    top: 0;
  }

  .linea-btn-resp-top.menu-on {
    width: 50%;
    top: .4rem;
    transform: rotate(45deg);
  }

  .menu-text {
    color: var(--azul-claro);
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1em;
    position: absolute;
    inset: 0 3.7rem 0 auto;
  }

  .linea-btn-resp-bottom {
    border-top: 1px solid var(--azul-claro);
    width: 100%;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    transition: all .2s;
    position: relative;
    top: 0;
  }

  .linea-btn-resp-bottom.menu-on {
    width: 50%;
    top: -.4rem;
    transform: rotate(-45deg);
  }

  .col-item {
    width: 50%;
  }

  .lista-de-tags {
    flex-flow: wrap;
  }

  .fila-tags {
    margin-bottom: 2rem;
  }

  .next-prev {
    justify-content: space-between;
    align-items: center;
  }

  .col-porcentaje {
    width: 24%;
  }

  .lista-de-puntos-solos {
    justify-content: center;
    align-items: stretch;
  }

  .col-punto-servicio-corto {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .container-hero {
    flex-flow: column;
  }

  .title-hero {
    width: 100%;
    margin-bottom: 2.7rem;
  }

  .col-info-hero {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding-top: 0;
  }

  .p-hero {
    width: 46%;
  }

  .fila-about-home {
    grid-column-gap: 4.1rem;
    grid-row-gap: 3rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
  }

  .col-about-home {
    width: 45%;
  }

  .col-chico-quote {
    width: 47%;
  }

  .col-chico-quote.grande {
    order: -1;
    width: 100%;
    margin-bottom: 4rem;
  }

  .quote-content {
    font-size: 1rem;
  }

  .quote-content.grande {
    font-size: 1.2rem;
  }

  .question-faqs {
    font-size: 2rem;
  }

  .title-hero-about {
    font-size: 2.7rem;
  }

  .punto-icono-about {
    width: 70%;
  }

  .lista-items-puntos-about {
    grid-row-gap: 1rem;
  }

  .title-intro-servicio {
    width: 24rem;
    font-size: 2.7rem;
  }

  .p-intro-servicio {
    max-width: 22.1rem;
  }

  .title-servicio-detalle {
    width: auto;
  }

  .tablet-browse {
    margin-bottom: 0;
    position: static;
  }

  .inside-col-browse {
    align-items: flex-start;
  }

  .big-title-browse, .title-reource {
    font-size: 1.2rem;
  }

  .paginacion-resources {
    justify-content: space-between;
    align-items: center;
  }

  .title-reource-detalle {
    width: 100%;
  }

  .col-item {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .fila-quotes {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .next-prev {
    justify-content: space-between;
    align-items: center;
  }

  .lista-de-porcentajes {
    grid-column-gap: 0rem;
    grid-row-gap: 4rem;
    flex-flow: wrap;
  }

  .col-porcentaje {
    width: 48%;
  }
}

@media screen and (max-width: 479px) {
  .title-hero {
    font-size: 2rem;
  }

  .col-info-hero {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .p-hero {
    width: 100%;
    margin-bottom: 2.1rem;
  }

  .col-about-home {
    width: 100%;
  }

  .title-services {
    font-size: 2rem;
  }

  .row-services {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .col-services, .col-chico-quote {
    width: 100%;
  }

  .col-chico-quote.grande {
    margin-bottom: 0;
  }

  .arrow-faqs {
    top: 1.3rem;
  }

  .arrow-faqs.on {
    top: 2.6rem;
  }

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

  .container-footer {
    padding-top: 2.4rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }

  .fila-footer {
    flex-flow: column;
  }

  .col-a-footer {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .col-b-footer {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 3rem;
  }

  .fila-footer-final {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .col-footer-a-final {
    order: 1;
    width: 100%;
    margin-top: 2rem;
  }

  .col-footer-b-final {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .legal-footer {
    text-align: center;
  }

  .form-newsletter {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .title-hero-about {
    font-size: 2rem;
  }

  .col-icono-adicional {
    width: 50%;
  }

  .punto-icono-about {
    font-size: .9rem;
  }

  .lista-items-puntos-about {
    margin-left: 0;
    margin-right: 0;
  }

  .breadcrumb {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .slash {
    display: none;
  }

  .title-intro-servicio {
    width: auto;
    font-size: 2rem;
  }

  .col-intro-servicios-a {
    padding-bottom: 15rem;
  }

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

  .col-punto-servicio {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .contenedor-ojo {
    background-image: linear-gradient(180deg, #0255ff80, var(--transparente));
    width: 100%;
    height: 12rem;
    display: flex;
    top: auto;
    left: 0%;
  }

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

  .col-punto-technology {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .title-contact {
    font-size: 1.5rem;
  }

  .row-contact {
    flex-flow: column;
  }

  .col-form-contact {
    width: 100%;
  }

  .col-info-contact {
    width: 100%;
    margin-top: 2rem;
  }

  .col-browse {
    width: 100%;
  }

  .title-solutions {
    font-size: 1.5rem;
  }

  .col-resource, .col-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .fila-quotes {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .titulo-datos {
    font-size: 2rem;
  }

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

  .modulo-punto-servicio-centrado {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fila-info-detalle-solos {
    justify-content: space-between;
    align-items: stretch;
  }

  .imagen-full {
    border-radius: .5rem;
  }
}