/* ============================================
   GLOBAL RESET & BASE STYLES
   ============================================ */
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Inter:500,700");

html, 
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

/* ============================================
   CUSTOM FONTS
   ============================================ */
@font-face {
  font-family: "Armin Grotesk-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/armin-grotesk-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Armin Grotesk-SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/armin-grotesk-semibold.ttf") format("truetype");
}

@font-face {
  font-family: "Armin Grotesk-Black";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Armin Grotesk Black.otf") format("opentype");
}

/* ============================================
   CSS VARIABLES
   ============================================ */
:root {
  --absolute-zero: #0046c40d;
  --absolute-zero-2: #0046c6;
  --black: #000000;
  --flamingo: #f0572d;
  --shark: #252525;
  --sonic-silver: #737373;
  --white: #ffffff;
  --white-2: #ffffff1a;
  
  --font-size-xs: 10px;
  --font-size-s: 12px;
  --font-size-m: 14px;
  --font-size-l: 16px;
  --font-size-xl: 32px;
  --font-size-xxl: 40px;
  --font-size-xxxl: 48px;
  
  --font-family-armin_grotesk-black: "Armin Grotesk-Black", Helvetica;
  --font-family-armin_grotesk-regular: "Armin Grotesk-Regular", Helvetica;
  --font-family-armin_grotesk-semibold: "Armin Grotesk-SemiBold", Helvetica;
  --font-family-inter: "Inter", Helvetica;
}

/* ============================================
   TYPOGRAPHY UTILITY CLASSES
   ============================================ */
