@charset "UTF-8";

@font-face {
  font-family: "Galderglynn TitlingRg Bold";
  src: url("../fonts/galderglynn-titling.rg-bold.ttf");
}

@font-face {
  font-family: "swiss-721-medium-bt";
  src: url("../fonts/swiss-721-medium-bt.ttf");
}

@font-face {
  font-family: "swiss-721-light-bt";
  src: url("../fonts/swiss-721-light-bt.ttf");
}

@font-face {
  font-family: "PlutoSansCondLight";
  src: url("../fonts/Pluto\ Sans\ Cond\ Light.otf");
}

@font-face {
  font-family: "Pluto Sans Medium";
  src: url("../fonts/Pluto Sans Medium.otf");
}

@font-face {
  font-family: "Pluto Sans Light";
  src: url("../fonts/Pluto Sans Light.otf");
}

@font-face {
  font-family: "Thunder-MediumHC";
  src: url("../fonts/Thunder-MediumHC.otf");
}

@font-face {
  font-family: "Thunder-HC";
  src: url("../fonts/Thunder-HC.otf");
}

html,
body {
  /* height: 100%; */
}

#titulos-webb {
  width: 18.1rem;
}

#titulo-portafolioss {
  width: 18.1rem;
}

#team-titulo {
  width: 10rem;
}

#nuevo-botonteam {
  width: 12rem;
  margin-top: -2rem;
  cursor: pointer;
  position: relative;
  top: 2rem;
}

.muñecos-team {
  width: 14rem;
  /* margin-top: -11rem; */
  z-index: -1;
  position: relative;
  margin-bottom: 2.5rem;
}

.hamburguer {
  position: relative;
  display: block;
  width: 35px;
  cursor: pointer;
  appearance: none;
  background: none;
  outline: none;
  border: none;
  /* transform: translateX(320px); */
  z-index: 99;
}

.hamburguer .bar,
.hamburguer:after,
.hamburguer:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background-color: white;
  margin: 6px 8px;
  transition: 0.4s;
}

.hamburguer.is-active:before {
  transform: rotate(-45deg) translate(-8px, 6px);
}

.hamburguer.is-active:after {
  transform: rotate(45deg) translate(-9px, -8px);
}

.hamburguer.is-active .bar {
  opacity: 0;
}

.mobile-nav {
  position: fixed;
  display: block;
  top: 0;
  left: 100%;
  width: 100%;
  min-height: 100vh;
  z-index: 98;
  background-color: #ffb700;
  padding-top: 120px;
  transition: all 0.3s ease-in-out;
}

.mobile-nav.is-active {
  left: 0;
}

.mobile-nav a {
  display: block;
  margin: 0 auto 16px;
  width: 100%;
  font-family: "swiss-721-medium-bt";

  max-width: 200px;
  text-align: center;
  margin-bottom: 16px;
  padding: 12px 16px;
  background-color: #f2f1f1;
  color: white;
  text-decoration: none;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}

body {
  overflow: hidden;
}

.tooltip- {
  background-color: #ffb700;
  color: #333333;
  position: fixed;
  bottom: 12rem;
  right: 8rem;
  padding: 0.8rem;
  display: none;
  z-index: 99999999;
  font-family: "Pluto Sans Light";
  font-weight: 900;
  font-size: 1.2rem;
}

.tooltip-2 {
  background-color: #ffb700;
  color: #333333;
  position: fixed;
  bottom: 7rem;
  right: 8rem;
  padding: 0.8rem;
  display: none;
  z-index: 99999999;
  font-family: "Pluto Sans Light";
  font-weight: 900;
  font-size: 1.2rem;
}

#contenedor_loader {
  background-color: #ffff;
  height: 100%;
  width: 100%;
  position: fixed;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 10000;
}

#loader {
  height: 300px;
  width: 300px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  order: 5px solid rgb(26 108 97 / 56%);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader video {
  width: 40rem;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffff;
  margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

body {
  margin: 0;
  scroll-behavior: smooth;
}

a {
  color: inherit !important;
}

.boton-telegram-contenedor {
  position: fixed;
  bottom: 4rem;
  right: 1rem;
  width: 4rem;
  height: 4rem;
  z-index: 90;
  transition: 0.3s ease;
}

.boton-telegram-contenedor:hover .tooltip- {
  display: block;
}

.boton-telegram-contenedor:hover .tooltip-2 {
  display: block;
}

.formulario-email {
  display: flex;
  flex-direction: column;
}

form.formulario-email {
  margin-left: 0rem !important;
}

.formulario-email input {
  padding: 0.5rem;
  border-radius: 50px 50px 50px 50px;
  background-color: #bebebe;
  border: #bebebe;
  outline: none;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.modal-content {
  background: #ededed !important;
  padding: 20px 40px 20px 40px !important;
  box-shadow: 2px 8px 23px 3px rgb(0 0 0 / 20%) !important;
  border-radius: 20px 20px 20px 20px !important;
}

.modal-title {
  font-size: 1rem;
  font-family: "Pluto Sans Medium";
  line-height: 1.2rem !important;
}

#boton-x {
  margin-top: 0rem !important;
}

#musica {
  bottom: 1rem !important;
}

.formulario-email label {
  font-family: "Pluto Sans Medium", Sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 18px;
}

.boton-telegram {
  width: 4rem;
  height: 4rem;
  background-color: #ffb700;
  border-radius: 50%;
  cursor: pointer;
  top: 50%;
  transition: 0.2s;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boton-telegram:hover {
  background-color: #ffc739;
  box-shadow: 0px 12px 30px #ffc739;
}

.boton-telegram i {
  font-size: 1.7rem;
  color: #333333;
  transition: 0.2s;
}

#mensajes {
  bottom: 11rem !important;
}

.video-telefono video {
  margin-top: -9rem;
  width: 18rem;
}

#inicio {
  padding: 0rem !important;
  height: auto;
}

.ytp-title-link.yt-uix-sessionlink {
  margin-top: -16rem;
}

/* Final Loader */
.color1 {
  color: #a37ce4;
}

.color2 {
  color: #ff5ec3;
}

.color3 {
  color: #f7be06;
}

.color4 {
  color: #a7b7f9;
}

.color5 {
  color: #bbf9bc;
}

