/* screen - home-page */

.home-page {
  align-items: flex-start;
  background-color: var(--colorwhite);
  display: flex;
  height: 8359px;
  width: 1440px;
}

.home-page .overlap-group3 {
  height: 8267px;
  margin-top: 92px;
  position: relative;
  width: 1440px;
  z-index: 1;
}

.home-page .frame-18 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: min-content;
  left: 0;
  position: absolute;
  top: 0;
  width: min-content;
}

.home-page .hero-section-1 {
  height: 549px;
  min-width: 1440px;
}

.home-page .hero-container {
  height: 549px;
  position: relative;
  width: 1440px;
}

.home-page .img-hero {
  background-image: url(../img/programmer-scanning-screen-on-his-smartwatch-with-smartphone-cam-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 549px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.home-page .rectangle-23 {
  background-color: var(--cosmic-cobalt);
  flex: 1;
  height: 549px;
  mix-blend-mode: color;
}

.home-page .hero-section-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 304px;
  left: 278px;
  position: absolute;
  top: 152px;
  width: 885px;
}

.home-page .llevamos-su-proyecto {
  color: var(--colorwhite);
  font-family: var(--font-family-futura-bold);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  height: 164px;
  letter-spacing: -3.41px;
  margin-left: -2px;
  opacity: 0;
  text-align: center;
  transform: translate(0, 25px);
  width: 883px;
}

.home-page .llevamos-su-proyecto.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .cta {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 48px;
  height: 67px;
  margin-left: -2px;
  margin-top: 73px;
  transition: all 0.2s ease;
  width: 185px;
}

.home-page .cta:hover {
  background-color: #1393D0
}

.home-page .button {
  align-items: flex-start;
  background-color: var(--rose);
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 20px 32px;
  width: min-content;
}

.home-page .contctenos-1 {
  letter-spacing: -1.00px;
  margin-top: -1px;
  min-width: 121px;
}

.home-page .our-services {
  height: 1237px;
  min-width: 1440px;
}

.home-page .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 181px;
  min-height: 960px;
  position: relative;
  top: 87px;
  width: 1079px;
}

.home-page .sobre-pixelmex {
  color: var(--colorbrand);
  font-family: var(--font-family-futura-medium);
  font-size: 36px;
  font-weight: 500;
  height: 48px;
  letter-spacing: -1.80px;
}

.home-page .somos-una-gran-y-con {
  height: 243px;
  letter-spacing: -1.00px;
  margin-left: 1px;
  margin-top: 40px;
  width: 1073px;
}

.home-page .services-container {
  align-items: flex-start;
  display: flex;
  height: 548px;
  margin-top: 81px;
  min-width: 1079px;
}

.home-page .strategy-services {
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  opacity: 0;
  transform: translate(25px, 0);
  width: 300px;
}

.home-page .strategy-services.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .group {
  height: 144px;
  min-width: 144px;
}

.home-page .body-text-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  justify-content: center;
  width: min-content;
}

.home-page .objetivo {
  letter-spacing: -0.48px;
  margin-top: -1px;
  min-width: 145px;
  text-align: center;
}

.home-page .frame-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: min-content;
  justify-content: center;
  width: min-content;
}

.home-page .servicios-consistent {
  letter-spacing: -1.00px;
  margin-top: -1px;
  width: 300px;
}

.home-page .marketing-services {
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-left: 90px;
  opacity: 0;
  transform: translate(25px, 0);
  width: min-content;
}

.home-page .marketing-services.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .group-1 {
  height: 144px;
  min-width: 153px;
}

.home-page .body-text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  justify-content: center;
}

.home-page .visin {
  letter-spacing: -0.48px;
  margin-top: -1px;
  min-width: 103px;
  text-align: center;
}

.home-page .ser-la-empresa-de-de {
  letter-spacing: -1.00px;
  margin-top: -1px;
  width: 303px;
}

.home-page .design-services {
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-left: 90px;
  opacity: 0;
  transform: translate(25px, 0);
  width: min-content;
}

.home-page .design-services.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .icon-1 {
  height: 144px;
  min-width: 144px;
}

.home-page .misin {
  letter-spacing: -0.48px;
  margin-top: -1px;
  min-width: 111px;
  text-align: center;
}

.home-page .somos-una-empresa-in {
  letter-spacing: -1.00px;
  margin-top: -1px;
  width: 296px;
}

.home-page .previous-works {
  background-color: var(--colorbrand);
  height: 1405px;
  min-width: 1440px;
  position: relative;
}

.home-page .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 737px;
  min-height: 892px;
  position: absolute;
  top: 236px;
  width: 554px;
}

.home-page .overlap-group1 {
  height: 416px;
  position: relative;
  width: 554px;
}

.home-page .button-1 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: min-content;
  left: 324px;
  padding: 20px 32px;
  position: absolute;
  top: 196px;
  width: min-content;
}

.home-page .explore-all-services {
  letter-spacing: -0.80px;
  margin-top: -1px;
  min-width: 138px;
}

.home-page .icon-left-arrow-24-outline {
  height: 20px;
  min-width: 20px;
}

.home-page .project-2 {
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: min-content;
}

.home-page .project-2.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter6-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.home-page .rectangle-1 {
  height: 341px;
  min-width: 523px;
  object-fit: cover;
}

.home-page .frame-4 {
  align-items: center;
  display: flex;
  gap: 322px;
  height: min-content;
  width: min-content;
}

.home-page .desarrollo-de-software {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 333px;
}

.home-page .project-4 {
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-top: 60px;
  opacity: 0;
  width: min-content;
}

.home-page .project-4.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 2.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter7-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.home-page .frame-4-1 {
  align-items: center;
  display: flex;
  gap: 306px;
  height: min-content;
  width: min-content;
}

.home-page .consultora {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 165px;
}

.home-page .flex-col-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 181px;
  min-height: 1007px;
  position: absolute;
  top: 121px;
  width: 523px;
}

.home-page .servicios {
  height: 48px;
  letter-spacing: -1.80px;
  min-width: 132px;
  text-align: center;
}

.home-page .project-1 {
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-top: 67px;
  opacity: 0;
  width: 522px;
}

