/* font-family: 'Raleway', sans-serif;
font-family: 'Yeseva One', cursive; */

:root {
  --verde: #4abdac;
  --naranja: #ff7700;
}

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-padding-top: 80px;

}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  scroll-behavior: smooth;
}


.content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  clip-path: border-box;
  transform: translateZ(0);
}

.block {
  position: relative;
  height: 100%;
}

/* Section Header */

.section-header {
  width: 100vw;
  position: sticky;
  height: 12vh;
  top: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 99%,
    rgba(74, 189, 172, 0) 100%
  );
  z-index: 99;
}

.logo {
  display: block;
  width: 12vw;
  margin-top: 2%;
  z-index: 99;

}

.logo img {
  width: 100%;
  transform: scale(calc(0.95*(1 - (var(--yBlock-1) / -212))));
}

.main-nav .nav_list {
  margin-top: 35px;
  display: flex;
  flex-direction: row;
  list-style: none;
  justify-content: space-evenly;
  align-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.nav_list-item {
  display: none;
}

/* Sidebar Nav */

#sidebarMenu {
  height: 100%;
  position: absolute;
  left: 0;
  top: 11vh;
  width: 50vw;
  height: 100vh;
  transform: translateX(-100vw);
  transition: transform 250ms ease-in-out;
  background-color: white;
}
.sidebarMenuInner {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebarMenuInner li {
  list-style: none;
  color: gray;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebarMenuInner li a {
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  color: rgb(71, 71, 71);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8em;
  cursor: pointer;
}

.sidebarMenuInner i{
  font-size: 6vw;
}

.openSidebarMenu:checked ~ #sidebarMenu {
  transform: translateX(0);
}

.openSidebarMenu {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}
.sidebarIconToggle {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 999999;
  height: 100%;
  width: 100%;
  top: 30px;
  left: 10%;
  height: 22px;
  width: 22px;
}
.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: gray;
  opacity: 80%;
}
.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}
.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
}
.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}
.openSidebarMenu:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}
.openSidebarMenu:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px;
}
.openSidebarMenu:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px;
}

/* .sidebarMenuInner li a:active ~ #sidebarMenu {
  transform: translateX(-100vw);
} */

/* Section Landing */

.section-landing {
  position: relative;
  height: 90%;
}

/* Section Intro */

.section-intro {
  position: relative;
  height: 105%;
}

/* Section Intro */

.section-part {
  position: relative;
  height: 70%;
}

.section-design {
  position: relative;
  height: 60%;
}

.section-redes {
  position: relative;
  height: 60%;
}

.section-end {
  position: relative;
  height: 40%;

}

.section-analytics {
  position: relative;
  height: 70%;
}

.section-marketing {
  position: relative;
  height: 50%;
}

.section-prensa {
  position: relative;
  height: 50%;
}

.section-fotoyvideo {
  position: relative;
  height: 60%;
}

.section-paginaweb {
  position: relative;
  height: 70%;
}

.section-transforma {
  position: relative;
  height: 30%;
  overflow-y: hidden;
}

.section-clientes {
  position: relative;
  height: 20%;
}

.section-logos {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 70%;
  margin-top: 5%;
  height: 60%;
  padding-top: 50px;
}

.section-contacto {
  position: relative;
  height: 60%;
}

[class*="item-parallax"] {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.item-parallax-media {
  z-index: 1;
}
.item-parallax-media img {
  will-change: transform;
}

.item-parallax-content {
  z-index: 2;
}

/* Block Section Header */

/* .block:nth-child(1) .item-parallax-content {
      transform: translateY(calc( var(--yBlock-1) * 0.5px ));
      opacity: calc( 1 - (var(--yBlock-1) * 0.0009) );

    }

    .block:nth-child(1) .item-parallax-media img {
      transform: translateY(calc( var(--yBlock-1) * 0.1px ));
      opacity: calc( 1 - (var(--yBlock-1) * 0.0009) );
    } */

/* Block Section Landing */

.block:nth-child(2) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-2) * 0.3px));
  /* opacity: calc( 1 - (var(--yBlock-2) * 0.0009) ); */
}

.block:nth-child(2) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-2) * 0.1px));
  opacity: calc(1 - (var(--yBlock-2) * 0.0009));
}

/* Block Section Intro */