/* .col-xl-3 {
  width: 24%;
} */
.active {
  border-bottom: 2px solid #63e8e6;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.reducido {
  width: 22%;
  transition: 1s left cubic-bezier(0.77, 0, 0.175, 1) 0s,
    1s width cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

section {
  height: 100vh;
  padding: 10em;
}

h1 {
  font-size: 3em;
}

p {
  font-size: 1.5em;
}

section:first-child {
  background-color: #ffb700;
  color: #ffff;
  padding-top: 0rem;
}

section:nth-child(2) {
  background-color: #f2f1f1;
  color: #ffff;
  padding: 0em;
  height: auto;
  margin-top: -1rem;
}

.imagen--teamm {
  /* TODO: This link is no found */
  background-image: url("https://res.cloudinary.com/serviciosmdn/image/upload/v1654139992/Roo_gycm6c.jpg");
  background-size: cover;
  background-position: center;
  height: 10rem;
}

section:nth-child(3) {
  background-color: #ffff;
  padding: 0em;
  height: auto;
}

section:nth-child(4) {
  background-color: #f2f1f1;
  color: #ffff;
  padding: 0;
  height: auto;
  position: relative;
  padding-bottom: 7rem;
}

.custom-p {
  width: auto;
  font-size: 1.1rem;
  color: #3b3b3b;
  /* opacity: 0;
  transition: opacity 0.5s ease-in-out; */
}

.servicios-content {
  width: 33rem;
  margin-left: 5rem;
  font-family: "PlutoSansCondLight";
}

.team-content {
  width: 33rem;
  margin-left: 5rem;
  font-family: "PlutoSansCondLight";
}

.titulo {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.custom-p p {
  font-family: "PlutoSansCondLight";
  font-weight: 400;
}

.c-lerp-block {
  font-family: "swiss-721-medium-bt";
  color: #3b3b3b;
  text-align: center;
  font-size: 3.1rem;
}

.c-lerp-block:last-child {
  text-align: center;
  margin-bottom: 1.5rem;
}

.scroll-class {
  opacity: 1;
}

.section-team {
  padding-top: 4rem;
}

.fixed_wrapper {
  position: relative;
  overflow: hidden;
  height: 818px;
}

.o-layout {
  padding: 0;
  list-style: none;
  font-size: 0;
  margin: 0;
}

.u-2\/5\@from-medium {
  width: 40%;
}

.o-layout_item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 1rem;
  padding-left: 0;
}

.c-lerp-block:last-child {
  font-size: 2.8rem;
}

.c-lerp-block_title span {
  display: inline-block;
  min-width: 0.3em;
}

.fixed_target {
  bottom: -100vh;
}

.fixed,
.fixed_target {
  position: absolute;
  top: -100vh;
  right: 0;
  left: 0;
}

.fixed {
  height: 24rem;
  background-size: cover;
  background-position: center;
}

.s3 {
  background-color: chocolate;
}

.lerp-wrap span {
  font-size: 2rem;
}

.c-direction-block_item span {
  display: block;
  background-color: #ffb600;
  white-space: nowrap;
  padding: 0 20px;
  font-family: "Galderglynn TitlingRg Bold";
}

.c-direction-block_item {
  position: absolute;
  font-size: 10vw;
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

.c-direction-block {
  margin-top: 18.75rem;
  /* background-color: #e5e5e5; */
  background-color: #f2f1f1;
}

.c-direction-block {
  top: -50vh;
  bottom: -50vh;
}

.c-direction-block {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
}

.c-section {
  margin-bottom: 35vh;
}

.c-section {
  position: relative;
}

.o-container {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.o-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 95rem;
}

.c-direction-block_item.-one {
  top: 33%;
  -webkit-transform: translateX(-50vw) rotate(26deg);
  transform: translateX(-50vw) rotate(26deg);
}

.c-direction-block_item {
  position: absolute;
  font-size: 10vw;
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

.c-direction-block_item.-two {
  top: 32%;
  transform: rotate(7deg);
}

.c-direction-block_item {
  position: absolute;
  font-size: 10vw;
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

.c-direction-block_item.-three {
  top: 55%;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}

.c-direction-block_item {
  position: absolute;
  font-size: 10vw;
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

.c-direction-block_item.-four {
  top: 68%;
  -webkit-transform: translateX(-50vw) rotate(-19deg);
  transform: translateX(-50vw) rotate(-19deg);
}

.c-direction-block_item {
  position: absolute;
  font-size: 10vw;
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

.c-direction-block_item.-five {
  top: 53%;
  -webkit-transform: translateX(-10vw) rotate(3deg);
  transform: translateX(-10vw) rotate(3deg);
}

.c-direction-block_item {
  position: absolute;
  font-size: 10vw;
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

/* Mis estilos */
/* Header */
header {
  background-color: #ffb700;
}

.navbar-brand img {
  width: 5rem;
  margin-left: 9rem;
}

/* Final Header */
h1.texto.scroll-class {
  color: #3b3b3b;
  font-size: 7rem;
  line-height: 5rem;
  font-family: "Galderglynn TitlingRg Bold";
  -webkit-transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    transform 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#paradigma {
  color: #ffff;
  font-family: "Galderglynn TitlingRg Bold";
  height: 21rem;
  line-height: 7rem;
  padding-top: 13rem;
}

#paradigma span {
  color: #3b3b3b;
}

#paradigma::after {
  content: "|";
  display: inline;
  -webkit-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

/*Removes cursor that comes with typed.js*/
.typed-cursor {
  opacity: 0;
  display: none;
}

/*Custom cursor animation*/
@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.nav {
  padding-top: 1rem;
  justify-content: space-evenly;
  width: 100%;
}

.nav a {
  text-decoration: none;
  color: #3b3b3b;
  font-family: "swiss-721-medium-bt";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #63e8e6;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.nav a:hover::after {
  width: 100%;
}

.nav a:hover {
  color: #ffff !important;
}

.imagen-1 {
  /* TODO: This link is not found */
  /* background-image: url("https://res.cloudinary.com/serviciosmdn/video/upload/v1654783149/LOGO_mbra7z.mp4"); */
  background-size: cover;
  background-position: center;
  /* height: 100vh; */
  position: relative;
  -webkit-transition: 0.8s height cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.8s height cubic-bezier(0.77, 0, 0.175, 1);
}

.team-videosection video {
  object-fit: cover;
  width: 50% !important;
  height: 100%;
  position: relative;
}

.servicios {
  padding-top: 7rem;
}

.scroll-class {
  opacity: 1;
}

.imagen-2 {
  background-image: url("https://res.cloudinary.com/serviciosmdn/image/upload/v1651169698/12_bau1ww.jpg");
  background-size: cover;
  background-position: center;
  height: 100%;
  position: relative;
  -webkit-transition: 0.8s height cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.8s height cubic-bezier(0.77, 0, 0.175, 1);
}

.down {
  height: 20vh;
  -webkit-transition: 0.8s height cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.8s height cubic-bezier(0.77, 0, 0.175, 1);
}

.down-1 {
  height: 20vh;
  -webkit-transition: 0.8s height cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.8s height cubic-bezier(0.77, 0, 0.175, 1);
}

.marquee {
  background-color: #ffb600;
  color: #fff;
  height: 6rem;
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
  line-height: 6rem;
  -webkit-transform-origin: top right;
  transform-origin: top right;
  position: relative;
  top: -3rem;
  overflow-x: hidden;

  /* left: -10rem;  */
  transition: all 0.3s ease-in-out;
}

.marquee:hover {
  background-color: #3b3b3b;
}

.marquee:hover {
  cursor: pointer;
}

.marquee span {
  padding-right: 18px;
}

.marqueeScroll,
.marqueeScroll2 {
  height: 20px;
  white-space: nowrap;
  font-size: 90px;
  white-space: nowrap;
  will-change: transform;
  font-family: "Galderglynn TitlingRg Bold";
  animation: marquee 20s linear infinite;
  position: absolute;
}

@keyframes marquee {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

/* Servicios -- Open */

#boton-servicios {
  opacity: 0;
}

.imagen-servicios img {
  width: 100%;
  height: auto;
  margin-top: 5rem;
}

.imagen-servicios video {
  width: 100%;
}

.imagen-servicios video {
  margin-top: 5rem;
}

.imagen-servicios img:last-child {
  margin-bottom: 3rem;
}

.titulo-servicios h1 {
  font-family: "Galderglynn TitlingRg Bold";
  color: #ffba00;
  text-align: center;
  font-size: 3rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.titulo-servicios {
  width: 100%;
}

.contenido-servicios {
  z-index: 99999;
  background: #ffff;
  width: 78vw;
}

.contenido-servicios p {
  font-family: "PlutoSansCondLight";
  color: #3f3e3e;
  font-size: 1.1rem;
  width: 55rem;
  padding-left: 9rem;
}

.contenido-servicios span {
  color: #3f3e3e;
  font-size: 0.9rem;
  font-family: "PlutoSansCondLight";
  padding-left: 9rem;
  font-size: 1.1rem;
}

/* Fin Servicios -- Open */
/* Sección Portfolio */
.contenido-portafolio {
  font-family: "swiss-721-medium-bt";
  color: #3b3b3b;
  text-align: left;
  font-size: 1.4rem;
  padding-left: 13.2rem;
  position: relative;
  top: 17rem;
}

.contenido-portafolio p {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 0rem;
}

.contenido-portafolio p:nth-child(1):hover {
  color: #a37ce4;
}

.contenido-portafolio p:nth-child(2):hover {
  color: #ff5ec3;
}

.contenido-portafolio p:nth-child(3):hover {
  color: #f7be06;
}

.contenido-portafolio p:nth-child(4):hover {
  color: #a7b7f9;
}

.contenido-portafolio p:nth-child(5):hover {
  color: #bbf9bc;
}

.imagen-3 {
  background-image: url("https://res.cloudinary.com/mdnclientes/image/upload/v1672241448/paginaMDNImagenes/minipets_wyoids.webp");
  background-position: center;
  background-size: cover;
  height: 100vh;
  position: relative;
  top: -3rem;
  width: 100%;
}

.target {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0;
  bottom: 0;
}

.target- {
  position: absolute;
  top: -1.5%;
  left: 0%;
  right: 0;
  bottom: 0;
}

.c-direction-block_item.-fives {
  top: 43%;
  -webkit-transform: rotate(-10deg) !important;
  transform: rotate(-10deg) !important;
}

.c-direction-block_item.-twoos {
  top: 18%;
  -webkit-transform: rotate(-7deg) !important;
  transform: rotate(-7deg) !important;
}

.c-direction-block_item.-five {
  top: 52%;
  transform: rotate(9deg);
}

/* Clientes */

#my-sections {
  padding: 0rem;
}

#my-sections {
  background-color: #f2f1f1;
  height: 110vh;
}

#my-sectionsss {
  background-color: #1b1b1b;
  padding: 0rem;
  height: auto !important;
}

#my-footer {
  background-color: #e1e1e1;
  height: 30rem;
}

.ayudarte span {
  font-size: 2rem;
  color: #ffb700;
  font-family: "swiss-721-medium-bt";
  line-height: 2rem;
}

.ayudarte {
  padding-bottom: 0.6rem;
}

.imagen-telefono {
  text-align: center;
  margin-top: 2rem;
}

.imagen-telefono img {
  width: 25rem;
}

.c-section {
  margin-bottom: 40vh;
}

.contenido-ayudarte {
  text-align: left;
  line-height: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.contenido-ayudarte p {
  font-family: "Pluto Sans Medium";
  color: #ffff;
}

.contenido-ayudarte span {
  color: #ffff;
  font-family: "Pluto Sans Light";
}

.texto {
  padding-top: 1rem;
}

form {
  margin-left: 4rem;
}

.texto input {
  width: 100%;
  padding: 0.2rem;
  border-radius: 2rem;
  border: none;
  outline: none;
  background: #bebebe;
}

.texto p {
  font-family: "swiss-721-medium-bt";
  color: #ffff;
  font-size: 1rem;
}

button {
  /* margin-top: 2rem; */
  width: 7rem;
  border: none;
  padding: 0.2rem;
  border-radius: 2rem;
  font-family: "swiss-721-medium-bt";
  background-color: #ffb600;
  color: #3f3e3e;
}

.redes-sociales {
  margin-top: 4rem;
}

.none {
  display: none !important;
  /* -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; */
}

/* @-webkit-keyframes fadeEffect {
      from {opacity: 0;}
      to {opacity: 1;}
    }
    @keyframes fadeEffect {
      from {opacity: 0;}
      to {opacity: 1;}
    } */

.icono {
  position: relative;
  left: 13rem;
  cursor: pointer;
  top: -26rem;
  width: 0rem;
}

.icono-servicios {
  position: relative;
  left: 16rem;
  cursor: pointer;
  top: 7.4rem;
  width: 0rem;
}

.boton-portafolio {
  display: flex;
  justify-content: left;
  top: 20rem;
  cursor: pointer;
  /* opacity: 0; */
  width: 100%;
  position: fixed;
  left: -4rem;
  /* transition: all 0.3s ease-in-out;
  -webkit-animation: blink 0.7s infinite;
  animation: blink 3s infinite; */
}

/* .boton-portafolio:hover{
  opacity: 1;
} */

.boton-portafolio img {
  width: 8rem;
}

.boton-portafolio {
  background-image: url("https://res.cloudinary.com/mdnclientes/image/upload/v1672241450/paginaMDNImagenes/boton1_duoftj.png");
  background-size: cover;
  width: 8rem;
  height: 8rem;
  transition: all 0.3s ease-in;
}

.boton-portafolio:hover {
  background-image: url("../img/boton2.png");
  background-size: cover;
  width: 8rem;
  height: 8rem;
}

#boton---1 {
  padding-top: 50%;
  padding-bottom: 50%;
}

.splide__slide img {
  width: 9rem;
  cursor: pointer;
}

.splide__arrows {
  display: none;
}

.splide__slide h4 {
  font-size: 0.9rem;
}

.splide__slide__container {
  text-align: center;
}

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

.splide__pagination__page {
  width: 20px;
  height: 20px;
  background-color: #ffb700;
  opacity: 1;
}

.splide__pagination__page.is-active {
  background: transparent;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  border: 2px solid #ffb700;
  background: transparent;
}

#splide_trackk {
  height: 39.7rem;
}

.down {
  height: 0vh !important;
}

.imagen-logo- {
  text-align: center;
  width: 78vw;
  background: #ffff;
  margin-top: -3rem;
  padding-bottom: 9.7rem;
}

.imagen-logo-- {
  background-color: #ffff;
  width: 78vw;
  margin-top: -3rem;
  padding-bottom: 9.7rem;
  /* margin-bottom:75vh; */
}

.imagen-logo--- {
  background-color: #ffff;
  width: 78vw;
  margin-top: -3rem;
}

.imagen-logo-- img {
  width: -webkit-fill-available;
  width: -moz-available;
  padding-top: 1rem;
}

.imagen {
  width: 70%;
  position: relative;
  z-index: 9;
  margin-left: 1rem;
  margin-top: 5rem;
}

.imagen img {
  padding: 0.5rem;
  border-radius: 1rem;
  transition: all 0.3s ease-in-out;
  margin-left: 1.5rem;
}

.imagen img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.imagen-logo- img {
  width: 10.2rem;
  margin-left: 0.5rem;
  transition: all 0.3s ease-in-out;
}

.imagen-logo- img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.texto-branding {
  text-align: center;
  font-family: "swiss-721-medium-bt";
  color: #3b3b3b;
}

.texto-branding a {
  text-decoration: none;
}

.texto-branding span:first-child {
  font-weight: 700;
}

.c-direction-block_item.-six {
  transform: rotate(5deg);
}

/* Inicio MediaQueries */
.c-scrollbar {
  z-index: 199;
}

#clientess {
  padding-top: 1rem;
}

.logo-grande {
  width: 12rem !important;
}

.logo--grande {
  margin-top: 1rem !important;
}

.logo-grandex2 {
  margin-top: 1.4rem !important;
}

.logo-margin2 {
  margin-top: 1.5rem !important;
}

.logo-margin08 {
  margin-top: 0.8rem !important;
}

#boton-musica-play {
  bottom: 1rem;
  display: none;
}