.home-page .project-1.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.home-page .rectangle-1-1 {
  height: 341px;
  min-width: 522px;
  object-fit: cover;
}

.home-page .frame-4-2 {
  align-items: center;
  display: flex;
  gap: 333px;
  height: min-content;
  width: min-content;
}

.home-page .mantenimiento {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 217px;
}

.home-page .project-3 {
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-top: 60px;
  opacity: 0;
  width: min-content;
}

.home-page .project-3.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.home-page .frame-4-3 {
  align-items: center;
  display: flex;
  gap: 344px;
  height: min-content;
  width: min-content;
}

.home-page .desarrollo-de-aplicaciones {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 388px;
}

.home-page .frame-18-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: min-content;
  width: min-content;
}

.home-page .section-1 {
  display: flex;
  height: 128px;
  min-width: 1440px;
}

.home-page .valores-pixelmex {
  color: var(--colorbrand);
  font-family: var(--font-family-futura-medium);
  font-size: 36px;
  font-weight: 500;
  height: 48px;
  letter-spacing: -1.80px;
  margin-left: 182px;
  margin-top: 80px;
  width: 251px;
}

.home-page .section {
  align-items: center;
  display: flex;
  height: 770px;
  justify-content: center;
  min-width: 1440px;
}

.home-page .frame-26 {
  align-items: center;
  display: flex;
  gap: 35px;
  margin-left: 2px;
  width: 1076px;
}

.home-page .group-11 {
  display: flex;
  flex-direction: column;
  height: 164px;
  min-width: 523px;
}

.home-page .desarrollo-e-innovacin {
  height: 43px;
  letter-spacing: -0.48px;
  width: 398px;
}

.home-page .hero-section {
  display: flex;
  margin-top: 40px;
  width: 523px;
}

.home-page .nuestr {
  height: 81px;
  letter-spacing: -1.00px;
  width: 521px;
}

.home-page .rectangle-20 {
  display: block;
  height: 594px;
  min-width: 520px;
  opacity: 0;
  transform: translate(25px, 0);
}

.home-page .rectangle-20.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter8-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .frame-26-1 {
  align-items: center;
  display: flex;
  gap: 35px;
  margin-left: 2px;
  width: 1080px;
}