.block:nth-child(3) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-3) * -0.1px));
  /* opacity: calc( 1 - (var(--yBlock-3) * 0.0009) ); */
}

.block:nth-child(3) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-3) * 0.1px));
  opacity: calc(1 - (var(--yBlock-3) * 0.0009));
}

/* Block Section end */

.block:nth-child(4) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-4) * 0.1px));
  /* opacity: calc( 1 - (var(--yBlock-4) * 0.0009) ); */
}

.block:nth-child(4) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-4) * 0.08px));
  /* opacity: calc( 1 - (var(--yBlock-4) * 0.0009) ); */
}

/* Block Section Design */

.block:nth-child(5) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-5) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-5) * 0.0009) ); */
}

.block:nth-child(5) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-5) * 0.1px));
  opacity: calc(1 - (var(--yBlock-5) * 0.0009));
}

/* Block Section End */

.block:nth-child(6) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-6) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-6) * 0.0009) ); */
}

.block:nth-child(6) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-6) * 0.12px));
  /* opacity: calc( 1 - (var(--yBlock-6) * 0.0009) ); */
}

/* Block Section Redes */

.block:nth-child(7) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-7) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-7) * 0.0009) ); */
}

.block:nth-child(7) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-7) * 0.9px));
  /* opacity: calc( 1 - (var(--yBlock-7) * 0.0009) ); */
  opacity: calc(1 - (var(--y) * 0.0001));
}

.block:nth-child(8) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-8) * 0.1px));
  /* opacity: calc( 1 - (var(--yBlock-8) * 0.0009) ); */
}

.block:nth-child(8) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-8) * 0.12px));
  /* opacity: calc( 1 - (var(--yBlock-8) * 0.0009) ); */
}

.block:nth-child(9) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-9) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-9) * 0.0009) ); */
}

.block:nth-child(9) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-9) * 0.1px));
  opacity: calc(1 - (var(--yBlock-9) * 0.0009));
}

.block:nth-child(10) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-10) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-10) * 0.0009) ); */
}

.block:nth-child(10) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-10) * 0.12px));
  /* opacity: calc( 1 - (var(--yBlock-10) * 0.0009) ); */
}

.block:nth-child(11) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-11) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-11) * 0.0009) ); */
}

.block:nth-child(11) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-11) * 0.1px));
  opacity: calc(1 - (var(--yBlock-11) * 0.0009));
}

.block:nth-child(12) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-12) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-12) * 0.0009) ); */
}

.block:nth-child(12) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-12) * 0.12px));
  /* opacity: calc( 1 - (var(--yBlock-12) * 0.0009) ); */
}

.block:nth-child(13) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-13) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-13) * 0.0009) ); */
}

.block:nth-child(13) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-13) * 0.1px));
  opacity: calc(1 - (var(--yBlock-13) * 0.0009));
}

.block:nth-child(14) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-14) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-14) * 0.0009) ); */
}

.block:nth-child(14) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-14) * 0.12px));
  /* opacity: calc( 1 - (var(--yBlock-14) * 0.0009) ); */
}

.block:nth-child(15) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-15) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-15) * 0.0009) ); */
}

.block:nth-child(15) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-15) * 0.1px));
  opacity: calc(1 - (var(--yBlock-15) * 0.0009));
}

.block:nth-child(16) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-16) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-16) * 0.0009) ); */
}

.block:nth-child(16) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-16) * 0.12px));
  /* opacity: calc( 1 - (var(--yBlock-16) * 0.0009) ); */
}

.block:nth-child(17) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-17) * 0.2px));
  /* opacity: calc( 1 - (var(--yBlock-17) * 0.0009) ); */
}

.block:nth-child(17) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-17) * 0.1px));
  opacity: calc(1 - (var(--yBlock-17) * 0.0009));
}

.block:nth-child(18) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-18) * 0.1px));
  /* opacity: calc( 1 - (var(--yBlock-18) * 0.0009) ); */
}

.block:nth-child(18) .item-parallax-media img {
  transform: translateY(calc(var(--yBlock-18) * 0.1px));
  opacity: calc(1 - (var(--yBlock-18) * 0.0009));
}

.block:nth-child(19) .item-parallax-content {
  transform: translateY(calc(var(--yBlock-19) * -0.05px));
  /* opacity: calc( 1 - (var(--yBlock-19) * 0.0009) ); */
}



html {
  background-color: white;
}