#boton-musica-pause {
  bottom: 1rem;
  display: none;
}

.boton-team {
  margin-top: 0rem;
  width: 45%;
  padding: 0.5rem;
  margin: auto;
  text-align: center;
}

#boton--team {
  animation: colorchange 7s infinite;
}

/* @keyframes colorchange {
  25% {
    background-color: red;
  }

50%,
100% {
  background-color: #ffb600;
}

75% {
    background-color: #A7B7F9;
} */

.formulario-email select {
  padding: 0.5rem;
  border-radius: 50px 50px 50px 50px;
  background-color: #bebebe;
  border: #bebebe;
  outline: none;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  cursor: pointer;
}

::-webkit-file-upload-button {
  border-radius: 2rem;
  cursor: pointer;
  border: none;
}

.padding-portafolio {
  padding-left: 4rem;
}

/* Logo Clientes */
.logoCliente-grande {
  width: 8rem !important;
}

.logoCliente-pequeño {
  width: 10rem;
}

.logoCliente-intercargo {
  width: 10rem !important;
  margin-top: -1rem;
}

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

.imagenes-teamm {
  animation: marquee3 40s linear infinite;
}

.imagenes-teamm2 {
  animation: marquee2 40s linear infinite;
}

@keyframes marquee2 {
  from {
    transform: translateY(5%);
  }

  to {
    transform: translateY(-40%);
  }
}

