:root {
  --negro: black;
  --blsnco: white;
  --opacity-0: #fff0;
  --contrast-tertiary: #fff3;
  --azul: #015366;
  --gris: #3a3a3a;
  --brand-primary: #8700ff;
  --color-boton: #b7e049;
  --contrast-secondary: #ffffff80;
  --common-black-opacity-50: #00000080;
  --contrast-tertiary-black: #0003;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--negro);
  color: var(--blsnco);
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

h1 {
  color: var(--blsnco);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18vw;
  line-height: .75;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 400;
  line-height: 5rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 100%;
}

h4 {
  color: var(--blsnco);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  text-decoration: none;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--blsnco);
  text-decoration: underline;
}

li {
  margin-bottom: 1rem;
}

strong {
  font-weight: 500;
}

.navbar {
  background-color: var(--opacity-0);
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: fixed;
  inset: 0% 0% auto;
}

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

.container.contact-section {
  flex-flow: column;
  justify-content: flex-end;
  min-height: 100vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container.borders-top {
  border-top: 1px solid var(--contrast-tertiary);
}

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

.menu-item {
  color: var(--blsnco);
  padding: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}

.menu-item.w--current {
  color: var(--blsnco);
}

.nav-menu.gap-2-horizontal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.layout-space-between {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.section.full-screen {
  width: 100%;
  min-height: 100svh;
}

.section.full-screen.fixed {
  z-index: -1;
  position: fixed;
  inset: 0%;
}

.section.full-screen.fixed.oculto {
  display: none;
}

.section.full-screen.layout-top {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.section.full-screen.layout-top.position-sticky {
  z-index: 200;
  justify-content: space-between;
  align-items: flex-end;
}

.section.full-screen.background-black.padding-top-12 {
  padding-top: 12rem;
  position: relative;
}

.section.full-screen.background-black.padding-top-24 {
  padding-top: 24rem;
}

.section.full-screen.background-brand-primary {
  background-color: var(--azul);
}

.section.full-screen.changelog {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section.color-background-black {
  background-color: var(--gris);
  position: relative;
}

.section.color-background-black.padding-work-top-12 {
  justify-content: center;
  align-items: center;
  padding-top: 1vh;
  display: flex;
}

.section.background-black {
  background-color: var(--gris);
}

.section.background-black.padding-top-4-25 {
  padding-top: 4.25rem;
}

.section.margin-top-4-25 {
  margin-top: 4.25rem;
}

.section.borders-top {
  border-top: 1px solid var(--contrast-tertiary);
}

.section.background-brand-primary {
  background-color: var(--brand-primary);
}

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

.banner-gradient {
  background-image: linear-gradient(#0000, #00000080);
  position: absolute;
  inset: 0%;
}

.position-relative {
  z-index: 2;
  position: relative;
}

.position-relative.flex-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.overflow-hidden {
  width: 100%;
  overflow: hidden;
}

.marquee-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-bottom-train {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-bottom-train.gap-3 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.marquee-bottom-train.gap-3.padding-2-5 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.color-text-brand-primary {
  color: var(--brand-primary);
  line-height: 18vw;
}

.color-text-brand-primary.bold {
  color: var(--blsnco);
  text-transform: uppercase;
  margin-top: 2rem;
  font-weight: 700;
}

.diamond-icon {
  width: 36px;
  height: 36px;
}

.two-columns {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 3fr;
  position: relative;
}

.two-columns.padding-top-1 {
  padding-top: 1rem;
}

.video-cta {
  z-index: 50;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 70vh;
  display: flex;
}

.marquee-logo {
  max-height: 120px;
}

.absolute-grid {
  z-index: 51;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: .6fr;
  place-items: center start;
  width: 50%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.subhead {
  margin-bottom: 40px;
  font-size: 3rem;
  font-weight: 300;
  line-height: 3rem;
}

.subhead.text-center {
  text-align: center;
}

.margin-top-1 {
  margin-top: 1rem;
}

.button-wrapper {
  background-color: var(--color-boton);
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-wrapper.transparent {
  border: 1px solid var(--contrast-secondary);
  background-color: var(--opacity-0);
}

.flex-block-gap-0-5 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}

.action {
  color: var(--negro);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.action.color-text-contrast-primary {
  color: var(--blsnco);
}

.fixet-block {
  z-index: 3;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 36vh;
}

.work-grid {
  z-index: 50;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  width: 100%;
  position: relative;
}

.work-grid.oculto {
  display: none;
}

.content-work {
  cursor: pointer;
  text-decoration: none;
}

.work-video {
  z-index: 300;
  width: 100%;
  height: 100%;
  position: absolute;
}

.paragraph {
  font-weight: 400;
}

.paragraph.opacity-50 {
  color: var(--contrast-secondary);
}

.gap-6 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  display: flex;
}

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

.services-grid {
  z-index: 50;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  width: 100%;
  position: relative;
}

.hero-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.hero-image.nosotros {
  filter: saturate(0%);
}

.margin-top-0-5 {
  margin-top: .5rem;
}

.horizontal-gap-0-5 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
}

.blog-post-wrapper {
  width: 100%;
  text-decoration: none;
}

.blog-post-collection-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.opacity-50 {
  color: var(--contrast-secondary);
}

.padding-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-8.contact-padding-1-5 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.contact-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
}

.contact-info-wrapper {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.subhead-secondary {
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.5rem;
}

.subhead-secondary.color-text-black.decoration-off {
  text-decoration: none;
}

.subhead-secondary.color-text-black.decoration-off:hover {
  text-decoration: underline;
}

.subhead-secondary.decoration-off {
  text-decoration: none;
}

.subhead-secondary.decoration-off:hover {
  text-decoration: underline;
}

.social-icon-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  display: flex;
}

.social-link-wrapper {
  border: 1px solid var(--blsnco);
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.social-link-wrapper:hover {
  border-color: var(--blsnco);
  background-color: var(--common-black-opacity-50);
}

.social-link-wrapper.borders-white {
  border-color: var(--contrast-tertiary);
}

.form-block {
  margin-bottom: 0;
}

.padding-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.text-field {
  border-style: solid;
  border-width: 1px;
  border-color: var(--blsnco) var(--opacity-0) var(--opacity-0);
  background-color: var(--opacity-0);
  color: var(--blsnco);
  min-height: 3.5rem;
  margin-bottom: 0;
  padding: .88rem 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-field:focus {
  border-color: var(--common-black-opacity-50) var(--opacity-0) var(--opacity-0);
}

.text-field::placeholder {
  color: var(--blsnco);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.text-field.color-white {
  border-top-color: var(--contrast-tertiary);
  border-bottom-color: var(--opacity-0);
  color: var(--blsnco);
}

.text-field.color-white:focus {
  border-top-color: var(--contrast-secondary);
}

.text-field.color-white::placeholder {
  color: var(--contrast-secondary);
}

.submit-button {
  border: 1px solid var(--common-black-opacity-50);
  background-color: var(--color-boton);
  color: var(--negro);
  padding: .75rem 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.submit-button:hover {
  border-color: var(--blsnco);
  background-color: var(--blsnco);
  color: var(--negro);
}

.submit-button.color-brand-primary {
  background-color: var(--azul);
  color: var(--negro);
  background-image: none;
}

.submit-button.color-brand-primary:hover {
  background-color: var(--blsnco);
}

.align-right {
  text-align: right;
}

.footer-wrapper {
  padding: 1rem 1.5rem;
}

.footer-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
}

.caption {
  color: var(--contrast-secondary);
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}

.caption.decoration-underline {
  display: none;
}

.caption.decoration-underline:hover {
  text-decoration: underline;
}

.horizontal-gap-1-5 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
}

.work-image {
  z-index: 301;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  position: relative;
}

.work-video-wrapper {
  position: relative;
}

.services-video-creative-consulting {
  z-index: 300;
  width: 640px;
  height: 360px;
}

.services-video-production {
  z-index: 301;
  width: 640px;
  height: 360px;
}

.services-video-post-production {
  z-index: 302;
  width: 640px;
  height: 360px;
}

.video-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-container {
  margin-top: 12rem;
}

.services-description-wrapper {
  width: 100%;
}

.services-item {
  border-top: 1px solid var(--contrast-tertiary);
  color: var(--blsnco);
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-decoration: none;
}

.align-space-between {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--gris);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: start stretch;
  display: grid;
}

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

.color-text-black {
  color: var(--blsnco);
}

.main-logo {
  z-index: 2;
  height: 64px;
  position: relative;
}

.padding-12 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.work-collection-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.work-collection-grid.oculto {
  display: none;
}

.work-arrow {
  opacity: .5;
  width: 32px;
  height: 32px;
}

.padding-bottom-12 {
  padding-bottom: 12rem;
}

.margin-top-1-5 {
  margin-top: 1.5rem;
}

.image-wrapper {
  position: relative;
}

.content-wrapper {
  z-index: 5;
  position: relative;
}

.subhead-tertiary {
  font-size: 1.5rem;
  line-height: 2rem;
}

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

.faq-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
}

.dropdown-wrapper {
  border-top: 1px solid var(--contrast-tertiary);
  width: 100%;
  position: relative;
}

.dropdown-answer {
  margin-left: auto;
  margin-right: auto;
}

.dropdown-content {
  width: 100%;
  position: static;
  overflow: hidden;
}

.dropdown-triger {
  cursor: pointer;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.plus {
  opacity: .5;
}

.minus {
  display: none;
}

.margin-bottom-1 {
  margin-bottom: 1rem;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1.5fr;
  position: absolute;
}

.grid._2 {
  grid-template-columns: 1.5fr 3fr;
  inset: 0% 0% auto auto;
}

.grid._1 {
  inset: 0% auto auto 0%;
}

.faq-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  position: relative;
}

.color-contrast-secondary {
  color: var(--contrast-secondary);
}

.logo-grid-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.logo-wrapper {
  border: 1px solid var(--contrast-tertiary);
  justify-content: center;
  align-items: center;
  min-height: 13.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.our-team-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.success-message, .error-message {
  background-color: var(--opacity-0);
}

.button-icon {
  width: 32px;
  height: 32px;
}

.padding-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.padding-1-5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.text-small {
  letter-spacing: -.3rem;
  font-size: 6vw;
  line-height: 100%;
}

.author-blok {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cover-image {
  width: 100%;
}

.layout-center {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.quote-wrapper {
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.post-rich-text h1 {
  letter-spacing: -.3rem;
  font-size: 6vw;
  line-height: 100%;
}

.post-rich-text h2 {
  margin-top: 6rem;
  margin-bottom: 2rem;
}

.post-rich-text p {
  margin-bottom: 2rem;
}

.post-rich-text h3 {
  margin-top: 6rem;
  margin-bottom: 2rem;
}

.margin-top-3 {
  margin-top: 3rem;
}

.icon {
  width: 1.5rem;
}

.play-wrapper {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.background-video-mobail {
  width: 100%;
  height: 100%;
}

.gap-3-horizontal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.work-banner-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
}

.what-we-do-video {
  z-index: 4;
  width: 56rem;
  min-height: 31rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.what-we-do-video._1 {
  inset: 0% auto auto 0%;
}

.what-we-do-video._2 {
  inset: 0% 0% auto auto;
}

.what-we-do-video._3 {
  inset: 0% auto auto 0%;
}

.three-columns {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.cover-image-center {
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.borders-menu-item {
  background-color: var(--blsnco);
  width: 0%;
  height: 1.5px;
}

.partners-logo {
  max-height: 120px;
}

.footer-link {
  color: var(--common-black-opacity-50);
}

.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;
  max-width: 60rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

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

.protected-button {
  border: 1px solid var(--contrast-secondary);
  background-color: var(--opacity-0);
  width: 100%;
  padding: .75rem 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.protected-button:hover {
  border-color: var(--blsnco);
  background-color: var(--blsnco);
  color: var(--negro);
}

.field {
  border: 1px solid var(--contrast-secondary);
  background-color: var(--opacity-0);
  color: var(--contrast-secondary);
  min-height: 3.5rem;
  padding: .75rem 0;
  font-size: 1.5rem;
  line-height: 2rem;
}

.field:focus {
  border-color: var(--contrast-secondary);
}

.field::placeholder {
  color: var(--contrast-secondary);
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.rich-text-bodi {
  text-align: left;
}

.rich-text-bodi h5 {
  margin-bottom: 1rem;
}

.rich-text-bodi h2 {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

.rich-text-bodi h4, .rich-text-bodi li {
  margin-bottom: 1rem;
}

.rich-text-bodi p {
  margin-bottom: 2rem;
}

.rich-text-bodi h3 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.rich-text-bodi h6 {
  margin-bottom: 1rem;
}

.changelog-wrapper {
  flex-flow: column;
  width: 100%;
  max-width: 60rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.absolyte-bottom-block {
  position: absolute;
  inset: auto 0% 0%;
}

.licenses-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-link-decor-none {
  color: var(--common-black-opacity-50);
  text-decoration: none;
}

.padding-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.gap-2-vertical {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: inline-flex;
}

.square {
  border: 1px solid var(--contrast-tertiary);
  width: 5rem;
  height: 5rem;
}

.square.background-contrast-primary {
  background-color: var(--blsnco);
}

.square.background-contrast-secondary {
  background-color: var(--contrast-secondary);
}

.square.background-contrast-tertiary {
  background-color: var(--contrast-tertiary);
}

.square.background-brand-primary {
  background-color: var(--azul);
}

.color-background-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
}

.h1-overflow-hidden {
  overflow: hidden;
}

.social-icon-black {
  display: none;
}

.margin-bottom-3 {
  margin-bottom: 3rem;
}

.scroll-animation {
  text-transform: uppercase;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.blog-image-overflow-hidden {
  overflow: hidden;
}

.code-embed {
  z-index: 305;
  aspect-ratio: 16 / 9;
  width: 100%;
  position: absolute;
}

.video {
  z-index: 300;
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
}

.item-proyectos:nth-child(odd), .item-proyectos:nth-child(2n) {
  margin-right: 8px;
}

.collection-list {
  display: flex;
}

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

.simple-icon {
  width: 24px;
}

.path {
  color: var(--negro);
}

.heading-3 {
  font-family: Exo, sans-serif;
}

.video-proyecto {
  z-index: 300;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  position: absolute;
}

.collection-list-2, .collection-list-3 {
  display: flex;
}

.collection-list-wrapper {
  height: 100vh;
}

.path-vz4bv, .path-291wk, .path-xv3f3, .ikonik-2joe3, .ikonik-zlvbq, .ikonik-d59ho {
  color: #fff;
}

.work-grid-01 {
  z-index: 50;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  position: relative;
}

.work-grid-01.oculto {
  display: none;
}

.collection-list-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-fecha {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around start;
  display: grid;
}

.fecha_dia, .fecha_mes, .fecha_a-o {
  color: var(--contrast-secondary);
}

.div-block {
  display: flex;
}

.lf-scroll-up-ix-2 {
  position: relative;
}

.lf-scroll-up-trigger-2 {
  z-index: -1;
  height: 75vh;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lf-scroll-up-wrapper-2 {
  z-index: 99999;
  transform-origin: 50% 100%;
  text-align: center;
  background-color: #fff0;
  border-top-left-radius: 64px;
  border-top-right-radius: 53px;
  width: 128px;
  height: 64px;
  padding-top: 12px;
  line-height: 0;
  position: fixed;
  bottom: 60px;
  left: 50%;
  transform: translate(-50%);
}

.lf-scroll-up-container {
  width: 32px;
  height: 46px;
  margin-left: auto;
  margin-right: auto;
}

.lf-scroll-up-icon {
  cursor: pointer;
}

.mt-1-5 {
  margin-top: 6rem;
}

@media screen and (min-width: 1440px) {
  .lf-scroll-up-wrapper-2 {
    box-shadow: none;
    background-color: #fff0;
    bottom: 60px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 24vw;
    line-height: .8;
  }

  h2 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  h3 {
    font-size: 2rem;
    line-height: 112.5%;
  }

  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .menu-item {
    text-align: right;
    background-image: url('../images/arrow-tuber.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding-right: 2.5rem;
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .nav-menu.gap-2-horizontal {
    background-color: var(--negro);
    height: 100svh;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section.full-screen.background-black.padding-top-12 {
    min-height: auto;
    padding-top: 8rem;
  }

  .section.full-screen.background-black.padding-top-24 {
    min-height: auto;
    padding-top: 2rem;
  }

  .section.full-screen.background-black.padding-12 {
    min-height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.full-screen.background-brand-primary {
    min-height: auto;
  }

  .section.color-background-black.padding-work-top-12 {
    padding-top: 0;
  }

  .background-video {
    display: none;
  }

  .marquee-wrapper, .marquee-bottom-train {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .marquee-bottom-train.gap-3.padding-2-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .color-text-brand-primary.bold {
    line-height: 24vw;
  }

  .two-columns.padding-top-1 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1.5fr;
  }

  .video-cta {
    min-height: auto;
  }

  .marquee-logo {
    max-height: 6rem;
  }

  .absolute-grid {
    grid-template-columns: .85fr;
    width: auto;
    position: static;
  }

  .subhead {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .fixet-block {
    top: 0;
  }

  .work-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .paragraph {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .horizontal-gap-0-5.vertical {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .team-wrapper {
    padding-bottom: 8rem;
  }

  .blog-post-collection-list {
    grid-column-gap: 1.25rem;
  }

  .padding-8.contact-padding-1-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .subhead-secondary {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .footer-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .horizontal-gap-1-5 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .video-container {
    display: none;
  }

  .work-container {
    margin-top: 0;
    margin-bottom: 8rem;
  }

  .padding-12 {
    padding-top: 0;
    padding-bottom: 4rem;
  }

  .work-arrow {
    opacity: 1;
  }

  .padding-bottom-12 {
    padding-bottom: 4rem;
  }

  .subhead-tertiary {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .margin-bottom-1 {
    margin-bottom: 1.5rem;
  }

  .grid._2 {
    grid-template-columns: 1.5fr;
    display: block;
    position: static;
  }

  .grid._1 {
    grid-template-columns: 3fr;
    position: relative;
  }

  .faq-wrapper {
    grid-template-columns: 1fr;
  }

  .logo-grid-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .our-team-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .text-small {
    letter-spacing: 0;
    font-size: 4rem;
    line-height: 112%;
  }

  .post-rich-text h2 {
    font-size: 3rem;
    line-height: 3rem;
  }

  .post-rich-text p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .post-rich-text h3 {
    font-size: 2rem;
    line-height: 112.5%;
  }

  .post-rich-text li {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .background-video-mobail {
    display: block;
  }

  .menu-button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: var(--opacity-0);
  }

  .menu-text {
    line-height: 2rem;
    display: inline;
  }

  .menu-button-flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .gap-3-horizontal {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    height: 100%;
    display: flex;
    position: relative;
  }

  .what-we-do-video._1, .what-we-do-video._2, .what-we-do-video._3 {
    width: 100%;
    position: relative;
  }

  .three-columns {
    grid-template-columns: 1fr;
  }

  .menu-item-wrapper {
    border-bottom: 1px solid var(--contrast-tertiary);
    justify-content: flex-end;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .close-text {
    line-height: 2rem;
    display: none;
  }

  .close-icon, .hide-block {
    display: none;
  }

  .utility-page-content, .changelog-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .licenses-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .work-grid-01 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .color-text-brand-primar.bold {
    line-height: 24vw;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    letter-spacing: -.3rem;
    line-height: .9;
  }

  h2 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .section.full-screen.background-black.padding-top-24 {
    padding-top: 0;
  }

  .section.full-screen.changelog {
    align-items: stretch;
    min-height: auto;
    padding-top: 6rem;
  }

  .section.color-background-black.padding-work-top-12 {
    padding-bottom: 8rem;
  }

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

  .two-columns.padding-top-1 {
    grid-template-columns: 1.5fr;
  }

  .absolute-grid {
    width: auto;
    position: static;
  }

  .button-wrapper.transparent {
    text-align: center;
  }

  .fixet-block {
    padding-bottom: 0;
  }

  .work-grid {
    grid-template-columns: 1fr;
  }

  .work-grid.mobail-gap-6 {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .paragraph {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .blog-post-collection-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .subhead-secondary.color-text-black {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .social-icon-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .work-container {
    margin-bottom: 0;
  }

  .services-item {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .padding-12 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

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

  .padding-bottom-12 {
    padding-bottom: 8rem;
  }

  .logo-grid-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .our-team-list {
    grid-template-columns: 1fr;
  }

  .text-small {
    font-size: 3rem;
    line-height: 116%;
  }

  .play-wrapper {
    display: none;
  }

  .heading-2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .work-banner-grid, .three-columns {
    grid-template-columns: 1fr;
  }

  .absolyte-bottom-block {
    margin-top: 6rem;
    position: static;
  }

  .licenses-grid {
    grid-template-columns: 1fr;
  }

  .margin-top-1-5-mobail {
    margin-top: 1.5rem;
  }

  .work-grid-01 {
    grid-template-columns: 1fr;
  }

  .work-grid-01.mobail-gap-6 {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .collection-list-4 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .section.full-screen.background-black.padding-top-12 {
    padding-top: 4rem;
  }

  .diamond-icon {
    line-height: 1.21rem;
  }

  .video-cta {
    max-height: 20rem;
  }

  .subhead {
    font-size: 1.8rem;
    line-height: 2rem;
  }

  .fixet-block {
    padding-bottom: 8rem;
  }

  .subhead-secondary {
    font-size: 1.8rem;
    line-height: 2rem;
  }

  .social-link-wrapper {
    width: 2.5rem;
    height: 2.5rem;
  }

  .footer-wrapper {
    text-align: left;
  }

  .footer-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .caption.firma {
    font-size: .8rem;
    line-height: .8rem;
  }

  .horizontal-gap-1-5 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .work-image {
    min-height: 20rem;
  }

  .main-logo {
    max-height: 2rem;
  }

  .padding-12.sin-padding-top {
    padding-top: 0;
  }

  .padding-bottom-12.sin-padding-bottom {
    padding-bottom: 0;
  }

  .logo-grid-wrapper {
    grid-template-columns: 1fr;
  }

  .padding-6 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .author-blok {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
  }

  .brand {
    padding-left: 0;
  }

  .what-we-do-video._1, .what-we-do-video._2, .what-we-do-video._3 {
    min-height: auto;
    max-height: 20rem;
  }

  .color-background-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .lf-scroll-up-wrapper-2 {
    width: 40px;
    height: 64px;
    bottom: 40px;
  }

  .lf-scroll-up-container {
    height: 54px;
  }
}

#w-node-b52472f0-375c-550b-92d0-f09bba8fee52-84fb1207, #w-node-_2bd34287-50c4-3948-2cf0-9bdcc962f2d3-84fb1207, #w-node-_1dcaaf65-eaca-4967-f280-5ba1fba91e2a-84fb1207, #w-node-_3bf9697c-cf5a-44b9-1ac2-e6d14100bd96-84fb1207, #w-node-_98d8fab9-5649-544d-5cd3-245479973eda-84fb1207, #w-node-fdc1bf0e-f3ad-5eed-21e7-aa43dc4c13e5-84fb1207, #w-node-_3907b980-01d6-9acf-6f57-52fecf82f75c-84fb1207 {
  align-self: start;
}

#w-node-_25551df9-8304-3b37-1f11-15634f9e24c7-84fb1207 {
  place-self: start center;
}

#w-node-_68627e39-5c29-dd2d-b494-cbb7f487c2e5-84fb1207 {
  place-self: center;
}

#w-node-_833d2f19-2c5f-1764-772b-4d3a702fef60-84fb1207 {
  place-self: end center;
}

#w-node-_271567a4-bed4-9fff-9048-dea59828d27c-84fb1207, #w-node-c70523a8-08fc-ae02-9425-848140b0e0ff-84fb1207, #w-node-_1ff29f61-0dd3-f633-78f4-ea5267b990ed-84fb1207 {
  justify-self: end;
}

#w-node-bba14d88-664e-c96c-3a89-b4c03ade8004-3ade7fc8 {
  place-self: center start;
}

#w-node-de14f6a5-7aeb-ec23-20de-1db4cc2edd30-84fb1253, #w-node-bb497647-5527-edba-f7c8-58f35d8b5a98-84fb1253, #w-node-c61b8f81-3dd4-faad-2524-3089f204bf76-84fb1253, #w-node-_36c035c4-ba8f-2b11-173f-364c32ea2fc5-84fb1253, #w-node-_963eb131-06c8-4757-0145-c65ce9216d51-84fb1253, #w-node-dd8a9aa6-bd45-a579-604f-42b7290b9820-84fb1253, #w-node-c32635cd-b29f-c032-fe34-45e545d2f2eb-84fb1253 {
  align-self: start;
}

#w-node-_4b4f18d5-5867-bb5b-92e1-8eb770e03fbd-7aa00b5e, #w-node-_4b4f18d5-5867-bb5b-92e1-8eb770e03fbe-7aa00b5e {
  align-self: center;
}

#w-node-_8669a667-e4b0-c62c-09b2-4281a34d569e-7aa00b5e, #w-node-c4726865-3bd3-ce9c-ed66-432260e44d30-7aa00b5e {
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-ac803544-2802-5baf-fc07-33b08ef5c19b-84fb1254, #w-node-f250e203-2931-1248-c8e1-5bb388c89eaa-84fb1254, #w-node-_9a07abb6-5999-0306-6ec5-c9648f95517a-84fb1254, #w-node-_9a07abb6-5999-0306-6ec5-c9648f95517b-84fb1254, #w-node-_6ae44dd2-4f48-8340-3d9d-bafe9ce58e08-84fb1254, #w-node-_6ae44dd2-4f48-8340-3d9d-bafe9ce58e09-84fb1254, #w-node-_94e73600-6be9-5f34-3e64-db1ba5c42e1a-84fb1254, #w-node-_94e73600-6be9-5f34-3e64-db1ba5c42e1b-84fb1254, #w-node-_4e8601cc-11f6-9ba6-de29-03fdd153c108-84fb1254, #w-node-_4e8601cc-11f6-9ba6-de29-03fdd153c109-84fb1254 {
    justify-self: end;
  }

  #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf352-84fb1254 {
    order: 9999;
  }

  #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf360-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf361-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf36e-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf36f-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf37c-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf37d-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf38a-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf38b-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf398-84fb1254, #w-node-_2253c66a-0cdb-28c1-5ade-3c1533baf399-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c702-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c703-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c710-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c711-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c71e-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c71f-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c72c-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c72d-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c73a-84fb1254, #w-node-_323f28c7-e1be-c3c6-17ec-fe6f6b96c73b-84fb1254 {
    justify-self: end;
  }
}