@charset "UTF-8";
@import url("https://fonts.bunny.net/css?family=Nunito");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,600;1,500&display=swap");

.home-container {
  max-width: 2560px;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-right: auto;
  margin-left: auto;
}

.font-josefin {
  font-family: "Josefin Sans", sans-serif;
}

#btn-to-top {
  transition: opacity 0.3s ease-in-out;
}

.degrade {
  background-color: #d91ab9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(250,960,487)'%3E%3Cstop offset='0' stop-color='%23D91AB9'/%3E%3Cstop offset='1' stop-color='%23B02AFF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='370' height='308.3' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.04'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

#hero-home {
  margin-top: -8rem;
  padding-top: 4rem;
  padding-bottom: 5rem;
  opacity: 95%;
}

#parrafo-hero {
  background: rgba(0, 0, 0, 0.2);
}

/* -- Row BG Color -- */
.dark-blue {
  background-color: #f8fafc;
}

.card-personalizada {
  width: 18rem;
  border: 3px solid violet !important;
  border-radius: 15px !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease-in-out;
}

.card-personalizada:hover {
  box-shadow: 0px 0px 20px #bebebe, 10px -10px 8px #ffffff;
}

/* Separadores forma olas */
.separador {
  height: 10vh;
  left: 0;
  background-repeat: repeat-x;
  background-size: auto;
  position: absolute;
  background-image: url('../img/SVG/waves.svg');
}

.separador-top {
  transform: rotate(180deg);
  top: -1px;
}

.separador-bottom {
  bottom: -1px;
}

/* Color de los indicadores del carrusel */
.carousel-indicators [data-bs-target] {
  background-color: #b7cde1;
  height: 4px;
  width: 40px;
}

#texto-mail {
  font-size: clamp(16px, 4vw, 22px);
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-bottom-125 {
  padding-bottom: 125px !important;
}

.contorno-celular {
  clip-path: polygon(0% 7.1%, 0.3% 6%, 0.8% 5%, 1.1% 4.5%, 1.5% 4%, 2.1% 3.5%, 2.7% 3%, 3.4% 2.5%, 4.4% 2%, 5.7% 1.5%, 7.4% 1%, 10.1% 0.5%, 15.8% 0%,

      85% 0.3%, 88.7% 0.5%, 91.7% 1%, 93.9% 1.5%, 95.2% 2%, 96.1% 2.5%, 96.9% 3%, 97.5% 3.5%, 98% 4%, 98.4% 4.5%, 98.7% 5%, 98.8% 5.5%,

      99.9% 94%, 99.7% 94.5%, 99.5% 95%, 99.2% 95.5%, 98.8% 96%, 98.2% 96.5%, 97.7% 97%, 96.9% 97.5%, 96% 98%, 94.9% 98.5%, 93.1% 99%, 90.3% 99.5%, 88.1% 99.7%,

      14.8% 99.7%, 10.4% 99.5%, 7.9% 99%, 6.4% 98.5%, 5.1% 98%, 3.9% 97.5%, 3.1% 97%, 2.3% 96.5%, 1.7% 96%, 1.3% 95.5%, 0.9% 95%, 0.6% 94.5%, 0.3% 94%, 0.1% 93.5%, 0% 93%);
}

.video-celular {
  bottom: 10%;
  right: 5%;
  height: 66.666667%;
}