@keyframes marquee3 {
  from {
    transform: translateY(-20%);
  }

  to {
    transform: translateY(0);
  }
}

.clientes-texto {
  font-family: "swiss-721-medium-bt";
}

.team-videosection {
  position: fixed;
  width: 100%;
}

#boton-team-- {
  top: 20rem;
  left: 40rem;
}

.footer-info- {
  display: flex;
  align-items: center;
  background-color: #e1e1e1;
  height: 8rem;
  margin-top: -0.4rem;
  font-family: "swiss-721-medium-bt";
  font-size: 0.9rem;
}

.footer-info img {
  width: 7rem;
}

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

.footer-definitivo {
  background-color: #ffb700;
  height: 4rem;
  display: flex;
  font-family: "swiss-721-medium-bt";
  font-size: 0.9rem;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 540px) and (max-width: 541px) {
  .boton-portafolio {
    padding-top: 30%;
  }

  .icono-servicios {
    left: 27rem;
  }

  .icono {
    left: 24rem;
    top: -1rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1025px) {
  .imagen-1 {
    height: auto;
  }

  .imagen-2 {
    height: auto;
  }

  .imagen-3 {
    height: auto;
  }

  .icono-servicios {
    left: 56rem;
  }

  .icono {
    top: 14rem;
  }

  #my-sections {
    height: auto;
  }

  .servicios {
    padding-top: 0rem;
  }

  .navbar-brand img {
    margin-left: 1rem;
  }
}

