@charset "utf-8";
/* CSS Document */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
html {
  scroll-behavior: smooth;
}
section {
  scroll-margin-top: 110px;
}
.navbar-brand img {
  max-width: 100px;
  transition: all 0.3s ease
}
.w-xs-100 {
  width: 100% !important
}
.w-xs-50 {
  width: 50% !important
}
.w-xs-75 {
  width: 75% !important
}
.w-xs-auto {
  width: auto !important
}
.lh-1-2 {
  line-height: 1.20
}
.bg-opacity-18 {
  --bs-bg-opacity: 0.18;
}
.fs-biggest {
  font-size: clamp(1.75rem, 0.9913rem + 4.0462vw, 3.5rem);
}
.fs-bigger {
  font-size: clamp(1.75rem, 1.2623rem + 2.6012vw, 2.875rem);
}
.fs-big {
  font-size: clamp(1.75rem, 1.4249rem + 1.7341vw, 2.5rem);
}
.container-fluid {
  max-width: 1400px;
}
.bg-glow {
  background-image:
    radial-gradient(60% 60% at 90% 0%, rgba(124, 58, 237, .15) 0%, rgba(124, 58, 237, 0) 60%), radial-gradient(60% 60% at 0% 100%, rgba(249, 115, 22, .15) 0%, rgba(249, 115, 22, 0) 60%);
  background-repeat: no-repeat
}
.navbar {
  background-color: rgb(255 255 255 / 89%);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.nav-link {
  padding: 5px 12px !important;
  border-radius: 30PX;
  margin-inline: 2px;
  display: inline-block;
  line-height: 1.2;
  color: #440045;
}
.nav-link:hover {
  color: white !important;
  background-color: rgba(181, 74, 183, 1);
}
.nav-link.active, .nav-link:focus {
  color: white !important;
  background-color: rgba(181, 74, 183, 1);
}
.btn {
  font-size: 15px;
}
.btn-purple-arrow {
  text-decoration: none;
  display: inline-flex;
  padding: 7px 15px 7px 20px;
  border-radius: 50px;
  letter-spacing: normal;
  background: linear-gradient(60deg, #E4BB36 13%, #A567DA 20%, #B747B3);
  background-position: 99% 50%;
  background-size: 200% 200%;
  border: 2px solid transparent;
  color: #FFFFFF;
  transition: all .5s ease;
  justify-content: center;
  line-height: 1;
  align-items: center;
}
.btn-purple-arrow:hover, .btn-purple-arrow:focus, .btn-purple-arrow:active {
  background-position: 0% 5%;
  color: white !important;
  border: #E6BD31 solid 2px;
}
.btn-purple-arrow i, .btn-outline-arrow i {
  transition: all 0.2s ease;
  line-height: 0;
}
.btn-purple-arrow:hover i {
  transform: translateX(5px)
}
.btn-outline-arrow {
  text-decoration: none;
  display: inline-flex;
  padding: 7px 15px 7px 20px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid black;
  color: #000000;
  transition: all .5s ease;
  justify-content: center;
  line-height: 1;
  align-items: center;
}
.btn-outline-arrow:hover, .btn-outline-arrow:focus {
  background-color: rgb(100 100 100);
  color: rgba(255, 255, 255, 1.00);
  border: 1px solid rgba(143, 143, 143, 1.00);
}
.btn-whatsapp:hover {
  background-color: #25d366;
  border: 1px solid rgba(63, 63, 63, 1.00);
}
.btn-outline-arrow:hover i {
  transform: translateX(5px)
}
.wrap_intobox {
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  border-radius: 0px 25px 0px 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  filter: drop-shadow(0px 10px 8px rgba(98, 41, 96, 0.20));
}
.bg-purple {
  background: rgba(185, 144, 200, 0.2);
  background: linear-gradient(180deg, rgba(185, 144, 200, 0) 0%, rgb(185 144 200 / 57%) 100%);
}
.bg-deg-gray {
  background: rgb(199 199 199 / 20%);
  background: linear-gradient(180deg, rgba(185, 144, 200, 0) 0%, rgb(191 190 191 / 57%) 100%);
}
.text-purple {
  color: #6D016E
}
.wrap-color-box {
  border-radius: 20px;
  padding: 20px 25px;
  height: 100%;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
}
.box-colors > .col:nth-child(1) .wrap-color-box {
  background: rgba(232, 192, 47, 1.00);
  background: linear-gradient(90deg, rgba(232, 192, 47, 1.00) 0%, rgba(185, 131, 164, 1.00) 100%);
}
.box-colors > .col:nth-child(2) .wrap-color-box {
  background: rgb(185, 131, 164);
  background: linear-gradient(90deg, rgba(185, 131, 164, 1) 0%, rgba(166, 105, 215, 1.00) 100%);
}
.box-colors > .col:nth-child(3) .wrap-color-box {
  background: rgb(166, 105, 215, 1.00);
  background: linear-gradient(90deg, rgba(166, 105, 215, 1.00) 0%, rgba(183, 71, 179, 1.00) 100%);
}
.box-quienes .wrap-color-box {
  background: #2b2b2bc7 !important;
  border: 3px solid #ffd17d;
}
.ben-cols {
  position: relative;
  padding: 20px;
  height: 100%;
}
.ben-cols:before {
  background: linear-gradient(0deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 0.0) 100%);
  padding: 16px;
  border-radius: 15px;
  ;
  content: "";
  width: 100%;
  position: absolute;
  inset: 0;
  top: 50px;
  bottom: 0;
  border: 4px solid #ECECEC;
  overflow: hidden;
  outline: 1px solid #D4D4D4;
  outline-offset: -3px;
}
.stepBox {
  background: rgba(185, 144, 200, 0.2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 50%, rgb(185 144 200 / 10%) 100%);
  border-radius: 10px;
  padding: 10px 20px;
  border: 1px solid rgba(255, 165, 0, 1.00);
  display: flex;
  align-items: center;
  line-height: 1.2
}
.btn-whatsapp2 {
  border-radius: 46px;
  padding: 1px 10px;
}
.btn-whatsapp2:active {
  border: none
}
.btn-whatsapp2 span {
  padding: 5px 10px;
  background-color: #25d366;
  border-radius: 50px;
  color: white;
  transition: all 0.2s ease
}
.btn-whatsapp2:hover span {
  background-color: #139443;
  border-radius: 46px;
  color: white
}
.btn-whatsapp2 i {
  transition: all 0.3s ease;
  transform-origin: bottom
}
.form-control {
  background-color: #ffffff7a;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #6d016e;
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(13, 110, 253, .0);
}
@media (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important
  }
  .w-sm-50 {
    width: 50% !important
  }
  .w-sm-75 {
    width: 75% !important
  }
  .w-sm-auto {
    width: auto !important
  }
}
@media (min-width: 768px) {
  .navbar-brand img {
    max-width: inherit
  }
  .w-md-100 {
    width: 100% !important
  }
  .w-md-50 {
    width: 50% !important
  }
  .w-md-75 {
    width: 75% !important
  }
  .w-md-auto {
    width: auto !important
  }
}
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important
  }
  .w-lg-50 {
    width: 50% !important
  }
  .w-lg-75 {
    width: 75% !important
  }
  .w-lg-auto {
    width: auto !important
  }
  .btn-whatsapp2:hover i {
    transform: scale(1.3);
  }
}
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important
  }
  .w-xl-50 {
    width: 50% !important
  }
  .w-xl-75 {
    width: 75% !important
  }
  .w-xl-auto {
    width: auto !important
  }
}
@media (min-width: 1400px) {
  .w-xxl-100 {
    width: 100%
  }
  .w-xxl-50 {
    width: 50% !important
  }
  .w-xxl-75 {
    width: 75% !important
  }
  .w-xxl-auto {
    width: auto
  }
}