@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-LightItalic.woff') format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Italic.woff') format("woff"), url('../fonts/GeneralSans-VariableItalic.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-ExtralightItalic.woff') format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Extralight.woff') format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-SemiboldItalic.woff') format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Semibold.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

:root {
  --fondo-w1: #f1f1f1;
  --white: white;
  --blackie: #25282a;
  --greeny: #4dd089;
  --gray: #eaeaea;
  --bluey: #4d81d0;
}

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

strong {
  font-weight: 500;
}

.body {
  background-color: var(--fondo-w1);
}

.button {
  color: #fff;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 400px;
  padding: 10px 20px;
  font-family: Switzer;
  font-weight: 200;
  text-decoration: none;
}

.button:hover {
  background-color: var(--white);
  color: #0b0b0b;
}

.button.green {
  border-width: 1px;
  border-color: var(--blackie);
  width: auto;
  color: var(--blackie);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  font-weight: 500;
  transition: all .55s;
  display: flex;
}

.button.green:hover {
  background-color: #0000;
  transform: scale(1.1);
}

.button.link-thing {
  border-color: var(--blackie);
  width: auto;
  color: var(--blackie);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: Generalsans, Arial, sans-serif;
  font-weight: 500;
  transition: all .55s;
  display: flex;
}

.button.link-thing:hover {
  border-color: var(--blackie);
  background-color: var(--greeny);
}

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

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

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

.body-2 {
  background-color: var(--blackie);
}

.field-label {
  color: #fff;
  font-family: Switzer;
  font-weight: 300;
}

.text-field {
  border-radius: 400px;
  font-family: Switzer;
}

.submit-button {
  background-color: var(--white);
  color: var(--blackie);
  border-radius: 400px;
  font-family: Switzer;
}

.head-item {
  z-index: 1;
  height: 40vh;
  margin-top: 0;
  position: relative;
}