#navbarr {
  position: fixed;
  z-index: 99;
  width: 100vw;
  background: #ffb700;
  left: 0rem;
}

#clientes {
  letter-spacing: -0.5rem;
}

/* Temporal */
.corazon1 img {
  width: 4rem;
  position: relative;
  left: -2rem;
  top: 9rem;
  animation: slidein 5s infinite;
}

.corazon2 img {
  position: relative;
  top: 7rem;
  width: 4rem;
  left: 15rem;
  animation: slideout 5s infinite;
}

@keyframes slidein {
  25% {
    -webkit-transform: translateY(-50px);
  }

  50%,
  100% {
    -webkit-transform: translateY(20);
  }

  75% {
    -webkit-transform: translateY(50px);
  }
}

@keyframes slideout {
  25% {
    -webkit-transform: translateY(50px);
  }

  50%,
  100% {
    -webkit-transform: translateY(-20);
  }

  75% {
    -webkit-transform: translateY(-50px);
  }
}

/* Final Temporal */
#boton-musica-pause {
  width: 6rem;
  height: 6rem;
  left: 1rem;
}

#boton-musica-play {
  left: 1rem;
  bottom: 0.5rem;
}

i.fa-solid.fa-music {
  font-size: 0.7rem;
}

.boton-music {
  width: 3rem;
  height: 3rem;
  background: gray;
}

.boton-music i {
  color: #fff;
}

/* PRESENTATION PAGE */
#navbarr-presentacion {
  position: static;
  z-index: 99;
  width: 100vw;
  background: #ffb700;
  left: 0rem;
}

.title-presentation,
.subtitle-presentation {
  font-family: "Galderglynn TitlingRg Bold";
  text-align: center;
}

.title-presentation {
  text-align: center;
  margin-top: 2rem;
  font-size: 3.5em;
}

.subtitle-presentation {
  margin-top: 4rem;
}

body.body-presentation {
  overflow: auto;
}

.miniature {
  width: 100%;
  border-radius: 10px;
  transition: transform 0.3s ease-in-out;
  position: relative;
}

.videos-grid div {
  overflow: clip;
  border-radius: 10px;
}

.videos-grid div:hover .miniature {
  transform: scale(1.2);
}

.miniature-img-container {
  cursor: pointer;
}

.videos-grid .miniature-img-container:after {
  content: "\A";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.videos-grid div:hover::after {
  opacity: 0;
}

.videos-grid div:hover .play-button {
  opacity: 0;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70%;
  transform: translate(-50%, -50%);
  background-clip: text;
  z-index: 2;
  transition: opacity 0.5s;
}

.video-title {
  font-family: "Pluto Sans Light";
  margin-top: 0.5rem;
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #00000090;
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.modal-video-visible {
  opacity: 1;
}

.modal-video video {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-video.vertical video {
  width: auto;
  height: 90%;
  margin: auto;
}

.brands-grid {
  width: 80%;
  margin: 0 auto;
}

.brands-grid .row {
  --bs-gutter-x: 0;
  margin-right: 0;
  margin-left: 0;
  justify-content: space-around;
}

.brand-container {
  /* width: 100%; */
  text-align: center;
  background: #faf9f7;
  border-radius: 15px;
  cursor: pointer;
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
}

.brand-container img {
  max-width: 50%;
}

.brand1 {
  grid-area: 1 / 1 / 2 / 2;
}

.brand2 {
  grid-area: 1 / 2 / 2 / 3;
}

.brand3 {
  grid-area: 1 / 3 / 2 / 4;
}

.brand4 {
  grid-area: 2 / 1 / 3 / 2;
}

.brand5 {
  grid-area: 2 / 2 / 3 / 2;
}

.brand6 {
  grid-area: 2 / 3 / 3 / 4;
}

.carousel-item img {
  width: 100%;
}

.active {
  border-bottom: none;
}

.indicator {
  border-radius: 0;
}

#modalBrand .modal-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90vh;
}

#modalBrand .modal-dialog {
  max-width: 52%;
}

#carousel-more-brand {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-top: 1rem;
  flex-grow: 1;
}

#modalBrand .carousel-indicators {
  position: inherit;
  margin-bottom: 0;
}

#carousel-more-brand .carousel-control-prev,
#carousel-more-brand .carousel-control-next {
  position: inherit;
}

#carousel-more-brand .carousel-inner {
  display: flex;
  align-items: center;
}

.carousel-indicators [data-bs-target] {
  background-color: rgb(251, 200, 31);
}

#carousel-more-brand .carousel-control-next-icon {
  background: url("/img/arrowNext.svg");
}

#carousel-more-brand .carousel-control-prev-icon {
  background: url("/img/arrowPrev.svg");
}