.flex-container {
  display: flex;
  /* position: relative; */
}

.centered-content {
  margin: auto;
}

.about-us {
  margin-top: 15%;
}

.head-large {
  margin-left: 5%;
  font-size: 3em;
  line-height: 1.2em;
  font-family: "Yeseva One", serif;
  color: white;
  text-shadow: 1px 1px 2px rgb(168, 168, 168);
}

.head-large-n {
  margin-top: -8vw;
  font-size: 10vw;
  line-height: 1.2em;
  font-family: "Yeseva One", serif;
  font-weight: 200;
  color: var(--naranja);
  text-shadow: 1px 1px 2px rgb(168, 168, 168);
}

.head-section {
  margin-top: 30vh;
  font-size: 13vw;
  font-family: "Yeseva One", serif;
  color: white;
}

.head-small {
  margin-top: 1%;
  margin-bottom: 1rem;
  font-family: "Yeseva One", sans-serif;
  color: var(--verde);
  /* letter-spacing: 0.1em; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.4em;
  line-height: 1.2em;
  font-weight: 200;
  /* text-shadow: 1px 1px 2px rgb(168, 168, 168); */
}

.head-white {
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  line-height: 1.2em;
  font-family: "Roboto Condensed", sans-serif;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.copy {
  display: block;
  max-width: 800px;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-bottom: 1.5rem;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
  font-family: "Raleway", sans-serif;
  font-size: 1.9vh;
  line-height: 1.4em;
  text-align: center;
}

.copy-white {
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.copy-li {
  padding-bottom: 3rem;
}

.copy-li li {
  color: white;
  font-family: "Raleway";
  font-size: 0.8rem;
  padding-bottom: 0.3rem;
}

.copy-li li span {
  position: relative;
  left: -50px;
}

.item-parallax-media {
  overflow: hidden;
}
.item-parallax-media img {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  object-fit: cover;
}

/* .section-landing:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 15%;
      width: 10px;
      height: 70%;
      background-color: white;
      z-index: 3;
      transform: translateY(-13vw);
    } */

.section-landing .item-parallax-media {
  opacity: calc(1 - (var(--y) * 0.0009));
}

/* .landing-content {
      padding-left: 30%;
    } */

.section-intro:before {
  content: "";
  position: absolute;
  top: 70%;
  left: 5%;
  width: 800px;
  height: 800px;
  background-color: #ef89301c;
  transform: translateX(-40%) translateY(-40%)
    rotate(calc((var(--y) * 0.12deg)));
  will-change: transform;
  backface-visibility: visible;
  border-radius: 100px;
  z-index: -1;
}

.img-grid {
  flex-direction: column;
  justify-content: space-around;
}

.img-gridItem {
  /* position: relative; */
  width: 100%;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.img-gridItem img {
  display: block;
  width: 50%;
  /* height: 100vh; */
  object-fit: contain;
  will-change: transform;
  backface-visibility: visible;
}
.img-gridItem.type-left img {
  margin-right: auto;
}
.img-gridItem.type-right img {
  margin-left: auto;
}

.img-gridItem:nth-child(1) img {
  transform: translateX(calc(var(--yBlock-4) * 0.1%));
}
/* .img-gridItem:nth-child(2) img {
      transform: translateX(calc( var(--yBlock-4) * 0.1% ));

    } */

.img-caption {
  position: absolute;
  margin-left: 10%;
  top: 5%;

  width: 70%;
  /* transform: translateY(-50%); */
}
.img-caption * {
  text-align: left;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.type-left .img-caption {
  right: 0;
}
.type-right .img-caption {
  left: 0;
}

.Fig2a {
  transform: rotateY(50%);
  /* rotate3d(0, 0, 100, 10) */
}

/* .section-end:before {
      content: "";
      position: absolute;
      bottom: 30%;
      left: 20%;
      width: 10px;
      height: 80%;
      background-color: white;
      z-index: 3;
      transform: translateY(8vw);
    } */

.custom-properties-ftw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -10vh;
  /* padding: 2.5rem 1.5rem; */
}
/* .custom-properties-ftw .head-small { */
  /* margin-bottom: 0; */
/* } */

.section-design:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 120%;
  background-color: var(--verde);
  /* opacity: calc( 1 - (var(--yBlock-5) * 0.0005) ); */
}

.section-redes:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 110%;
  background-color: var(--naranja);
  /* opacity: calc( 1 - (var(--yBlock-7) * 0.0002) ); */
}

.section-analytics:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 120%;
  background-color: var(--verde);
  /* opacity: calc( 1 - (var(--yBlock-9) * 0.0009) ); */
}