.armingrotesk-regular-normal-shark-12px {
  color: var(--shark);
  font-family: var(--font-family-armin_grotesk-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.armingrotesk-black-flamingo-32px {
  color: var(--flamingo);
  font-family: var(--font-family-armin_grotesk-black);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.armingrotesk-regular-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-armin_grotesk-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.armingrotesk-regular-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-armin_grotesk-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.armingrotesk-black-white-32px {
  font-family: var(--font-family-armin_grotesk-black);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.armingrotesk-regular-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-armin_grotesk-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.armingrotesk-semi-bold-flamingo-96px {
  color: var(--flamingo);
  font-family: var(--font-family-armin_grotesk-semibold);
  font-size: 96px;
  font-style: normal;
  font-weight: 600;
}

.armingrotesk-semi-bold-absolute-zero-16px {
  color: var(--absolute-zero-2);
  font-family: var(--font-family-armin_grotesk-semibold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

/* ============================================
   MAIN LAYOUT
   ============================================ */
.screen a {
  display: contents;
  text-decoration: none;
}

.home-landing {
  background-color: var(--white);
  min-height: 4142px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

/* ============================================
   TOP BANNER SECTION
   ============================================ */
.home-landing .top {
  height: 810px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  max-width: 100vw;
  overflow: hidden;
}

.home-landing .banner {
  background-image: url(../img/group-1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 100%;
}

.home-landing .were-a-different-kind-of-species {
  color: transparent;
  font-family: var(--font-family-armin_grotesk-black);
  font-size: var(--font-size-xxl);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 31.36%;
  left: calc(50% - 635px); /* <--- LÍNEA CORREGIDA (50% - 720px + 85px) */
  width: 325px;
  z-index: 2;
}

.home-landing .span0 {
  color: var(--white);
}

.home-landing .we-were-born-where-a {
  color: var(--white);
  font-family: var(--font-family-armin_grotesk-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 46.17%;
  left: calc(50% - 635px); /* <--- LÍNEA CORREGIDA (50% - 720px + 85px) */
  width: 489px;
  z-index: 2;
}

.home-landing .rectangle-6 {
  background: linear-gradient(180deg, rgba(0, 31, 85, 0.7) 0%, rgba(0, 70, 196, 0) 100%);
  height: 146px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  max-width: 100vw;
}

/* ============================================
   ABOUT US SECTION
   ============================================ */
.home-landing .about-us {
  height: 1698px;
  left: 0;
  position: absolute;
  top: 722px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  isolation: isolate;
}

/* Background que se extiende a todo el ancho */
.home-landing .about-us::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #E3E5EC;
  z-index: -1;
}

.home-landing .frame-2 {
  display: none;
}

.home-landing .about-us-1 {
  align-items: center;
  color: var(--flamingo);
  display: flex;
  font-family: var(--font-family-armin_grotesk-regular);
  font-size: 26px;
  font-weight: 400;
  height: 36px;
  justify-content: center;
  left: 85px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-decoration: underline;
  top: 283px;
  width: 147px;
}

.home-landing .group-5 {
  height: 635px;
  left: 771px;
  position: absolute;
  top: 105px;
  width: 645px;
}

.home-landing .we-are-a-peruvian-ma {
  color: transparent;
  font-family: var(--font-family-armin_grotesk-semibold);
  font-size: var(--font-size-xl);
  font-weight: 600;
  left: 101px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 350px;
  width: 638px;
}

.home-landing .span {
  color: #0046c4;
}

.home-landing .span1 {
  color: var(--black);
}

.home-landing .span-1 {
  color: var(--flamingo);
}

.home-landing .imgx1 {
  position: absolute;
  z-index: 2;
  top: 150px;
  height: 500px;
  right: 150px;
  width: 500px;
}

/* ============================================
   BUBBLES (PARTNER BADGES)
   ============================================ */
.home-landing .bubble {
  position: absolute;
  background-color: #eceef4;
  border-radius: 50%;
  padding: 40px 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  backdrop-filter: blur(10px);
  border: 1px solid #eceef4;
  transition: all 0.3s ease;
  z-index: 2;
}

.home-landing .bubble-salesforce {
  top: 730px;
  left: 70px;
  width: 600px;
  min-height: 540px;
  border-radius: 48% 52% 48% 52% / 52% 48% 52% 48%;
  padding: 50px 45px;
}

.home-landing .bubble-salesforce:hover {
  transform: scale(1.1);
}

.home-landing .bubble-vwo {
  top: 720px;
  right: 200px;
  width: 600px;
  min-height: 350px;
  border-radius: 52% 48% 52% 48% / 48% 52% 48% 52%;
  padding: 60px 40px;
}

.home-landing .bubble-vwo:hover {
  transform: scale(1.1);
}

.home-landing .bubble-bubble {
  top: 730px;
  left: 70px;
  width: 600px;
  min-height: 540px;
  border-radius: 48% 52% 48% 52% / 52% 48% 52% 48%;
  padding: 50px 45px;
}



.home-landing .bubble-bubble:hover {
  transform: scale(1.1);
}

.home-landing .bubble-google {
  position: absolute;
  top: 1260px;
  left: 50%;
  transform: translateX(-50vw);
  width: 100vw;
  max-width: none;
  min-height: 350px;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  background-color: #eceef4;
  border: 1px solid #eceef4;
  padding: 80px 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 2;
}

.home-landing .bubble-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 0 10px;
}

.home-landing .bubble-title {
  color: var(--flamingo);
  font-family: var(--font-family-armin_grotesk-black);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.3;
  margin: 0 0 15px 0;
}

.home-landing .bubble-text {
  color: var(--black);
  font-family: var(--font-family-armin_grotesk-regular);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 20px 0;
  max-width: 100%;
}

.home-landing .bubble-logo {
  max-width: 200px;
  height: auto;
  object-fit: contain;
  margin-top: 10px;
}

.home-landing .google-badges {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin: 0;
  flex-wrap: wrap;
}

.home-landing .google-badge {
  height: 70px;
  width: auto;
  object-fit: contain;
}

.home-landing .gmp-products {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 4px;
  flex-wrap: wrap;
}

.home-landing .gmp-product-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 80px;
}

.home-landing .gmp-product-item img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.home-landing .gmp-product-item span {
  color: var(--shark);
  font-family: var(--font-family-armin_grotesk-regular);
  font-size: 11px;
  text-align: center;
  line-height: 1.3;
  width: 100%;
  min-height: 40px; /* Ajusta según el alto de 2 líneas de texto */
    display: flex;
    align-items: flex-start; /* El texto empieza desde arriba */
    justify-content: center;
    text-align: center;
    line-height: 1.2em;
}

/* ============================================
   SOLUTIONS SECTION
   ============================================ */
.home-landing .solutions {
  height: 632px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 2553px;
  width: 1244px;
  max-width: 95%;
}

.home-landing .solutions-1 {
  color: var(--flamingo);
  font-family: var(--font-family-armin_grotesk-black);
  font-size: var(--font-size-xxxl);
  font-weight: 900;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.home-landing .servicio {
  cursor: pointer;
  display: flex;
  height: 513px;
  position: absolute;
  top: 119px;
  transition: all 0.2s ease;
  width: 295px;
}

.home-landing .servicio-1 {
  left: 0;
}

.home-landing .servicio-1:hover,
.home-landing .frame-1-1:hover {
  transform: scale(1.1);
}

.home-landing .servicio-2 {
  left: 630px;
}

.home-landing .servicio-2:hover {
  transform: scale(1.1);
}

.home-landing .servicio-3 {
  left: 315px;
}

.home-landing .servicio-3:hover {
  transform: scale(1.1);
}

.home-landing .servicio-4 {
  left: 947px;
}

.home-landing .servicio-4:hover {
  transform: scale(1.1);
}

.home-landing .frame-1,
.home-landing .frame-1-1 {
  background-color: var(--absolute-zero);
  border-radius: 32px;
  cursor: pointer;
  height: 513px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 295px;
}

.home-landing .frame-1:hover {
  transform: scale(1.1);
}

.home-landing .martech-cloud,
.home-landing .measurement-intelligence,
.home-landing .agentic-performance,
.home-landing .gmp-analytics-enablement {
  height: 12.87%;
  left: 8.81%;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 44.64%;
  width: 78.64%;
}

.home-landing .gmp-analytics-enablement {
  width: 95.64%;
}

.home-landing .customized-solutions,
.home-landing .applying-causal-anal,
.home-landing .we-turn-complex-perf,
.home-landing .we-provide-direct-ac {
  height: 18.52%;
  left: 8.81%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 60.62%;
  width: 82.71%;
}

.home-landing .button {
  display: flex;
  height: 9.36%;
  left: 8.81%;
  overflow: hidden;
  position: absolute;
  top: 104.68%;
  width: 64.41%;
}

.home-landing .state-1 {
  flex: 1;
  position: relative;
  width: 192px;
}

.home-landing .rectangle-2 {
  background-color: var(--flamingo);
  border-radius: 10px;
  height: 48px;
  left: 0;
  width: 190px;
}

.home-landing .learn-more {
  height: 19px;
  left: 36px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 14px;
  white-space: nowrap;
  width: 90px;
}

.home-landing .flecha {
  height: 14px;
  left: 149px;
  position: absolute;
  top: 16px;
  width: 20px;
}

.home-landing .vector,
.home-landing .vector-1,
.home-landing .vector-3,
.home-landing .vector-4,
.home-landing .vector-8,
.home-landing .vector-9 {
  height: 7px;
  position: absolute;
  top: 0;
  width: 8px;
}

.home-landing .vector,
.home-landing .vector-3,
.home-landing .vector-8 {
  left: 0;
}

.home-landing .vector-1,
.home-landing .vector-4,
.home-landing .vector-9 {
  left: 12px;
}

.home-landing .row_5 {
  background-image: url(../img/vector-5.svg);
  background-size: 100% 100%;
  height: 8.77%;
  left: 8.81%;
  position: absolute;
  top: 23%;
  width: 22.03%;
}

.home-landing .vector-2 {
  height: 33.38%;
  left: 33.37%;
  position: absolute;
  top: 46.10%;
  width: 32.23%;
}

.home-landing .image-20 {
  aspect-ratio: 1.66;
  height: 41px;
  left: 8.81%;
  object-fit: cover;
  position: absolute;
  top: 116px;
  width: 23.05%;
}

.home-landing .row_5-1 {
  background-image: url(../img/vector-9.svg);
  height: 11.50%;
  top: 20.66%;
  width: 16.27%;
}

.home-landing .vector-5 {
  height: 10.62%;
  left: 43.37%;
  position: absolute;
  top: 80.16%;
  width: 13.25%;
}

.home-landing .row_5-2 {
  background-image: url(../img/vector-15.svg);
  height: 10.72%;
  top: 21.25%;
  width: 18.64%;
}

.home-landing .vector-10 {
  height: 56.80%;
  left: 21.60%;
  position: absolute;
  top: 21.60%;
  width: 56.80%;
}

.home-landing .rectangle {
  position: absolute;
  top: 0;
}

.home-landing .row_5-3 {
  background-size: 100% 100%;
  left: 8.81%;
  position: absolute;
}

/* ============================================
   RESULTS SECTION
   ============================================ */
.home-landing .results {
  height: 456px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 3309px;
  width: 1032px;
  max-width: 95%;
}

.home-landing .digital-acceleration-that-performs {
  color: var(--flamingo);
  font-family: var(--font-family-armin_grotesk-black);
  font-size: var(--font-size-xxxl);
  font-weight: 900;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  width: max-content;
}

.home-landing .group-35,
.home-landing .group-36,
.home-landing .group-37 {
  height: 338px;
  position: absolute;
  top: 118px;
}

.home-landing .group-35 {
  left: 0;
  width: 332px;
}

.home-landing .group-36 {
  left: 351px;
  width: 331px;
}

.home-landing .group-37 {
  left: 699px;
  width: 335px;
}

.home-landing .rectangle-10,
.home-landing .rectangle-11,
.home-landing .rectangle-12 {
  backdrop-filter: blur(5px) brightness(100%);
  background-color: var(--white-2);
  border-radius: 48px;
  box-shadow: 0 4px 25px #0000001a;
  height: 338px;
  left: 0;
  position: absolute;
  top: 0;
}

.home-landing .rectangle-10 {
  backdrop-filter: blur(7.5px) brightness(100%);
  width: 328px;
  z-index: 0;
}

.home-landing .rectangle-11 {
  width: 327px;
}

.home-landing .rectangle-12 {
  width: 331px;
}

.home-landing .text {
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 70px;
}

.home-landing .number {
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0;
  width: 64px;
  z-index: 2;
  position: absolute;
  top: 70px;
}

.home-landing .text-1 {
  left: 50%;
  transform: translateX(-50%);
  width: 144px;
  z-index: 2;
}


.home-landing .text-2 {
  left: 50%;
  transform: translateX(-60%);
  width: 140px;
  z-index: 2;
}

.home-landing .most-certified-gmp-p,
.home-landing .martech-case-studies,
.home-landing .solutions-to-reach-y {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 212px;
  left: 50%;
  transform: translateX(-50%);
  width: 221px;
  z-index: 2;
}

/* ============================================
   SCROLL DOWN
   ============================================ */
.home-landing .scroll-down {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 73px;
  
  /* ESTA ES LA LÍNEA QUE CAMBIA: */
  left: calc(50% + 565px); 
  
  position: absolute;
  bottom: 20px; 
  width: 59px;
  z-index: 10;
}

.home-landing .scroll-down-1 {
  color: #ea5b0c;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-weight: 500;
  height: 12px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  text-align: center;
  white-space: nowrap;
  width: 57px;
}

.home-landing .group-18-1 {
  margin-left: 2px;
  transform: rotate(-180deg);
}

.home-landing .group-18-3 {
  height: 53px;
  position: relative;
  width: 53px;
}

.home-landing .frame-12 {
  height: 26px;
  left: 20px;
  position: absolute;
  top: 11px;
  transform: rotate(90deg);
  width: 13px;
  z-index: 3;
}

.home-landing .vector-2-1 {
  left: -63.93%;
  position: absolute;
}

.home-landing .vector-2-3 {
  height: 63.93%;
  position: absolute;
  top: 18.04%;
  transform: rotate(90deg);
  width: 223.08%;
}

.home-landing .ellipse-7 {
  border: 2px solid;
  border-color: #ea5b0c;
  border-radius: 26.5px;
  height: 53px;
  left: 0;
  position: absolute;
  top: 0;
  width: 53px;
  z-index: 1;
}

/* ============================================
   FOOTER
   ============================================ */
.home-landing .footer {
  background-color: transparent;
  height: 259px;
  left: 0;
  position: absolute;
  top: 3883px;
  width: 100%;
  max-width: 1440px;
}

.home-landing .rectangle-9 {
  background-color: var(--shark);
  border-radius: 48px 48px 0 0;
  height: 259px;
  left: 50%;
  transform: translateX(-50vw);
  position: absolute;
  top: 0;
  width: 100vw;
  max-width: 100vw;
}



.home-landing .group-19 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  height: 72px;
  left: 1180px;
  position: absolute;
  top: 97px;
  width: 55px;
  z-index: 2;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  align-items: center;
}

.home-landing .group-19:hover {
  opacity: 0.8;
}

.home-landing .frame-12-1 {
  height: 26px;
  left: 20px;
  position: absolute;
  top: 11px;
  transform: rotate(-90deg);
  width: 13px;
  z-index: 3;
}

.home-landing .vector-2-2 {
  left: -59.15%;
  position: absolute;
}

.home-landing .ellipse-7-1 {
  border: 2px solid;
  border-color: var(--flamingo);
  border-radius: 26.5px;
  height: 53px;
  left: 0;
  position: absolute;
  top: 0;
  width: 53px;
  z-index: 1;
  transition: transform 0.3s ease;
}

.home-landing .go-top {
  color: var(--flamingo);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-weight: 500;
  height: 12px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  width: 33px;
}

.home-landing .copyright {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-weight: 500;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 223px;
  white-space: nowrap;
  z-index: 2;
}

.home-landing .vector-3-1 {
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  object-fit: cover;
  position: absolute;
  top: 208px;
  width: 1248px;
  max-width: 90%;
  z-index: 2;
}

.home-landing .info {
  height: 29px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 98px;
  width: 507px;
  z-index: 2;
}

.home-landing .group-1 {
  height: 20px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 192px;
}

.home-landing .phone {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: 18px;
  font-weight: 700;
  left: 26px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 160px;
}

.home-landing .frame-1-2 {
  background-image: url(../img/vector-17.svg);
  background-size: 100% 100%;
  height: 19px;
  left: -20px;
  position: absolute;
  top: 1px;
  width: 18px;
}

.home-landing .e-mail-consultingperpetualtechai {
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-weight: 500;
  left: 210px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0 4px 4px #00000040;
  top: 0;
  width: 188px;
}


.home-landing .pngwingcom-1 {
  display: block; /* <--- ¡AÑADE ESTA LÍNEA! */
  aspect-ratio: 1;
  background-image: url(../img/pngwing-com-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 36px;
  left: 425px;
  position: absolute;
  top: 0;
  width: 36px;
  cursor: pointer;
  transition: transform 0.3s ease;
  z-index: 999;
  pointer-events: auto;
  opacity: 1;
}

.home-landing .pngwingcom-1:hover {
  transform: scale(1.1);
}

.home-landing .span0-1 {
  color: var(--sonic-silver);
}

.home-landing .span1-1 {
  color: #f64b23;
  text-decoration: underline;
}

.home-landing .logo {
  height: 50px;
  left: 205px;
  position: absolute;
  top: 90px;
  width: 190px;
  z-index: 2;
}

.home-landing .layer_2 {
  height: 66px;
  left: calc(50% - 635px); /* <--- LÍNEA CORREGIDA (50% - 720px + 85px) */
  position: absolute;
  top: 65px;
  width: 548px;
  z-index: 99;
}

/* ============================================
   RESPONSIVE - MOBILE LAYOUT PARA TODOS
   ============================================ */

/* Desktop grande - Ajustes específicos para burbujas */
@media (min-width: 1441px) {
  .home-landing .bubble-vwo {
    width: 520px;
    min-height: 380px;
  }
  
  .home-landing .bubble-title {
    font-size: 30px;
  }
  
  .home-landing .bubble-text {
    font-size: 16px;
  }
}

/* Desktop mediano - Ajustes para burbujas en pantallas 1025-1440px */
@media (min-width: 1025px) and (max-width: 1440px) {
  .home-landing .bubble-vwo {
    width: 480px;
    min-height: 360px;
    right: 5%;
  }
  
  .home-landing .bubble-salesforce {
    width: 550px;
    left: 5%;
  }
  
  .home-landing .bubble-title {
    font-size: 26px;
  }
  
  .home-landing .bubble-text {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* Aplicar layout mobile/responsive a TODOS los dispositivos menores a desktop grande */
@media (max-width: 1440px) {
  .home-landing {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }
  
  /* TOP SECTION */
  .home-landing .top {
    height: 600px !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    order: 1 !important;
  }
  
  .home-landing .banner {
    height: 600px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    background-position: center center !important;
    background-size: cover !important;
  }
  
  .home-landing .were-a-different-kind-of-species {
    position: absolute !important;
    font-size: 36px !important;
    width: calc(100% - 80px) !important;
    max-width: none !important;
    left: 40px !important;
    right: auto !important;
    margin-left: 0 !important;
    top: 200px !important;
    transform: none !important;
    z-index: 10 !important;
  }
  
  .home-landing .we-were-born-where-a {
    position: absolute !important;
    font-size: 18px !important;
    width: calc(100% - 80px) !important;
    max-width: 600px !important;
    left: 40px !important;
    right: auto !important;
    margin-left: 0 !important;
    top: 310px !important;
    line-height: 28px !important;
    transform: none !important;
    z-index: 10 !important;
    color: var(--white) !important;
  }
  
  .home-landing .rectangle-6 {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .home-landing .layer_2 {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60% !important;
    max-width: 400px !important;
    height: auto !important;
    top: 40px !important;
    margin-left: 0 !important;
    z-index: 15 !important;
    display: block !important;
  }
  
.home-landing .scroll-down {
  right: 40px !important;
  bottom: 20px !important; /* <-- CAMBIADO */
  top: auto !important;     /* <-- CAMBIADO */
  left: auto !important;
}
  
  /* ABOUT US SECTION */
  .home-landing .about-us {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 80px 40px !important;
    top: 0 !important;
    margin: 0 !important;
    background-color: #E3E5EC !important;
    order: 2 !important;
  }
  
  .home-landing .frame-2 {
    display: none !important;
  }
  
  .home-landing .about-us-1 {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    top: 0 !important;
    margin-bottom: 30px !important;
    transform: none !important;
    font-size: 28px !important;
  }
  
  .home-landing .we-are-a-peruvian-ma {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto 40px !important;
    top: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 20px !important;
    transform: none !important;
    line-height: 1.6 !important;
  }
  
  .home-landing .imgx1 {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 400px !important;
    height: auto !important;
    margin: 0 auto 40px !important;
    right: auto !important;
    top: 0 !important;
  }
  
  /* BUBBLES */
  .home-landing .bubble {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 30px 0 !important;
    padding: 40px 30px !important;
    border-radius: 24px !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    transform: none !important;
  }
  
  .home-landing .bubble-salesforce,
  .home-landing .bubble-vwo,
  .home-landing .bubble-google {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    transform: none !important;
  }
  
  .home-landing .bubble-content {
    width: 100% !important;
  }
  
  .home-landing .bubble-title {
    font-size: 28px !important;
  }
  
  .home-landing .bubble-text {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
  
  .home-landing .bubble-logo {
    max-width: 180px !important;
    height: auto !important;
  }
  
  .home-landing .google-badges {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    margin: 30px 0 !important;
  }
  
  .home-landing .google-badge {
    max-width: 200px !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }
  
  .home-landing .gmp-products {
    display: none !important;
  }
  
  /* SOLUTIONS SECTION */
  .home-landing .solutions {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 80px 40px 100px !important;
    top: 0 !important;
    margin: 0 !important;
    order: 3 !important;
    transform: none !important;
  }
  
  .home-landing .solutions-1 {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    top: 0 !important;
    margin-bottom: 60px !important;
    transform: none !important;
    font-size: 42px !important;
  }
  
  .home-landing .servicio {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto 40px !important;
    height: auto !important;
    top: 0 !important;
  }
  
  .home-landing .servicio-1 {
    margin-top: 0 !important;
  }
  
  .home-landing .servicio-4 {
    margin-bottom: 0 !important;
  }
  
  .home-landing .frame-1,
  .home-landing .frame-1-1 {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 400px !important;
    padding: 100px 30px 40px !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
  }
  
  .home-landing .row_5,
  .home-landing .row_5-1,
  .home-landing .row_5-2 {
    position: absolute !important;
    left: 30px !important;
    top: 30px !important;
    width: 70px !important;
    height: 50px !important;
    margin: 0 !important;
  }
  
  .home-landing .image-20 {
    position: absolute !important;
    left: 30px !important;
    top: 30px !important;
    width: 100px !important;
    max-width: 100px !important;
    height: auto !important;
    margin: 0 !important;
    display: block !important;
  }
  
  .home-landing .martech-cloud,
  .home-landing .measurement-intelligence,
  .home-landing .agentic-performance,
  .home-landing .gmp-analytics-enablement {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    margin: 15px 0 20px 0 !important;
    padding: 0 !important;
    font-size: 28px !important;
    line-height: 1.3 !important;
    order: 1 !important;
  }
  
  .home-landing .customized-solutions,
  .home-landing .applying-causal-anal,
  .home-landing .we-turn-complex-perf,
  .home-landing .we-provide-direct-ac {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    order: 2 !important;
  }
  
  .home-landing .button {
    position: relative !important;
    left: 0 !important;
    height: auto !important;
    width: auto !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    order: 3 !important;
  }
  
  .home-landing .state-1 {
    position: relative !important;
    width: 100% !important;
    max-width: 220px !important;
  }
  
  .home-landing .rectangle-2 {
    position: relative !important;
    width: 100% !important;
  }
  
  /* RESULTS SECTION */
  .home-landing .results {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 80px 40px 100px !important;
    top: 0 !important;
    margin: 0 !important;
    order: 4 !important;
    min-height: auto !important;
    transform: none !important;
  }
  
  .home-landing .digital-acceleration-that-performs {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    top: 0 !important;
    font-size: 36px !important;
    line-height: 1.3 !important;
    margin-bottom: 60px !important;
    padding-bottom: 0 !important;
    transform: none !important;
  }
  
  .home-landing .group-35,
  .home-landing .group-36,
  .home-landing .group-37 {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto 40px !important;
    height: auto !important;
    min-height: 350px !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 50px 30px !important;
  }
  
  .home-landing .rectangle-10,
  .home-landing .rectangle-11,
  .home-landing .rectangle-12 {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
  }
  
  .home-landing .text,
  .home-landing .number,
  .home-landing .text-1,
  .home-landing .text-2 {
    font-size: 72px !important;
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 0 25px 0 !important;
    z-index: 2 !important;
    order: 1 !important;
    top: auto !important;
    transform: none !important;
  }
  
  .home-landing .most-certified-gmp-p,
  .home-landing .martech-case-studies,
  .home-landing .solutions-to-reach-y {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 20px !important;
    line-height: 1.5 !important;
    font-size: 16px !important;
    z-index: 2 !important;
    order: 2 !important;
    top: auto !important;
    transform: none !important;
  }
  
  /* FOOTER */
  .home-landing .footer {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 80px 40px 50px !important;
    top: 0 !important;
    margin: 0 !important;
    order: 5 !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  
  .home-landing .rectangle-9 {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    max-width: 100% !important;
    top: 0 !important;
    z-index: 0 !important;
  }
  
  .home-landing .logo {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    top: 0 !important;
    margin: 0 0 50px 0 !important;
    z-index: 2 !important;
    order: 1 !important;
  }
  
  .home-landing .info {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 600px !important;
    height: auto !important;
    text-align: center !important;
    top: 0 !important;
    z-index: 2 !important;
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
    transform: none !important;
  }
  
  .home-landing .group-1 {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    top: 0 !important;
    margin: 0 !important;
  }
  
  .home-landing .phone {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    top: 0 !important;
    font-size: 20px !important;
  }
  
  .home-landing .frame-1-2 {
    display: none !important;
  }
  
  .home-landing .e-mail-consultingperpetualtechai {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    top: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
  }
  
  .home-landing .pngwingcom-1 {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    top: 0 !important;
    margin: 40px auto !important;
    z-index: 2 !important;
    order: 3 !important;
  }
  
  .home-landing .vector-3-1 {
    position: relative !important;
    left: 0 !important;
    width: 90% !important;
    max-width: 90% !important;
    z-index: 2 !important;
    order: 4 !important;
    transform: none !important;
  }
  
  .home-landing .group-19 {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    top: 0 !important;
    margin: 30px auto !important;
    z-index: 2 !important;
    order: 5 !important;
    background: none !important;
    border: none !important;
  }
  
  .home-landing .group-19:hover .ellipse-7-1 {
    transform: scale(1.05) !important;
  }
  
  .home-landing .copyright {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    top: 0 !important;
    margin: 30px 0 0 0 !important;
    z-index: 2 !important;
    order: 6 !important;
    transform: none !important;
  }
}

/* Mobile específico (hasta 767px) - Ajustes adicionales */
@media (max-width: 767px) {
  .home-landing .top {
    height: 500px !important;
  }
  
  .home-landing .banner {
    height: 500px !important;
  }
  
  .home-landing .were-a-different-kind-of-species {
    font-size: 28px !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
    top: 150px !important;
  }
  
  .home-landing .we-were-born-where-a {
    font-size: 16px !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
    top: 240px !important;
    line-height: 24px !important;
  }
  
  .home-landing .layer_2 {
    width: 80% !important;
    max-width: 300px !important;
    top: 20px !important;
  }
  
.home-landing .scroll-down {
  right: 20px !important;
  bottom: 20px !important; /* <-- CAMBIADO */
  top: auto !important;     /* <-- CAMBIADO */
}
  
  .home-landing .about-us {
    padding: 60px 20px !important;
  }
  
  .home-landing .about-us-1 {
    font-size: 24px !important;
  }
  
  .home-landing .we-are-a-peruvian-ma {
    font-size: 18px !important;
  }
  
  .home-landing .imgx1 {
    max-width: 300px !important;
  }
  
  .home-landing .bubble {
    padding: 30px 20px !important;
  }
  
  .home-landing .bubble-title {
    font-size: 24px !important;
  }
  
  .home-landing .bubble-text {
    font-size: 14px !important;
  }
  
  .home-landing .bubble-logo {
    max-width: 150px !important;
  }
  
  .home-landing .google-badge {
    max-width: 180px !important;
  }
  
  .home-landing .gmp-products {
    display: none !important;
  }
  
  .home-landing .solutions {
    padding: 60px 20px 80px !important;
  }
  
  .home-landing .solutions-1 {
    font-size: 32px !important;
  }
  
  .home-landing .servicio {
    max-width: 100% !important;
    margin-bottom: 30px !important;
  }
  
  .home-landing .frame-1,
  .home-landing .frame-1-1 {
    min-height: 350px !important;
    padding: 80px 20px 30px !important;
  }
  
  .home-landing .martech-cloud,
  .home-landing .measurement-intelligence,
  .home-landing .agentic-performance,
  .home-landing .gmp-analytics-enablement {
    font-size: 24px !important;
  }
  
  .home-landing .customized-solutions,
  .home-landing .applying-causal-anal,
  .home-landing .we-turn-complex-perf,
  .home-landing .we-provide-direct-ac {
    font-size: 14px !important;
  }
  
  .home-landing .results {
    padding: 60px 20px 80px !important;
  }
  
  .home-landing .digital-acceleration-that-performs {
    font-size: 28px !important;
  }
  
  .home-landing .group-35,
  .home-landing .group-36,
  .home-landing .group-37 {
    max-width: 100% !important;
    min-height: 320px !important;
    padding: 40px 20px !important;
    margin-bottom: 30px !important;
  }
  
  .home-landing .text,
  .home-landing .number,
  .home-landing .text-1,
  .home-landing .text-2 {
    font-size: 64px !important;
  }
  
  .home-landing .most-certified-gmp-p,
  .home-landing .martech-case-studies,
  .home-landing .solutions-to-reach-y {
    font-size: 14px !important;
    padding: 0 15px !important;
  }
  
  .home-landing .footer {
    padding: 60px 20px 40px !important;
  }
  
  .home-landing .phone {
    font-size: 18px !important;
  }
  
  .home-landing .e-mail-consultingperpetualtechai {
    font-size: 12px !important;
  }
}

/* Mobile muy pequeño (hasta 479px) */
@media (max-width: 479px) {
  .home-landing .top {
    height: 450px !important;
  }
  
  .home-landing .banner {
    height: 450px !important;
  }
  
  .home-landing .were-a-different-kind-of-species {
    font-size: 24px !important;
    left: 15px !important;
    width: calc(100% - 30px) !important;
    top: 130px !important;
  }
  
  .home-landing .we-were-born-where-a {
    font-size: 14px !important;
    left: 15px !important;
    width: calc(100% - 30px) !important;
    top: 220px !important;
    line-height: 22px !important;
  }
  
  .home-landing .layer_2 {
    width: 90% !important;
    max-width: 250px !important;
  }
  
  .home-landing .martech-cloud,
  .home-landing .measurement-intelligence,
  .home-landing .agentic-performance,
  .home-landing .gmp-analytics-enablement {
    font-size: 22px !important;
  }
  
  .home-landing .text,
  .home-landing .number,
  .home-landing .text-1,
  .home-landing .text-2 {
    font-size: 56px !important;
  }
}