.carousel-more-brand {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media screen and (min-width: 500px) {
}

@media screen and (min-width: 240px) and (max-width: 360px) {
  h1.texto.scroll-class {
    font-size: 2.5rem;
    line-height: 1.5rem;
  }

  h1.texto.scroll-class:first-child {
    padding-top: 0rem;
  }

  .texto {
    padding-top: 1rem;
  }

  .c-lerp-block {
    font-size: 2rem;
  }

  .custom-p {
    font-size: 0.9rem;
  }

  .contenido-portafolio {
    font-size: 0.7rem;
  }

  .icono {
    left: 14rem;
    top: 4rem;
  }

  .ayudarte span {
    font-size: 1.2rem;
  }

  .contenido-ayudarte span {
    font-size: 0.7rem;
  }

  .contenido-ayudarte p {
    font-size: 0.7rem;
  }

  .texto p {
    font-size: 0.7rem;
  }

  .servicios-show {
    transform: translateX(0rem);
  }

  .boton-portafolio {
    padding-top: 38%;
  }

  .texto {
    padding-top: 1rem !important;
  }

  /* .imagen-3{
  height: 60vh;
} */
}

@media screen and (min-width: 1400px) {
  .texto:first-child {
    padding-top: 10rem;
  }

  h1.texto.scroll-class {
    font-size: 9rem;
  }

  .nav a {
    font-size: 1.2rem;
  }

  .custom-p {
    font-size: 1.1rem;
  }

  .icono {
    top: -22rem;
    left: 17%;
  }

  .imagen-logo-- img {
    /* padding-top: 4.7rem; */
  }

  .ayudarte {
    padding-top: 9rem;
  }

  .ayudarte span {
    font-size: 2.5rem;
    line-height: 2.1rem;
  }

  .contenido-ayudarte p {
    font-size: 1.7rem;
  }

  .imagen-telefono {
    margin-top: 4rem;
  }

  .imagen-telefono img {
    width: 32rem;
  }

  .texto p {
    font-size: 1.2rem;
  }

  #paradigma {
    line-height: 9rem;
    height: 34rem;
    padding-top: 15rem;
  }

  .navbar-expand-lg {
    margin-left: -10rem;
  }

  .muñecos-team {
    margin-top: -14rem;
    height: 18rem;
  }

  .ayudarte {
    padding-top: 5rem;
  }

  #servicios- {
    padding-top: 3rem;
  }

  .icono-servicios {
    top: -42rem;
    left: 27rem;
  }

  #navbarr {
    width: 112vw;
  }

  .navbar-brand img {
    margin-left: 20rem;
  }

  .contenido-servicios p {
    font-size: 1.1rem;
    width: 70rem;
  }

  .contenido-servicios span {
    font-size: 1.1rem;
  }

  .titulo-servicios h1 {
    font-size: 3.5rem;
    padding-left: 0rem;
    margin-left: 7rem;
  }

  .imagen {
    width: 79%;
  }

  #boton---1 {
    padding-top: 50%;
  }

  .icono-servicios {
    top: 13rem;
    left: 24rem;
  }

  .servicios-content {
    width: 73%;
    padding-left: 10%;
  }

  .contenido-portafolio {
    padding-left: 23rem;
    margin-top: 6rem;
  }

  .team-content {
    width: 70%;
    padding-left: 10%;
  }

  .texto-branding {
    padding-top: 1.2rem;
  }

  .imagen-logo-- {
    padding-bottom: 25.7rem;
  }

  .titulo- {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }

  .imagen-logo- img {
    width: 12.5rem;
  }

  .logo-grande {
    width: 15rem !important;
  }

  .video-telefono video {
    /* width: 21rem; */
    width: 24rem;
  }

  .corazon1 img {
    top: 17rem;
    width: 5rem;
  }

  .corazon2 img {
    top: 14rem;
    width: 5rem;
    left: 21rem;
  }

  .navbar-brand img {
    width: 6rem;
  }

  .navbar {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  #row-logofolio {
    justify-content: center;
  }

  .col-logofolio {
    width: 28% !important;
  }

  .splide__slide img {
    width: 11rem;
  }

  .c-lerp-block:last-child {
    margin-bottom: inherit;
  }

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

  #splide_trackk {
    height: 41.7rem;
  }

  .titulo-servicios:first-child {
    padding-top: 11rem;
  }

  .logoCliente-grande {
    width: 10rem !important;
  }

  .logoCliente-intercargo {
    width: 12rem !important;
  }

  .boton-portafolio {
    padding-top: inherit !important;
    width: 12rem;
    height: 12rem;
    top: 40%;
    left: -5rem;
  }

  #titulos-webb {
    width: 34rem;
  }

  #team-titulo {
    width: 23.5rem;
  }

  #titulo-portafolioss {
    width: 34rem;
  }

  #nuevo-botonteam {
    width: 17rem;
  }

  .loader video {
    width: 58rem;
  }

  #boton-team-- {
    left: 46%;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1799px) {
  .icono-servicios {
    left: 20%;
  }

  .titulo-servicios h1 {
    margin-left: 6rem;
  }

  .contenido-servicios p {
    width: 90%;
  }

  .contenido-portafolio {
    padding-left: 14%;
  }

  .video-telefono {
    margin-left: 3rem;
  }
}

@media screen and (min-width: 1590px) and (max-width: 1799px) {
  .contenido-portafolio {
    padding-left: 16%;
  }
}

@media screen and (min-width: 1025px) {
  .hamburguer {
    display: none;
  }
}

@media screen and (min-width: 2000px) {
  .servicios-content {
    padding-left: 15%;
  }

  .team-content {
    padding-left: 15%;
  }

  .contenido-portafolio {
    padding-left: 19%;
  }

  .contenido-servicios {
    width: 84vw;
  }

  .reducido {
    width: 16.5%;
  }

  .icono {
    left: 12.5%;
  }

  .imagen-logo- {
    width: 84vw;
  }

  .imagen-logo-- {
    width: 84vw;
  }

  .imagen {
    width: 70%;
  }

  .video-telefono video {
    /* width: 21rem; */
    width: 27.8rem;
  }

  .corazon1 img {
    width: 6rem;
    top: 22rem;
  }

  .corazon2 img {
    width: 6rem;
    left: 22rem;
    top: 14rem;
  }

  .splide__slide img {
    width: 12rem;
  }

  #splide_trackk {
    height: 44.9rem;
  }

  .boton-portafolio {
    padding-top: 34%;
  }

  /* section:nth-child(3) {
height: 60rem;
} */

  .c-section {
    margin-bottom: 17vh;
  }

  #my-sections {
    height: 85vh;
  }

  section:nth-child(4) {
    padding-bottom: 30rem;
  }

  #boton---1 {
    padding-top: 35%;
  }

  .titulo-servicios:first-child {
    padding-top: 14rem;
  }

  .contenido-servicios p {
    font-size: 1.4rem;
  }

  .contenido-servicios span {
    font-size: 1.4rem;
  }

  .custom-p {
    font-size: 1.4rem;
  }

  .logo-grande {
    width: 18rem !important;
  }

  .imagen-logo- img {
    width: 16rem;
  }

  .icono-servicios {
    left: 15%;
  }

  .logoCliente-grande {
    width: 11rem !important;
  }

  .logoCliente-intercargo {
    width: 13rem !important;
  }

  #nuevo-botonteam {
    width: 19rem;
  }

  #titulos-webb {
    width: 35rem;
  }

  #team-titulo {
    width: 23rem;
  }

  #titulo-portafolioss {
    width: 35rem;
  }

  #boton-team-- {
    left: 47%;
    top: 28rem !important;
  }
}

