.mobile.div {
  display: flex;
  flex-direction: column;
  min-width: 375px;
  min-height: 100vh; /* Ajustado para que el contenido ocupe al menos el 100% de la altura de la ventana */
  height: auto; /* Eliminado el height fijo */
  align-items: center;
  position: relative;
  background: linear-gradient(
    180deg,
    rgba(45, 47, 89, 1) 0%,
    rgba(0, 0, 128, 1) 100%
  );
}



.mobile .navbar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  flex: 0 0 auto;
  background-color: rgba(45, 47, 89, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background-color 0.3s ease;
}

/* Mobile Menu Overlay */
.mobile .mobile-menu-overlay {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  max-width: 320px;
  height: 100vh;
  background: linear-gradient(180deg, rgba(45, 47, 89, 0.98) 0%, rgba(0, 0, 128, 0.98) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 999;
  transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  box-shadow: -5px 0 25px rgba(0, 0, 0, 0.3);
  overflow-y: auto;
}

.mobile .mobile-menu-overlay.open {
  right: 0;
}

.mobile .mobile-menu-content {
  display: flex;
  flex-direction: column;
  padding: 100px 32px 40px;
  gap: 8px;
}

.mobile .mobile-menu-link {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.mobile .mobile-menu-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: #ffed00;
  transform: scaleY(0);
  transition: transform 0.3s ease;
}

.mobile .mobile-menu-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  padding-left: 28px;
}

.mobile .mobile-menu-link:hover::before {
  transform: scaleY(1);
}

.mobile .mobile-menu-link:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.mobile .mobile-menu-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px 0;
}

.mobile .mobile-menu-cta {
  margin-top: 24px;
  padding: 16px 24px;
  background: #ffed00;
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 237, 0, 0.3);
}

.mobile .mobile-menu-cta:hover {
  background: #ffd700;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 237, 0, 0.4);
}

.mobile .mobile-menu-cta:active {
  transform: translateY(0);
}

/* Backdrop overlay */
.mobile .menu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  z-index: 998;
  pointer-events: none;
  transition: background 0.4s ease;
}

.mobile .menu-backdrop.active {
  background: rgba(0, 0, 0, 0.5);
  pointer-events: auto;
}

.mobile .group {
  position: relative;
  width: 327px;
  height: 50px;
}

.mobile .menu {
  display: flex;
  width: 327px;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  backdrop-filter: blur(35px) brightness(100%);
  -webkit-backdrop-filter: blur(35px) brightness(100%);
}

.mobile .logo-EMLAZE-sin {
  position: relative;
  width: 115px;
  height: 25px;
  aspect-ratio: 4.6;
}

.mobile .img {
  position: relative;
  width: 40px;
  height: 40px;
  margin-top: -3.00px;
  margin-bottom: -3.00px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.mobile .img:hover {
  transform: scale(1.1);
}

.mobile .img:active {
  transform: scale(0.95);
}

.mobile .hero {
  gap: 14px;
  padding: 114px 24px 20px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  width: 350px;
  align-items: center;
  position: relative;
}

.mobile .content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 15px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.mobile .text {
  align-items: center;
  gap: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  height: 33px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #30ceff;
  font-size: 15px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
}

.mobile .p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 25px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 30px;
}

.mobile .div-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .secondary-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  width: fit-content;
  flex: 0 0 auto;
  border-radius: 12px;
}

.mobile .group-2 {
  position: relative;
  width: 115px;
  height: 48px;
}

.mobile .rectangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 113px;
  height: 48px;
  background-color: #ffed00;
  border-radius: 15px;
}