.section-marketing:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 130%;
  background-color: var(--naranja);
  /* opacity: calc( 1 - (var(--yBlock-11) * 0.0009) ); */
}

.section-prensa:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 130%;
  background-color: var(--verde);
  /* opacity: calc( 1 - (var(--yBlock-13) * 0.0009) ); */
}

.section-fotoyvideo:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 130%;
  background-color: var(--naranja);
  /* opacity: calc( 1 - (var(--yBlock-15) * 0.0009) ); */
}

.section-paginaweb:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  background-color: var(--verde);
  /* opacity: calc( 1 - (var(--yBlock-17) * 0.0009) ); */
}

.section-clientes:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 110%;
  background-color: var(--naranja);
  /* opacity: calc( 1 - (var(--yBlock-7) * 0.0009) ); */
}

.section-contacto:before {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 80%;
  background-color: var(--verde);
  /* opacity: calc( 1 - (var(--yBlock-17) * 0.0009) ); */
}

.svg-somos-nosotros{
  position: absolute;
  color: var(--naranja);
  top: 5%;
  right: 5%;
  width: 15vw;
  transform: rotate(90deg);
}

.svg-somos-nosotros2{
  position: absolute;
  top: 35%;
  left: 0%;
  width: 5vw;
  transform: rotate(360deg);
}



.svg-design1 {
  position: absolute;
  right: 20%;
  top: -22%;
  width: 4%;
  min-width: 30px;
}

.svg-design2 {
  position: absolute;
  right: 10%;
  bottom: 70%;
  width: 20vw;
}

.svg-redes1 {
  height: 20%;
  margin-top: -25%;
  margin-left: 8%;
}

.svg-redes2 {
  position: absolute;
  top: 28%;
  width: 25vw;
  margin-left: -5%;
}

.svg-redes3 {
  position: absolute;
  top: 55%;
  right: -1%;
  width: 5vw;
}

.svg-analytics1 {
  position: absolute;
  height: 20%;
  bottom: -10%;
  right: 0;
}

.svg-analytics2 {
  position: absolute;
  right: -2%;
  width: 20vw;
  bottom: 15%;
}

.svg-marketing1 {
  position: absolute;
  top: -50%;
  width: 4%;
  left: 5%;
  min-width: 30px;
}

.svg-marketing2 {
  position: absolute;
  top: 20%;
  width: 25vw;
  margin-left: -2%;
}

.svg-prensa1 {
  position: absolute;
  height: 20%;
  top: -30%;
  right: 0;
}

.svg-prensa2 {
  position: absolute;
  right: 0;
  width: 15vw;
  top: -30%;
}

.svg-fotoyvideo2 {
  position: absolute;
  top: -17%;
  width: 16vw;
  margin-left: 80%;
}

.svg-pagweb1 {
  position: absolute;
  width: 4%;
  top: -40%;
  right: 5%;
}

.svg-pagweb2 {
  position: absolute;
  width: 23vw;
  bottom: 25%;
  right: -2%;
}

.svg-transforma {
  position: absolute;
  bottom: -6%;
  left: 2%;
  height: 10%;
}

.svg-transforma2 {
  height: 15%;
  margin-right: 12%;
  margin-top: 10%;
}

.svg-transforma3 {
  height: 10%;
  margin-top: 40%;
  margin-left: 70%;
  min-width: 40px;
  transform: translateX(calc(var(--yBlock-19) * 0.05%));
}

.svg-transforma4 {
  width: 2em;
  position: absolute;
  top: -70%;
  left: -1%;
}

.button-general {
  background-color: white;
  border-radius: 50px;
  padding: 0.8% 3.5%;
  font-size: 120%;
  font-family: "Raleway", sans-serif;
  border: none;
  font-weight: bold;
  min-width: 200px;
}




.button-contenedor2 a,
.button-contenedor4 a,
.button-contenedor6 a,
.button-contenedor8 a{
  text-decoration: none;
  color: var(--verde);
}

.button-contenedor1 a,
.button-contenedor3 a,
.button-contenedor5 a,
.button-contenedor7 a{
  text-decoration: none;
  color: var(--naranja);
}