/*# sourceMappingURL=style.css.map */

@media screen and (min-width: 600px) and (max-width: 799px) {
  .carousel-item img {
    width: 70%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 799px) {
  #navbarr-presentacion {
    padding-bottom: 0;
  }

  .title-presentation {
    font-size: 2.8em;
  }

  .modal-video video {
    width: 90%;
  }

  #modalBrand .modal-dialog {
    max-width: 95%;
    margin: 0 auto;
  }

  #carousel-more-brand .carousel-control-prev,
  #carousel-more-brand .carousel-control-next {
    margin-top: 0;
    position: absolute;
  }

  #modalBrand .modal-content {
    height: 55vh;
  }
}

.ebook-body {
  padding-top: 3rem;
  padding-left: 10rem;
  background-image: url("/img/Grupo-2-arreglada.png");
  background-position: 90% 100%;
  background-size: contain;
  min-height: 100vh;
  background-repeat: no-repeat;
  font-family: "swiss-721-medium-bt";
}

.ebook-title {
  font-weight: 500;
  font-size: 2.5rem;
}

.ebook-input {
  background-color: #ebebeb;
  border: 0;
  border-radius: 0.5rem;
  width: 70%;
  padding: 0.2rem;
}

#message-error {
  width: 70%;
}

/* Final Logo Clientes */
@media screen and (max-width: 700px) {
  .nav {
    display: none;
  }

  h1.texto.scroll-class {
    font-size: 3rem;
    line-height: 2rem;
  }

  section:first-child {
    padding: 1em;
  }

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

  .navbar {
    padding-bottom: 5rem;
  }

  #titulos-webb {
    width: 13.1rem;
  }

  #team-titulo {
    width: 8rem;
  }

  /* .texto p{
    display: none;
  }
  .texto input {
    display: none;
  } */
  #titulo-portafolioss {
    width: 13.1rem;
  }

  .imagen-1 {
    height: 60vh;
    margin-top: 3rem;
  }

  .down {
    height: 0vh !important;
  }

  .imagen {
    width: 45% !important;
    margin: auto;
  }

  .texto-branding {
    font-size: 0.8rem;
  }

  section:nth-child(2) {
    height: auto;
  }

  section:nth-child(3) {
    padding: 1rem;
    height: auto;
  }

  section:nth-child(4) {
    height: auto;
    padding-bottom: 0rem;
  }

  .imagen-2 {
    left: -2rem;
    width: 100vw;
    top: 0rem;
    height: 60vh;
  }

  .marquee {
    left: 0rem;
    width: 100%;
  }

  .marqueeScroll,
  .marqueeScroll2 {
    font-size: 3.6rem;
  }

  .custom-p {
    width: auto;
    text-align: center;
  }

  .c-lerp-block {
    font-size: 3rem;
  }

  .c-lerp-block:last-child {
    text-align: center;
  }

  .imagen-3 {
    top: 0rem;
    /* left: -1rem; */
    width: 100%;
  }

  .c-direction-block_item span {
    font-size: 2.5rem;
    padding: 15px 20px;
  }

  .splide__slide img {
    width: 4rem;
  }

  .splide__slide h4 {
    font-size: 0.7rem;
  }

  #my-sections {
    width: 100%;
    height: auto;
    padding: 0rem;
  }

  section {
    padding: 0rem;
  }

  #splide_trackk {
    height: 57.5rem;
  }

  .ayudarte span {
    font-size: 1.5rem;
  }

  .contenido-ayudarte p {
    font-size: 0.9rem;
  }

  .imagen-telefono img {
    display: none;
  }

  form {
    margin-left: 0rem;
  }

  .texto p {
    font-size: 0.9rem;
  }

  .letras {
    font-size: 3rem;
  }

  .imagen-logo- {
    margin-top: 28rem;
  }

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

  .imagen-1 {
    height: 40vh;
  }

  .imagen-2 {
    height: 40vh;
  }

  #my-sectionsss {
    padding: 0rem;
  }

  .splide__slide__container {
    text-align: center;
  }

  #navbarr {
    height: 6rem;
  }

  .icono {
    position: fixed;
    left: 19rem;
    top: 14rem;
  }

  .imagen-logo-- {
    width: auto;
  }

  .navbar-brand img {
    width: 4rem;
    margin-left: 0rem;
  }

  #paradigma {
    line-height: 3.5rem;
    padding-top: 16.5rem;
    font-size: 3rem;
  }

  .imagen-logo- {
    width: auto;
  }

  .servicios {
    padding-top: 2rem;
  }

  .redes-sociales {
    margin-top: 2rem;
  }

  .texto {
    text-align: left;
  }

  .imagen-telefono {
    margin-top: 0rem;
  }

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

  .servicios {
    padding-top: 2rem;
  }

  #my-sectionsss {
    height: auto;
  }

  .boton-portafolio {
    left: 0rem;
    justify-content: center;
    margin: auto;
  }

  .servicios-content {
    width: inherit;
    margin-left: 0rem;
  }

  .team-content {
    margin-left: 0rem;
  }

  .imagen-2 {
    /* left: -1rem; */
    width: 100vw;
    margin-top: 5rem;
  }

  .contenido-portafolio {
    text-align: center;
    padding-left: 0rem;
  }

  .contenido-portafolio p {
    width: inherit;
  }

  .six {
    top: 13%;
  }

  .logo-grande {
    width: 10.2rem !important;
  }

  .c-direction-block_item span {
    font-size: 3.5rem;
    padding: 20px 20px;
  }

  .c-section {
    margin-bottom: 2vh;
  }

  .c-lerp-block:last-child {
    font-size: 1.8rem;
  }

  .c-lerp-block:last-child {
    margin-bottom: 0rem;
  }

  .splide__slide img {
    width: 6.4rem;
  }

  .video-telefono {
    display: none;
  }

  .corazones {
    display: none;
  }

  #splide_trackk {
    height: 51.5rem;
  }

  .ayudarte span {
    font-size: 1.9rem;
  }

  .titulo-servicios h1 {
    font-size: 2.5rem;
  }

  .contenido-servicios {
    width: inherit;
    text-align: center;
  }

  .contenido-servicios p {
    padding-left: 0rem;
    width: inherit;
    text-align: center;
  }

  .contenido-servicios span {
    padding-left: 0rem;
  }

  .padding-portafolio {
    padding-left: 999rem;
  }

  .contenido-portafolio {
    padding-left: 0rem !important;
  }

  .imagen-logo- {
    position: relative;
    z-index: 99999;
  }

  .imagen-logo-- {
    position: relative;
    z-index: 99999;
    margin-top: 26rem;
  }

  .imagen {
    margin-top: 2rem;
  }

  #inicio video {
    margin-top: 3rem;
  }

  .logoCliente-grande {
    width: 6.4rem !important;
  }

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

  .logoCliente-intercargo {
    width: 6.4rem !important;
    margin-top: 0rem;
  }

  .boton-team {
    width: 80%;
  }

  .imagen-2 {
    margin-top: -0.3rem;
  }

  .muñecos-team {
    margin-bottom: 0rem;
  }

  .imagen-3 {
    top: 24rem;
  }

  #boton-servicios {
    left: 33%;
    top: 30%;
  }

  .team-videosection {
    position: inherit !important;
    height: 50vh;
  }

  .team-videosection video {
    width: 100% !important;
    height: 100%;
    left: 0rem;
  }

  #boton-team-- {
    position: relative;
    z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
    top: -11rem !important;
    left: 0% !important;
  }

  .footer-info- {
    display: none !important;
  }

  .footer-definitivo {
    display: none;
  }

  .demo-videos-container .row {
    --bs-gutter-x: 0;
  }

  .brands-grid {
    width: 100%;
  }

  .ebook-body {
    padding-top: 1rem;
    padding-left: 0;
    background-position: 0 105%;
  }

  .ebook-input {
    width: 100%;
  }

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

  .ebook-text {
    font-size: 1.1em;
  }

  #message-error {
    width: 100%;
  }
}