.home-page .rectangle-19 {
  display: block;
  height: 594px;
  min-width: 520px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.home-page .rectangle-19.bp1-animate-enter9 {
  animation: bp1-animate-enter9-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp1-animate-enter9-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .group-11-1 {
  display: flex;
  flex-direction: column;
  height: 164px;
  margin-right: -2px;
  min-width: 527px;
}

.home-page .actitud-de-servicio {
  height: 43px;
  letter-spacing: -0.48px;
  text-align: center;
  width: 307px;
}

.home-page .hero-section-3 {
  display: flex;
  margin-left: 4px;
  margin-top: 40px;
  width: 523px;
}

.home-page .armona {
  height: 43px;
  letter-spacing: -0.48px;
  width: 146px;
}

.home-page .rectangle-19-1 {
  display: block;
  height: 594px;
  min-width: 520px;
  opacity: 0;
  transform: translate(25px, 0);
}

.home-page .rectangle-19-1.bp1-animate-enter10 {
  animation: bp1-animate-enter10-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter10-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .frame-26-2 {
  align-items: center;
  display: flex;
  gap: 35px;
  margin-left: -2px;
  width: 1076px;
}

.home-page .rectangle-19-2 {
  display: block;
  height: 594px;
  min-width: 520px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.home-page .rectangle-19-2.bp1-animate-enter11 {
  animation: bp1-animate-enter11-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp1-animate-enter11-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .group-11-2 {
  display: flex;
  flex-direction: column;
  height: 205px;
  margin-right: -2px;
  min-width: 523px;
}

.home-page .orientacin-al-cliente {
  height: 43px;
  letter-spacing: -0.48px;
  width: 360px;
}

.home-page .hero-section-4 {
  display: flex;
  margin-top: 27px;
  width: 523px;
}

.home-page .nos-orientamos-hacia {
  height: 135px;
  letter-spacing: -1.00px;
  width: 521px;
}

.home-page .group-11-3 {
  display: flex;
  flex-direction: column;
  height: 220px;
  min-width: 523px;
}

.home-page .honestidad-e-integridad {
  height: 43px;
  letter-spacing: -0.48px;
  width: 410px;
}

.home-page .hero-section-5 {
  display: flex;
  margin-top: 15px;
  width: 523px;
}

.home-page .cumplimos-con-honest {
  height: 162px;
  letter-spacing: -1.00px;
  width: 521px;
}

.home-page .rectangle-19-3 {
  display: block;
  height: 594px;
  min-width: 520px;
  opacity: 0;
  transform: translate(25px, 0);
}

.home-page .rectangle-19-3.bp1-animate-enter12 {
  animation: bp1-animate-enter12-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter12-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home-page .last-part {
  height: 1062px;
  min-width: 1440px;
  overflow: hidden;
}

.home-page .overlap-group2 {
  height: 1000px;
  left: -6px;
  position: relative;
  top: 88px;
  width: 1440px;
}

.home-page .vector {
  height: 776px;
  left: 0;
  position: absolute;
  top: 224px;
  width: 1440px;
}

.home-page .frame-17 {
  align-items: center;
  background-color: var(--colorbrand);
  background-image: url(../img/frame-17-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 38px;
  height: min-content;
  left: 148px;
  padding: 101px 224px;
  position: absolute;
  top: 0;
  width: min-content;
}

.home-page .estamos-listos-para-su-proyecto {
  color: var(--colorwhite);
  font-family: var(--font-family-futura-bold);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  letter-spacing: -3.41px;
  margin-top: -1px;
  text-align: center;
  width: 708px;
}

.home-page .button-2 {
  align-items: flex-start;
  background-color: var(--rose);
  cursor: pointer;
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 20px 49px;
  transition: all 0.2s ease;
  width: min-content;
}

.home-page .button-2:hover {
  background-color: #1393D0
}

.home-page .contctenos-2 {
  letter-spacing: -0.96px;
  margin-top: -1px;
  min-width: 147px;
}

.home-page .frame {
  height: 77px;
  left: 76px;
  position: absolute;
  top: 565px;
  width: 455px;
}

.home-page .polticas-de-privaci {
  height: 27px;
  left: 192px;
  letter-spacing: -1.00px;
  position: absolute;
  top: 880px;
}

.home-page .x2022-infraestructu {
  height: 54px;
  left: 854px;
  letter-spacing: -1.00px;
  position: absolute;
  top: 840px;
  width: 411px;
}

.home-page .rectangle-18 {
  background-color: var(--colorlighter-brand);
  height: 2px;
  left: 76px;
  position: absolute;
  top: 822px;
  width: 1300px;
}

.home-page .nav-bar-info {
  align-items: flex-start;
  display: flex;
  gap: 60px;
  height: min-content;
  left: 744px;
  position: absolute;
  top: 565px;
  width: min-content;
}

.home-page .inicio {
  color: var(--ebb);
  font-weight: 400;
  margin-top: -1px;
  min-width: 65px;
}

.home-page .acerca-de {
  color: var(--ebb);
  font-weight: 400;
  margin-top: -1px;
  min-width: 119px;
}

.home-page .servicios-1 {
  color: var(--ebb);
  font-weight: 400;
  margin-top: -1px;
  min-width: 106px;
}

.home-page .valores {
  color: var(--ebb);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: -1.00px;
  margin-top: -1px;
  min-width: 62px;
}

.home-page .group-3 {
  display: flex;
  height: 27px;
  left: 1084px;
  position: absolute;
  top: 654px;
  width: 180px;
}

.home-page .icon-facebook {
  height: 26.99px;
  margin-left: 0;
  margin-top: 0;
  width: 26.99px;
}

.home-page .icon {
  height: 26.99px;
  margin-left: 24.1px;
  margin-top: 0;
  width: 26.99px;
}

.home-page .cta-1 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 48px;
  height: min-content;
  left: 1071px;
  position: absolute;
  top: 1640px;
  transition: all 0.2s ease;
  width: min-content;
}

.home-page .cta-1:hover {
  background-color: #1393D0
}

.home-page .button-3 {
  align-items: flex-start;
  background-color: var(--colorbrand);
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 20px 32px;
  width: min-content;
}

.home-page .contctenos {
  letter-spacing: -0.80px;
  margin-top: -1px;
  min-width: 97px;
}

.home-page .cta-2 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 48px;
  height: min-content;
  left: 181px;
  position: absolute;
  top: 2998px;
  transition: all 0.2s ease;
  width: min-content;
}

.home-page .cta-2:hover {
  background-color: #1393D0
}

.home-page .nav-bar {
  -webkit-backdrop-filter: blur(12px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(12px) brightness(100%);
  background-color: var(--white);
  display: flex;
  gap: 171px;
  height: min-content;
  left: 0;
  padding: 24px 32px 24px 70px;
  position: fixed;
  top: 0;
  width: 1440px;
  z-index: 2;
}

.home-page .group-15 {
  height: 45.88px;
  min-width: 247.66px;
}

.home-page .navbar {
  align-items: flex-start;
  display: flex;
  gap: 60px;
  height: min-content;
  width: min-content;
}

.home-page .navbar-link-home {
  letter-spacing: -1.00px;
  margin-top: -1px;
  min-width: 44px;
}

.home-page .navbar-link-about-us {
  letter-spacing: -1.00px;
  margin-top: -1px;
  min-width: 163px;
}

.home-page .navbar-link-blog {
  letter-spacing: -1.00px;
  margin-top: -1px;
  min-width: 73px;
}

.home-page .navbar-link-services {
  letter-spacing: -1.00px;
  margin-top: -1px;
  min-width: 62px;
}

.home-page .button-4 {
  align-items: flex-start;
  background-color: var(--colorbrand);
  cursor: pointer;
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 12px 24px;
  transition: all 0.2s ease;
  width: min-content;
}

.home-page .button-4:hover {
  background-color: #1393D0
}

.home-page .contctenos-3 {
  color: var(--colorwhite);
  font-family: var(--font-family-futura-bold);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.90px;
  margin-top: -1px;
  min-width: 109px;
}
/* screen - ipad-mini-8-3-1 */

.ipad-mini-8-3-1 {
  align-items: center;
  background-color: var(--colorwhite);
  display: flex;
  flex-direction: column;
  height: 7158px;
  width: 744px;
}

.ipad-mini-8-3-1 .nav-bar-1 {
  -webkit-backdrop-filter: blur(12px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(12px) brightness(100%);
  background-color: var(--white);
  display: flex;
  gap: 321px;
  height: min-content;
  padding: 24px 32px 24px 70px;
  width: 744px;
}

.ipad-mini-8-3-1 .group-15-1 {
  height: 45.88px;
  min-width: 247.66px;
}

.ipad-mini-8-3-1 .charmmenu-hamburger {
  cursor: pointer;
  height: 50.67px;
  min-width: 50.67px;
}

.ipad-mini-8-3-1 .hero-section-container {
  height: 534px;
  position: relative;
  width: 744px;
}

.ipad-mini-8-3-1 .hero-section-6 {
  align-items: flex-start;
  display: flex;
  height: 284px;
  left: 0;
  position: absolute;
  top: 0;
  width: 744px;
}

.ipad-mini-8-3-1 .overlap-group {
  height: 284px;
  position: relative;
  width: 744px;
}

.ipad-mini-8-3-1 .programmer-scanning {
  height: 283px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 744px;
}

.ipad-mini-8-3-1 .rectangle-23-1 {
  background-color: var(--cosmic-cobalt);
  height: 284px;
  left: 0;
  mix-blend-mode: color;
  position: absolute;
  top: 0;
  width: 744px;
}

.ipad-mini-8-3-1 .hero-section-7 {
  align-items: flex-start;
  display: flex;
  height: 534px;
  left: 0;
  position: absolute;
  top: 0;
  width: 744px;
}

.ipad-mini-8-3-1 .overlap-group1-1 {
  height: 534px;
  position: relative;
  width: 744px;
}

.ipad-mini-8-3-1 .programmer-scanning-1 {
  height: 532px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 744px;
}

.ipad-mini-8-3-1 .rectangle-23-2 {
  background-color: var(--cosmic-cobalt);
  height: 534px;
  left: 0;
  mix-blend-mode: color;
  position: absolute;
  top: 0;
  width: 744px;
}

.ipad-mini-8-3-1 .hero-section-8 {
  display: flex;
  flex-direction: column;
  height: 275px;
  left: 122px;
  position: absolute;
  top: 143px;
  width: 503px;
}

.ipad-mini-8-3-1 .llevamos-su-proyecto-1 {
  color: var(--colorwhite);
  font-family: var(--font-family-futura-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 159px;
  letter-spacing: -2.20px;
  text-align: center;
  width: 501px;
}

.ipad-mini-8-3-1 .cta-3 {
  align-items: center;
  display: flex;
  gap: 48px;
  height: 67px;
  margin-left: 158px;
  margin-top: 49px;
  width: 185px;
}

.ipad-mini-8-3-1 .button-5 {
  align-items: flex-start;
  background-color: var(--rose);
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 20px 32px;
  width: min-content;
}

.ipad-mini-8-3-1 .contctenos-5 {
  letter-spacing: -1.00px;
  margin-top: -1px;
  min-width: 121px;
}

.ipad-mini-8-3-1 .our-services-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 1773px;
  padding: 51px 58px;
  width: 744px;
}

.ipad-mini-8-3-1 .sobre-pixelmex-1 {
  color: var(--colorbrand);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-xl);
  font-weight: 500;
  height: 43px;
  letter-spacing: -1.60px;
  margin-top: 1px;
}

.ipad-mini-8-3-1 .somos-una-gran-y-con-1 {
  height: 378px;
  letter-spacing: -1.00px;
  margin-left: 1px;
  margin-top: 42px;
  width: 624px;
}

.ipad-mini-8-3-1 .services-container-1 {
  align-items: flex-start;
  display: flex;
  height: 548px;
  margin-top: 51px;
  min-width: 624px;
}

.ipad-mini-8-3-1 .strategy-services-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  width: 300px;
}

.ipad-mini-8-3-1 .group-2 {
  height: 144px;
  min-width: 144px;
}

.ipad-mini-8-3-1 .body-text-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  justify-content: center;
  width: min-content;
}

.ipad-mini-8-3-1 .objetivo-1 {
  letter-spacing: -0.48px;
  margin-top: -1px;
  min-width: 145px;
  text-align: center;
}

.ipad-mini-8-3-1 .frame-3-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: min-content;
  justify-content: center;
  width: min-content;
}

.ipad-mini-8-3-1 .servicios-consistent-1 {
  letter-spacing: -1.00px;
  margin-top: -1px;
  width: 300px;
}

.ipad-mini-8-3-1 .marketing-services-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-left: 26px;
  width: 298px;
}

.ipad-mini-8-3-1 .group-4 {
  height: 144px;
  min-width: 153px;
}

.ipad-mini-8-3-1 .body-text-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  justify-content: center;
  margin-right: -5px;
  width: min-content;
}

.ipad-mini-8-3-1 .visin-1 {
  letter-spacing: -0.48px;
  margin-top: -1px;
  min-width: 103px;
  text-align: center;
}

.ipad-mini-8-3-1 .ser-la-empresa-de-de-1 {
  letter-spacing: -1.00px;
  margin-top: -1px;
  width: 303px;
}

.ipad-mini-8-3-1 .design-services-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-top: 40px;
  width: min-content;
}