.head-item.eli {
  background-image: linear-gradient(#00000080, #00000080), url('../images/eli_1eli.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vh;
}

.head-item.gibraltar {
  background-image: linear-gradient(#00000080, #00000080), url('../images/gibraltar-cover.svg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.head-item.cdec {
  background-image: linear-gradient(#00000080, #00000080);
}

.head-item.eav-v {
  background-image: url('../images/Diapositiva3.png');
  background-position: 0 0;
  background-size: cover;
}

.head-item.eav-iv {
  background-image: url('../images/cover1.png');
  background-position: 0 0;
  background-size: cover;
}

.title {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 32px 32px;
  display: grid;
}

.title.pad-grande {
  grid-template-columns: 1fr 1fr;
  place-items: start;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
}

.heading {
  color: var(--blackie);
  text-transform: none;
  margin-top: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 4.5rem;
}

.heading.small {
  font-size: 2rem;
  line-height: 2.5rem;
}

.subt {
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 31px;
}

.p {
  max-width: 690px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 125%;
}

.p.list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-right: 0;
  line-height: 110%;
}

.p.light {
  font-weight: 300;
}

.p.light.peque {
  color: #25282a;
  line-height: 112%;
}

.p._60 {
  width: 55%;
  margin-left: 0;
  margin-right: auto;
}

.p._60.center {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.p.white {
  color: #fff;
  font-family: Generalsans, Arial, sans-serif;
  font-weight: 400;
}

.content {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: grid;
}

.img-caso {
  border-radius: 16px;
  width: 100%;
  transition: all .4s;
  overflow: hidden;
}

.img-caso:hover {
  pointer-events: auto;
  object-position: 30% 50%;
}

.div-block-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.div-premios {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.premios {
  width: 80px;
  margin-bottom: 10px;
}

.awards {
  width: 300px;
}

.awards.est1 {
  flex-flow: column;
  width: 200px;
  display: flex;
}

.premio {
  font-family: Generalsans, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.field {
  border: .5px solid var(--blackie);
  border-radius: 400px;
}

.submit-button-2 {
  background-color: var(--blackie);
  cursor: pointer;
  border-radius: 400px;
  margin-top: 20px;
  font-family: Switzer;
  transition: opacity .2s;
}

.submit-button-2:hover {
  opacity: .6;
}

.form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1000px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: none;
}

.recaptcha {
  margin-top: 20px;
  margin-bottom: 0;
}

.textarea {
  border: .5px solid var(--blackie);
  color: var(--blackie);
  border-radius: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Satoshi;
  font-size: 16px;
}

.h1 {
  color: var(--blackie);
  margin-top: 20px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 6.5rem;
  font-weight: 400;
  line-height: 7rem;
}

.h1.lighty.expl {
  color: var(--blackie);
  margin-top: 0;
  font-size: 3rem;
  line-height: 3rem;
}

.skew-heading {
  color: #101828;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: -2rem;
  font-size: 9rem;
  font-weight: 800;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.work-card {
  z-index: 1;
  color: #fcfcfd;
  border-radius: .2rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 400px;
  padding: 2.5rem;
  font-family: Switzer;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-card.a_appear-200 {
  border: .5px solid var(--gray);
  background-color: #0000;
  border-radius: .5rem;
  height: 100%;
  min-height: 490px;
  padding: 16px;
  overflow: clip;
}

.work-card_tag {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  border: .01px solid #fff;
  border-radius: 8rem;
  padding: .3rem .65rem;
  font-family: Generalsans, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
}

.work-card_tag.black {
  color: #000;
  border-color: #000;
}

.image-overlay-layer {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.work-card_tags-wrapper {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  width: 100%;
  margin-right: auto;
  display: flex;
  position: relative;
}

.work-card_background-image-wrapper {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.circle-container {
  color: #101828;
  justify-content: center;
  align-items: center;
  width: 250px;
  max-width: 100vw;
  height: 250px;
  max-height: 100vw;
  display: flex;
  position: relative;
}

.heading-style-h2 {
  color: var(--blackie);
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.heading-style-h2.wh {
  color: var(--white);
}

.heading-style-h2.wh.header {
  flex: 0 auto;
}

.heading-style-h2.wh.header.hide {
  height: 1.5rem;
  padding: 0;
  display: flex;
  position: relative;
}

.work-card_background-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.work-card_background-image.contain {
  object-fit: contain;
  background-color: #000;
}

.faq_item {
  cursor: pointer;
  background-color: #fff;
  border-radius: .75rem;
  padding: 2.5rem;
}

.work-card-hover-cursor {
  z-index: 200;
  opacity: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  width: 9rem;
  height: 9rem;
  color: var(--blackie);
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  display: flex;
  position: absolute;
}

.work-card-hover-cursor.black {
  border-color: #000;
}

.wrapper-image {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-image.left {
  transform-origin: 0%;
}

.wrapper-image.right {
  transform-origin: 100%;
}

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

.col.col-lg-2 {
  flex: 16.6667%;
  max-width: 16.6667%;
}

.col.col-lg-2.flex-vert {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.col.col-lg-2.flex-vert.md-sin {
  max-width: 50%;
}

.col.col-lg-3 {
  flex: 25%;
  max-width: 25%;
}

.col.col-lg-3.md-sin {
  max-width: 50%;
}

.col._60top {
  margin-top: 60px;
}

.col._2col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: grid;
}

.fila {
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: center;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.fila.foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

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

.contenedor {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 32px 32px;
}

.contenedor.space-between-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 1440px;
  margin-bottom: 0;
  padding: 32px;
  display: flex;
}

.contenedor.foot {
  max-width: 1600px;
  padding-top: 0;
}

.contenedor.cert-wrap {
  padding: 0;
}

.img-todoancho {
  background-image: url('../images/portada.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  height: auto;
  margin-top: -55px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.arrow {
  width: 25px;
  font-size: 1.2px;
}

.prize {
  filter: invert();
  height: 50px;
  margin-bottom: 20px;
  margin-left: auto;
}

.prize._2 {
  width: auto;
  height: 50px;
  margin-left: 0;
}

.prize.honor {
  height: 70px;
  margin-left: auto;
}

.prize.black {
  filter: none;
}

.paragraph {
  margin-bottom: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.arrow1 {
  width: 25px;
  margin-left: 10px;
}

.huge {
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 9rem;
  font-weight: 300;
  line-height: 9rem;
}

.line {
  border-top: 1px solid #000;
  width: 100%;
  margin-top: 0;
  padding-top: 40px;
}

.cont-nav {
  z-index: 400;
  width: 100%;
  height: 60px;
  color: var(--blackie);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  top: 0;
  bottom: auto;
}

.footer {
  padding-bottom: 40px;
  position: relative;
}

.slider-2 {
  z-index: 2;
  background-color: #ddd0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: auto;
  display: flex;
  position: static;
}

.icon {
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  transition: transform .2s;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.icon:hover {
  transform: scale(1.1);
}

.icon-2 {
  border-radius: 20px;
  width: 40px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  transition: transform .2s;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.icon-2:hover {
  transform: scale(1.1);
}

.slide-nav-2 {
  z-index: 200;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 20px;
  padding-right: 60px;
  display: flex;
  inset: auto 0% 0% auto;
}

.slide-nav-2:hover {
  color: var(--greeny);
}

.img-slider {
  mix-blend-mode: multiply;
  width: 250px;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 0;
}

.subt-nav {
  color: #000;
  text-transform: uppercase;
  margin-left: auto;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
  transition: opacity .2s;
}

.image-8 {
  width: 20px;
  height: 20px;
  margin-left: 20px;
}

.link-web {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.link-web.iz {
  justify-content: flex-start;
  align-items: flex-start;
}

.img3 {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  width: 100%;
  transition: all .4s;
  overflow: hidden;
}

.background-video {
  box-sizing: border-box;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  width: 100%;
  height: 700px;
  overflow: hidden;
}

.list-item-image-outer-wrapper {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.list-item-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: grid;
}

.grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  grid-auto-columns: minmax(.5rem, 1fr);
}

.section-2 {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  flex-direction: column;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  display: flex;
}

.section-2.section-component {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.icon-s {
  filter: invert();
  width: .85rem;
  max-height: .85rem;
  margin-left: auto;
}

.list-item-image-transition {
  background-color: #fff0;
  position: absolute;
  inset: 0%;
}

.list-item-image-inner-wrapper {
  max-width: 300px;
  position: relative;
  right: -20%;
  overflow: hidden;
}

.list-item {
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid #454545;
  justify-content: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.display-s {
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 135%;
}

.list-item-image {
  z-index: 2;
  border-radius: .5rem;
  width: 250px;
  position: relative;
}

.list-item-image.esp {
  width: 140px;
}

.list-item-image.blanca {
  width: 200px;
}

.list-item-image.redondo {
  aspect-ratio: 1;
  border-radius: 25rem;
  width: 150px;
  height: 150px;
}

.list-item-image.calles {
  aspect-ratio: 1;
  border-radius: 16px;
  width: 150px;
  height: 150px;
}

.div-block-24 {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.slide-2 {
  width: 100%;
  height: 100%;
  margin-left: auto;
}

.right-arrow-2 {
  cursor: e-resize;
}

.left-arrow-2 {
  cursor: w-resize;
  display: block;
}

.section-4 {
  z-index: 1;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding-top: 64px;
  display: block;
  position: relative;
}

.letstalk {
  background-color: var(--white);
  position: relative;
}

.p-dest {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

.p-dest.xxl {
  font-size: 4rem;
}

.all-sections {
  z-index: 2;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.al-r {
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.foto {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 110%;
  display: none;
}

.success-message {
  border: 1px dashed var(--greeny);
  background-color: #ddd0;
  border-radius: 200px;
  margin-top: 40px;
}

.error-message {
  border: 1px dashed #d04d4f;
  margin-top: 40px;
}

.hide {
  display: none;
}

.menu {
  color: #000;
  mix-blend-mode: normal;
  font-family: Generalsans, Arial, sans-serif;
  text-decoration: none;
  position: relative;
}

.menu._2 {
  mix-blend-mode: normal;
}

.menu._2.w--current {
  color: #000;
}

.menu__link {
  letter-spacing: -5px;
  text-transform: uppercase;
  font-size: 6em;
  font-weight: 400;
  line-height: 1;
}

.menu__link.is--1 {
  letter-spacing: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
}

.menu__link.is--1.black {
  z-index: 1;
  color: #25282a;
  z-index: 1;
  font-weight: 400;
}

.efi-ft-02-cell {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.efi-ft-02-cell.about {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 100px;
}

.efi-ft-02-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  margin-bottom: 50px;
}

.efi-ft-02-grid.photo {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin: 40px auto 60px;
  display: grid;
}

.lottie-animation {
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
}

.lottie-mov {
  display: none;
}

.link-3 {
  color: #362020;
}

.link-3.w--current {
  color: #000;
}

.link-3.w--current:hover {
  opacity: .6;
}

.image-19 {
  width: 40px;
}

.signal-st {
  border: 1px solid var(--blackie);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.scroll__wrapper {
  z-index: 22;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-bottom: 1%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.arrow_parent {
  z-index: 1;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.arrow__abs-2 {
  z-index: 20;
  width: 40px;
  margin-left: auto;
  margin-right: auto;
  transition: transform .2s;
}

.arrow__abs-2:hover {
  transform: scale(1.1);
}

.typeform-wrapper-n4htn70l {
  max-width: 1440px;
  height: 490px;
  margin-top: 20px;
  overflow: clip;
}

.div-img-mov {
  border-radius: 20px;
  width: 100%;
  height: 800px;
  display: none;
  overflow: clip;
}

.img-move {
  width: 2000px;
  max-width: none;
  height: auto;
}

.background-video-3 {
  z-index: 1;
  aspect-ratio: 1;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
}

.espaciador {
  height: 100px;
}

.link-4 {
  color: var(--blackie);
  text-decoration: none;
}

.link-4:hover {
  font-weight: 500;
}

.text-span {
  text-decoration: underline;
}

.web {
  border-radius: 20px;
  transition: all .4s;
  overflow: hidden;
}

.web:hover {
  pointer-events: auto;
  object-position: 30% 50%;
}

.web._2 {
  aspect-ratio: auto;
}

.web.website {
  border-radius: .2rem;
}

.div-caso {
  background-color: #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all .4s;
  display: flex;
  overflow: hidden;
}

.div-caso:hover {
  pointer-events: auto;
  object-position: 30% 50%;
}

.background-video-4 {
  height: 100%;
}

.image-24 {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.image {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image._350 {
  width: 100%;
  height: 100%;
}

.image.cult {
  height: auto;
}

.efi-ft-03-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.efi-ft-03-features {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
}

.efi-ft-03-sell {
  margin-left: auto;
  margin-right: auto;
}

.efi-ft-03-image-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.efi-ft-03-feature-text {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tags {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.img-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.img-wrap.grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.wrap {
  margin-bottom: 20px;
  overflow: hidden;
}

.div-block-57 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.grid-2 {
  align-content: start;
  place-items: start;
  margin-bottom: 40px;
}

.image-25 {
  width: 100%;
  height: 100%;
}

.menulink-4 {
  opacity: 1;
  color: #fafafa;
  text-align: left;
  margin-top: 0;
  margin-bottom: 13px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 6rem;
  font-weight: 100;
  line-height: 1.2em;
  text-decoration: none;
}

.menulink-4:hover {
  opacity: .8;
}

.menulink-4.w--current {
  opacity: 1;
  color: #000;
  font-weight: 400;
}

.menulink-4.w--current:hover {
  opacity: .5;
}

.list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-right: auto;
  display: flex;
}

.fs_modal-1_cover {
  z-index: 101;
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.fs_modal-1_button:focus-visible, .fs_modal-1_button[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.btn2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: 1;
  color: #111;
  background-color: #12f2a1;
  border: 1px solid #000;
  border-radius: 40px;
  align-items: center;
  margin-right: auto;
  padding: 10px 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.btn2:hover {
  opacity: 1;
  background-color: #fafafa;
}

.list-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.loader-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.nav-end {
  mix-blend-mode: difference;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.header {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 75vh;
  padding: 64px 32px;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.nav-start {
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.nav {
  z-index: 2;
  width: 100%;
  max-width: 1600px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
  display: flex;
  position: fixed;
  top: 0;
  overflow: hidden;
}

.nav.es {
  z-index: 400;
  mix-blend-mode: difference;
  max-width: none;
  padding: 0;
  display: block;
}

.img {
  pointer-events: auto;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 1rem;
  width: 250px;
  height: 200px;
  position: absolute;
  top: 10%;
  left: auto;
  right: 10%;
}

.underline-link {
  color: var(--white);
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  position: relative;
}

.underline-link.w--current, .underline-link.is--alt {
  font-weight: 400;
}

.underline-link.is--alt.lang-of {
  color: #636464;
  font-weight: 400;
}

.underline-link.is--alt.lang-of.w--current {
  color: var(--white);
  font-weight: 500;
}

.underline-link.is--alt.lang-on {
  color: var(--white);
  font-weight: 400;
}

.underline-link.is--alt.lang-on.w--current {
  color: var(--white);
  font-weight: 500;
}

.underline-link.normal {
  color: var(--blackie);
  mix-blend-mode: difference;
  font-weight: 400;
  transition: all .45s;
}

.underline-link.normal:hover {
  color: #5e6163;
}

.underline-link.normal.w--current {
  font-weight: 500;
}

.underline-link.black {
  color: var(--blackie);
}

.c-let {
  color: var(--white);
  font-size: 5rem;
  font-weight: 400;
  display: block;
  position: relative;
}

.nav__links {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  display: flex;
}

.nav_robots {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-left: auto;
  margin-right: 32px;
  display: flex;
}

.services_group-item {
  letter-spacing: -.022em;
  white-space: nowrap;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.services_group-item.slide {
  font-size: 2rem;
  font-weight: 400;
}

.services_group-divider {
  background-color: #165ff2;
  width: 100%;
  height: 1.2px;
}

.services_group-divider.slide {
  background-color: var(--blackie);
  background-color: #25282a;
  height: 1px;
}

.services_gategory-heading {
  letter-spacing: -.022em;
  white-space: nowrap;
  word-break: normal;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 2.7rem;
  font-weight: 400;
  line-height: 1.1;
  display: flex;
}

.services_gategory-heading.in-group {
  border-bottom: 1.2px solid #165ff2;
  width: 100%;
  padding-bottom: .5rem;
  display: none;
}

.services_group {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.services_right-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-left: 1.2px solid var(--blackie);
  flex-direction: column;
  width: 100%;
  padding-top: 3.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  display: flex;
}

.text-size-x1 {
  letter-spacing: -.006em;
  margin-right: auto;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
}

.services_category-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 3.8rem;
  display: flex;
  overflow: hidden;
}

.services_left-sticky {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 5rem;
}

.services_left-sticky.tit {
  grid-row-gap: 0rem;
}

.services_left-col {
  grid-row-gap: .25rem;
  flex: none;
  max-width: 33%;
  position: relative;
}

.services_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: row;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: flex;
}

.link-img {
  cursor: auto;
}

._1440-nav {
  z-index: 400;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 32px;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.img-case {
  border-radius: .2rem;
}

.tit-proj {
  white-space: pre;
  word-break: break-all;
}

.work-card-2 {
  z-index: 1;
  color: #fcfcfd;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 400px;
  padding: 2.5rem;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.list-item-2 {
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid #454545;
  justify-content: center;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.signal-st-2 {
  border: 1px solid #25282a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.tag {
  color: #000;
  letter-spacing: 0;
  border: 1px solid #000;
  border-radius: 20px;
  margin: 0 auto 0 0;
  padding: 5px 10px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 112%;
}

.skip {
  background-color: #fafafa;
  border-radius: 300px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: relative;
}

.skip:focus {
  background-color: #fafafa;
  width: 100%;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.link-esc {
  z-index: 999999;
  height: 48px;
  margin-top: 20px;
  margin-left: 20px;
  font-weight: 400;
  text-decoration: none;
  transition: font-variation-settings .2s, top .6s;
  display: flex;
  position: absolute;
  inset: -100px auto 0% 0%;
}

.link-esc:hover {
  opacity: 1;
  transform: scale(1.05);
}

.link-esc:focus {
  background-color: #f5f5f5;
  flex: 0 auto;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 55px;
  margin-right: auto;
  padding-top: 0;
  padding-left: 60px;
  text-decoration: none;
  inset: 55px auto auto 0%;
  box-shadow: 0 2px 5px #0003;
}

.link-esc.w--current {
  margin: 20px;
  text-decoration: none;
  top: -1000px;
}

.caja {
  background-color: var(--greeny);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.skip-t {
  color: #000;
  text-align: center;
  align-items: flex-end;
  width: auto;
  height: auto;
  margin: 0 auto 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
  display: block;
}

.down {
  margin-top: 5px;
  margin-left: 20px;
  transform: rotate(90deg);
}

.fs_modal-1_cover-2 {
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button-2 {
  color: #fff;
  cursor: pointer;
  background-color: #1378d1;
  padding: .5rem 1rem;
}

.fs_modal-1_button-2:focus-visible, .fs_modal-1_button-2[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.fs_modal-1_close-2 {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fs_modal-1_close-2:focus-visible, .fs_modal-1_close-2[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.carousel-horizontal {
  width: 100%;
  margin: 32px auto;
  padding-top: 32px;
  padding-bottom: 32px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
}

.carousel-horizontal-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  width: auto;
  display: flex;
}

.logo-block {
  color: #000;
  flex: none;
  padding: 0 24px;
}

.logo {
  opacity: .6;
  filter: grayscale();
  mix-blend-mode: multiply;
  width: auto;
  max-width: 110px;
  max-height: 40px;
  display: inline-flex;
  position: relative;
}

.logo.alto {
  max-height: 80px;
}

.logo.alto.w140 {
  max-width: 175px;
}

.logo.long {
  max-width: 200px;
}

.logo.mad {
  max-height: 55px;
}

.wrap-copy {
  overflow: hidden;
}

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

.div {
  background-color: var(--blackie);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 75vh;
  display: flex;
  position: relative;
}

.code-embed-3 {
  width: 100vw;
  height: 75vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-block-2280 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-right: auto;
  display: flex;
}

.background-video-7 {
  height: 40vh;
}

.background-video-8 {
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.work-card-3 {
  z-index: 1;
  color: #fcfcfd;
  border-radius: .2rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 400px;
  padding: 2.5rem;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-overlay-layer-3 {
  z-index: 1;
  background-color: #000000ba;
  position: absolute;
  inset: 0%;
}

.work-card_tags-wrapper-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  width: 100%;
  margin-right: auto;
  display: flex;
}

.div-block-2283 {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.work-card_tag-2 {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  border: .01px solid #fff;
  border-radius: 8rem;
  padding: .5rem 1rem;
  font-family: Generalsans, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1;
}

.heading-style-h2-4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.work-card-hover-text {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  width: 90%;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.12;
}

.work-card-hover-text.black {
  color: var(--blackie);
}

.work-card-4 {
  z-index: 1;
  color: #fcfcfd;
  border-radius: .2rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 400px;
  padding: 2.5rem;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-2284 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: auto;
  display: flex;
}

.work-card_tags-wrapper-3 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  width: 100%;
  margin-right: auto;
  display: flex;
}

.div-block-2285 {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.heading-style-h2-5 {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.tag-no-box {
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 auto 0 0;
  padding-right: 10px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 112%;
}

.code-embed-4 {
  width: 100%;
}

.background-video-10 {
  height: 40vh;
}

.div-block-2287 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.button-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  white-space: nowrap;
  filter: url('../images/');
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  transition-property: all;
  transition-duration: .9s;
  transition-timing-function: cubic-bezier(.135, .9, .15, 1);
  display: flex;
  position: relative;
}

.button-1.white {
  color: var(--white);
}

.button-1.white.center {
  z-index: 4;
  justify-content: center;
  align-items: stretch;
}

.svg-filter_embed {
  display: none;
}

.button-1_content-wrap {
  border: 1px solid #000;
  border-radius: 3rem;
  padding: 8px 16px;
}

.button-1_content-wrap.white {
  border-color: var(--white);
}

.button-1_arrow-wrapper {
  aspect-ratio: 1;
  border: 1px solid var(--blackie);
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: -.25rem;
  display: flex;
}

.button-1_arrow-wrapper.white {
  border-color: var(--white);
}

.button_arrow-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.control_wrapper {
  color: #686868;
  border: .5px solid #000;
  border-radius: 100vw;
  padding: .1rem;
}

.control_layout {
  display: flex;
  position: relative;
}

.control_background {
  background-color: #e0e0e0;
  border-radius: 100vw;
  width: 50%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.control_button {
  background-color: #0000;
  border-radius: 100vw;
  width: 5rem;
  height: 3rem;
  padding: 0;
  transition: color .1s;
  position: relative;
}

.control_button:hover {
  color: #101217;
}

.control_button.is-grid, .control_button.is-list {
  width: auto;
  height: auto;
  padding: .5rem;
}

.tit-toggle {
  height: auto;
  color: var(--blackie);
  font-family: Generalsans, Arial, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: .8rem;
  text-decoration: none;
  position: relative;
}

.tit-toggle.w--current {
  font-weight: 400;
}

.code-embed-5 {
  display: none;
}

.robots_text {
  z-index: 300;
  background-color: var(--fondo-w1);
  color: var(--blackie);
  padding: 7rem 2rem 4rem;
  font-family: Courier New, Courier, monospace;
  font-size: .95rem;
  line-height: 1.6;
  display: none;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.robots_text-content {
  white-space: pre-wrap;
  max-width: 46rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Courier New, Courier, monospace;
}

.iframe-laptop {
  z-index: 0;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.h2-meta {
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 14px;
  display: flex;
}

.h2-cap {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.h2-num {
  font-size: 14px;
}

.h2-title {
  margin: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 500;
  line-height: 1;
}

.h2-roles {
  margin: 0;
  font-size: 15px;
}

.h2-cta {
  border: 1px solid #111;
  border-radius: 100px;
  align-self: flex-start;
  padding: 10px 20px;
  font-size: 15px;
}

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

.mays {
  text-transform: uppercase;
}

.background-video-11 {
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding: 32px;
  display: flex;
}

.background-video-11.gris {
  background-color: #eaeaea;
}

.hm-wrap {
  color: #111;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  font-family: Generalsans, sans-serif;
}

.hm-mod {
  padding: 32px;
  font-family: Generalsans, sans-serif;
}

.hm-mod.hm-m1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 224px;
  padding-bottom: 128px;
  display: flex;
}

.hm-h1 {
  letter-spacing: -.03em;
  max-width: 16ch;
  margin: 0;
  font-family: Generalsans, sans-serif;
  font-size: clamp(44px, 8.5vw, 140px);
  font-weight: 500;
  line-height: 1;
}

.mc-mod {
  color: inherit;
  padding: 32px;
  font-family: Generalsans, sans-serif;
}

.mc-mod.mc-meta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom-width: 0;
  border-bottom-color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  max-width: 1600px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mc-mod.mc-decs {
  padding: 0;
}

.mc-mod.mc-nextwrap {
  border-top: 1px solid #000;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
}

.mc-meta {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.mc-field {
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.mc-label {
  color: var(--blackie);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.mc-val {
  font-size: 18px;
}

.mc-decs {
  max-width: 1100px;
}

.mc-result {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.mc-resulttext {
  margin: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: clamp(20px, 2.4vw, 32px);
  font-weight: 500;
  line-height: 1.2;
}

.mc-nextwrap {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.mc-next {
  color: #111;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.mc-nextlabel {
  font-size: 14px;
}

.mc-nexttitle {
  letter-spacing: -.03em;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1;
}

.mc-all {
  color: inherit;
  font-size: 15px;
  text-decoration: none;
}

.stick-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding-bottom: 64px;
  padding-right: 40px;
  display: flex;
  position: sticky;
  top: 96px;
}

.div-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-4 {
  aspect-ratio: auto;
  padding-top: 0;
  padding-bottom: 32px;
  position: relative;
}

.list-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.list-3.grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) 1fr;
  grid-auto-columns: minmax(.5rem, 1fr);
  display: grid;
}

.list-3.grid.fin {
  padding-top: 32px;
  padding-bottom: 32px;
}

.list-item-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

._1600 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.list-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

._16-9 {
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: clip;
}

.background-video-14 {
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.paragraph-2 {
  font-size: 1.1rem;
}

.hp-wrap {
  background-color: #eaeaea;
  height: 420vh;
  position: relative;
}

.hp-stage {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.img4 {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 20px;
  width: 100%;
  height: 400px;
  transition: all .4s;
  overflow: hidden;
}

.cert-wrap {
  padding-top: 64px;
  padding-bottom: 64px;
}

.cert-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.cert-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #0003;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 180px;
  padding: 24px;
  display: flex;
}

.cert-issuer {
  opacity: .6;
  margin: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 14px;
}

.cert-title {
  margin: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1;
}

.credits {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 32px;
  display: grid;
}

.div-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.sello {
  mix-blend-mode: multiply;
  width: 50px;
  transform: rotate(15deg);
}

.sello.sin-rot {
  transform: none;
}

.div-12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div3 {
  border-radius: 16px;
}

.div3._16-9 {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 720px;
}

.background-video-16 {
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
}

.capa-opacidad {
  background-image: linear-gradient(#0000, #0000004d);
  position: absolute;
  inset: 0%;
}

.sr-only {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.div-13 {
  padding-right: 32px;
}

.div-14 {
  padding-bottom: 32px;
}

@media screen and (min-width: 1280px) {
  .efi-ft-02-cell {
    padding-right: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .img {
    width: 250px;
    height: 250px;
  }
}

@media screen and (min-width: 1920px) {
  .fila.foot {
    place-items: start stretch;
  }

  .cont-nav {
    justify-content: center;
    align-items: center;
    inset: 0% auto auto;
  }

  .slider-2 {
    width: 100vw;
    height: 100vh;
  }

  .list-item-image {
    width: 200px;
  }

  .slide-2 {
    width: 100vw;
    height: 100vh;
  }

  .efi-ft-02-grid.photo {
    align-items: center;
  }

  .nav {
    margin-left: auto;
  }

  .img {
    width: 350px;
    height: 350px;
  }

  ._1440-nav {
    margin-left: auto;
  }

  .skip-t {
    font-size: 19px;
  }

  .logo.pv {
    max-width: 200px;
  }

  .button-1 {
    justify-content: flex-end;
    align-items: stretch;
  }

  ._1600 {
    padding: 32px;
  }

  .div-10 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .award {
    width: 90px;
  }
}

@media screen and (max-width: 991px) {
  .utility-page-content {
    width: 100%;
  }

  .title {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading {
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 100%;
  }

  .subt {
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 100%;
  }

  .p {
    font-size: 1rem;
  }

  .p.light.peque {
    font-size: 18px;
  }

  .p._60 {
    width: 60%;
  }

  .p._60.center {
    width: 80%;
  }

  .content {
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .h1 {
    font-size: 6rem;
    line-height: 6.5rem;
  }

  .skew-heading {
    font-size: 7rem;
  }

  .work-card {
    height: 100%;
    min-height: 25rem;
  }

  .heading-style-h2 {
    line-height: 40px;
  }

  .work-card-hover-cursor {
    opacity: 1;
  }

  .col.col-lg-2 {
    max-width: 100%;
  }

  .col.col-lg-2.flex-vert {
    flex-flow: row;
  }

  .col.col-lg-2.flex-vert.md-sin {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 100%;
  }

  .col.col-lg-3 {
    max-width: 100%;
  }

  .col.col-lg-3.md-sin {
    max-width: 30%;
  }

  .fila.is--style-guide-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex;
  }

  .fila.grid4 {
    grid-template-columns: 1fr 1fr;
  }

  .contenedor {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contenedor.space-between-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .img-todoancho {
    background-image: none;
  }

  .huge {
    font-size: 5rem;
    line-height: 5rem;
  }

  .cont-nav {
    padding: 0;
  }

  .slide-nav-2 {
    margin-bottom: 10px;
    padding-right: 40px;
  }

  .link-web {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
  }

  .grid {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .section-2.section-component {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .list-item-image {
    width: 300px;
  }

  .list-item-image.redondo, .list-item-image.calles {
    object-fit: cover;
    width: 150px;
  }

  .p-dest {
    font-size: 1.5rem;
  }

  .image-14 {
    margin-left: auto;
    margin-right: auto;
  }

  .efi-ft-02-cell {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .efi-ft-02-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    width: 70%;
  }

  .efi-ft-02-grid.photo {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: .75fr .25fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .lottie-animation {
    padding-top: 0;
    display: none;
  }

  .lottie-mov {
    height: 90vh;
    margin-top: 60px;
    display: flex;
  }

  .typeform-wrapper-n4htn70l {
    margin-top: 40px;
  }

  .img-move {
    width: 1900px;
  }

  .background-video-3 {
    height: auto;
  }

  .image-24 {
    max-width: 50%;
    margin-top: auto;
  }

  .image._350 {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .showcase {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .efi-ft-03-features {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

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

  .grid-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .div-block-58 {
    display: none;
  }

  .image-25 {
    margin-left: auto;
    margin-right: auto;
  }

  .menulink-4 {
    margin-bottom: 15px;
  }

  .menulink-4.w--current {
    color: #000;
  }

  .nav-end {
    justify-content: space-between;
    align-items: center;
  }

  .header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav {
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
  }

  .img {
    width: 150px;
    height: 150px;
  }

  .underline-link, .underline-link.is--alt.lang-of, .underline-link.is--alt.lang-on, .underline-link.normal {
    font-size: 1rem;
    line-height: 1;
  }

  .nav__links {
    grid-column-gap: .75em;
    grid-row-gap: .5em;
  }

  .services_group-item {
    font-size: 2.25rem;
  }

  .services_group-item.slide {
    white-space: normal;
    word-break: normal;
    font-size: 1.6rem;
  }

  .services_category-wrapper {
    height: 2.5rem;
  }

  .services_wrapper, ._1440-nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tit-proj {
    height: 2.5rem;
  }

  .work-card-2 {
    min-height: 35rem;
  }

  .skip-t {
    height: auto;
    font-size: 16px;
    line-height: 18px;
  }

  .work-card-3 {
    min-height: 25rem;
  }

  .heading-style-h2-4 {
    line-height: 40px;
  }

  .work-card-4 {
    min-height: 25rem;
  }

  .heading-style-h2-5 {
    line-height: 40px;
  }

  .div-block-2287 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .button-1_content-wrap {
    padding: 8px 16px;
  }

  .background-video-11, .hm-mod {
    padding: 16px;
  }

  .hm-h1 {
    margin-bottom: 16px;
  }

  .mc-mod {
    padding: 16px;
  }

  .mc-mod.mc-meta {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .mc-resulttext {
    font-size: 1.4rem;
    font-weight: 500;
  }

  .mc-nexttitle {
    font-size: 4rem;
  }

  .list-3.grid.fin {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .div-10 {
    grid-column: 1 / -1;
  }

  .div3._16-9 {
    aspect-ratio: 16 / 9;
    height: auto;
  }
}

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

  .subt {
    line-height: 100%;
  }

  .p._60, .p._60.center {
    width: auto;
  }

  .content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .form {
    grid-template-rows: auto auto auto auto;
  }

  .h1 {
    font-size: 4rem;
    line-height: 4.2rem;
  }

  .h1.lighty {
    font-size: 3rem;
    line-height: 105%;
  }

  .work-card {
    padding: 2rem;
  }

  .work-card_tag {
    font-size: .75rem;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .faq_item {
    border-radius: .5rem;
    padding: 2rem;
  }

  .col.col-lg-3.md-sin {
    max-width: 100%;
  }

  .col._2col {
    flex-flow: column;
    display: flex;
  }

  .fila {
    margin: 0;
  }

  .fila.foot {
    flex-flow: column;
    display: flex;
  }

  .contenedor {
    padding-left: 20px;
    padding-right: 20px;
  }

  .prize {
    height: 60px;
  }

  .huge {
    line-height: 100%;
  }

  .cont-nav {
    mix-blend-mode: normal;
  }

  .slide-nav-2 {
    padding-right: 20px;
  }

  .subt-nav {
    text-align: left;
  }

  .link-web {
    flex-flow: column;
  }

  .list-item-content {
    display: flex;
  }

  .section-2.section-component {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .display-s {
    font-size: 1.25rem;
  }

  .list-item-image.redondo, .list-item-image.calles {
    object-fit: cover;
  }

  .foto {
    height: auto;
  }

  .menu__link.is--1.black {
    font-size: 1rem;
  }

  .efi-ft-02-cell.about {
    margin-top: 40px;
  }

  .efi-ft-02-grid {
    width: 80%;
  }

  .efi-ft-02-grid.photo {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-columns: 1fr .35fr;
  }

  .scroll__wrapper {
    right: 0;
  }

  .div-img-mov {
    height: 500px;
  }

  .img-move {
    width: 1200px;
  }

  .image-24 {
    max-width: 100%;
  }

  .image._350 {
    width: 300%;
  }

  .image.hide-mob {
    display: none;
  }

  .img-wrap {
    grid-template-rows: auto auto;
  }

  .menulink-4 {
    margin-bottom: 15px;
    font-size: 4rem;
  }

  .fs_modal-1_cover {
    z-index: 799;
    background-color: #db3579;
  }

  .nav-end {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: row;
    width: auto;
    display: flex;
  }

  .header {
    overflow: hidden;
  }

  .nav-start {
    width: auto;
    margin-right: auto;
  }

  .nav {
    mix-blend-mode: normal;
    padding: 16px;
  }

  .underline-link {
    font-size: 1rem;
  }

  .underline-link.w--current {
    color: var(--blackie);
  }

  .underline-link.black.w--current {
    font-size: 1.2rem;
  }

  .c-let {
    font-size: 4rem;
  }

  .nav_robots {
    display: none;
  }

  .services_gategory-heading {
    font-size: 2rem;
  }

  .services_gategory-heading.in-group {
    display: block;
  }

  .services_right-col {
    border-left-width: 0;
    padding-top: 2rem;
    padding-left: 0;
  }

  .services_left-sticky.tit {
    position: relative;
    top: 0;
  }

  .services_left-col {
    display: none;
  }

  .services_wrapper {
    padding: 16px;
  }

  ._1440-nav {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tit-proj {
    height: auto;
  }

  .work-card-2 {
    padding: 2rem;
  }

  .tag {
    font-size: 1.25rem;
  }

  .skip-t {
    text-align: center;
    height: auto;
  }

  .hamburger {
    z-index: 99999;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100px;
    height: 12px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .fs_modal-1_button-2 {
    z-index: 9999;
    color: #fff0;
    background-color: #1378d100;
    margin-left: auto;
    position: relative;
  }

  .fs_modal-1_close-2 {
    padding: 1rem;
  }

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

  .carousel-horizontal-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .logo-block {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .work-card-3 {
    padding: 2rem;
  }

  .work-card_tag-2 {
    font-size: .75rem;
  }

  .heading-style-h2-4 {
    font-size: 2rem;
  }

  .work-card-4 {
    padding: 2rem;
  }

  .heading-style-h2-5 {
    font-size: 2rem;
  }

  .tag-no-box {
    font-size: 1.25rem;
  }

  .button-1 {
    grid-column: 1 / -1;
    max-width: 100%;
  }

  .tit-toggle {
    font-size: 1rem;
  }

  .tit-toggle.w--current {
    color: var(--blackie);
  }

  .hm-mod {
    padding: 16px;
  }

  .cert-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .cert-card {
    min-height: 120px;
  }
}

@media screen and (max-width: 479px) {
  .button {
    background-color: #00000054;
  }

  .head-item {
    margin-top: 0;
  }

  .head-item.eli {
    height: 30vh;
  }

  .title {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .heading {
    font-size: 2rem;
    line-height: 100%;
  }

  .subt, .p.light.peque, .p.light.peque, .p.light.peque {
    font-size: 1rem;
  }

  .content {
    padding: 16px;
  }

  .img-caso {
    object-fit: cover;
    height: 400px;
  }

  .div-block-6 {
    padding-right: 0;
  }

  .form {
    grid-template-rows: auto auto auto auto;
  }

  .h1.lighty {
    font-size: 2rem;
    line-height: 112%;
  }

  .skew-heading {
    font-size: 5rem;
  }

  .work-card.a_appear-200 {
    padding: 10px;
  }

  .work-card_tag {
    white-space: nowrap;
    border-width: 1px;
    padding: .375rem .75rem;
    font-size: .75rem;
  }

  .image-overlay-layer {
    transition: all .2s ease-in;
  }

  .image-overlay-layer:hover {
    background-color: #000000db;
  }

  .work-card_tags-wrapper {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .heading-style-h2 {
    font-size: 1.6rem;
    line-height: 105%;
  }

  .work-card-hover-cursor {
    border-left-width: 1px;
    border-radius: 2em;
    flex: 0 auto;
    height: 4rem;
    margin-bottom: 4rem;
    display: none;
  }

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

  .col.col-lg-2.flex-vert {
    flex-flow: row;
  }

  .col.col-lg-2.flex-vert.md-sin {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .col._60top {
    margin-top: 20px;
  }

  .col._2col {
    flex-flow: column;
    display: flex;
  }

  .fila.foot {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .fila.grid4 {
    grid-template-columns: 1fr;
  }

  .contenedor {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .contenedor.space-between-20 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contenedor.foot {
    padding-bottom: 0;
  }

  .prize {
    height: 50px;
    margin-top: 20px;
    margin-left: 0;
  }

  .prize._2 {
    height: 55px;
    margin-left: 0;
  }

  .prize.honor {
    height: auto;
    margin: 0;
  }

  .huge {
    font-size: 4rem;
  }

  .line {
    padding-top: 0;
  }

  .slide-nav-2 {
    padding-right: 1rem;
    inset: auto 0% 0% auto;
  }

  .subt-nav {
    text-align: left;
    font-size: .9rem;
    line-height: 112%;
  }

  .link-web {
    padding-bottom: 40px;
  }

  .background-video {
    height: 200px;
  }

  .list-item-content {
    display: flex;
  }

  .section-2.section-component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .list-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .display-s {
    margin-right: auto;
    font-size: 1rem;
  }

  .list-item-image, .list-item-image.esp {
    width: 140px;
  }

  .list-item-image.blanca {
    width: 120px;
  }

  .list-item-image.redondo, .list-item-image.calles {
    width: 110px;
    height: 150px;
  }

  .div-block-24 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
    margin-bottom: 10px;
  }

  .p-dest.xxl {
    font-size: 4rem;
  }

  .menu._2 {
    text-decoration: none;
  }

  .menu__link.is--1 {
    font-size: .9rem;
  }

  .menu__link.is--1.black {
    margin-bottom: 10px;
    font-size: .9rem;
  }

  .efi-ft-02-cell.about {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .efi-ft-02-grid {
    width: 100%;
    margin-bottom: 20px;
  }

  .efi-ft-02-grid.photo {
    flex-flow: column;
    margin-bottom: 0;
    display: flex;
  }

  .lottie-mov {
    padding-right: 1rem;
  }

  .signal-st {
    margin-right: auto;
  }

  .scroll__wrapper {
    z-index: 3;
    bottom: 0;
    left: 1rem;
    right: auto;
  }

  .typeform-wrapper-n4htn70l {
    height: 100vh;
  }

  .div-img-mov {
    height: 400px;
  }

  .img-move {
    width: 950px;
  }

  .web, .div-caso {
    object-fit: cover;
    height: 400px;
  }

  .image-24 {
    max-width: 100%;
  }

  .efi-ft-03-features {
    grid-template-columns: 1fr;
  }

  .tags {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .img-wrap {
    flex-flow: column;
    display: flex;
  }

  .div-block-57 {
    margin-top: 20px;
  }

  .menulink-4 {
    font-size: 40px;
  }

  .menulink-4.w--current {
    margin-right: auto;
  }

  .list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-right: 0;
  }

  .nav-end {
    width: auto;
  }

  .header {
    padding: 32px;
  }

  .nav-start {
    width: auto;
    margin-right: auto;
  }

  .nav {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .c-let {
    font-size: 3rem;
  }

  .nav__links {
    grid-column-gap: .5em;
    flex-flow: row;
    margin-left: auto;
  }

  .nav_robots {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    display: none;
  }

  .services_group-item {
    font-size: 1.75rem;
  }

  .services_group-item.slide {
    font-size: 1.5rem;
  }

  .services_group-divider.slide.hide-mob {
    display: none;
  }

  .services_gategory-heading {
    font-size: 2rem;
  }

  .services_gategory-heading.in-group.slide {
    border-bottom-width: 1px;
    border-bottom-color: var(--blackie);
    font-size: 2rem;
  }

  .services_left-sticky.tit {
    margin-bottom: 40px;
    position: static;
  }

  .services_wrapper {
    width: 100%;
    padding: 16px;
  }

  .tit-proj {
    height: auto;
  }

  .work-card-2 {
    min-height: 20rem;
  }

  .list-item-2 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .signal-st-2 {
    margin-right: auto;
  }

  .tag {
    font-size: .8rem;
    display: none;
  }

  .skip-t {
    justify-content: center;
    align-items: center;
    height: 30px;
    margin-left: auto;
    font-size: 14px;
    line-height: 14px;
    display: flex;
  }

  .hamburger {
    width: 32px;
  }

  .work-card-3 {
    min-height: 20rem;
  }

  .image-overlay-layer-3 {
    transition: all .2s ease-in;
  }

  .image-overlay-layer-3:hover {
    background-color: #000000db;
  }

  .work-card_tags-wrapper-2 {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-2283 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
    margin-bottom: 10px;
  }

  .work-card_tag-2 {
    white-space: nowrap;
    border-width: 1px;
    padding: .375rem .75rem;
    font-size: .75rem;
  }

  .heading-style-h2-4 {
    font-size: 1.6rem;
    line-height: 105%;
  }

  .work-card-hover-text {
    line-height: .9;
  }

  .work-card-4 {
    min-height: 20rem;
  }

  .work-card_tags-wrapper-3 {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-2285 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
    margin-bottom: 10px;
  }

  .heading-style-h2-5 {
    font-size: 1.6rem;
    line-height: 105%;
  }

  .tag-no-box {
    font-size: .8rem;
    display: none;
  }

  .div-block-2287 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .iframe-laptop {
    height: 200px;
  }

  .hm-mod {
    padding: 16px;
  }

  .hm-mod.hm-m1 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .hm-h1 {
    max-width: 20ch;
  }

  .mc-resulttext {
    font-size: 1.2rem;
    font-weight: 500;
  }

  .mc-nexttitle {
    font-size: 2rem;
  }

  .stick-2 {
    padding-right: 0;
  }

  .div-4 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

#w-node-_7ecc7a3e-d5b0-788f-4389-535679847ef3-5ffeee5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ecc7a3e-d5b0-788f-4389-535679847efa-5ffeee5a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_14933bb2-132c-299e-0008-62e4b4b3d4a2-5ffeee5a, #w-node-_14933bb2-132c-299e-0008-62e4b4b3d4a8-5ffeee5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ccf75965-436d-0287-e562-076bd8378d76-5ffeee5a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_86f99afe-4251-dd8c-9833-7c4ecea953e3-5ffeee5a, #w-node-_86f99afe-4251-dd8c-9833-7c4ecea953b8-5ffeee5a, #w-node-_86f99afe-4251-dd8c-9833-7c4ecea953c7-5ffeee5a, #w-node-_86f99afe-4251-dd8c-9833-7c4ecea953d5-5ffeee5a, #w-node-a86f01ae-881f-c979-331b-1922e33df29a-5ffeee5a, #w-node-_86f99afe-4251-dd8c-9833-7c4ecea953fc-5ffeee5a, #w-node-_86f99afe-4251-dd8c-9833-7c4ecea9540b-5ffeee5a, #w-node-_34804a9c-7bbe-dba0-47b1-2b552c89286a-5ffeee5a {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-bc32704f-addc-5732-bf9b-880c7c123f8e-5ffeee5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_4afe07b8-4db9-3de6-8f77-9bec5840e071-5840e064 {
  justify-self: end;
}

#w-node-_2edc8cdd-53c5-d5d7-6ced-96886c66dd4d-5ffeee5c {
  align-self: start;
}

#w-node-e3263fb1-184b-769e-fd92-f67ed2e1a62a-5ffeee5c {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_75b55507-5d92-78c9-74c1-3ff111318d52-5ffeee5c, #w-node-bf8f62a7-7293-4826-b14a-97e2e0a3e221-5ffeee5c, #w-node-_1daa0f8e-75ae-4254-20ae-49f3de45f8ae-5ffeee5c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4d570ffe-1092-65f0-ec5b-ed734851c84c-5ffeee5c, #w-node-f189ab43-6cda-5b5b-8347-eee3281c4ee3-5ffeee5c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e6a4c990-e195-2379-8347-b7d63c2cb3b1-5ffeee5c, #w-node-db887093-9e47-fd8f-e4cf-1c3b4b3a2873-5ffeee5c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2edc8cdd-53c5-d5d7-6ced-96886c66dd4d-5ffeee5e {
  align-self: start;
}

#w-node-_19dff8e9-d138-d010-c78e-c6c7b3741242-5ffeee5e {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-cc1e0639-651c-e657-1bed-a8e94c5102e8-5ffeee5e, #w-node-_0f741724-d352-b866-5c0d-fb05f62876f5-5ffeee5e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2edc8cdd-53c5-d5d7-6ced-96886c66dd4d-5ffeee62 {
  align-self: start;
}

#w-node-_4a46ec9d-4c29-b083-6665-08ad0ce72d6e-5ffeee62 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_8cfc6553-16e0-89d6-7ad5-03382e538907-5ffeee62 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_90a56f40-3e56-9b63-23da-72e5be4d3721-5ffeee62 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_80656bd2-fd20-b33b-5f59-f5c9c96cccd0-5ffeee62 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_18bcf4e2-105e-63a2-10ff-e47d8ecdf841-5ffeee62 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a01065a-6f9a-7474-51c5-1e000b685578-5ffeee62 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2edc8cdd-53c5-d5d7-6ced-96886c66dd4d-5ffeee6c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5a295bf5-d416-1853-152a-7b9fc9d2d963-5ffeee6c, #w-node-_227abfd5-2fc8-c432-7355-2a80f3c830a9-5ffeee6c, #w-node-_7a544094-2674-adf4-b68d-7a0650c16a46-5ffeee6c, #w-node-ea148139-65ee-43e7-a8e2-5ff36470f376-5ffeee6c, #w-node-_3fe7b8da-b057-59dd-558d-aa89e6bc5d46-5ffeee6c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2edc8cdd-53c5-d5d7-6ced-96886c66dd4d-5ffeee6d {
  align-self: start;
}

#w-node-_6bbcd886-b735-e06d-e6c4-b6a1fbff905a-5ffeee6d, #w-node-bf8f62a7-7293-4826-b14a-97e2e0a3e221-5ffeee6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_55db9265-87cd-5c1e-1b20-f46be9d8cffb-5ffeee6d, #w-node-_81ea3ecc-d249-f882-59cc-c4f56739397f-5ffeee6d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2edc8cdd-53c5-d5d7-6ced-96886c66dd4d-5ffeee6f {
  align-self: start;
}

#w-node-_763246f3-920e-b956-824e-ca7dea7eb26f-5ffeee6f {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-a0731656-cd27-0382-984a-b0961b6397f3-5ffeee6f, #w-node-_64c15132-5b82-f890-10e3-52b34aca6b15-5ffeee6f, #w-node-_4dd0fcef-b040-0be3-3fc4-2d103b166b86-5ffeee6f, #w-node-_651c569c-feb2-bb0f-1f71-7b8f41a19b96-5ffeee70, #w-node-e1e6610f-da81-34b1-8c16-d294f592e0d0-5ffeee70 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2edc8cdd-53c5-d5d7-6ced-96886c66dd4d-5ffeee71 {
  align-self: start;
}

#w-node-_89d1b80b-8de9-07df-066b-d5fc841f822f-5ffeee71 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_0a7dfd1a-97bd-2f7c-ae42-61848dab401e-5ffeee71 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_261adc72-7e15-5baf-a94f-c5ff39987b09-43313ccd {
  place-self: end start;
}

#w-node-_5cea8162-ccad-c545-9ffd-1de5497488d9-43313ccd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e47ba5ec-746f-31ff-77dc-abfc9edfc85e-43313ccd, #w-node-_8a7d8e89-7d64-4180-807f-c40d412d9d72-43313ccd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_56586480-5f95-4108-e7cd-d7793c268623-43313ccd, #w-node-_56586480-5f95-4108-e7cd-d7793c26862b-43313ccd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56586480-5f95-4108-e7cd-d7793c268613-43313ccd, #w-node-_217a6ba7-71f4-2640-6b5d-4c3bd7983e18-43313ccd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-e3263fb1-184b-769e-fd92-f67ed2e1a62a-5ffeee5c, #w-node-_4a46ec9d-4c29-b083-6665-08ad0ce72d6e-5ffeee62 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9a723867-020d-04cb-54ad-a3f7ab9f3a46-5ffeee6c {
    grid-area: span 5 / span 1 / span 5 / span 1;
  }

  #w-node-_38cf01af-a888-f28d-e3b5-5d0efc04be72-5ffeee6c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47eacb36-55df-bd9d-4344-e45580760280-5ffeee6d {
    grid-area: span 5 / span 1 / span 5 / span 1;
  }

  #w-node-_1e5707cf-42c4-ec8e-1f85-f3c5b39ceb1b-5ffeee6d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7ecc7a3e-d5b0-788f-4389-535679847efa-5ffeee5a, #w-node-_14933bb2-132c-299e-0008-62e4b4b3d4a8-5ffeee5a, #w-node-ccf75965-436d-0287-e562-076bd8378d76-5ffeee5a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Italic.woff') format('woff'), url('../fonts/GeneralSans-VariableItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-ExtralightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Extralight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-SemiboldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans Variable';
  src: url('../fonts/GeneralSans-Variable.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}