@media screen and (min-width: 701px) and (max-width: 1024px) {
  h1.texto.scroll-class {
    font-size: 5rem;
  }

  .imagen-1 {
    height: 60vh;
    width: 102vw;
  }

  section:first-child {
    padding: 4rem;
  }

  .corazon1 {
    display: none;
  }

  .corazon2 {
    display: none;
  }

  section:nth-child(3) {
    padding: 0rem;
    height: auto;
  }

  section:nth-child(2) {
    height: auto;
  }

  .custom-p {
    width: 100%;
    text-align: center;
  }

  .imagen-2 {
    height: 60vh;
    top: 0rem;
    width: 102vw;
  }

  .marquee {
    width: 121%;
  }

  .nav {
    display: none;
  }

  .imagen-3 {
    width: 102vw;
    top: 0rem;
  }

  #my-sections {
    padding: 3.5rem;
  }

  #my-sectionsss {
    height: auto;
  }

  #nuevo-botonteam {
    width: 16rem;
  }

  .imagen-telefono img {
    display: none;
  }

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

  .c-section {
    display: none;
  }

  .icono {
    left: 41rem;
    top: 16rem;
    width: 0rem;
    position: fixed;
    z-index: 99999999999999999999999;
  }

  #inicio {
    margin-top: 2rem;
  }

  .team-content {
    width: 90% !important;
    margin: auto !important;
  }

  .servicios-content {
    margin-left: 0rem;
  }

  .team-content {
    margin-left: 0rem;
  }

  .contenido-servicios {
    width: 100%;
    text-align: center;
  }

  .icono-servicios {
    left: 42rem;
  }

  .contenido-servicios p {
    padding-left: 0rem;
    text-align: center;
    width: 100%;
  }

  .imagen {
    width: 100%;
    margin-left: 0rem;
    text-align: center;
  }

  .contenido-servicios span {
    padding-left: 0rem;
  }

  .contenido-portafolio {
    position: relative;
    padding-left: 0rem !important;
  }

  .contenido-portafolio p {
    text-align: center;
    width: 100%;
  }

  #servicios-col {
    padding-bottom: 7rem;
  }

  .imagen-logo- {
    margin-top: 31rem;
    width: 100%;
    position: relative;
  }

  .imagen-logo-- {
    width: 100%;
    margin-top: 31rem;
    position: relative;
  }

  .imagen-logo-- img {
    width: 25rem;
  }

  section:nth-child(4) {
    padding-bottom: 0rem;
  }

  .c-lerp-block:last-child {
    font-size: 2rem;
  }

  .splide__slide img {
    width: 6rem;
  }

  #splide_trackk {
    height: 51.5rem;
  }

  .video-telefono {
    display: none;
  }

  .servicios {
    padding-top: 1rem;
  }

  .ayudarte span {
    font-size: 2rem;
  }

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

  .contenido-ayudarte p {
    font-size: 1rem;
  }

  form {
    margin-left: 0rem;
  }

  .navbar-brand img {
    margin-left: 1rem;
  }

  #my-sections {
    height: auto;
  }

  .logoCliente-grande {
    width: 6.4rem !important;
  }

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

  .logoCliente-intercargo {
    width: 6.4rem !important;
    margin-top: 0rem;
  }

  .boton-portafolio {
    left: 0rem;
    margin: auto;
  }

  #nuevo-botonteam {
    margin-top: 0rem;
  }

  .muñecos-team {
    margin-bottom: -1rem;
  }

  .imagen-3 {
    top: 24rem;
  }

  .boton-portafolio {
    left: 40%;
    top: 40%;
  }

  #boton-team-- {
    top: 76%;
    left: 40%;
  }

  section:nth-child(3) {
    height: 95rem;
  }

  .team-videosection video {
    height: 49vh;
    width: 100%;
  }

  .footer-info- {
    display: none !important;
  }

  .footer-definitivo {
    display: none;
  }

  .ebook-body {
    padding-top: 1rem;
    background-position: 0 220%;
  }
}

.btn-ebook {
  position: fixed;
  bottom: 2rem;
  left: 1rem;
  z-index: 1;
  padding: 0.3rem 1rem;
  background-color: #ffb600;
  border-radius: 0.5rem;
  font-family: "swiss-721-medium-bt";
  text-decoration: none;
  text-transform: uppercase;
}

.ebook-title span {
  font-weight: 600;
}

.ebook-text span {
  color: #ffb700;
}

#form-ebook {
  margin-left: 0;
}

.form-titles {
  font-size: 1rem;
  margin-bottom: 5px;
}

.ebook-btn {
  background-color: #ffb600;
  width: 5rem;
}