@font-face {
  font-family: "Cocogoose Bold";
  src: url("../fonts/Cocogoose-Pro-Bold-trial.ttf") format("truetype");
}

@font-face {
  font-family: "Cocogoose Light";
  src: url("../fonts/Cocogoose-Pro-Light-trial.ttf") format("truetype");
}

@font-face {
  font-family: "Cocogoose Regular";
  src: url("../fonts/Cocogoose-Pro-Regular-trial.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik Regular";
  src: url("../fonts/Rubik-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Rubik Bold";
  src: url("../fonts/Rubik-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Rubik Light";
  src: url("../fonts/Rubik-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Nexa-Light";
  src:url("../fonts/Nexa-Light.otf") format("opentype");
}

@font-face {
  font-family: "Nexa-Bold";
  src:url("../fonts/Nexa-Bold.otf") format("opentype");
}


html, body {
  overflow-x: hidden !important;
  max-width: 100vw;
  scrollbar-width: none; 
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: 100;
}

body {
  background-color: #d9d9d9;
  margin: 0;
  padding: 0;
}

.fondo-forma {
  position: absolute;
  top: 29%;
  right: 0%;
  width: 350px;
  height: 804px;
  z-index: 50;
}

.fondo-forma img {
  width: 100%;
  height: auto;
}

.fondo-formaEquipoEmail {
  position: absolute;
  left:0%;
  bottom: -52em;
  width: 350px; 
  z-index: 80; 
}

.fondo-formaEquipoEmail img {
  width: 100%;
  height: auto;
}
@media (max-width: 1300px) {
  .fondo-forma {
    position: absolute;
    top: 29%;
    right: 0%;
    width: 260px;
    height: 804px;
    z-index: 10;
  }
  
  .fondo-forma img {
    width: 100%;
    height: auto;
  }
  .fondo-formaEquipoEmail {
    position: absolute;
    left:0%;
    bottom: -25em;
    width: 260px; 
  }
}

@media (max-width: 1024px) {
  .fondo-forma {
    position: absolute;
    top: 28%;
    right: 0%;
    width: 260px;
    height: auto;
    z-index: 6;
  }
}

@media (max-width: 768px) {
  .fondo-forma {
    position: absolute;
    top: 20%;
    right: 0%;
    width: 200px;
    height: 804px;
    z-index: 10;
  }
  .fondo-formaEquipoEmail {
    position: absolute;
    left:0%;
    bottom: -04em;
    width: 200px; 
  }
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  .fondo-forma {
    display: none;
  }
  .fondo-formaEquipoEmail {
    display: none;
  }
}