.ipad-mini-8-3-1 .icon-3 {
  height: 144px;
  min-width: 144px;
}

.ipad-mini-8-3-1 .misin-1 {
  letter-spacing: -0.48px;
  margin-top: -1px;
  min-width: 111px;
  text-align: center;
}

.ipad-mini-8-3-1 .somos-una-empresa-in-1 {
  letter-spacing: -1.00px;
  margin-top: -1px;
  width: 296px;
}

.ipad-mini-8-3-1 .cta-4 {
  align-items: center;
  display: flex;
  gap: 48px;
  margin-top: 40px;
  width: min-content;
}

.ipad-mini-8-3-1 .button-6 {
  align-items: flex-start;
  background-color: var(--colorbrand);
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 20px 32px;
  width: min-content;
}

.ipad-mini-8-3-1 .contctenos-4 {
  letter-spacing: -0.80px;
  margin-top: -1px;
  min-width: 97px;
}

.ipad-mini-8-3-1 .previous-works-1 {
  align-items: flex-start;
  background-color: var(--colorbrand);
  display: flex;
  flex-direction: column;
  height: 1977px;
  overflow: hidden;
  padding: 95px 0;
  width: 744px;
}

.ipad-mini-8-3-1 .servicios-2 {
  height: 48px;
  letter-spacing: -1.80px;
  margin-left: 60px;
  margin-top: 26px;
  min-width: 132px;
  text-align: center;
}

.ipad-mini-8-3-1 .flex-row {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  margin-right: -547px;
  margin-top: 67px;
  min-width: 1234px;
}

.ipad-mini-8-3-1 .group-16 {
  display: flex;
  flex-direction: column;
  height: 1525px;
  width: 627px;
}

.ipad-mini-8-3-1 .project-1-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 336.3px;
  margin-left: 3px;
  width: 400px;
}

.ipad-mini-8-3-1 .rectangle-1-3 {
  height: 261.3px;
  margin-top: -3.05e-05px;
  min-width: 400px;
  object-fit: cover;
}

.ipad-mini-8-3-1 .frame-4-4 {
  align-items: center;
  display: flex;
  gap: 333px;
  height: min-content;
  width: min-content;
}

.ipad-mini-8-3-1 .mantenimiento-1 {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 217px;
}

.ipad-mini-8-3-1 .project-2-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 335.8px;
  margin-left: 227px;
  margin-top: 60.7px;
  width: 400px;
}

.ipad-mini-8-3-1 .rectangle-1-2 {
  height: 260.8px;
  margin-top: -7.63e-05px;
  min-width: 400px;
  object-fit: cover;
}

.ipad-mini-8-3-1 .frame-4-5 {
  align-items: center;
  display: flex;
  gap: 322px;
  height: min-content;
  width: min-content;
}

.ipad-mini-8-3-1 .desarrollo-de-software-1 {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 333px;
}