.button-contenedor1 {
  position: absolute;
  bottom: 20%;
  left: 20%;
}

.button-contenedor2 {
  position: absolute;
  bottom: 20%;
  left: 20%;
}

.button-contenedor3 {
  position: absolute;
  bottom: 10%;
  left: 20%;
}

.button-contenedor4 {
  position: absolute;
  bottom: 20%;
  left: 20%;
}

.button-contenedor5 {
  position: absolute;
  bottom: 20%;
  left: 20%;
}

.button-contenedor6 {
  position: absolute;
  bottom: 20%;
  left: 20%;
}

.button-contenedor7 {
  position: absolute;
  bottom: 20%;
  left: 20%;
}

.nuestros {
  position: absolute;
  top: -20%;
  text-align: left;
  margin-left: 1%;
  z-index: 9;
  transform:
    translateY(calc(var(--yBlock-3) * -0.1px));
}

.servicios {
  position: absolute;
  top: -10%;
  right: 0;
  text-align: right;
  margin-right: 1%;
  z-index: 9;
  /* animation: right 2s ease-out;
      animation-direction: alternate-reverse;
       translateX(calc(var(--yBlock-3) * 0.01%)) */
  transform:
    translateY(calc(var(--yBlock-3) * -0.1px));
}

.head-left {
  /* transform:  translateY(calc( var(--yBlock-4) * -0.20px )) ; */
  position: absolute;
  top: 0;
  left: 5%;
  /* text-shadow: 1px 1px 2px rgb(168, 168, 168); */
}

.head-right {
  position: absolute;
  top: 0;
  right: 5%;
  /* text-shadow: 1px 1px 2px rgb(168, 168, 168); */
}

.design-content {
  position: absolute;
  left: 10%;
  top: -5%;
  margin: 0;
}

.redes-content {
  position: absolute;
  right: 10%;
  top: 0;
  margin: 0;
}

.analytics-content {
  position: absolute;
  left: 7%;
  top: -5%;
  margin: 0;
}

.marketing-content {
  position: absolute;
  right: 10%;
  top: 0;
  margin: 0;
}

.prensa-content {
  position: absolute;
  left: 7%;
  top: -5%;
  margin: 0;
}

.fotoyvideo-content {
  position: absolute;
  right: 10%;
  top: 0;
  margin: 0;
}

.webpage-content {
  margin-left: 5%;
  margin-top: 6%;
}

/* Test Opacity */

/* .block{
    opacity: calc( 1 - (var(--yBlock-1) * 0.0009) );
    } */

/* .block .item-parallax-content, .item-parallax-media img {
      opacity: calc( 1 - (var(--y) * 0.0009) );
    } */

/* .section{
    opacity: calc( 1 - (var(--y) * 0.0009) );
    } */

.fig1 {
  width: 10vw;
  position: absolute;
  top: -60%;
  /* transform: translateY(calc( var(--yBlock-5) * -0.04% )); */
}

.fig2a {
  margin-top: 10%;
  width: 130vw;
}

.fig2a {
  /* transform: translateY(calc( var(--yBlock-5) * -0.01% )); */
  max-width: 40vw;
  /* transform:  translateX(calc( var(--yBlock-5) * -0.05% ))  */
  /* rotate(-45deg)  */
  /* scale(calc(1 - 0.5*(var(--yBlock-5)/-400))) ;; */
}

/* .path-fig2a{
      color: white;
      width: 100px;
    } */

.redes-content {
  position: absolute;
  right: 10%;
}

.section-transforma h3 {
  color: black;
  font-size: 5vw;
  font-family: "Raleway", sans-serif;
  text-align: center;
  padding-top: 0;
  padding-left: 10%;
  text-align: right;
  height: 30%;
}

.head-nuestros {
  color: white;
  font-size: 10vw;
  text-align: left;
  font-family: "Yeseva One", serif;
  text-shadow: 1px 1px 2px rgb(168, 168, 168);
  padding-left: 15%;
  margin-top: 6%
}

.head-clientes {
  color: white;
  font-size: 10vw;
  text-align: right;
  font-family: "Yeseva One", serif;
  text-shadow: 1px 1px 2px rgb(168, 168, 168);
  padding-right: 15%;
  margin-top: 2%;
}