.mobile .text-wrapper-2 {
  position: absolute;
  top: 9px;
  left: 2px;
  width: 110px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .text-wrapper-3 {
  position: relative;
  display: -webkit-box;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-top: -0.50px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.mobile .image-container {
  flex-direction: column;
  height: 239px;
  align-items: center;
  justify-content: flex-end;
  padding: 64px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  transition: all 0.2s ease;
  opacity: 1;
  transform: scale(1);
  display: flex;
}

.mobile .image-container:hover {
  transform: scale(1.1);
}

.mobile .rectangle-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 225px;
  margin-top: -50.00px;
  object-fit: cover;
}

.mobile .hero-2 {
  gap: 24px;
  padding: 0px 24px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
	height: 440px;
  width: 350px;
  align-items: center;
  position: relative;
}

.mobile .content-2 {
  align-items: flex-start;
  justify-content: flex-end;
  gap: 32px;
  padding: 0px 0px 15px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  opacity: 1;
  transform: translate(0, 0);
  flex-direction: column;
  position: relative;
  display: flex;
}

.mobile .m-s-que-una {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .span {
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 0.02px;
	align-self: stretch;
	text-align: left;
	position: relative;
}

.mobile .text-wrapper-4 {
  color: #ffffff;
  letter-spacing: 0.02px;
	align-self: stretch;
	text-align: left;
	position: relative;
}

.mobile .nuestra-herramienta {
  position: relative;
  display: block;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #0000008c;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
  text-align: left;
}

.mobile .text-wrapper-5 {
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.01px;
}

.mobile .text-wrapper-6 {
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.01px;
}

.mobile .text-wrapper-7 {
	text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 229px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffed00;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .elementos-graficos {
  left: 100px;
  transform: translate(0, 0);
  display: block;
  opacity: 1;
  position: absolute;
  top: -100px;
  width: 80px;
  height: 15px;
  aspect-ratio: 5.33;
}


.mobile .elementos-graficos-2 {
  left: -50px;
  transform: translate(0, 0);
  display: block;
  opacity: 1;
  position: absolute;
  top: 190px;
  width: 80px;
  height: 15px;
  aspect-ratio: 5.33;
}

.mobile .iframe {
  border: 0;
  pointer-events: auto;
  position: relative;
  align-self: stretch;
	height:38%;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .feature-cards {
  display: flex;
  height: 685px;
  padding: 50px 5px 10px;
  flex-direction: column;
  width: 350px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  position: relative;
}

.mobile .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}


.mobile .card:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .image {
  position: relative;
  width: 108.8px;
  height: 80px;
  aspect-ratio: 1.36;
}

.mobile .body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .div-2 {
  align-items: center;
  gap: 8px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-8 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .text-wrapper-9 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .feature-cards-2 {
  display: flex;
  height: 685px;
  padding: 50px 5px 10px;
  flex-direction: column;
  width: 350px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  position: relative;
}

.mobile .hero-3 {
  gap: 14px;
  padding: 50px 0px;
  display: flex;
  flex-direction: column;
  width: 350px;
  align-items: center;
  position: relative;
}

.mobile .content-3 {
  display: flex;
  height: 158px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  position: relative;
}

.mobile .buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .secondary-button-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px 12px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 12px;
}

.mobile .group-3 {
  position: relative;
  width: 43px;
  height: 40px;

}

.mobile .rectangle-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 41px;
  height: 40px;
  background-color: #ffed00;
  border-radius: 30px;
}

.mobile .text-wrapper-10 {
  position: absolute;
  top: 8px;
  left: 1px;
  width: 37px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .text-wrapper-11 {
  position: relative;
  display: -webkit-box;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.mobile .text-wrapper-12 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .column {
  width: 351px;
  height: 413px;
  align-items: center;
  gap: 24px;
  margin-bottom: 0px;
  margin-left: -24.50px;
  margin-right: -24.50px;
  opacity: 1;
  filter: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  display: flex;
}

.mobile .paso-calculadora {
  width: 250px;
  height: 300px;
  aspect-ratio: 1.33;
  position: relative;
  object-fit: cover;
}

.mobile .hero-4 {
  height: 574px;
  gap: 14px;
  padding: 0px 24px;
  display: flex;
  flex-direction: column;
  width: 350px;
  align-items: center;
  position: relative;
}

.mobile .content-4 {
  display: flex;
  height: 163px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  position: relative;
}

.mobile .paso-calculadora-2 {
  position: relative;
  width: 294.9px;
  height: 360.24px;
  aspect-ratio: 1.22;
  display: block;
  opacity: 1;
  filter: none;
}

.mobile .content-5 {
  display: flex;
  height: 158px;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  position: relative;
}

.mobile .text-wrapper-13 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 271px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .paso-calculadora-wrapper {
  width: 351px;
  height: 390px;
  align-items: center;
  gap: 24px;
  margin-left: -24.50px;
  margin-right: -24.50px;
  opacity: 1;
  filter: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  display: flex;
}

.mobile .paso-calculadora-3 {
  width: 202.79px;
  height: 360.16px;
  aspect-ratio: 1.78;
  position: relative;
  object-fit: cover;
}

.mobile .feature {
  height: 1323px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 350px;
  align-items: center;
  position: relative;
}

.mobile .row {
  display: flex;
  flex-direction: column;
  height: 1327px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 40px 24px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-top: -2.00px;
  margin-bottom: -2.00px;
}

.mobile .content-6 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -13.50px;
  flex-direction: column;
  position: relative;
}

.mobile .text-2 {
  align-items: flex-start;
  gap: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-14 {
  position: relative;
  display: flex;
  align-items: left;
  justify-content: left;
  align-self: stretch;
  height: 43px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 0.10px;
  line-height: 40px;
  white-space: nowrap;
}

.mobile .escoge-el-plan-que {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 263px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .group-4 {
  position: relative;
  width: 297px;
  height: 544.5px;
  margin-right: -8.50px;
  aspect-ratio: 0.51;
  opacity: 1;
  transform: scale(1);
}

.mobile .rectangle-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 275px;
  height: 544px;
  background-color: #ffed00;
  border-radius: 20px;
}

.mobile .text-wrapper-15 {
  color: #000000;
  position: absolute;
  top: 21px;
  left: 0;
  width: 275px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .text-wrapper-16 {
  position: absolute;
  top: 122px;
  left: 0;
  width: 275px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .text-wrapper-17 {
  position: absolute;
  top: 158px;
  left: 53px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}
.mobile .text-wrapper-18 {
  left: 53px;
  width: 206px;
  color: #000000;
  line-height: 14px;
  position: absolute;
  top: 197px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-19 {
  position: absolute;
  top: 236px;
  left: 53px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .text-wrapper-20 {
  position: absolute;
  top: 276px;
  left: 53px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .text-wrapper-21 {
  position: absolute;
  top: 315px;
  left: 53px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .text-wrapper-22 {
  position: absolute;
  top: 354px;
  left: 53px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .text-wrapper-23 {
  position: absolute;
  top: 394px;
  left: 53px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .text-wrapper-24 {
  position: absolute;
  top: 433px;
  left: 53px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .text-wrapper-25 {
  color: #000000;
  position: absolute;
  top: 65px;
  left: 0;
  width: 275px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  font-size: 50px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .line {
  top: 192px;
  left: 7px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-2 {
  top: 232px;
  left: 7px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-3 {
  top: 271px;
  left: 7px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-4 {
  top: 310px;
  left: 7px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-5 {
  top: 350px;
  left: 7px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-6 {
  top: 389px;
  left: 7px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-7 {
  top: 428px;
  left: 7px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .check {
  top: 165px;
  left: 19px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-2 {
  top: 204px;
  left: 19px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-3 {
  top: 244px;
  left: 19px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-4 {
  top: 283px;
  left: 19px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .lock {
  top: 322px;
  position: absolute;
  left: 18px;
  width: 16px;
  height: 16px;
}

.mobile .lock-2 {
  top: 401px;
  position: absolute;
  left: 18px;
  width: 16px;
  height: 16px;
}

.mobile .lock-3 {
  top: 361px;
  position: absolute;
  left: 18px;
  width: 16px;
  height: 16px;
}

.mobile .lock-4 {
  top: 440px;
  position: absolute;
  left: 18px;
  width: 16px;
  height: 16px;
}

.mobile .group-5 {
  position: absolute;
  top: 484px;
  left: 75px;
  width: 118px;
  height: 39px;
}

.mobile .rectangle-5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 116px;
  height: 39px;
  border-radius: 15px;
  border: 2px solid;
  border-color: #0b1d51;
}

.mobile .text-wrapper-26 {
  color: #0b1d51;
  position: absolute;
  top: 7px;
  left: 2px;
  width: 112px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .group-6 {
  position: relative;
  width: 297px;
  height: 544.5px;
  margin-bottom: -13.50px;
  margin-right: -8.50px;
  aspect-ratio: 0.51;
  opacity: 1;
  transform: scale(1);
}

.mobile .rectangle-6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 275px;
  height: 544px;
  background-color: #000000;
  border-radius: 20px;
}

.mobile .text-wrapper-27 {
  color: #ffffff;
  position: absolute;
  top: 65px;
  left: 0;
  width: 275px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  font-size: 50px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-28 {
  color: #ffffff;
  position: absolute;
  top: 21px;
  left: 0;
  width: 275px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .text-wrapper-29 {
  position: absolute;
  top: 122px;
  left: 0;
  width: 275px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .text-wrapper-30 {
  position: absolute;
  top: 158px;
  left: 57px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 15px;
}

.mobile .text-wrapper-31 {
  left: 57px;
  width: 202px;
  color: #ffffff;
  line-height: 15px;
  position: absolute;
  top: 197px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-32 {
  position: absolute;
  top: 236px;
  left: 57px;
  width: 202px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 15px;
}

.mobile .text-wrapper-33 {
  position: absolute;
  top: 276px;
  left: 57px;
  width: 202px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 15px;
}

.mobile .text-wrapper-34 {
  position: absolute;
  top: 315px;
  left: 57px;
  width: 202px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 15px;
}

.mobile .text-wrapper-35 {
  position: absolute;
  top: 354px;
  left: 57px;
  width: 202px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 15px;
}

.mobile .text-wrapper-36 {
  position: absolute;
  top: 394px;
  left: 57px;
  width: 202px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 15px;
}

.mobile .text-wrapper-37 {
  position: absolute;
  top: 433px;
  left: 57px;
  width: 202px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 15px;
}

.mobile .line-8 {
  top: 192px;
  left: 11px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-9 {
  top: 232px;
  left: 11px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-10 {
  top: 271px;
  left: 11px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-11 {
  top: 310px;
  left: 11px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-12 {
  top: 350px;
  left: 11px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-13 {
  top: 389px;
  left: 11px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-14 {
  top: 428px;
  left: 11px;
  position: absolute;
  width: 252px;
  height: 1px;
  object-fit: cover;
}

.mobile .check-5 {
  top: 165px;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-6 {
  top: 204px;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-7 {
  top: 244px;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-8 {
  top: 283px;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-9 {
  top: 322px;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-10 {
  top: 361px;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-11 {
  top: 401px;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .check-12 {
  top: 440px;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.mobile .group-7 {
  position: absolute;
  top: 484px;
  left: 79px;
  width: 118px;
  height: 39px;
}

.mobile .rectangle-7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 116px;
  height: 39px;
  background-color: #ffffff;
  border-radius: 15px;
}

.mobile .text-wrapper-38 {
  color: #000000;
  position: absolute;
  top: 7px;
  left: 2px;
  width: 112px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .elementos-graficos-3 {
  position: absolute;
  top: 63px;
  left: -16px;
  width: 342px;
  height: 14px;
  aspect-ratio: 24.43;
  display: block;
  opacity: 1;
  transform: translate(0, 0);
}

.mobile .marquee {
  width: 300px;
  height: 78px;
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 32px 0px;
  position: relative;
}

.mobile .text-wrapper-39 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  margin-top: -24.00px;
  margin-bottom: -22.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 0.10px;
  line-height: 30px;
}

.mobile .elementos-graficos-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 21.97;
  display: block;
  opacity: 1;
  transform: translate(0, 0);
}

.mobile .testimonial-slider-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile .slides-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  height: 100%;

}

.mobile .slide {
  width: 100%;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}

.mobile .slider-nav {
  display: none; /* Ocultar flechas de navegación en móvil */
}

.mobile .slider-pagination {
  position: absolute;
  bottom: 10px;
  display: flex;
  gap: 5px;
}

.mobile .slider-pagination .dot {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

.mobile .slider-pagination .dot.active {
  background-color: #ffffff;
}

.mobile .testimonial-line {
  position: relative;
  width: 298px; /* Ajusta el ancho según sea necesario */
  height: 7px; /* Ajusta la altura según sea necesario */
  margin-top: 10px; /* Espacio entre el texto y la línea */
  margin-bottom: 10px; /* Espacio entre la línea y el autor */
  object-fit: cover;
}

.mobile .text-wrapper-40 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: -2.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  font-style: italic;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .author {
  display: flex;
  flex-direction: column;
  width: 300px;
  align-items: center;
  justify-content: center;
  gap: 50px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -0.50px;
  margin-left: -7.00px;
  margin-right: -7.00px;
}

.mobile .text-wrapper-41 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
  white-space: nowrap;
}

.mobile .text-wrapper-42 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
  white-space: nowrap;
}

.mobile .elementos-graficos-5 {
  position: absolute;
  top: 129px;
  left: 30px;
  width: 298px;
  height: 7px;
  aspect-ratio: 40;
  object-fit: cover;
}

.mobile .marquee-2 {
  width: 350px;
  height: 60px;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 32px 0px;
  position: relative;
}

.mobile .text-wrapper-43 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 324px;
  margin-top: -18.00px;
  margin-bottom: -16.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffed00;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 30px;
}

.mobile .feature-2 {
  gap: 32px;
  padding: 20px 24px 20px;
  display: flex;
  flex-direction: column;
	height: 280px;
  width: 350px;
  align-items: left;
  position: relative;
}

.mobile .image-2 {
  position: fixed;
  width: 265px;
  height: 196.93px;
  aspect-ratio: 1.35;
  display: block;
  opacity: 1;
  filter: none;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.mobile .content-7 {
  display: flex;
  width: 350px;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-bottom: -75.93px;
  margin-left: -24.00px;
  margin-right: -24.00px;
  flex-direction: column;
  position: relative;
}

.mobile .group-8 {
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-right: -2.00px;
}

.mobile .group-8[open] {
  margin-bottom: 16px;
}

.mobile .text-wrapper-44 {
  margin-top: 12px;
  padding-left: 40px;
  padding-right: 0;
  width: 310px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .group-9 {
  width: 352px;
  height: 38px;
  display: flex;
  gap: 14.5px;
  cursor: pointer;
}

.mobile .arrow-down-circle {
  margin-top: 0px;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .text-wrapper-45 {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 250px;
  height: 20px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .group-10 {
  position: relative;
  width: 352.5px;
  margin-right: -2.50px;
}

.mobile .group-10[open] {
  margin-bottom: 16px;
}

.mobile .no-tus-archivos-se {
  margin-top: 12px;
  padding-left: 40px;
  padding-right: 0;
  width: 308px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .group-11 {
  height: 37px;
  width: 352px;
  display: flex;
  gap: 14.5px;
  cursor: pointer;
}

.mobile .arrow-down-circle-2 {
  margin-top: 0;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .text-wrapper-46 {
  display: flex;
  align-items: left;
  justify-content: left;
  margin-top: 1px;
  width: 250px;
  height: 36px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .group-12 {
  position: relative;
  width: 352.5px;
  margin-right: -2.50px;
}

.mobile .group-12[open] {
  margin-bottom: 16px;
}

.mobile .text-wrapper-47 {
  margin-top: 12px;
  padding-left: 40px;
  padding-right: 0;
  width: 250px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .arrow-down-circle-3 {
  margin-top: 5.2px;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .text-wrapper-48 {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 250px;
  height: 38px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .text-wrapper-49 {
  margin-top: 12px;
  padding-left: 40px;
  padding-right: 0;
  width: 250px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .group-13 {
  height: 46px;
  width: 352px;
  display: flex;
  gap: 14.5px;
  cursor: pointer;
}

.mobile .arrow-down-circle-4 {
  margin-top: 6.0px;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .text-wrapper-50 {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 250px;
  height: 46px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 815px;
  align-items: baseline;
  gap: 96px;
  padding: 0px 24px;
  position: relative;
  background-color: #000000;
}

.mobile .text-wrapper-51 {
  position: absolute;
  top: 757px;
  left: calc(50.00% - 124px);
  width: 250px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 10px;
}


.mobile .container {
  display: flex;
  flex-direction: column;
  width: 327px;
  height: 757px;
  align-items: center;
  justify-content: center;
  gap: 34px;
  position: relative;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #0000001a;
}

.mobile .content-8 {
  display: flex;
  width: 327px;
  align-items: flex-start;
  gap: 32px;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.mobile .rectangle-8 {
  position: relative;
  width: 171px;
  height: 41px;
  object-fit: cover;
}

.mobile .somos-una-empresa-wrapper {
  align-items: flex-start;
  gap: 8px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .somos-una-empresa {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 289px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .nav {
  display: flex;
  flex-direction: column;
  width: 350px;
  align-items: center;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -11.50px;
  margin-right: -11.50px;
}

.mobile .column-2 {
  display: flex;
  flex-direction: column;
  width: 330px;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-54 {
  position: relative;
  width: 130px;
  height: 19px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .text-wrapper-55 {
  position: relative;
  width: 130px;
  height: 15px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .column-3 {
  display: flex;
  width: 300px;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.mobile .text-wrapper-56 {
  position: relative;
  width: 300px;
  height: 19px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .calle {
  position: relative;
  width: 300px;
  height: 36px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .text-wrapper-57 {
  position: relative;
  width: 300px;
  height: 23px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .text-wrapper-58 {
  position: relative;
  width: 300px;
  height: 15px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .group-wrapper {
  display: flex;
  width: 350px;
  align-items: flex-start;
  gap: 8px;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.mobile .group-14 {
  position: relative;
  width: 356px;
  height: 180px;
  margin-right: -6.00px;
}

.mobile .text-wrapper-59 {
  position: absolute;
  top: 58px;
  left: 18px;
  width: 250px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .correo-electrnico {
  position: absolute;
  top: 124px;
  left: 53px;
  width: 117px;
  height: 13px;
  background-color: transparent;
  opacity: 0.6;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
  border: 0;
  padding: 0;
}

.mobile .correo-electrnico::placeholder {
  color: #d9d9d999;
}

.mobile .text-wrapper-60 {
  position: absolute;
  top: 26px;
  left: 18px;
  width: 209px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .rectangle-9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 180px;
}

.mobile .rectangle-10 {
  position: absolute;
  top: 108px;
  left: 18px;
  width: 253px;
  height: 50px;
  border-radius: 15px;
  border: 1px solid;
  border-color: #ffed00;
}

.mobile .group-15 {
  position: absolute;
  top: 108px;
  left: 245px;
  width: 91px;
  height: 50px;
}

.mobile .rectangle-11 {
  position: absolute;
  top: 0;
  left: 0;
  width: 89px;
  height: 50px;
  background-color: #ffed00;
  border-radius: 15px;
}

.mobile .text-wrapper-61 {
  position: absolute;
  top: 9px;
  left: 0;
  width: 89px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .mail {
  position: absolute;
  top: 121px;
  left: 26px;
  width: 23px;
  height: 24px;
  opacity: 0.6;
}

.mobile .icon {
  position: absolute;
  width: 83.33%;
  height: 66.67%;
  top: 16.67%;
  left: 8.33%;
}

.mobile.tablet {
  display: flex;
  flex-direction: column;
  min-width: 800px;
  min-height: 100vh; /* Ajustado para que el contenido ocupe al menos el 100% de la altura de la ventana */
  height: auto; /* Eliminado el height fijo */
  align-items: center;
  position: relative;
  overflow-x: clip;
  background: linear-gradient(
    180deg,
    rgba(45, 47, 89, 1) 0%,
    rgba(0, 0, 128, 1) 100%
  );
}

/* Hide mobile menu overlay on tablet and larger screens with navigation */
.mobile.tablet .mobile-menu-overlay,
.mobile.laptop .mobile-menu-overlay,
.mobile.desktop .mobile-menu-overlay {
  display: none;
}

@keyframes bp2-animate-enter-frames {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

@keyframes bp2-animate-enter2-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bp2-animate-enter3-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bp2-animate-enter4-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes bp2-animate-enter5-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes bp2-animate-enter6-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes bp2-animate-enter7-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes bp2-animate-enter8-frames {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes bp2-animate-enter9-frames {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

@keyframes bp2-animate-enter11-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bp2-animate-enter12-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

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

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

.mobile .navbar-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 320px;
  position: sticky;
  top: 0;
  z-index: 1000;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: rgba(45, 47, 89, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background-color 0.3s ease;
}

.mobile .menu-wrapper {
  position: relative;
  width: 435px;
  height: 50px;
  margin-left: -137.50px;
  margin-right: -137.50px;
}

.mobile .menu-2 {
  display: flex;
  width: 435px;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  backdrop-filter: blur(35px) brightness(100%);
  -webkit-backdrop-filter: blur(35px) brightness(100%);
}

.mobile .logo-EMLAZE-sin-2 {
  position: absolute;
  top: 10px;
  left: -137px;
  width: 118px;
  height: 30px;
  aspect-ratio: 3.92;
}

.mobile .buttons-2 {
  width: 395px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .text-wrapper-62 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #2d2f59;
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.07px;
  line-height: 20.3px;
  white-space: nowrap;
}

.mobile .primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 12px;
  position: absolute;
  top: 0;
  left: 454px;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid;
  border-color: #ffed00;
}

.mobile .text-wrapper-63 {
  position: relative;
  width: fit-content;
  margin-top: -2.00px;
  color: #ffffff;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .hero-5 {
  height: 309px;
  gap: 32px;
  display: flex;
  width: 700px;
  align-items: center;
  justify-content: center;
  padding: 25px 32px 0px;
  position: relative;
}

.mobile .content-9 {
  display: flex;
  height: 309px;
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  padding: 64px 0px;
  flex: 1;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
}

.mobile .text-3 {
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  margin-top: -23.00px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-64 {
  position: relative;
  display: flex;
  align-items: left;
  justify-content: left;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #30ceff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 45px;
}

.mobile .text-wrapper-65 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 0.10px;
  line-height: 30px;
}

.mobile .secondary-button-wrapper {
  flex-wrap: wrap;
  gap: 16px 16px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -23.00px;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .secondary-button-3 {
  display: inline-flex;
  flex: 0 0 auto;
  margin-right: -24.00px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .group-16 {
  position: relative;
  width: 150px;
  height: 50px;
}

.mobile .rectangle-12 {
  width: 148px;
  height: 50px;
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffed00;
}

.mobile .text-wrapper-66 {
  position: absolute;
  top: 9px;
  left: 3px;
  width: 142px;
  height: 32px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .text-wrapper-67 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 138px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 45px;
}

.mobile .rectangle-wrapper {
  flex-direction: column;
  height: 309px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 48px 0px;
  transition: all 0.5s ease;
  opacity: 0;
  transform: scale(1.1);
  animation: bp2-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .rectangle-wrapper:hover {
  transform: scale(1.1);
}

.mobile .rectangle-13 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 243px;
  margin-top: -15.00px;
  margin-bottom: -15.00px;
  object-fit: cover;
}

.mobile .hero-6 {
  display: flex;
  width: 700px;
  height: 293px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 0px 32px;
  position: relative;
}

.mobile .embed-wrapper {
  height: 293px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .embed {
  border: 0;
  pointer-events: auto;
  position: relative;
  width: 302px;
  height: 167px;
  top: 63px;
}

.mobile .content-10 {
  height: 293px;
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  padding: 64px 0px;
  flex: 1;
  flex-grow: 1;
  opacity: 0;
  transform: translate(25px, 0);
  animation: bp2-animate-enter1-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: column;
  position: relative;
}

.mobile .text-4 {
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  margin-top: -25.50px;
  margin-bottom: -25.50px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.mobile .m-s-que-una-2 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .text-wrapper-68 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 80%;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffed00;
  font-size: 14px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .feature-cards-3 {
  width: 700px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 20px 64px;
  position: relative;
  flex: 0 0 auto;
  opacity: 0;
  animation: bp2-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: row;
  display: flex;
}

.mobile .card-2 {
  width: 204px;
  margin-left: -52.00px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-2:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .image-3 {
  position: relative;
  width: 192px;
  height: 80px;
  margin-left: -23.50px;
  margin-right: -23.50px;
  aspect-ratio: 2.4;
}

.mobile .body-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-69 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .card-3 {
  width: 194px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-3:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .image-4 {
  position: relative;
  width: 192px;
  height: 80px;
  margin-left: -23.00px;
  margin-right: -23.00px;
  aspect-ratio: 2.4;
}

.mobile .card-4 {
 width: 204px;
  margin-right: -52.00px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-4:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .feature-cards-4 {
  width: 700px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 20px 64px;
  position: relative;
  flex: 0 0 auto;
  opacity: 0;
  animation: bp2-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: row;
  display: flex;
}

.mobile .card-5 {
  width: 204px;
  margin-left: -52.00px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-5:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .image-5 {
  position: relative;
  width: 192px;
  height: 80px;
  margin-left: -18.00px;
  margin-right: -18.00px;
  aspect-ratio: 2.4;
}

.mobile .card-6 {
  width: 204px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-6:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .card-7 {
  width: 204px;
  margin-right: -52.00px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-7:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .hero-7 {
  display: flex;
  width: 700px;
  height: 448px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 0px 32px;
  position: relative;
}

.mobile .column-wrapper {
  width: 50%;
  justify-content: flex-end;
  padding: 50px 0px 24px 24px;
  margin-left: -32.50px;
  opacity: 0;
  filter: blur(10px);
  animation: bp2-animate-enter4-frames 0.20s ease-in-out 2.00s 1 normal forwards;
  flex-direction: column;
  align-items: left;
  gap: 24px;
  position: relative;
}

.mobile .img-wrapper {
  display: flex;
  padding: 0px 24px 24px;
  align-self: stretch;
  width: 150%;
  flex-direction: column;
  align-items: left;
  gap: 24px;
  position: relative;
}

.mobile .paso-calculadora-4 {
  position: relative;
  width: 364px;
  height: 418px;
  margin-bottom: -27.00px;
  margin-left: -70.50px;
  margin-right: -70.50px;
  aspect-ratio: 1.15;
}

.mobile .content-11 {
  display: flex;
  width: 374px;
  height: 309px;
  align-items: flex-start;
  gap: 10px;
  padding: 64px 0px;
  margin-right: -32.50px;
  flex-direction: column;
  position: relative;
}

.mobile .text-wrapper-70 {
	padding: 20px 0px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffed00;
  font-size: 25px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .div .text-wrapper-70 {
  font-size: 20px;
  line-height: 50px;
	padding: 10px;
}

.mobile .buttons-3 {
  flex-wrap: wrap;
  height: 52px;
  gap: 16px 16px;
  align-self: stretch;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .secondary-button-4 {
  display: flex;
  width: 198px;
  height: 53px;
  margin-top: -0.50px;
  margin-bottom: -0.50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .group-17 {
  position: relative;
  width: 43.5px;
  height: 41px;
  margin-top: -6.00px;
  margin-bottom: -6.00px;
  margin-left: -20.75px;
}

.mobile .rectangle-14 {
  width: 41px;
  height: 41px;
  border-radius: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffed00;
}

.mobile .text-wrapper-71 {
  position: absolute;
  top: 5px;
  left: 1px;
  width: 41px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .text-wrapper-72 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 138px;
  margin-right: 15.75px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .text-wrapper-73 {
  position: relative;
  display: flex;
	margin-left: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 265px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .elementos-graficos-6 {
  position: absolute;
  top: 186px;
  left: 15px;
  width: 10px;
  height: 1301px;
  aspect-ratio: 0.01;
  object-fit: cover;
}

.mobile .hero-8 {
  height: 448px;
  gap: 22px;
  display: flex;
  width: 700px;
  align-items: center;
  justify-content: center;
  padding: 0px 32px;
  position: relative;
}

.mobile .content-12 {
  display: flex;
  width: 374px;
  height: 309px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 64px 0px;
  margin-left: -27.50px;
  flex-direction: column;
  position: relative;
}

.mobile .buttons-4 {
  flex-wrap: wrap;
  height: 52px;
  justify-content: flex-end;
  gap: 16px 16px;
  align-self: stretch;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .secondary-button-5 {
  display: flex;
  width: 238px;
  height: 53px;
  margin-top: -0.50px;
  margin-bottom: -0.50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .text-wrapper-74 {
  position: relative;
  display: flex;
  align-items: left;
  justify-content: left;
  width: 138px;
	margin-left: 5px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .group-18 {
  position: relative;
  width: 43.5px;
  height: 41px;
  margin-top: -6.00px;
  margin-bottom: -6.00px;
  margin-right: -50px;
}

.mobile .text-wrapper-75 {
	margin-right: -15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 265px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  text-align: right;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .column-4 {
  width: 295px;
  height: 446px;
  justify-content: center;
  padding: 50px 0px 24px 24px;
  margin-right: -27.50px;
  opacity: 0;
  filter: blur(10px);
  animation: bp2-animate-enter5-frames 0.20s ease-in-out 2.00s 1 normal forwards;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}

.mobile .paso-calculadora-5 {
  width: 346.28px;
  height: 460.28px;
  margin-top: -44.14px;
  margin-bottom: -44.14px;
  margin-left: -37.64px;
  margin-right: -37.64px;
  aspect-ratio: 1.33;
  position: relative;
  object-fit: cover;
}

.mobile .hero-9 {
  display: flex;
  width: 700px;
  height: 448px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0px 32px;
  position: relative;
}

.mobile .paso-calculadora-6 {
  position: relative;
  width: 324.35px;
  height: 396.21px;
  margin-left: -32.18px;
  aspect-ratio: 1.22;
  display: block;
  opacity: 0;
  filter: blur(10px);
  animation: bp2-animate-enter6-frames 0.20s ease-in-out 2.00s 1 normal forwards;
}

.mobile .content-13 {
  display: flex;
  width: 373px;
  height: 309px;
  align-items: center;
  gap: 10px;
  padding: 64px 0px;
  margin-right: -32.18px;
  flex-direction: column;
  position: relative;
}

.mobile .buttons-5 {
  flex-wrap: wrap;
  width: 277px;
  height: 52px;
  gap: 16px 16px;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .group-19 {
  position: relative;
  width: 43.5px;
  height: 41px;
  margin-top: -6.00px;
  margin-bottom: -6.00px;
  margin-left: -50.25px;
}

.mobile .text-wrapper-76 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 231px;
  margin-left: -7.75px;
  margin-right: -10.25px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .secondary-button-6 {
  display: flex;
  width: 292px;
  height: 53px;
  margin-top: -0.50px;
  margin-bottom: -0.50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .text-wrapper-77 {
  position: relative;
  display: flex;
  align-items: right;
  justify-content: right;
  width: 230px;
  margin-left: -9.75px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  text-align: right;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .group-20 {
  position: relative;
  width: 43.5px;
  height: 41px;
  margin-top: 2.00px;
  margin-bottom: -6.00px;
  margin-right: -30.75px;
}

.mobile .column-5 {
  width: 295px;
  justify-content: center;
  padding: 0px 0px 24px 24px;
  margin-right: -27.50px;
  opacity: 0;
  filter: blur(10px);
  animation: bp2-animate-enter7-frames 0.20s ease-in-out 2.00s 1 normal forwards;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}

.mobile .paso-calculadora-7 {
  width: 225.32px;
  height: 400.18px;
  aspect-ratio: 1.78;
  position: relative;
  object-fit: cover;
}

.mobile .text-5 {
  width: 700px;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.mobile .planes-disponibles {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 30px;
}

.mobile .escoge-el-plan-que-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 563px;
  height: 45px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .row-wrapper {
  display: flex;
  flex-direction: column;
  width: 700px;
  height: 587px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mobile .row-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 30px 32px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -9.75px;
  margin-bottom: -9.75px;
}

.mobile .group-21 {
  position: relative;
  width: 297px;
  height: 544.5px;
  aspect-ratio: 0.51;
  opacity: 0;
  transform: scale(0.9);
  animation: bp2-animate-enter8-frames 0.80s ease-in-out 2.00s 1 normal forwards;
}

.mobile .text-wrapper-78 {
  position: absolute;
  top: 122px;
  left: 0;
  width: 275px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .group-22 {
  position: relative;
  width: 297px;
  height: 544.5px;
  margin-right: -4.00px;
  aspect-ratio: 0.51;
  opacity: 0;
  transform: scale(0.9);
  animation: bp2-animate-enter9-frames 0.80s ease-in-out 2.00s 1 normal forwards;
}

.mobile .text-wrapper-79 {
  position: absolute;
  top: 122px;
  left: 0;
  width: 275px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .text-wrapper-80 {
  position: absolute;
  top: 158px;
  left: 57px;
  width: 206px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .text-wrapper-81 {
  position: absolute;
  top: 197px;
  left: 57px;
  width: 202px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .text-wrapper-82 {
  left: 57px;
  width: 202px;
  color: #ffffff;
  line-height: 25px;
  white-space: nowrap;
  position: absolute;
  top: 236px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-83 {
  left: 57px;
  width: 202px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 276px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-84 {
  left: 57px;
  width: 202px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 315px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-85 {
  left: 57px;
  width: 202px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 354px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-86 {
  left: 57px;
  width: 202px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 394px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-87 {
  left: 57px;
  width: 202px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 433px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.10px;
}

.mobile .marquee-3 {
  display: flex;
  width: 700px;
  height: 73px;
  align-items: center;
  gap: 48px;
  padding: 48px 0px;
  position: relative;
}

.mobile .text-wrapper-88 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -25.00px;
  margin-bottom: -23.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .elementos-graficos-7 {
  position: relative;
  width: 256px;
  height: 14.34px;
  margin-top: -18.67px;
  margin-bottom: -18.67px;
  margin-right: -50.00px;
  aspect-ratio: 17.85;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
  animation: bp2-animate-enter10-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .quote-2 {
  flex-direction: column;
  width: 700px;
  height: 239px;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: 20px 32px;
  position: relative;
  overflow: hidden;
  opacity: 0;
  animation: bp2-animate-enter11-frames 0.10s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .text-wrapper-89 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 350px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-style: italic;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .name-wrapper {
  display: flex;
  width: 350px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .name {
  display: flex;
  flex-direction: column;
  width: 400px;
  align-items: center;
  gap: 2px;
  position: relative;
}

.mobile .text-wrapper-90 {
  position: relative;
	align-items: center;
  justify-content: center;
  width: 200px;
  height: 35px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
}

.mobile .text-wrapper-91 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 263px;
  height: 29px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
}

.mobile.tablet .testimonial-slider-container .elementos-graficos-8 {
  top: 0;
  left: -20%;
  width: 20%;
  height: 90%;
  aspect-ratio: 0.32;
  position: absolute;
  pointer-events: none;
	object-fit: cover;
  z-index: 1;
  display: flex;
}

.mobile.tablet .testimonial-slider-container .elementos-graficos-9 {
  top: 41px;
  right: -50%;
  width: 20%;
  height: 90%;
  aspect-ratio: 0.32;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  display: flex;
}

.mobile.tablet .testimonial-slider-container .elementos-graficos-10 {
  top: 109px;
  left: 10%;
  width: 100%;
  height: 100%;
  aspect-ratio: 40;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  display: flex;
}

.mobile .marquee-4 {
  display: flex;
  width: 700px;
  height: 73px;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: 48px 0px;
  position: relative;
}

.mobile .text-wrapper-92 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -25.00px;
  margin-bottom: -23.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffed00;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .feature-3 {
  display: flex;
  width: 800px;
  align-items: left;
  justify-content: left;
  gap: 32px;
  padding: 20px 32px 20px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .content-14 {
  display: flex;
  width: 422px;
  align-items: flex-start;
  justify-content: left;
  gap: 48px;
  align-self: stretch;
  margin-left: -8.00px;
  flex-direction: column;
  position: relative;
}

.mobile .group-23 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 93px;
  margin-right: -2.00px;
}

.mobile .text-wrapper-93 {
  position: absolute;
  top: 38px;
  left: 32px;
  width: 390px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .group-24 {
  top: 0;
  left: 0;
  width: 424px;
  height: 38px;
  position: absolute;
  display: flex;
  gap: 12px;
}

.mobile .icon-wrapper {
  margin-top: 9.0px;
  width: 19.87px;
  height: 20.13px;
  position: relative;
  margin-left: 0.1px;
  transform: rotate(-90.00deg);
}

.mobile .icon-2 {
  position: absolute;
  width: 83.33%;
  height: 83.33%;
  top: 8.88%;
  left: 7.78%;
  transform: rotate(90.00deg);
}

.mobile .text-wrapper-94 {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 330px;
  height: 18px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .group-25 {
  position: relative;
  width: 424px;
  height: 84.14px;
  margin-right: -2.00px;
}

.mobile .no-tus-archivos-se-2 {
  position: absolute;
  top: 29px;
  left: 32px;
  width: 390px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .group-26 {
  top: 1px;
  left: 0;
  width: 364px;
  height: 20px;
  position: absolute;
  display: flex;
  gap: 12px;
}

.mobile .arrow-down-circle-5 {
  margin-top: 0.1px;
  width: 20px;
  height: 20px;
  margin-left: 0;
}

.mobile .text-wrapper-95 {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 330px;
  height: 18px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 18px;
}

.mobile .group-27 {
  position: relative;
  width: 424px;
  height: 92.86px;
  margin-right: -2.00px;
}

.mobile .group-28 {
  top: 0;
  left: 0;
  width: 424px;
  height: 38px;
  position: absolute;
  display: flex;
  gap: 12px;
}

.mobile .arrow-down-circle-6 {
  margin-top: 9.0px;
  width: 20px;
  height: 20px;
  margin-left: 0;
}

.mobile .group-29 {
  position: relative;
  width: 424px;
  height: 93px;
  margin-right: -2.00px;
}

.mobile .text-wrapper-96 {
  position: absolute;
  top: 38px;
  left: 32px;
  width: 388px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 14px;
}

.mobile .image-6 {
  position: fixed;
  width: 298px;
  height: 224px;
  margin-right: -8.00px;
  aspect-ratio: 1.33;
  display: block;
  opacity: 0;
  filter: blur(10px);
  animation: bp2-animate-enter12-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.mobile .container-wrapper {
  display: inline-flex;
  flex-direction: column;
	width: 100%;
  height: 338px;
  align-items: baseline;
  gap: 96px;
  padding: 0px 32px 96px;
  position: relative;
  background-color: #000000;
  overflow: hidden;
}

.mobile .container-2 {
  display: flex;
  width: 736px;
  height: 865px;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  padding: 64px 0px;
  position: relative;
  margin-bottom: -96.00px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #0000001a;
}

.mobile .content-15 {
  display: flex;
  width: 147px;
  align-items: flex-start;
  gap: 40px;
  flex-direction: column;
  position: relative;
}

.mobile .rectangle-15 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 31px;
  object-fit: cover;
}

.mobile .somos-una-empresa-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 10px;
  letter-spacing: 0.10px;
  line-height: 12px;
}

.mobile .nav-2 {
  display: flex;
  width: 568px;
  align-items: flex-start;
  gap: 15px;
  position: relative;
}

.mobile .column-6 {
  display: flex;
  flex-direction: column;
  width: 92px;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  position: relative;
}

.mobile .text-wrapper-97 {
  position: relative;
  width: 130px;
  height: 19px;
  margin-top: -1.00px;
  margin-right: -38.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .text-wrapper-98 {
  position: relative;
  width: 130px;
  height: 15px;
  margin-right: -38.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 10px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .column-7 {
  display: flex;
  flex-direction: column;
  width: 165px;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  position: relative;
}

.mobile .text-wrapper-99 {
  position: relative;
  width: 165px;
  height: 19px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .calle-c-a {
  position: relative;
  width: 134px;
  height: 36px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 10px;
  letter-spacing: 0.10px;
  line-height: 12px;
}

.mobile .text-wrapper-100 {
  position: relative;
  width: 134px;
  height: 23px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 10px;
  letter-spacing: 0.10px;
  line-height: 12px;
}

.mobile .text-wrapper-101 {
  position: relative;
  width: 134px;
  height: 15px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 10px;
  letter-spacing: 0.10px;
  line-height: 12px;
}

.mobile .column-8 {
  display: flex;
  flex-direction: column;
  width: 261px;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  position: relative;
}

.mobile .group-30 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 180px;
  margin-right: -6.00px;
}

.mobile .text-wrapper-102 {
  position: absolute;
  top: 58px;
  left: 13px;
  width: 186px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 10px;
  letter-spacing: 0.10px;
  line-height: 12px;
}

.mobile .input {
  position: absolute;
  top: 116px;
  left: 44px;
  width: 125px;
  height: 13px;
  background-color: transparent;
  opacity: 0.6;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 10px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
  border: 0;
  padding: 0;
}

.mobile .input::placeholder {
  color: #d9d9d999;
}

.mobile .text-wrapper-103 {
  position: absolute;
  top: 26px;
  left: 14px;
  width: 231px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .rectangle-16 {
  position: absolute;
  top: 0;
  left: 0;
  width: 261px;
  height: 180px;
}

.mobile .rectangle-17 {
  position: absolute;
  top: 108px;
  left: 13px;
  width: 184px;
  height: 33px;
  border-radius: 15px;
  border: 1px solid;
  border-color: #ffed00;
}

.mobile .group-31 {
  top: 108px;
  left: 179px;
  width: 67px;
  height: 33px;
  position: absolute;
}

.mobile .rectangle-18 {
  position: absolute;
  top: 0;
  left: 0;
  width: 65px;
  height: 33px;
  background-color: #ffed00;
  border-radius: 5px;
}

.mobile .text-wrapper-104 {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 65px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .mail-2 {
  top: 115px;
  left: 22px;
  position: absolute;
  width: 15px;
  height: 15px;
}

.mobile .phone-call {
  position: absolute;
  top: 4780px;
  left: 310px;
  width: 20px;
  height: 20px;
}

.mobile .mail-3 {
  top: 4748px;
  left: 310px;
  position: absolute;
  width: 20px;
  height: 20px;
}

.mobile .map-pin {
  position: absolute;
  top: 4710px;
  left: 310px;
  width: 20px;
  height: 20px;
}

.mobile .text-wrapper-105 {
  position: absolute;
  top: 4905px;
  left: -221px;
  width: 1242px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .elementos-graficos-11 {
  position: absolute;
  top: 274px;
  left: 1113px;
  width: 127px;
  height: 15px;
  aspect-ratio: 8.47;
}

.mobile .elementos-graficos-12 {
  position: absolute;
  top: 626px;
  left: 674px;
  width: 127px;
  height: 15px;
  aspect-ratio: 8.47;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
  animation: bp2-animate-enter13-frames 0.20s ease-in-out 0.00s 1 normal
    forwards;
}

.mobile .elementos-graficos-13 {
  position: fixed;
  top: 3112px;
  left: 0;
  width: 342px;
  height: 14px;
  aspect-ratio: 24.43;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
  animation: bp2-animate-enter14-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .line-15 {
  position: fixed;
  top: 7646px;
  left: 176px;
  width: 448px;
  height: 1px;
}

.mobile.laptop {
  display: flex;
  flex-direction: column;
  min-width: 1280px;
  min-height: 100vh; /* Ajustado para que el contenido ocupe al menos el 100% de la altura de la ventana */
  height: auto; /* Eliminado el height fijo */
  align-items: center;
  position: relative;
  overflow-x: clip;
  background: linear-gradient(
    180deg,
    rgba(45, 47, 89, 1) 0%,
    rgba(0, 0, 128, 1) 100%
  );
}

@keyframes bp3-animate-enter-frames {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

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

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

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

@keyframes bp3-animate-enter6-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

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

@keyframes bp3-animate-enter8-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes bp3-animate-enter9-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes bp3-animate-enter10-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

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

@keyframes bp3-animate-enter12-frames {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes bp3-animate-enter13-frames {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

@keyframes bp3-animate-enter15-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bp3-animate-enter17-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

.mobile .group-32 {
  position: relative;
  width: 850px;
  height: 50px;
  margin-left: -105.00px;
  margin-right: -105.00px;
}

.mobile .menu-3 {
  display: flex;
  width: 850px;
  height: 50px;
  align-items: center;
  justify-content: space-around;
  gap: 120px;
  padding: 8px 20px;
  position: relative;
  background-color: #ffffff;
  border-radius: 15px;
  backdrop-filter: blur(35px) brightness(100%);
  -webkit-backdrop-filter: blur(35px) brightness(100%);
}

.mobile .buttons-6 {
  width: 811px;
  justify-content: space-between;
  padding: 0px 50px;
  margin-right: -1.00px;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .text-wrapper-106 {
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #2d2f59;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .primary-button-2 {
  display: inline-flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 871px;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid;
  border-color: #ffed00;
}

.mobile .text-wrapper-107 {
  position: relative;
  width: fit-content;
  color: #ffffff;
  font-size: 14px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .hero-10 {
  display: flex;
  width: 1200px;
  height: 439px;
  align-items: center;
  justify-content: center;
  gap: 64px;
  padding: 98px 64px 0px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .content-16 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  padding: 40px 0px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .text-6 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .text-wrapper-108 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #30ceff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 45px;
  text-align: left;
}

.mobile .text-wrapper-109 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 35px;
  letter-spacing: 0.10px;
  line-height: 45px;
  text-align: left;
}

.mobile .buttons-7 {
  flex-wrap: wrap;
  gap: 16px 16px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .secondary-button-7 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .group-33 {
  width: 150px;
  transition: all 0.5s ease;
  position: relative;
  height: 50px;
}

.mobile .group-33:hover {
  transform: scale(0.9);
}

.mobile .text-wrapper-110 {
  position: absolute;
  top: 9px;
  left: 3px;
  width: 142px;
  height: 32px;
  color: #000000;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .text-wrapper-111 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 138px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.10px;
  line-height: 45px;
}

.mobile .image-container-2 {
  flex-direction: column;
  width: 594px;
  height: 436px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 64px 0px;
  position: relative;
  transition: all 0.5s ease;
  opacity: 0;
  transform: scale(1.1);
  animation: bp3-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

.mobile .image-container-2:hover {
  transform: scale(1.1);
}

.mobile .rectangle-19 {
  position: relative;
  width: 599px;
  height: 413px;
  margin-top: -52.50px;
  margin-bottom: -52.50px;
  margin-left: -2.50px;
  margin-right: -2.50px;
  object-fit: cover;
}

.mobile .hero-11 {
  display: flex;
  width: 1200px;
  height: 334px;
  align-items: center;
  justify-content: center;
  gap: 64px;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .iframe-wrapper {
  position: relative;
  width: 563px;
  height: 309px;
  margin-left: -54.50px;
}

.mobile .embed-2 {
  border: 0;
  pointer-events: auto;
  position: relative;
  width: 533px;
  height: 300px;
  top: 4px;
  left: 15px;
}

.mobile .content-17 {
  width: 554px;
	margin-bottom: 10px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 50px;
  padding: 40px 0px;
  margin-right: -54.50px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .text-7 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  flex: 0 0 auto;
  opacity: 0;
  transform: translate(25px, 0);
  animation: bp3-animate-enter2-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .m-s-que-una-3 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 25px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 30px;
  opacity: 0;
  transform: translate(25px, 0);
  animation: bp3-animate-enter1-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

.mobile .text-wrapper-112 {
  font-weight: 900;
  letter-spacing: 0.03px;
}

.mobile .text-wrapper-113 {
  letter-spacing: 0.03px;
}

.mobile .nuestra-herramienta-2 {
  position: relative;
  display: block;
  width: 100%;
	padding: 20px 0px 20px;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #0000008c;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
  text-align: left;
}

.mobile .text-wrapper-114 {
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.02px;
}

.mobile .text-wrapper-115 {
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.02px;
}

.mobile .text-wrapper-116 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
	padding: 10px 0px 0px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffed00;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 20px;
}

/* Base styles for .elementos-graficos */
.mobile .elementos-graficos {
  position: absolute;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
  object-fit: cover;
}

/* Laptop specific styles for .elementos-graficos */
@media (min-width: 1280px) and (max-width: 1399px) {
  .mobile.laptop .elementos-graficos {
    top: 274px;
    left: 1113px;
    width: 127px;
    height: 15px;
    aspect-ratio: 8.47;
    animation: bp3-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  }
}

.mobile .feature-cards-5 {
  width: 1200px;
	height: 300px;
  align-items: center;
	padding-top: 20px;
  justify-content: center;
  gap: 75px;
  position: relative;
  flex: 0 0 auto;
  opacity: 0;
  animation: bp3-animate-enter4-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: row-reverse;
  display: flex;
}

.mobile .card-8 {
  display: flex;
  flex-direction: column;
  width: 362.67px;
  align-items: center;
  position: relative;
  margin-left: -40.00px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-8:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .image-7 {
  position: relative;
  width: 120.8px;
  height: 80px;
  aspect-ratio: 1.51;
}

.mobile .text-wrapper-117 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-118 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .card-9 {
  display: flex;
  flex-direction: column;
  width: 362.67px;
  align-items: center;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-9:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .card-10 {
  margin-right: -40.00px;
  display: flex;
  flex-direction: column;
  width: 362.67px;
  align-items: center;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 
    0px 10px 30px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    0px 3px 8px rgba(0, 0, 0, 0.15),
    inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

.mobile .card-10:hover {
  transform: translateY(-8px);
  box-shadow: 
    0px 20px 50px rgba(0, 0, 0, 0.4),
    0px 12px 25px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.2),
    inset 0px 1px 0px rgba(255, 255, 255, 0.15),
    0px 0px 0px 1px rgba(48, 206, 255, 0.3);
  border-color: rgba(48, 206, 255, 0.3);
}

.mobile .feature-cards-6 {
  width: 1200px;
  height: 319px;
	padding: 0px 50px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 0px 64px;
  position: relative;
  opacity: 0;
  animation: bp3-animate-enter5-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: row;
  display: flex;
}

.mobile .hero-12 {
  display: flex;
  width: 1200px;
  height: 628px;
  align-items: flex;
  justify-content: flex-start;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .elementos-graficos-15 {
  top: 190px;
  left: -551px;
  width: 388px;
  aspect-ratio: 25.87;
  object-fit: cover;
  position: absolute;
  height: 15px;
}

.mobile .column-9 {
  width: 544px;
  justify-content: flex-end;
  padding: 50px 0px 24px 24px;
  opacity: 0;
  filter: blur(10px);
  animation: bp3-animate-enter6-frames 0.20s ease-in-out 2.00s 1 normal forwards;
  flex-direction: column;
  height: 625px;
  align-items: center;
  gap: 24px;
  position: relative;
}

.mobile .column-10 {
  display: flex;
  padding: 0px 24px 0px;
  align-self: stretch;
  width: 600px;
  margin-top: -74.00px;
  flex-direction: column;
  height: 625px;
  align-items: left;
  gap: 24px;
  position: relative;
}

.mobile .paso-calculadora-8 {
  position: relative;
  width: 669px;
  height: 651px;
  margin-left: -100px;
  margin-right: 50px;
  aspect-ratio: 1.15;
}

.mobile .content-18 {
  width: 510px;
  height: 311px;
  align-items: flex-start;
  gap: 10px;
  padding: 40px 0px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .text-8 {
  display: flex;
  height: 78px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .text-wrapper-119 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffed00;
  font-size: 35px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .secondary-button-8 {
  display: flex;
  width: 198px;
  margin-top: -11.00px;
  margin-bottom: -11.00px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .group-34 {
  width: 51px;
  margin-left: -14.50px;
  position: relative;
  height: 50px;
}

.mobile .rectangle-20 {
  width: 49px;
  border-radius: 30px;
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  background-color: #ffed00;
}

.mobile .text-wrapper-120 {
  position: absolute;
  top: 9px;
  left: 0;
  width: 49px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .text-wrapper-121 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 138px;
  margin-right: -14.50px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .selecciona-el {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
	margin-left: 60px;
  width: 392px;
  margin-bottom: -18.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .elementos-graficos-16 {
  position: absolute;
  top: 180px;
  left: 19px;
  width: 15px;
  height: 2100px;
  aspect-ratio: 0.01;
  object-fit: cover;
}

.mobile .elementos-graficos-17 {
  top: 50px;
  left: 956px;
  width: 285px;
  aspect-ratio: 19;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
  animation: bp3-animate-enter7-frames 0.20s ease-in-out 2.00s 1 normal forwards;
  position: absolute;
  height: 15px;
}

.mobile .hero-13 {
  display: flex;
  width: 1200px;
  height: 653px;
	margin-right: 30px;
  align-items: center;
  justify-content: center;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .content-19 {
  width: 684px;
  height: 311px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 0px;
  margin-left: -78.00px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .secondary-button-9 {
  display: flex;
  width: 238px;
  margin-top: -11.00px;
  margin-bottom: -11.00px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .text-wrapper-122 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 181px;
  margin-left: -16.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .group-35 {
  width: 51px;
  margin-right: -18.00px;
  position: relative;
  height: 50px;
}

.mobile .text-wrapper-123 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 549px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .column-11 {
  width: 544px;
  justify-content: center;
  padding: 50px 0px 24px 24px;
  margin-right: -78.00px;
  opacity: 0;
  filter: blur(10px);
  animation: bp3-animate-enter8-frames 0.20s ease-in-out 2.00s 1 normal forwards;
  flex-direction: column;
  height: 625px;
  align-items: center;
  gap: 24px;
  position: relative;
}

.mobile .paso-calculadora-9 {
  width: 535.32px;
  height: 711.54px;
  margin-top: -80.27px;
  margin-bottom: -80.27px;
  margin-left: -7.66px;
  margin-right: -7.66px;
  aspect-ratio: 1.33;
  position: relative;
  object-fit: cover;
}

.mobile .hero-14 {
  display: flex;
  width: 1200px;
  height: 681px;
  align-items: center;
  justify-content: center;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .paso-calculadora-10 {
  position: relative;
  width: 547.98px;
  height: 669.39px;
  aspect-ratio: 1.22;
  display: block;
  opacity: 0;
  filter: blur(10px);
  animation: bp3-animate-enter9-frames 0.20s ease-in-out 2.00s 1 normal forwards;
}

.mobile .buttons-8 {
  flex-wrap: wrap;
  width: 419px;
  height: 52px;
  gap: 16px 16px;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .group-36 {
  width: 51px;
  margin-left: -30.50px;
  position: relative;
  height: 50px;
}

.mobile .text-wrapper-124 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  margin-left: -3.50px;
  margin-right: -60.50px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .el-sistema-calcula {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
	margin-left: 40px;
  width: 406px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .hero-15 {
  display: flex;
  width: 1200px;
  height: 741px;
  align-items: center;
  justify-content: center;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .content-20 {
  width: 660px;
  height: 311px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 0px;
  margin-left: -65.00px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .secondary-button-10 {
  display: flex;
  width: 292px;
  margin-top: -11.00px;
  margin-bottom: -11.00px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .text-wrapper-125 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  margin-left: -13.50px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .group-37 {
  width: 51px;
  margin-right: -15.50px;
  position: relative;
  height: 50px;
}

.mobile .column-12 {
  width: 522px;
  justify-content: center;
  padding: 50px 0px 24px 24px;
  margin-right: -55.00px;
  opacity: 0;
  filter: blur(10px);
  animation: bp3-animate-enter10-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
  flex-direction: column;
  height: 625px;
  align-items: center;
  gap: 24px;
  position: relative;
}

.mobile .paso-calculadora-11 {
  width: 337.98px;
  height: 600.27px;
  margin-top: -24.64px;
  margin-bottom: -24.64px;
  aspect-ratio: 1.78;
  position: relative;
  object-fit: cover;
}

.mobile .feature-4 {
  display: flex;
  flex-direction: column;
  width: 1200px;
  height: 801px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mobile .row-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 64px;
  padding: 40px 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .content-21 {
  align-items: center;
  justify-content: flex-end;
  gap: 48px;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .text-9 {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .text-wrapper-126 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 35px;
  letter-spacing: 0.10px;
  line-height: 40px;
}

.mobile .escoge-el-plan-que-3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .elementos-graficos-18 {
  position: absolute;
  top: 93px;
  left: -104px;
  width: 400px;
  aspect-ratio: 24.43;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
  animation: bp3-animate-enter11-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .rectangle-21 {
  position: relative;
  width: 361px;
  height: 378px;
  margin-left: -58.50px;
  margin-right: -58.50px;
}

.mobile .group-38 {
  position: relative;
  width: 372px;
  height: 693px;
  opacity: 0;
  transform: scale(0.9);
  animation: bp3-animate-enter12-frames 0.80s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .rectangle-22 {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 693px;
  background-color: #ffed00;
  border-radius: 20px;
}

.mobile .text-wrapper-127 {
  position: absolute;
  top: 27px;
  left: 0;
  width: 350px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-128 {
  position: absolute;
  top: 155px;
  left: 0;
  width: 350px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-129 {
  position: absolute;
  top: 201px;
  left: 68px;
  width: 262px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-130 {
  position: absolute;
  top: 251px;
  left: 68px;
  width: 262px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-131 {
  left: 68px;
  width: 262px;
  color: #000000;
  position: absolute;
  top: 301px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-132 {
  left: 68px;
  width: 262px;
  color: #000000;
  line-height: 25px;
  position: absolute;
  top: 351px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-133 {
  left: 68px;
  width: 262px;
  opacity: 0.3;
  color: #000000;
  line-height: 25px;
  position: absolute;
  top: 401px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-134 {
  left: 68px;
  width: 262px;
  opacity: 0.3;
  color: #000000;
  line-height: 25px;
  position: absolute;
  top: 451px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-135 {
  left: 68px;
  width: 262px;
  opacity: 0.3;
  color: #000000;
  line-height: 25px;
  position: absolute;
  top: 501px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-136 {
  left: 68px;
  width: 262px;
  opacity: 0.3;
  color: #000000;
  line-height: 25px;
  position: absolute;
  top: 551px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-137 {
  color: #000000;
  position: absolute;
  top: 83px;
  left: 0;
  width: 350px;
  height: 61px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  font-size: 70px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .line-16 {
  position: absolute;
  top: 245px;
  left: 9px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-17 {
  position: absolute;
  top: 295px;
  left: 9px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-18 {
  position: absolute;
  top: 345px;
  left: 9px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-19 {
  position: absolute;
  top: 395px;
  left: 9px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-20 {
  position: absolute;
  top: 445px;
  left: 9px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-21 {
  position: absolute;
  top: 495px;
  left: 9px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-22 {
  position: absolute;
  top: 545px;
  left: 9px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .check-13 {
  top: 210px;
  left: 24px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-14 {
  top: 260px;
  left: 24px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-15 {
  top: 310px;
  left: 24px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-16 {
  top: 360px;
  left: 24px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .lock-5 {
  top: 410px;
  position: absolute;
  left: 23px;
  width: 20px;
  height: 20px;
}

.mobile .lock-6 {
  top: 510px;
  position: absolute;
  left: 23px;
  width: 20px;
  height: 20px;
}

.mobile .lock-7 {
  top: 460px;
  position: absolute;
  left: 23px;
  width: 20px;
  height: 20px;
}

.mobile .lock-8 {
  top: 560px;
  position: absolute;
  left: 23px;
  width: 20px;
  height: 20px;
}

.mobile .group-39 {
  position: absolute;
  top: 616px;
  left: 95px;
  width: 150px;
  height: 50px;
  transition: all 0.5s ease;
}

.mobile .group-39:hover {
  transform: scale(0.9);
}

.mobile .rectangle-23 {
  position: absolute;
  top: 0;
  left: 0;
  width: 148px;
  height: 50px;
  border-radius: 15px;
  border: 2px solid;
  border-color: #0b1d51;
}

.mobile .text-wrapper-138 {
  color: #0b1d51;
  position: absolute;
  top: 9px;
  left: 3px;
  width: 142px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .group-40 {
  position: relative;
  width: 372px;
  height: 693px;
  margin-right: -22.00px;
  opacity: 0;
  transform: scale(0.9);
  animation: bp3-animate-enter13-frames 0.80s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .rectangle-24 {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 693px;
  background-color: #000000;
  border-radius: 20px;
}

.mobile .text-wrapper-139 {
  color: #ffffff;
  position: absolute;
  top: 83px;
  left: 0;
  width: 350px;
  height: 61px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  font-size: 70px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-140 {
  position: absolute;
  top: 27px;
  left: 0;
  width: 350px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-141 {
  position: absolute;
  top: 155px;
  left: 0;
  width: 350px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-142 {
  position: absolute;
  top: 201px;
  left: 73px;
  width: 262px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-143 {
  position: absolute;
  top: 251px;
  left: 73px;
  width: 257px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .text-wrapper-144 {
  left: 73px;
  width: 257px;
  color: #ffffff;
  position: absolute;
  top: 301px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .text-wrapper-145 {
  left: 73px;
  width: 257px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 351px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-146 {
  left: 73px;
  width: 257px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 401px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-147 {
  left: 73px;
  width: 257px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 451px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-148 {
  left: 73px;
  width: 257px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 501px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .text-wrapper-149 {
  left: 73px;
  width: 257px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  top: 551px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.10px;
}

.mobile .line-23 {
  position: absolute;
  top: 245px;
  left: 14px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-24 {
  position: absolute;
  top: 295px;
  left: 14px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-25 {
  position: absolute;
  top: 345px;
  left: 14px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-26 {
  position: absolute;
  top: 395px;
  left: 14px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-27 {
  position: absolute;
  top: 445px;
  left: 14px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-28 {
  position: absolute;
  top: 495px;
  left: 14px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .line-29 {
  position: absolute;
  top: 545px;
  left: 14px;
  width: 321px;
  height: 1px;
  object-fit: cover;
}

.mobile .check-17 {
  top: 210px;
  left: 27px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-18 {
  top: 260px;
  left: 27px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-19 {
  top: 310px;
  left: 27px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-20 {
  top: 360px;
  left: 27px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-21 {
  top: 410px;
  left: 27px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-22 {
  top: 460px;
  left: 27px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-23 {
  top: 510px;
  left: 27px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .check-24 {
  top: 560px;
  left: 27px;
  position: absolute;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.mobile .group-41 {
  position: absolute;
  width: 148px;
  height: 50px;
  top: 616px;
  left: 101px;
  display: flex;
  transition: all 0.5s ease;
}

.mobile .group-41:hover {
  transform: scale(0.9);
}

.mobile .rectangle-25 {
  position: absolute;
  top: 0;
  left: 0;
  width: 148px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 15px;
}

.mobile .marquee-5 {
  display: flex;
  width: 1200px;
  align-items: center;
  gap: 48px;
  padding: 48px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-150 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .elementos-graficos-19 {
  position: relative;
  width: 569px;
  height: 14.34px;
  margin-right: -40.00px;
  aspect-ratio: 39.68;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
  animation: bp3-animate-enter14-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .laptop .testimonial-slider-container {
  width: 1200px;
  height: 299px;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 64px;
}

.mobile .laptop .slides-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  height: 100%;
}

.mobile .laptop .slide {
  min-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
  text-align: center;
}

.mobile .laptop .slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  color: #000;
  font-size: 24px;
  cursor: pointer;
  padding: 10px;
  z-index: 10;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile .laptop .slider-nav.prev {
  left: 10px;
}

.mobile .laptop .slider-nav.next {
  right: 10px;
}

.mobile .laptop .slider-pagination {
  position: absolute;
  bottom: 10px;
  display: flex;
  gap: 5px;
}

.mobile .laptop .slider-pagination .dot {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

.mobile .laptop .slider-pagination .dot.active {
  background-color: #ffffff;
}

.mobile .laptop .testimonial-line {
  position: relative;
  width: 600px; /* Ajusta el ancho según sea necesario */
  height: 15px; /* Ajusta la altura según sea necesario */
  margin-top: 10px;
  margin-bottom: 10px;
  object-fit: cover;
}

.mobile .text-wrapper-151 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 600px;
  margin-top: -80.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  font-style: italic;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .author-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -78.50px;
}

.mobile .name-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-152 {
  position: relative;
  width: 186px;
  height: 39px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
}

.mobile .text-wrapper-153 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 25px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
}

.mobile .laptop .testimonial-slider-container .elementos-graficos-20 {
  top: 72px;
  right: -60px;
  width: 89px;
  height: 277px;
  aspect-ratio: 0.32;
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  z-index: 1;
  display: block;
}

.mobile .laptop .testimonial-slider-container .elementos-graficos-21 {
  top: 11px;
  left: 180px;
  width: 89px;
  height: 277px;
  aspect-ratio: 0.32;
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  z-index: 1;
  display: block;
}

.mobile .laptop .testimonial-slider-container .elementos-graficos-22 {
  top: 158px;
  left: 300px;
  width: 600px;
  height: 15px;
  aspect-ratio: 40;
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  z-index: 1;
  display: block;
}

.mobile .marquee-6 {
  justify-content: center;
  display: flex;
  width: 1200px;
  align-items: center;
  gap: 48px;
  padding: 48px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-154 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffed00;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .feature-5 {
  display: flex;
  width: 1200px;
  height: 583px;
  align-items: center;
  gap: 20px;
  padding: 120px 25px;
  position: relative;
}

.mobile .content-22 {
  width: 530px;
  height: 565px;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  margin-top: -111.00px;
  margin-bottom: -111.00px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .text-10 {
  display: flex;
  height: 566px;
  align-items: flex-start;
  margin-top: -0.50px;
  margin-bottom: -0.50px;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .group-42 {
  position: relative;
  width: 523px;
  height: 139.73px;
}

.mobile .text-wrapper-155 {
  position: absolute;
  top: 42px;
  left: 39px;
  width: 482px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .group-43 {
  top: 0;
  width: 516px;
  height: 38px;
  position: absolute;
  left: 0;
  display: flex;
  gap: 14px;
}

.mobile .arrow-down-circle-7 {
  margin-top: 8.8px;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .text-wrapper-156 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 475px;
  height: 38px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .group-44 {
  position: relative;
  width: 523px;
  height: 136.77px;
}

.mobile .no-tus-archivos-se-3 {
  position: absolute;
  top: 39px;
  left: 39px;
  width: 482px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .group-45 {
  top: 1px;
  width: 469px;
  height: 31px;
  position: absolute;
  left: 0;
  display: flex;
  gap: 14px;
}

.mobile .arrow-down-circle-8 {
  margin-top: 6.2px;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .text-wrapper-157 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 428px;
  height: 25px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .group-46 {
  position: relative;
  width: 523px;
  height: 140.23px;
}

.mobile .arrow-down-circle-9 {
  margin-top: 9.4px;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .group-47 {
  position: relative;
  width: 523px;
  height: 149.77px;
  margin-bottom: -0.50px;
}

.mobile .text-wrapper-158 {
  position: absolute;
  top: 63px;
  left: 39px;
  width: 482px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .group-48 {
  top: 0;
  width: 516px;
  height: 71px;
  position: absolute;
  left: 0;
  display: flex;
  gap: 14px;
}

.mobile .arrow-down-circle-10 {
  margin-top: 9.2px;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .text-wrapper-159 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 475px;
  height: 71px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .image-8 {
  position: fixed;
  width: 582px;
  height: 476.47px;
  margin-top: -66.73px;
  margin-bottom: -66.73px;
  aspect-ratio: 1.22;
  display: block;
  opacity: 0;
  filter: blur(10px);
  animation: bp3-animate-enter17-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.mobile .footer-2 {
  display: inline-flex;
	width: 100%;
  height: 419px;
  align-items: flex-start;
  justify-content: center;
  gap: 96px;
  padding: 0px 64px 120px;
  position: relative;
  margin-left: -24.00px;
  margin-right: -24.00px;
  background-color: #000000;
}

.mobile .phone-call-2 {
  position: absolute;
  top: 181px;
  left: 600px;
  width: 20px;
  height: 20px;
}

.mobile .mail-4 {
  position: absolute;
  top: 150px;
  left: 600px;
  width: 20px;
  height: 20px;
}

.mobile .map-pin-2 {
  position: absolute;
  top: 110px;
  left: 600px;
  width: 20px;
  height: 20px;
}

.mobile .text-wrapper-160 {
  position: absolute;
  top: 369px;
  left: 43px;
  width: 1242px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .container-3 {
  display: flex;
  width: 1200px;
  height: 419px;
  align-items: flex-start;
  justify-content: center;
  gap: 50px;
  padding: 80px 0px;
  position: relative;
  margin-bottom: -120.00px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #0000001a;
}

.mobile .content-23 {
  width: 230px;
  align-items: flex-start;
  gap: 56px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .rectangle-26 {
  position: relative;
  width: 224px;
  height: 55px;
  object-fit: cover;
}

.mobile .somos-una-empresa-3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 203px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .nav-3 {
  display: inline-flex;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .column-13 {
  display: flex;
  flex-direction: column;
  width: 130px;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  position: relative;
}

.mobile .text-wrapper-161 {
  position: relative;
  width: 130px;
  height: 19px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .text-wrapper-162 {
  position: relative;
  width: 130px;
  height: 15px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .column-14 {
  display: flex;
  flex-direction: column;
  width: 206px;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  position: relative;
}

.mobile .text-wrapper-163 {
  position: relative;
  width: 206px;
  height: 19px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .calle-2 {
  position: relative;
  width: 173px;
  height: 36px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .text-wrapper-164 {
  position: relative;
  width: 173px;
  height: 23px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .text-wrapper-165 {
  position: relative;
  width: 173px;
  height: 15px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .column-15 {
  display: flex;
  flex-direction: column;
  width: 370px;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  position: relative;
}

.mobile .group-49 {
  position: relative;
  width: 376px;
  height: 180px;
  margin-right: -6.00px;
}

.mobile .text-wrapper-166 {
  position: absolute;
  top: 58px;
  left: 19px;
  width: 264px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .correo-electrnico-2 {
  position: absolute;
  top: 124px;
  left: 56px;
  width: 124px;
  height: 13px;
  background-color: transparent;
  opacity: 0.6;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
  border: 0;
  padding: 0;
}

.mobile .correo-electrnico-2::placeholder {
  color: #d9d9d999;
}

.mobile .text-wrapper-167 {
  position: absolute;
  top: 26px;
  left: 19px;
  width: 221px;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .rectangle-27 {
  position: absolute;
  top: 0;
  left: 0;
  width: 370px;
  height: 180px;
}

.mobile .rectangle-28 {
  position: absolute;
  top: 108px;
  left: 19px;
  width: 267px;
  height: 50px;
  border-radius: 15px;
  border: 1px solid;
  border-color: #ffed00;
}

.mobile .group-50 {
  position: absolute;
  width: 94px;
  height: 50px;
  top: 108px;
  left: 259px;
  display: flex;
}

.mobile .group-51 {
  width: 96px;
  height: 50px;
  position: relative;
}

.mobile .rectangle-29 {
  position: absolute;
  top: 0;
  left: 0;
  width: 94px;
  height: 50px;
  background-color: #ffed00;
  border-radius: 15px;
}

.mobile .text-wrapper-168 {
  position: absolute;
  top: 9px;
  left: 0;
  width: 94px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .mail-5 {
  position: absolute;
  top: 121px;
  left: 27px;
  width: 24px;
  height: 24px;
}

.mobile .group-52 {
  position: fixed;
  width: 25px;
  height: 310px;
  top: 144px;
  right: 40px;
  left: auto;
  z-index: 100;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.mobile .group-52.hidden {
  opacity: 0;
  transform: translateX(100px);
  pointer-events: none;
}

.mobile .group-53 {
  width: 27px;
  height: 310px;
  display: flex;
  flex-direction: column;
}

.mobile .rectangle-30 {
  width: 25px;
  height: 25px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.mobile .rectangle-30:hover {
  transform: scale(1.1);
}

.mobile .rectangle-31 {
  width: 25px;
  height: 25px;
  margin-top: 12px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.mobile .rectangle-31:hover {
  transform: scale(1.1);
}

.mobile .rectangle-32 {
  width: 25px;
  height: 25px;
  margin-top: 14px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.mobile .rectangle-32:hover {
  transform: scale(1.1);
}

.mobile .text-wrapper-169 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -67.5px;
  width: 160px;
  height: 25px;
  margin-top: 85.5px;
  transform: rotate(-90deg);
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}

.mobile .text-wrapper-169:hover {
  color: #ffed00;
}

.mobile .arrow-down {
  width: 25px;
  height: 25px;
  margin-top: 73.5px;
  aspect-ratio: 1;
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.mobile .arrow-down:hover {
  filter: brightness(1.2);
}

.mobile .arrow-down:active {
  transform: translateY(3px);
}

.mobile.desktop {
  display: flex;
  flex-direction: column;
  min-width: 1400px;
  min-height: 100vh; /* Ajustado para que el contenido ocupe al menos el 100% de la altura de la ventana */
  height: auto; /* Eliminado el height fijo */
  align-items: center;
  position: relative;
  overflow-x: clip;
  background: linear-gradient(
    180deg,
    rgba(45, 47, 89, 1) 0%,
    rgba(0, 0, 128, 1) 100%
  );
}

@keyframes bp4-animate-enter-frames {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

@keyframes bp4-animate-enter3-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

@keyframes bp4-animate-enter5-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

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

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

@keyframes bp4-animate-enter8-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes bp4-animate-enter9-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes bp4-animate-enter10-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

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

@keyframes bp4-animate-enter12-frames {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes bp4-animate-enter13-frames {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

@keyframes bp4-animate-enter15-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bp4-animate-enter16-frames {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: none;
  }
}

.mobile .group-54 {
  position: relative;
  width: 760px;
  height: 50px;
}

.mobile .menu-4 {
  display: flex;
  width: 760px;
  height: 50px;
  align-items: center;
  justify-content: space-around;
  gap: 120px;
  padding: 8px 20px;
  position: relative;
  background-color: #ffffff;
  border-radius: 15px;
  backdrop-filter: blur(35px) brightness(100%);
  -webkit-backdrop-filter: blur(35px) brightness(100%);
}

.mobile .buttons-9 {
  width: 720px;
  justify-content: space-between;
  padding: 0px 50px;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .primary-button-3 {
  display: inline-flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 779px;
  border-radius: 15px;
  overflow: hidden;
  border: 3px solid;
  border-color: #ffed00;
}

.mobile .hero-16 {
  display: flex;
  width: 1400px;
  height: 439px;
  align-items: center;
  justify-content: center;
  gap: 64px;
  padding: 98px 64px 0px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .image-container-3 {
  flex-direction: column;
  width: 594px;
  height: 436px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 64px 0px;
  position: relative;
  transition: all 0.5s ease;
  opacity: 0;
  transform: scale(1.1);
  animation: bp4-animate-enter-frames 0.20s ease-in-out 2.00s 1 normal forwards;
}

.mobile .image-container-3:hover {
  transform: scale(1.1);
}

.mobile .hero-17 {
  display: flex;
  width: 1400px;
  height: 353px;
  align-items: center;
  justify-content: center;
  gap: 64px;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .image-container-4 {
  position: relative;
  width: 563px;
  height: 308px;
  margin-left: -41.00px;
}

.mobile .embed-3 {
  border: 0;
  pointer-events: auto;
  position: relative;
  width: 534px;
  height: 300px;
  top: 4px;
  left: 14px;
}

.mobile .content-24 {
  width: 727px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  padding: 40px 0px;
  margin-right: -41.00px;
  opacity: 0;
  transform: translate(25px, 0);
  animation: bp4-animate-enter2-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: column;
  position: relative;
}

.mobile .m-s-que-una-4 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 25px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 30px;
}

.mobile .text-wrapper-170 {
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 0.03px;
}

.mobile .text-wrapper-171 {
  color: #ffffff;
  letter-spacing: 0.03px;
}

/* Desktop specific styles for .elementos-graficos */
@media (min-width: 1400px) {
  .mobile .elementos-graficos {
  left: 500px;
  transform: translate(0, 0);
  display: block;
  opacity: 1;
  position: absolute;
  top: 190px;
  width: 265px;
  height: 10px;
  aspect-ratio: 5.33;
}
}


.mobile .feature-cards-7 {
  width: 1400px;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  padding: 60px 64px 50px;
  position: relative;
  flex: 0 0 auto;
  opacity: 0;
  animation: bp4-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: row-reverse;
  display: flex;
}

.mobile .feature-cards-8 {
  width: 1400px;
  height: 319px;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 0px 64px;
  position: relative;
  opacity: 0;
  animation: bp4-animate-enter4-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: row-reverse;
  display: flex;
}

.mobile .hero-18 {
  height: 662px;
  display: flex;
  width: 1400px;
  align-items: center;
  justify-content: center;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .column-16 {
  width: 544px;
  height: 649px;
  justify-content: flex-end;
  padding: 50px 0px 24px 24px;
  transition: all 0.5s ease;
  opacity: 0;
  filter: blur(10px);
  animation: bp4-animate-enter5-frames 0.20s ease-in-out 2.00s 1 normal forwards;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}

.mobile .column-16:hover {
  transform: scale(1.1);
}

.mobile .column-17 {
  display: flex;
  height: 625px;
  padding: 0px 0px 0px;
  align-self: stretch;
  width: 100%;
  margin-top: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  position: relative;
}

.mobile .paso-calculadora-12 {
  position: relative;
  width: 600px;
  height: 625px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  object-fit: contain;
}

.mobile .content-25 {
  width: 616px;
  height: 311px;
  align-items: flex-start;
  gap: 10px;
  padding: 40px 0px;
  opacity: 0;
  transform: translate(25px, 0);
  animation: bp4-animate-enter6-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  flex-direction: column;
  position: relative;
}

.mobile .buttons-10 {
  flex-wrap: wrap;
  height: 53px;
  gap: 16px 16px;
  align-self: stretch;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .secondary-button-11 {
  display: flex;
  width: 198px;
  margin-top: -10.50px;
  margin-bottom: -10.50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .text-wrapper-172 {
  position: absolute;
  top: 8px;
  left: 0;
  width: 49px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .text-wrapper-173 {
  position: relative;
	padding-left: 60px;
  display: flex;
  width: 498px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .elementos-graficos-24 {
  position: absolute;
  top: 180px;
  left: 20px;
  width: 14px;
  height: 1787px;
  aspect-ratio: 0.01;
  object-fit: cover;
}

.mobile .elementos-graficos-25 {
  position: absolute;
  top: 220px;
  left: 1021px;
  width: 20%;
  aspect-ratio: 19;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
  animation: bp4-animate-enter7-frames 0.20s ease-in-out 2.00s 1 normal forwards;
}

.mobile .hero-19 {
  height: 592px;
  display: flex;
  width: 1400px;
  align-items: center;
  justify-content: center;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .content-26 {
  display: flex;
  width: 599px;
  height: 311px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 0px;
  flex-direction: column;
  position: relative;
}

.mobile .buttons-11 {
  flex-wrap: wrap;
  height: 53px;
  justify-content: flex-end;
  gap: 16px 16px;
  align-self: stretch;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .secondary-button-12 {
  display: flex;
  width: 259px;
  margin-top: -10.50px;
  margin-bottom: -10.50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  border-radius: 12px;
}

.mobile .text-wrapper-174 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 181px;
  margin-left: -5.50px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .group-55 {
  width: 51px;
  margin-right: -7.50px;
  position: relative;
  height: 50px;
}

.mobile .configura-par-metros {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 464px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .column-18 {
  width: 544px;
  height: 649px;
  justify-content: center;
  padding: 50px 0px 24px 24px;
  margin-top: -28.50px;
  margin-bottom: -28.50px;
  transition: all 0.5s ease;
  opacity: 0;
  filter: blur(10px);
  animation: bp4-animate-enter8-frames 0.20s ease-in-out 2.00s 1 normal forwards;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}

.mobile .column-18:hover {
  transform: scale(1.1);
}

.mobile .paso-calculadora-13 {
  width: 535.32px;
  height: 711.54px;
  margin-top: -68.27px;
  margin-bottom: -68.27px;
  margin-left: -7.66px;
  margin-right: -7.66px;
  aspect-ratio: 1.33;
  position: relative;
  object-fit: cover;
}

.mobile .paso-calculadora-14 {
  position: relative;
  width: 547.98px;
  height: 669.39px;
  margin-top: -3.70px;
  margin-bottom: -3.70px;
  aspect-ratio: 1.22;
  transition: all 0.5s ease;
  display: block;
  opacity: 0;
  filter: blur(10px);
  animation: bp4-animate-enter9-frames 0.20s ease-in-out 2.00s 1 normal forwards;
}

.mobile .paso-calculadora-14:hover {
  transform: scale(1.1);
}

.mobile .content-27 {
  display: flex;
  width: 630px;
  height: 311px;
  align-items: center;
  gap: 10px;
  padding: 40px 0px;
  flex-direction: column;
  position: relative;
}

.mobile .buttons-12 {
  flex-wrap: wrap;
  width: 522px;
  height: 53px;
  gap: 16px 16px;
  display: flex;
  align-items: center;
  position: relative;
}

.mobile .hero-20 {
  height: 587px;
  gap: 73px;
  display: flex;
  width: 1400px;
  align-items: center;
  justify-content: center;
  padding: 0px 64px;
  position: relative;
  scroll-margin-top: 80px;
}

.mobile .text-wrapper-175 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  margin-left: -30.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .group-56 {
  width: 51px;
  margin-right: -32.00px;
  position: relative;
  height: 50px;
}

.mobile .obt-n-un-reporte {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 495px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .column-19 {
  width: 522px;
  height: 592px;
  justify-content: center;
  padding: 50px 0px 24px;
  margin-top: -2.50px;
  margin-bottom: -2.50px;
  transition: all 0.5s ease;
  opacity: 0;
  filter: blur(10px);
  animation: bp4-animate-enter10-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}

.mobile .column-19:hover {
  transform: scale(1.1);
}

.mobile .paso-calculadora-15 {
  width: 337.98px;
  height: 600.27px;
  margin-top: -41.14px;
  margin-bottom: -41.14px;
  aspect-ratio: 1.78;
  position: relative;
  object-fit: cover;
}

.mobile .feature-6 {
  display: flex;
  flex-direction: column;
  width: 1200px;
  height: 872px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mobile .content-28 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 48px;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
}

.mobile .rectangle-33 {
  position: relative;
  width: 1200px;
  height: 272px;

}

.mobile .elementos-graficos-26 {
  position: absolute;
  top: 98px;
	width: 800px;
  aspect-ratio: 28.8;
  opacity: 0;
  transform: translate(25px, 0);
  animation: bp4-animate-enter11-frames 0.20s ease-in-out 0.00s 1 normal
    forwards;
}

.mobile .group-57 {
  position: relative;
  width: 372px;
  height: 693px;
  opacity: 0;
  transform: scale(0.9);
  animation: bp4-animate-enter12-frames 0.80s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .group-58 {
  position: relative;
  width: 372px;
  height: 693px;
  margin-right: -22.00px;
  opacity: 0;
  transform: scale(0.9);
  animation: bp4-animate-enter13-frames 0.80s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .group-59 {
  position: absolute;
  top: 616px;
  left: 101px;
  width: 150px;
  height: 50px;
  transition: all 0.5s ease;
}

.mobile .group-59:hover {
  transform: scale(0.9);
}

.mobile .text-wrapper-176 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 645px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 35px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .elementos-graficos-27 {
  position: relative;
  width: 607px;
  height: 14.34px;
  margin-right: -100.00px;
  aspect-ratio: 42.33;
  object-fit: cover;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
  animation: bp4-animate-enter14-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
}

.mobile .desktop .testimonial-slider-container {
  width: 1800px;
	height: 600px;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 64px 80px;
}

.mobile .desktop .testimonial-slider-container .elementos-graficos-28 {

  width: 1200px;
  height: 600px;
  aspect-ratio: 0.32;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  display: flex;
}

.mobile .desktop .testimonial-slider-container .elementos-graficos-29 {

  width: 1200px;
  height: 600px;
  aspect-ratio: 0.32;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  display: flex;
}

.mobile .desktop .testimonial-slider-container .elementos-graficos-30 {
  width: 1200px;
  height: 600px;
  aspect-ratio: 0.32;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  display: flex;
}

.mobile .desktop .slides-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 1200px;
  height: 1000px;
}

.mobile .desktop .slide {
  width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
}

.mobile .desktop .slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  color: #000;
  font-size: 24px;
  cursor: pointer;
  padding: 10px;
  z-index: 10;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile .desktop .slider-nav.prev {
  left: 10px;
}

.mobile .desktop .slider-nav.next {
  right: 10px;
}

.mobile .desktop .slider-pagination {
  position: absolute;
  bottom: 10px;
  display: flex;
  gap: 5px;
}

.mobile .desktop .slider-pagination .dot {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

.mobile .desktop .slider-pagination .dot.active {
  background-color: #ffffff;
}

.mobile .desktop .testimonial-line {
  position: relative;
  width: 600px; /* Ajusta el ancho según sea necesario */
  height: 15px; /* Ajusta la altura según sea necesario */
  margin-top: 10px;
  margin-bottom: 10px;
  object-fit: cover;
}

.mobile .text-wrapper-177 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  font-style: italic;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .author-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -60.50px;
}

.mobile .text-wrapper-178 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
}

.mobile .text-wrapper-179 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
}

.mobile .elementos-graficos-28 {
  display: none;
	width: 100%;
}

.mobile .elementos-graficos-29 {
  display: none;
}

.mobile .elementos-graficos-30 {
  display: none;
}

.mobile .text-wrapper-180 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 446px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffed00;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .feature-7 {
  display: flex;
  width: 1200px;
  align-items: left;
  justify-content: left;
  gap: 20px;
  padding: 50px 25px 50px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .content-29 {
  display: flex;
  width: 577px;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  align-self: stretch;
  margin-left: -25.50px;
  flex-direction: column;
  position: relative;
}

.mobile .text-11 {
  align-items: flex-start;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .group-60 {
  position: relative;
  width: 579px;
  height: 135px;
  margin-right: -2.00px;
}

.mobile .text-wrapper-181 {
  position: absolute;
  top: 40px;
  left: 38px;
  width: 539px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .group-61 {
  width: 579px;
  gap: 13.5px;
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  display: flex;
}

.mobile .arrow-down-circle-11 {
  margin-top: 6.5px;
  width: 25px;
  height: 24px;
  position: relative;
  margin-left: -0.5px;
  transform: rotate(-90.00deg);
}

.mobile .icon-3 {
  position: absolute;
  width: 83.33%;
  height: 83.33%;
  top: 6.60%;
  left: 10.00%;
  transform: rotate(90.00deg);
}

.mobile .text-wrapper-182 {
  display: flex;
  align-items: left;
  justify-content: left;
  margin-top: 0;
  width: 539px;
  height: 35px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .group-62 {
  position: relative;
  width: 580px;
  height: 132px;
  margin-right: -3.00px;
}

.mobile .no-tus-archivos-se-4 {
  position: absolute;
  top: 37px;
  left: 38px;
  width: 539px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .group-63 {
  width: 580px;
  gap: 14px;
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  display: flex;
}

.mobile .arrow-down-circle-12 {
  margin-top: 10.0px;
  width: 25px;
  height: 25px;
  margin-left: 0;
}

.mobile .text-wrapper-183 {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 539px;
  height: 29.01px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
  white-space: nowrap;
}

.mobile .group-64 {
  position: relative;
  width: 579.5px;
  height: 135px;
  margin-right: -2.50px;
}

.mobile .arrow-down-circle-13 {
  margin-top: 6.7px;
  width: 25px;
  height: 24px;
  position: relative;
  margin-left: -0.5px;
  transform: rotate(-90.00deg);
}

.mobile .text-wrapper-184 {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 539px;
  height: 35px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.10px;
  line-height: 25px;
}

.mobile .group-65 {
  position: relative;
  width: 579.5px;
  height: 130px;
  margin-right: -2.50px;
}

.mobile .text-wrapper-185 {
  position: absolute;
  top: 35px;
  left: 38px;
  width: 539px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.10px;
  line-height: 20px;
}

.mobile .arrow-down-circle-14 {
  margin-top: 7.5px;
  width: 25px;
  height: 24px;
  position: relative;
  margin-left: -0.5px;
  transform: rotate(-90.00deg);
}

.mobile .image-9 {
  position: fixed;
  width: 604px;
  height: 432px;
  margin-right: -25.50px;
  aspect-ratio: 1.4;
  transition: all 0.5s ease;
  display: block;
  opacity: 0;
  filter: blur(10px);
  animation: bp4-animate-enter16-frames 0.20s ease-in-out 2.00s 1 normal
    forwards;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.mobile .image-9:hover {
  transform: translateX(-50%) scale(1.1);
}

.mobile .footer-3 {
  display: inline-flex;
	width: 100%;
	height: 500px;
  align-items: flex-start;
  justify-content: center;
  gap: 96px;
  padding: 0px 64px 60px;
  position: relative;
  background-color: #000000;
  overflow: hidden;
}

.mobile .container-4 {
  display: flex;
  width: 1272px;
  height: 426px;
  align-items: flex-start;
  justify-content: center;
  gap: 50px;
  padding: 80px 0px;
  position: relative;
  margin-bottom: -151.00px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #0000001a;
}

.mobile .content-30 {
  display: flex;
  width: 443px;
  align-items: flex-start;
  gap: 56px;
  margin-left: -3.50px;
  flex-direction: column;
  position: relative;
}

.mobile .somos-una-empresa-4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 392px;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 16px;
}

.mobile .nav-4 {
  display: inline-flex;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -3.50px;
}

.mobile .group-66 {
  position: absolute;
  top: 108px;
  left: 259px;
  width: 96px;
  height: 50px;
}

.mobile .phone-call-3 {
  position: absolute;
  top: 6220px;
  left: 925px;
  width: 20px;
  height: 20px;
}

.mobile .mail-6 {
  position: absolute;
  top: 6190px;
  left: 925px;
  width: 20px;
  height: 20px;
}

.mobile .map-pin-3 {
  position: absolute;
  top: 6150px;
  left: 925px;
  width: 20px;
  height: 20px;
}

.mobile .text-wrapper-186 {
  position: absolute;
  top: 6400px;
  width: 1242px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 16px;
  white-space: nowrap;
}

.mobile .group-67 {
  position: fixed;
  top: 165px;
  right: 40px;
  left: auto;
  width: 27px;
  height: 310px;
  z-index: 100;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.mobile .group-67.hidden {
  opacity: 0;
  transform: translateX(100px);
  pointer-events: none;
}

.mobile .arrow-down-2 {
  position: absolute;
  top: 285px;
  left: 0;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.mobile .arrow-down-2:hover {
  filter: brightness(1.2);
}

.mobile .arrow-down-2:active {
  transform: translateY(3px);
}

.mobile .rectangle-34 {
  position: absolute;
  top: 76px;
  left: 0;
  width: 25px;
  height: 25px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.mobile .rectangle-34:hover {
  transform: scale(1.1);
}

.mobile .rectangle-35 {
  position: absolute;
  top: 37px;
  left: 0;
  width: 25px;
  height: 25px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.mobile .rectangle-35:hover {
  transform: scale(1.1);
}

.mobile .rectangle-36 {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.mobile .rectangle-36:hover {
  transform: scale(1.1);
}

.mobile .text-wrapper-187 {
  position: absolute;
  top: 186px;
  left: -68px;
  width: 160px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.10px;
  line-height: 45px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}

.mobile .text-wrapper-187:hover {
  color: #ffed00;
}

@media (max-width: 799px) {
  .mobile.tablet {
    display: none !important;
  }
  .mobile.laptop {
    display: none !important;
  }
  .mobile.desktop {
    display: none !important;
  }
}

@media (min-width: 800px) and (max-width: 1279px) {
  .mobile.div {
    display: none !important;
  }
  .mobile.laptop {
    display: none !important;
  }
  .mobile.desktop {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1399px) {
  .mobile.div {
    display: none !important;
  }
  .mobile.tablet {
    display: none !important;
  }
  .mobile.desktop {
    display: none !important;
  }
}

@media (min-width: 1400px) {
  .mobile.div {
    display: none !important;
  }
  .mobile.tablet {
    display: none !important;
  }
  .mobile.laptop {
    display: none !important;
  }
}
/* Original CSS code should be injected here */

/* Refactored CSS - Additional improvements for maintainability */

/* Reset button styles for semantic buttons */
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
}

/* Ensure links have proper focus states */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible {
  outline: 2px solid #30ceff;
  outline-offset: 2px;
}

/* Details/Summary reset for FAQ sections */
details {
  overflow: hidden;
  transition: all 0.3s ease;
}

details summary {
  cursor: pointer;
  list-style: none;
  user-select: none;
}

details summary::-webkit-details-marker {
  display: none;
}

details[open] summary .arrow-down-circle,
details[open] summary .arrow-down-circle-2,
details[open] summary .arrow-down-circle-3,
details[open] summary .arrow-down-circle-4 {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

details summary .arrow-down-circle,
details summary .arrow-down-circle-2,
details summary .arrow-down-circle-3,
details summary .arrow-down-circle-4 {
  transition: transform 0.3s ease;
}

/* Form input improvements */
input[type="email"] {
  outline: none;
}

input[type="email"]:focus {
  outline: 2px solid #ffed00;
  outline-offset: 2px;
}

/* Ensure proper text rendering */
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Improve image loading */
img {
  max-width: 100%;
  height: auto;
}

/* Ensure iframes are responsive */
iframe {
  max-width: 100%;
}