.ipad-mini-8-3-1 .project-4-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 335.8px;
  margin-top: 60.2px;
  width: 400px;
}

.ipad-mini-8-3-1 .frame-4-6 {
  align-items: center;
  display: flex;
  gap: 306px;
  height: min-content;
  width: min-content;
}

.ipad-mini-8-3-1 .consultora-1 {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 165px;
}

.ipad-mini-8-3-1 .project-3-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 335.8px;
  margin-left: 227px;
  margin-top: 60.2px;
  width: 400px;
}

.ipad-mini-8-3-1 .frame-4-7 {
  align-items: center;
  display: flex;
  gap: 344px;
  height: min-content;
  width: min-content;
}

.ipad-mini-8-3-1 .desarrollo-de-aplicaciones-1 {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 388px;
}

.ipad-mini-8-3-1 .button-7 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: min-content;
  margin-left: 377px;
  margin-top: 196px;
  padding: 20px 32px;
  width: min-content;
}

.ipad-mini-8-3-1 .explore-all-services-1 {
  letter-spacing: -0.80px;
  margin-top: -1px;
  min-width: 138px;
}

.ipad-mini-8-3-1 .icon-left-arrow-24-outline-1 {
  height: 20px;
  min-width: 20px;
}

.ipad-mini-8-3-1 .cta-5 {
  align-items: center;
  display: flex;
  gap: 48px;
  margin-left: 61px;
  margin-top: 60px;
  width: min-content;
}

.ipad-mini-8-3-1 .valores-pixelmex-1 {
  align-self: flex-start;
  color: var(--colorbrand);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-xl);
  font-weight: 500;
  height: 43px;
  letter-spacing: -1.60px;
  margin-left: 58px;
  margin-top: 59px;
}

.ipad-mini-8-3-1 .flex-row-1 {
  align-items: center;
  display: flex;
  margin-right: 2.0px;
  margin-top: 51px;
  min-width: 626px;
}

.ipad-mini-8-3-1 .group-11-4 {
  display: flex;
  flex-direction: column;
  height: 273px;
  width: 306px;
}

.ipad-mini-8-3-1 .desarrollo-e-innovacin-1 {
  height: 86px;
  letter-spacing: -0.48px;
  width: 232.23px;
}

.ipad-mini-8-3-1 .hero-section-9 {
  display: flex;
  margin-top: 25px;
  width: 306px;
}

.ipad-mini-8-3-1 .nuestra-tecnologa-s {
  height: 162px;
  letter-spacing: -1.00px;
  width: 304px;
}

.ipad-mini-8-3-1 .rectangle {
  height: 345px;
  margin-left: 18px;
  width: 302px;
}

.ipad-mini-8-3-1 .flex-row-2 {
  align-items: center;
  display: flex;
  margin-left: 4.0px;
  margin-top: 60px;
  min-width: 628px;
}

.ipad-mini-8-3-1 .rectangle-2 {
  height: 345px;
  width: 302px;
}

.ipad-mini-8-3-1 .group-12 {
  display: flex;
  flex-direction: column;
  height: 260px;
  margin-bottom: 13.0px;
  margin-left: 20px;
  width: 306px;
}

.ipad-mini-8-3-1 .actitud-de-servicio-1 {
  height: 86px;
  letter-spacing: -0.48px;
  width: 232.23px;
}

.ipad-mini-8-3-1 .hero-section-10 {
  display: flex;
  margin-top: 39px;
  width: 306px;
}

.ipad-mini-8-3-1 .nuestr-1 {
  height: 135px;
  letter-spacing: -1.00px;
  width: 304px;
}

.ipad-mini-8-3-1 .flex-row-3 {
  align-items: center;
  display: flex;
  margin-right: 2.0px;
  margin-top: 60px;
  min-width: 626px;
}

.ipad-mini-8-3-1 .group-13 {
  display: flex;
  flex-direction: column;
  height: 238px;
  margin-top: 9.0px;
  width: 306px;
}

.ipad-mini-8-3-1 .armona-1 {
  height: 43px;
  letter-spacing: -0.48px;
  width: 232.23px;
}

.ipad-mini-8-3-1 .hero-section-11 {
  display: flex;
  margin-top: 60px;
  width: 306px;
}

.ipad-mini-8-3-1 .flex-row-4 {
  align-items: flex-start;
  display: flex;
  margin-left: 4.0px;
  margin-top: 60px;
  min-width: 628px;
}

.ipad-mini-8-3-1 .group-14 {
  display: flex;
  flex-direction: column;
  height: 334px;
  margin-left: 20px;
  width: 306px;
}

.ipad-mini-8-3-1 .orientacin-al-cliente-1 {
  height: 86px;
  letter-spacing: -0.48px;
  width: 232.23px;
}

.ipad-mini-8-3-1 .hero-section-12 {
  display: flex;
  margin-top: 32px;
  width: 306px;
}

.ipad-mini-8-3-1 .nos-orientamos-hacia-1 {
  height: 216px;
  letter-spacing: -1.00px;
  width: 304px;
}

.ipad-mini-8-3-1 .last-part-1 {
  align-items: center;
  display: flex;
  height: 1062px;
  overflow: hidden;
  width: 744px;
}

.ipad-mini-8-3-1 .overlap-group2-1 {
  align-self: flex-end;
  height: 974px;
  position: relative;
  width: 744px;
}

.ipad-mini-8-3-1 .vector-1 {
  height: 776px;
  left: 0;
  position: absolute;
  top: 198px;
  width: 744px;
}