.head-contactanos{
  color: white;
  font-size: 1.8em;
  font-family: "Yeseva One", serif;
  text-shadow: 1px 1px 2px rgb(168, 168, 168);
  text-align: center;
  margin-top: 3%;
}

.formulario{
  margin-top: 3%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}


.input-small{
  width: 20em;
  padding: 1%;
  margin-top: 2vh;
  margin-bottom: 1vh;
  border: transparent;
  border-radius: 5px;
  font-family: 'Raleway', sans-serif;
  font-size: 0.8em;

}

.input-large{
  width: 20em;
  padding: 1%;
  margin-top: 4%;
  border: transparent;
  border-radius: 5px;
  font-family: 'Raleway', sans-serif;
  font-size: 0.8em;
}


.boton-contacto{
  width: 30vw;
  padding: 1vw;
  background-color: rgb(122, 121, 121);
  color: white;
  border: transparent;
  border-radius: 5px;
  margin-top: 3vh;
}
.boton-contacto:hover{
	background-color: #FF7700;
}


.logos-clientes{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-end;
}

.section-logos img {
  margin: 3vw;
  max-width: 15vw;
  object-fit: contain;

}

.logo-final{
  width: 15vw;
  max-width: 5em;
  padding: 0;
  /* margin-left: 50%; */
  margin-top: 0%;
}

.logo-final img{
  width: 100%;
}

.whatsapp-logo{
  width: 4em;
  position: sticky;
  z-index: 9999;
  bottom: 20px;
  margin-left: 80%;
}

@keyframes downscale {
  0% {
    opacity: 50%;
    transform: scale(300%);
  }

  50% {
    opacity: 100%;
    transform: translateY(15px);
  }
}

@keyframes down {
  50% {
    transform: translateY(-200px);
  }
}

@keyframes left {
  50% {
    transform: translateX(-300px);
  }
}

@keyframes right {
  50% {
    transform: translateX(300px);
  }
}

@keyframes logoMove {
  0% {
  }
}

@media (min-width: 760px) {

  *,
  *:before,
  *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-padding-top: 40px;
}


  .openSidebarMenu {
    display: none;
  }

  .sidebarIconToggle {
    display: none;
  }

  #sidebarMenu {
    display: none;
  }

  .section-header {
    width: 100vw;
    position: sticky;
    height: 240px;
    top: -170px;
    padding: 20px;
  }

  .logo {
    margin-top: -11%;
    width: 17%;
  }

  .nav_list-item {
    display: block;
  }

  .main-nav .nav_list {
    margin-top: 175px;
    margin-bottom: 15px;
  }

  .main-nav .nav_list li a {
    text-decoration: none;
    font-family: "Raleway", sans-serif;
    color: rgb(71, 71, 71);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8em;
  }



.nuestros {
  position: absolute;
  top: -30%;
  text-align: left;
  margin-left: 1%;
  z-index: 9;
  transform:
    translateY(calc(var(--yBlock-3) * -0.1px));
}