.ipad-mini-8-3-1 .frame-17-1 {
  align-items: center;
  background-color: var(--colorbrand);
  background-image: url(../img/frame-17@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 38px;
  height: min-content;
  left: 50px;
  padding: 101px 224px;
  position: absolute;
  top: 0;
  width: 632px;
}

.ipad-mini-8-3-1 .estamos-listos-para-su-proyecto-1 {
  letter-spacing: -1.76px;
  margin-left: -159px;
  margin-right: -159px;
  margin-top: -1px;
  text-align: center;
  width: 502px;
}

.ipad-mini-8-3-1 .button-8 {
  align-items: flex-start;
  background-color: var(--rose);
  display: flex;
  gap: 8px;
  height: min-content;
  margin-left: -30.5px;
  margin-right: -30.5px;
  padding: 20px 49px;
  width: min-content;
}

.ipad-mini-8-3-1 .contctenos-6 {
  letter-spacing: -0.96px;
  margin-top: -1px;
  min-width: 147px;
}

.ipad-mini-8-3-1 .frame-1 {
  height: 77px;
  left: 145px;
  position: absolute;
  top: 461px;
  width: 455px;
}

.ipad-mini-8-3-1 .polticas-de-privaci-1 {
  height: 27px;
  left: 184px;
  letter-spacing: -1.00px;
  position: absolute;
  top: 780px;
}

.ipad-mini-8-3-1 .x2022-infraestructu-1 {
  height: 54px;
  left: 166px;
  letter-spacing: -1.00px;
  position: absolute;
  text-align: center;
  top: 857px;
  width: 411px;
}

.ipad-mini-8-3-1 .rectangle-18-1 {
  background-color: var(--colorlighter-brand);
  height: 2px;
  left: 60px;
  position: absolute;
  top: 729px;
  width: 624px;
}

.ipad-mini-8-3-1 .nav-bar-info-1 {
  align-items: flex-start;
  display: flex;
  gap: 60px;
  height: min-content;
  left: 106px;
  position: absolute;
  top: 597px;
  width: min-content;
}

.ipad-mini-8-3-1 .inicio-1 {
  color: var(--ebb);
  font-weight: 400;
  margin-top: -1px;
  min-width: 65px;
}

.ipad-mini-8-3-1 .acerca-de-1 {
  color: var(--ebb);
  font-weight: 400;
  margin-top: -1px;
  min-width: 119px;
}

.ipad-mini-8-3-1 .servicios-3 {
  color: var(--ebb);
  font-weight: 400;
  margin-top: -1px;
  min-width: 106px;
}

.ipad-mini-8-3-1 .valores-1 {
  color: var(--ebb);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: -1.00px;
  margin-top: -1px;
  min-width: 62px;
}

.ipad-mini-8-3-1 .group-4-1 {
  display: flex;
  height: 27px;
  left: 282px;
  position: absolute;
  top: 657px;
  width: 180px;
}

.ipad-mini-8-3-1 .icon-facebook-1 {
  height: 26.99px;
  margin-left: 0;
  margin-top: 0;
  width: 26.99px;
}

.ipad-mini-8-3-1 .icon-2 {
  height: 26.99px;
  margin-left: 24.1px;
  margin-top: 0;
  width: 26.99px;
}

.ipad-mini-8-3-1 .group-3-1 {
  display: flex;
  height: 27px;
  margin-left: 334px;
  margin-top: 448.99px;
  width: 180px;
}

.ipad-mini-8-3-1 .twitter {
  height: 26.99px;
  margin-left: 51.1px;
  width: 26.99px;
}

.ipad-mini-8-3-1 .group-3-item {
  height: 26.99px;
  margin-left: 24.1px;
  width: 26.99px;
}

.ipad-mini-8-3-1 .facebook {
  height: 26.99px;
  margin-left: -180.3px;
  width: 26.99px;
}
/* screen - iphone-8-1-all-breakpoints */

.iphone-8-1-all-breakpoints {
  align-items: center;
  background-color: var(--colorwhite);
  display: flex;
  flex-direction: column;
  height: 6973px;
  overflow: hidden;
  width: 375px;
}

.iphone-8-1-all-breakpoints .nav-bar-2 {
  -webkit-backdrop-filter: blur(12px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(12px) brightness(100%);
  background-color: var(--white);
  display: flex;
  gap: 102px;
  height: min-content;
  padding: 20px;
  width: 375px;
}

.iphone-8-1-all-breakpoints .group-15-2 {
  height: 32.6px;
  margin-left: -3.05e-05px;
  min-width: 175.99px;
}

.iphone-8-1-all-breakpoints .charmmenu-hamburger-1 {
  cursor: pointer;
  height: 30px;
  min-width: 30px;
}

.iphone-8-1-all-breakpoints .hero-section-container-1 {
  align-self: flex-start;
  height: 534px;
  position: relative;
  width: 744px;
}

.iphone-8-1-all-breakpoints .hero-section-14 {
  align-items: flex-start;
  display: flex;
  height: 284px;
  left: 0;
  position: absolute;
  top: 0;
  width: 744px;
}

.iphone-8-1-all-breakpoints .overlap-group-1 {
  height: 284px;
  position: relative;
  width: 744px;
}

.iphone-8-1-all-breakpoints .programmer-scanning-2 {
  height: 283px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 375px;
}

.iphone-8-1-all-breakpoints .rectangle-23-3 {
  background-color: var(--cosmic-cobalt);
  height: 284px;
  left: 0;
  mix-blend-mode: color;
  position: absolute;
  top: 0;
  width: 744px;
}

.iphone-8-1-all-breakpoints .hero-section-15 {
  align-items: flex-start;
  display: flex;
  height: 534px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 375px;
}

.iphone-8-1-all-breakpoints .overlap-group1-2 {
  height: 534px;
  position: relative;
  width: 744px;
}

.iphone-8-1-all-breakpoints .programmer-scanning-3 {
  height: 532px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 375px;
}

.iphone-8-1-all-breakpoints .rectangle-23-4 {
  background-color: var(--cosmic-cobalt);
  height: 534px;
  left: 0;
  mix-blend-mode: color;
  position: absolute;
  top: 0;
  width: 744px;
}

.iphone-8-1-all-breakpoints .hero-section-16 {
  display: flex;
  flex-direction: column;
  height: 308px;
  left: 20px;
  position: absolute;
  top: 109px;
  width: 337px;
}

.iphone-8-1-all-breakpoints .llevamos-su-proyecto-2 {
  color: var(--colorwhite);
  font-family: var(--font-family-futura-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 212px;
  letter-spacing: -2.20px;
  text-align: center;
  width: 335px;
}

.iphone-8-1-all-breakpoints .button-10 {
  align-items: flex-start;
  background-color: var(--rose);
  display: flex;
  gap: 8px;
  height: 60px;
  margin-left: 90px;
  margin-top: 36px;
  padding: 20px 32px;
  width: 155px;
}

.iphone-8-1-all-breakpoints .contctenos-9 {
  letter-spacing: -0.75px;
  margin-top: -1px;
}

.iphone-8-1-all-breakpoints .sobre-pixelmex-2 {
  align-self: flex-start;
  color: var(--colorbrand);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-l);
  font-weight: 500;
  height: 32px;
  letter-spacing: -1.20px;
  margin-left: 20px;
  margin-top: 44px;
}

.iphone-8-1-all-breakpoints .somos-una-gran-y-con-2 {
  color: var(--emperor);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: -0.75px;
  margin-top: 30px;
  min-height: 160px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .strategy-services-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-top: 41px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .group-5 {
  height: 144px;
  min-width: 144px;
}

.iphone-8-1-all-breakpoints .body-text-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  justify-content: center;
  width: min-content;
}

.iphone-8-1-all-breakpoints .objetivo-2 {
  letter-spacing: -0.36px;
  margin-top: -1px;
  min-width: 109px;
  text-align: center;
}

.iphone-8-1-all-breakpoints .frame-3-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: min-content;
  justify-content: center;
  width: min-content;
}

.iphone-8-1-all-breakpoints .servicios-consistent-2 {
  letter-spacing: -0.75px;
  margin-top: -1px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .strategy-services-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: min-content;
  margin-top: 45px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .group-6 {
  height: 144px;
  min-width: 153px;
}

.iphone-8-1-all-breakpoints .visin-2 {
  letter-spacing: -0.36px;
  margin-top: -1px;
  min-width: 78px;
  text-align: center;
}

.iphone-8-1-all-breakpoints .ser-la-empresa-de-de-2 {
  letter-spacing: -0.75px;
  margin-top: -1px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .icon-5 {
  height: 144px;
  min-width: 144px;
}

.iphone-8-1-all-breakpoints .misin-2 {
  letter-spacing: -0.36px;
  margin-top: -1px;
  min-width: 83px;
  text-align: center;
}

.iphone-8-1-all-breakpoints .somos-una-empresa-in-2 {
  letter-spacing: -0.75px;
  margin-top: -1px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .cta-6 {
  align-items: center;
  display: flex;
  gap: 48px;
  margin-top: 40px;
  width: min-content;
}

.iphone-8-1-all-breakpoints .button-11 {
  align-items: flex-start;
  background-color: var(--colorbrand);
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 20px 32px;
  width: min-content;
}

.iphone-8-1-all-breakpoints .contctenos-7 {
  letter-spacing: -0.75px;
  margin-top: -1px;
  min-width: 91px;
}

.iphone-8-1-all-breakpoints .previous-works-2 {
  align-items: center;
  background-color: var(--colorbrand);
  display: flex;
  flex-direction: column;
  height: 1623px;
  margin-top: 81px;
  overflow: hidden;
  padding: 59px 0;
  width: 375px;
}

.iphone-8-1-all-breakpoints .servicios-4 {
  align-self: flex-start;
  height: 48px;
  letter-spacing: -1.80px;
  margin-left: 20px;
  min-width: 132px;
  text-align: center;
}

.iphone-8-1-all-breakpoints .flex-row-5 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 318px;
  margin-right: -916px;
  margin-top: 67px;
  min-width: 1271px;
}

.iphone-8-1-all-breakpoints .group-16-1 {
  display: flex;
  width: 339px;
}

.iphone-8-1-all-breakpoints .project-1-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 285px;
  width: 339px;
}

.iphone-8-1-all-breakpoints .rectangle-1-4 {
  height: 221px;
  min-width: 339px;
  object-fit: cover;
}

.iphone-8-1-all-breakpoints .frame-4-8 {
  align-items: center;
  display: flex;
  gap: 333px;
  height: min-content;
  width: min-content;
}

.iphone-8-1-all-breakpoints .mantenimiento-2 {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 163px;
}

.iphone-8-1-all-breakpoints .button-12 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 8px;
  height: min-content;
  margin-left: 702px;
  padding: 20px 32px;
  width: min-content;
}

.iphone-8-1-all-breakpoints .explore-all-services-2 {
  letter-spacing: -0.80px;
  margin-top: -1px;
  min-width: 138px;
}

.iphone-8-1-all-breakpoints .icon-left-arrow-24-outline-2 {
  height: 20px;
  min-width: 20px;
}

.iphone-8-1-all-breakpoints .group-17 {
  display: flex;
  margin-left: 4.0px;
  margin-top: 7px;
  width: 339px;
}

.iphone-8-1-all-breakpoints .desarrollo-de-software-2 {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 250px;
}

.iphone-8-1-all-breakpoints .group-1-1 {
  display: flex;
  margin-left: 4.0px;
  margin-top: 40px;
  width: 339px;
}

.iphone-8-1-all-breakpoints .consultora-2 {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 124px;
}

.iphone-8-1-all-breakpoints .desarrollo-de-aplicaciones-2 {
  letter-spacing: 0;
  margin-top: -1px;
  min-width: 291px;
}

.iphone-8-1-all-breakpoints .cta-7 {
  align-items: center;
  display: flex;
  gap: 48px;
  margin-right: 34.0px;
  margin-top: 60px;
  width: min-content;
}

.iphone-8-1-all-breakpoints .button-13 {
  align-items: flex-start;
  background-color: var(--rose);
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 20px 32px;
  width: min-content;
}

.iphone-8-1-all-breakpoints .group-1-2 {
  display: flex;
  flex-direction: column;
  height: 152px;
  margin-left: 4.0px;
  margin-top: 60px;
  width: 337px;
}

.iphone-8-1-all-breakpoints .desarrollo-e-innovacin-2 {
  height: 32px;
  letter-spacing: -0.36px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .hero-section-13 {
  display: flex;
  margin-left: 0;
  margin-top: 40px;
  width: 336px;
}

.iphone-8-1-all-breakpoints .nuestr-2 {
  height: 80px;
  letter-spacing: -0.75px;
  width: 334px;
}

.iphone-8-1-all-breakpoints .frame-2 {
  align-items: center;
  display: flex;
  gap: 35px;
  margin-top: 60px;
  width: 375px;
}

.iphone-8-1-all-breakpoints .rectangle-19-4 {
  height: 196px;
  min-width: 375px;
}

.iphone-8-1-all-breakpoints .actitud-de-servicio-2 {
  height: 32px;
  letter-spacing: -0.36px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .group-13-1 {
  display: flex;
  flex-direction: column;
  height: 207px;
  margin-left: 4.0px;
  margin-top: 60px;
  width: 337px;
}

.iphone-8-1-all-breakpoints .armona-2 {
  height: 32px;
  letter-spacing: -0.36px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .hero-section-17 {
  display: flex;
  margin-top: 40px;
  width: 336px;
}

.iphone-8-1-all-breakpoints .en-nuestra-relacin {
  height: 135px;
  letter-spacing: -1.00px;
  width: 334px;
}

.iphone-8-1-all-breakpoints .frame-28 {
  align-items: center;
  display: flex;
  gap: 35px;
  margin-top: 40px;
  width: 375px;
}

.iphone-8-1-all-breakpoints .group-14-1 {
  display: flex;
  flex-direction: column;
  height: 288px;
  margin-left: 4.0px;
  margin-top: 60px;
  width: 337px;
}

.iphone-8-1-all-breakpoints .orientacin-al-cliente-2 {
  height: 32px;
  letter-spacing: -0.36px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .nos-orientamos-hacia-2 {
  height: 216px;
  letter-spacing: -1.00px;
  width: 334px;
}

.iphone-8-1-all-breakpoints .last-part-2 {
  align-items: center;
  display: flex;
  height: 1062px;
  margin-right: 1.0px;
  overflow: hidden;
  width: 374px;
}

.iphone-8-1-all-breakpoints .overlap-group3-1 {
  align-self: flex-end;
  height: 974px;
  margin-left: 17px;
  position: relative;
  width: 674px;
}

.iphone-8-1-all-breakpoints .overlap-group2-2 {
  height: 974px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 670px;
}

.iphone-8-1-all-breakpoints .vector-2 {
  height: 776px;
  left: 296px;
  position: absolute;
  top: 198px;
  width: 374px;
}

.iphone-8-1-all-breakpoints .frame-17-2 {
  align-items: center;
  background-color: var(--colorbrand);
  background-image: url(../img/frame-17-2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 38px;
  height: min-content;
  left: 31px;
  padding: 50px 36px;
  position: absolute;
  top: 0;
  width: 302px;
}

.iphone-8-1-all-breakpoints .estamos-listos-para {
  letter-spacing: -1.76px;
  margin-top: -1px;
  text-align: center;
  width: 212px;
}

.iphone-8-1-all-breakpoints .button-9 {
  align-items: flex-start;
  background-color: var(--rose);
  display: flex;
  gap: 8px;
  height: min-content;
  padding: 20px 49px;
  width: min-content;
}

.iphone-8-1-all-breakpoints .contctenos-8 {
  letter-spacing: -0.60px;
  margin-top: -1px;
  min-width: 92px;
}

.iphone-8-1-all-breakpoints .frame-18-2 {
  align-items: center;
  background-color: var(--colorbrand);
  background-image: url(../img/frame-18@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 38px;
  height: min-content;
  left: 31px;
  padding: 65px 36px;
  position: absolute;
  top: 0;
  width: 302px;
}

.iphone-8-1-all-breakpoints .frame-5 {
  height: 57px;
  left: 0;
  position: absolute;
  top: 435px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .polticas-de-privaci-2 {
  color: var(--colorwhite);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-xs);
  font-weight: 500;
  height: 20px;
  left: 31px;
  letter-spacing: -0.75px;
  position: absolute;
  text-align: center;
  top: 829px;
}

.iphone-8-1-all-breakpoints .x2022-infraestructu-2 {
  color: var(--colorwhite);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-xs);
  font-weight: 500;
  height: 40px;
  left: 0;
  letter-spacing: -0.75px;
  position: absolute;
  text-align: center;
  top: 891px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .rectangle-18-2 {
  background-color: var(--colorlighter-brand);
  height: 2px;
  left: 0;
  position: absolute;
  top: 786px;
  width: 335px;
}

.iphone-8-1-all-breakpoints .inicio-2 {
  height: 20px;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 541px;
}

.iphone-8-1-all-breakpoints .acerca-de-2 {
  height: 20px;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 579px;
}

.iphone-8-1-all-breakpoints .servicios-5 {
  height: 20px;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 617px;
}

.iphone-8-1-all-breakpoints .valores-2 {
  height: 20px;
  left: 0;
  letter-spacing: -0.75px;
  position: absolute;
  top: 655px;
}

.iphone-8-1-all-breakpoints .group-3-2 {
  display: flex;
  height: 27px;
  left: 0;
  position: absolute;
  top: 714px;
  width: 180px;
}

.iphone-8-1-all-breakpoints .icon-facebook-2 {
  height: 26.99px;
  margin-left: 0;
  margin-top: 0;
  width: 26.99px;
}

.iphone-8-1-all-breakpoints .icon-4 {
  height: 26.99px;
  margin-left: 24.1px;
  margin-top: 0;
  width: 26.99px;
}

.iphone-8-1-all-breakpoints .group-3-3 {
  display: flex;
  height: 27px;
  margin-left: 388px;
  margin-top: 448.99px;
  width: 180px;
}

.iphone-8-1-all-breakpoints .twitter-1 {
  height: 26.99px;
  margin-left: 51.1px;
  width: 26.99px;
}

.iphone-8-1-all-breakpoints .group-3-item-1 {
  height: 26.99px;
  margin-left: 24.1px;
  width: 26.99px;
}

.iphone-8-1-all-breakpoints .facebook-1 {
  height: 26.99px;
  margin-left: -180.3px;
  width: 26.99px;
}
@media screen and (max-width: 743px) {
  .screen.home-page { 
    display: none;
   }
  .screen.ipad-mini-8-3-1 { 
    display: none;
   }
}
@media screen and (min-width: 744px) and (max-width: 1439px) {
  .screen.iphone-8-1-all-breakpoints { 
    display: none;
   }
  .screen.home-page { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.iphone-8-1-all-breakpoints { 
    display: none;
   }
  .screen.ipad-mini-8-3-1 { 
    display: none;
   }
}