.servicios {
  position: absolute;
  top: -10%;
  right: 0;
  text-align: right;
  margin-right: 1%;
  z-index: 9;
  transform:
    translateY(calc(var(--yBlock-3) * -0.1px));
}

  .head-large {
    margin-left: 0%;
    font-size: 4em;
  }

  .copy {
    font-size: 1.1rem;
  }

  .copy-li li {
    font-size: 1.1rem;
  }

  .head-section {
    margin-top: 55vh;
    font-size: 9vw;
  }

  .section-intro {
    position: relative;
    height: 125%;
  }

  .section-landing {
    position: relative;
    height: 70%;
  }

  .section-end {
    position: relative;
    height: 65%;
  }

  .svg-design1 {
    position: absolute;
    right: 40%;
    top: -22%;
    width: 4%;
  }

  .svg-design2 {
    position: absolute;
    right: 10%;
    bottom: 10%;
    width: 20vw;
  }

  .button-contenedor1 {
    position: absolute;
    bottom: 20%;
    left: 35%;
  }

  .svg-redes1 {
    height: 20%;
    margin-top: -11%;
    margin-left: 8%;
  }

  .svg-redes2 {
    position: absolute;
    top: 0;
    width: 25vw;
    margin-left: -5%;
  }

  .svg-redes3 {
    position: absolute;
    top: 55%;
    right: -1%;
    width: 5vw;
  }

  .svg-analytics2 {
    position: absolute;
    right: 0;
    width: 25vw;
    top: 10%;
  }

  .svg-marketing2 {
    position: absolute;
    top: 0%;
    width: 25vw;
    margin-left: -2%;
  }

  .svg-prensa2 {
    position: absolute;
    right: 0;
    width: 15vw;
    top: 0%;
  }

  .svg-fotoyvideo2 {
    position: absolute;
    top: 0;
    width: 20vw;
    margin-left: -2%;
  }

  .svg-pagweb2 {
    position: absolute;
    width: 23vw;
    top: 30%;
    right: -2%;
  }

  .button-contenedor2 {
    position: absolute;
    bottom: 24%;
    left: 35%;
  }

  .button-contenedor3 {
    position: absolute;
    bottom: 5%;
    left: 35%;
  }

  .button-contenedor4 {
    position: absolute;
    bottom: 25%;
    left: 35%;
  }

  .button-contenedor5 {
    position: absolute;
    bottom: 25%;
    left: 35%;
  }

  .button-contenedor6 {
    position: absolute;
    bottom: 15%;
    left: 35%;
  }

  .button-contenedor7 {
    position: absolute;
    bottom: 15%;
    left: 35%;
  }

  .section-transforma h3 {
    color: black;
    font-size: 5vw;
    font-family: "Raleway", sans-serif;
    text-align: center;
    padding-top: 2%;
    padding-left: 20%;
    text-align: right;
  }

  .section-transforma {
    position: relative;
    height: 60%;
    overflow-y: hidden;
    overflow-x: hidden;
  }

  .svg-transforma {
    margin-top: 16%;
    height: 20%;
  }

  .svg-transforma {
    position: absolute;
    top: 45%;
    left: 2%;
    height: 15%;
  }

  .svg-transforma2 {
    height: 20%;
    margin-right: 15%;
    margin-top: 0%;
  }

  .svg-transforma3 {
    height: 20%;
    margin-top: 20%;
    margin-left: 65%;
    transform: translateX(calc(var(--yBlock-19) * 0.05%));
  }

  .svg-transforma4 {
    width: 4em;
    position: absolute;
    top: -50%;
    left: -1%;
  }

  .section-clientes {
    position: relative;
    padding-top: 5%;
    height: 45%;
  }

  .head-nuestros {
    color: white;
    font-size: 8em;
    text-align: left;
    font-family: "Yeseva One", serif;
    text-shadow: 1px 1px 2px rgb(168, 168, 168);
    padding-left: 15%;
    margin-top: -2%
  }

  .head-clientes {
    color: white;
    font-size: 8em;
    text-align: right;
    font-family: "Yeseva One", serif;
    text-shadow: 1px 1px 2px rgb(168, 168, 168);
    padding-right: 15%;
    margin-top: -1%;
  }

  .section-logos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 90%;
    margin-top: 10%;
  }

  .section-logos img {
    margin: 3vw;
    max-width: 15vw;
    object-fit: contain;

  }

  .section-contacto {
  position: relative;
  height: 90%;
  }

  .head-contactanos{
    color: white;
    font-size: 6vw;
    font-family: "Yeseva One", serif;
    text-shadow: 1px 1px 2px rgb(168, 168, 168);
    margin-top: 2%;
  }

  .formulario{
    margin-top: 1%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
  }


  .input-small{
    width: 50vw;
    max-width: 30em;
    height: 4vh;
    padding: 1%;
    margin-top: 1%;
    border: transparent;
    border-radius: 5px;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
  }

  .input-large{
    width: 50vw;
    max-width: 30em;
    padding: 1%;
    margin-top: 1%;
    border: transparent;
    border-radius: 5px;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
  }


.boton-contacto{
  width: 10vw;
  background-color: rgb(122, 121, 121);
  color: white;
  border: transparent;
  border-radius: 5px;
  margin-top: 3vh;
}


.logo-final{
  width: 10vw;
  max-width: 5em;
  padding: 0;
  /* margin-left: 50%; */
  margin-top: 0%;
}

.logo-final img{
  width: 100%;
}

.whatsapp-logo{
  width: 4em;
  position: sticky;
  z-index: 9999;
  bottom: 20px;
  margin-left: 92%;
}

}

.user-code{
	position: absolute; 
	left: -5000px;
}
@media (max-width: 768px) {

    .section-logos {
        position: relative;
        top: 50px;
    }

}