@font-face {
  font-family: CircularStdMedium;
  src: url("../fonts/circular_type/Circular\ Std\ Medium.ttf");
}
@font-face {
  font-family: CircularStdBold;
  src: url("../fonts/circular_type/Circular\ Std\ Bold.ttf");
}
@font-face {
  font-family: CircularStdBook;
  src: url("../fonts/circular_type/Circular\ Std\ Book.ttf");
}
@font-face {
  font-family: CircularStdBookItalic;
  src: url("../fonts/circular_type/Circular\ Std\ Book\ Italic.ttf");
}
@font-face {
  font-family: CircularStdBlack;
  src: url("../fonts/circular_type/Circular\ Std\ Black.ttf");
}
.main .container-padding {
  padding-left: 5%;
  padding-right: 5%;
}
.main .container-padding-left {
  padding-left: 5%;
}
.main .container-magenta {
  background-color: #ec196f;
}
.main .container-naranja {
  background-color: #f59120;
}
.main .col-center {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.main #top .row-navbar {
  padding: 2rem 0;
}
.main #top .logo-wrapper {
  text-align: center;
}
.main #top .logo-wrapper img {
  max-width: 183px;
}
.main #top .button-wrapper {
  margin-bottom: 0;
  text-align: end;
}
.main #top .button-wrapper .btn-demo {
  color: #585858;
  font-family: CircularStdBold;
  border: 2px solid #585858;
  border-radius: 30px;
}
.main #top .button-wrapper .btn-demo:hover {
  border-color: #ec196f;
  color: white;
  background-color: #ec196f;
}
.main #top .top_info_wrapper {
  padding: 2rem 2rem 2rem 0;
}
.main #top .top_info_wrapper .title h1 {
  font-family: CircularStdBold;
  color: white;
  margin-bottom: 1rem;
}
.main #top .top_info_wrapper .info-texto p {
  color: white;
  font-family: CircularStdBook;
  margin-bottom: 2rem;
}
.main #top .top_info_wrapper .button-aldea {
  margin-top: 2rem;
}
.main #top .top_info_wrapper .button-aldea .btn-naranja {
  color: white;
  font-family: CircularStdBold;
  background-color: #f59120;
  border-radius: 30px;
}
.main #top .top_info_wrapper .button-aldea .btn-naranja:hover {
  background-color: #26a7df;
}
.main #top .col-center {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.main #top .col-special {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.main #top .col-special .img-wrapper {
  align-self: end;
}
.main #aldea_minimiza .container-2 {
  position: relative;
}
.main #aldea_minimiza .title h1 {
  color: #ec196f;
  font-family: CircularStdBlack;
}
.main #aldea_minimiza .float-img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.main #aldea_minimiza .float-img img {
  max-width: 220px;
}
.main #aldea_minimiza .icon-text-wrapper {
  padding: 0 2rem;
}
.main #aldea_minimiza .icon-text-wrapper .icon {
  padding: 1rem;
}
.main #aldea_minimiza .icon-text-wrapper .icon img {
  width: 120px;
}
.main #aldea_minimiza .icon-text-wrapper .text h5 {
  color: #4d4d4d;
  font-family: CircularStdBlack;
}
.main #aldea_minimiza .icon-text-wrapper .text p {
  color: #4d4d4d;
  font-family: CircularStdBook;
}
.main #aldea_minimiza .btn-magenta {
  background-color: #ec196f;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
}
.main #aldea_minimiza .btn-magenta:hover {
  background-color: #26a7df;
}
.main #planes .col-special {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.main #planes .info-wrapper {
  align-self: center;
}
.main #planes .info-wrapper .title h1 {
  color: white;
  font-family: CircularStdBlack;
  margin-bottom: 1rem;
}
.main #planes .info-wrapper .info-texto {
  margin-bottom: 2rem;
}
.main #planes .info-wrapper .info-texto p {
  color: white;
  font-family: CircularStdBook;
}
.main #planes .info-wrapper .lista-aldea {
  margin-bottom: 3rem;
}
.main #planes .info-wrapper .lista-aldea .img-texto {
  display: flex;
  margin-bottom: 1rem;
}
.main #planes .info-wrapper .lista-aldea .img-texto .img-div {
  width: 35px;
  margin-right: 1rem;
}
.main #planes .info-wrapper .lista-aldea .img-texto .texto-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main #planes .info-wrapper .lista-aldea .img-texto .texto-div p {
  margin-bottom: 0;
  color: white;
  font-family: CircularStdBlack;
  font-size: 1.2rem;
}
.main #planes .info-wrapper .btn-magenta {
  background-color: #ec196f;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
}
.main #planes .info-wrapper .btn-magenta:hover {
  background-color: #26a7df;
}
.main #reduce .container-2 {
  position: relative;
}
.main #reduce .title h1 {
  color: #f59120;
  font-family: CircularStdBlack;
}
.main #reduce .subtitulo p {
  color: #4d4d4d;
  font-family: CircularStdBook;
}
.main #reduce .float-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.main #reduce .float-img img {
  max-width: 220px;
}
.main #reduce .icon-text-wrapper {
  padding: 0 2rem;
}
.main #reduce .icon-text-wrapper .icon {
  padding: 1rem;
}
.main #reduce .icon-text-wrapper .icon img {
  width: 120px;
}
.main #reduce .icon-text-wrapper .text h5 {
  color: #4d4d4d;
  font-family: CircularStdBlack;
}
.main #reduce .icon-text-wrapper .text p {
  color: #4d4d4d;
  font-family: CircularStdBook;
}
.main #reduce .btn-naranja {
  background-color: #f59120;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
}
.main #reduce .btn-naranja:hover {
  background-color: #26a7df;
}
.main #conecta .col-special {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.main #conecta .info-wrapper {
  align-self: center;
}
.main #conecta .info-wrapper .title h1 {
  color: white;
  font-family: CircularStdBlack;
  margin-bottom: 1rem;
}
.main #conecta .info-wrapper .info-texto {
  margin-bottom: 2rem;
}
.main #conecta .info-wrapper .info-texto p {
  color: white;
  font-family: CircularStdBook;
}
.main #conecta .info-wrapper .lista-aldea {
  margin-bottom: 3rem;
}
.main #conecta .info-wrapper .lista-aldea .img-texto {
  display: flex;
  margin-bottom: 1rem;
}
.main #conecta .info-wrapper .lista-aldea .img-texto .img-div {
  width: 35px;
  margin-right: 1rem;
}
.main #conecta .info-wrapper .lista-aldea .img-texto .texto-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main #conecta .info-wrapper .lista-aldea .img-texto .texto-div p {
  margin-bottom: 0;
  color: white;
  font-family: CircularStdBlack;
  font-size: 1.2rem;
}
.main #conecta .info-wrapper .btn-magenta {
  background-color: #ec196f;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
}
.main #conecta .info-wrapper .btn-magenta:hover {
  background-color: #26a7df;
}
.main #lleva_el_control .title h1 {
  color: #ec196f;
  font-family: CircularStdBlack;
  margin-bottom: 2rem;
}
.main #lleva_el_control .subtitulo p {
  font-family: CircularStdBook;
  color: #4d4d4d;
  font-size: 14pt;
}
.main #lleva_el_control .button-wrapper {
  margin-top: 2rem;
}
.main #lleva_el_control .button-wrapper .btn-magenta {
  background-color: #ec196f;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
  padding-right: 3rem;
  padding-left: 3rem;
}
.main #lleva_el_control .button-wrapper .btn-magenta:hover {
  background-color: #26a7df;
}
.main #crea .col-special {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.main #crea .info-wrapper {
  align-self: center;
}
.main #crea .info-wrapper .title h1 {
  color: white;
  font-family: CircularStdBlack;
  margin-bottom: 1rem;
}
.main #crea .info-wrapper .info-texto {
  margin-bottom: 2rem;
}
.main #crea .info-wrapper .info-texto p {
  color: white;
  font-family: CircularStdBook;
}
.main #crea .info-wrapper .lista-aldea {
  margin-bottom: 3rem;
}
.main #crea .info-wrapper .lista-aldea .img-texto {
  display: flex;
  margin-bottom: 1rem;
}
.main #crea .info-wrapper .lista-aldea .img-texto .img-div {
  width: 35px;
  margin-right: 1rem;
}
.main #crea .info-wrapper .lista-aldea .img-texto .texto-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main #crea .info-wrapper .lista-aldea .img-texto .texto-div p {
  margin-bottom: 0;
  color: white;
  font-family: CircularStdBlack;
  font-size: 1.2rem;
}
.main #crea .info-wrapper .btn-naranja {
  background-color: #f59120;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
  padding-left: 2rem;
  padding-right: 2rem;
}
.main #crea .info-wrapper .btn-naranja:hover {
  background-color: #26a7df;
}
.main #actividades .title h1 {
  color: #f59120;
  font-family: CircularStdBlack;
}
.main #actividades .actividad {
  background-color: #26a7df;
  border-radius: 40px;
  padding: 1rem 0.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main #actividades .actividad p {
  color: white;
  font-family: CircularStdBold;
  text-align: center;
  margin-bottom: 0;
  line-height: 15px;
}
.main #actividades .actividad p span {
  font-size: 12px;
}
.main #actividades .btn-magenta {
  background-color: #ec196f;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
  padding-left: 2rem;
  padding-right: 2rem;
}
.main #actividades .btn-magenta:hover {
  background-color: #26a7df;
}
.main #usuarios .container-2 {
  position: relative;
}
.main #usuarios .title h1 {
  color: white;
  font-family: CircularStdBlack;
}
.main #usuarios .float-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.main #usuarios .float-img img {
  max-width: 220px;
}
.main #usuarios .float-img2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.main #usuarios .float-img2 img {
  max-width: 220px;
}
.main #usuarios .swiper-slide {
  width: 100%;
  height: auto!important;
}
.main #usuarios .review-wrapper {
  height: 80%;
}
.main #usuarios .review-wrapper .icon {
  text-align: center;
}
.main #usuarios .review-wrapper .icon img {
  max-width: 120px;
}
.main #usuarios .texto {
  margin-top: -4rem;
  background-color: white;
  padding: 6rem 1rem 1rem 1rem;
  border-radius: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main #usuarios .texto p {
  font-family: CircularStdBook;
  color: #4d4d4d;
}
.main #usuarios .texto .autor p {
  text-align: right;
  font-family: CircularStdBookItalic;
  font-size: 16px;
}
.main #usuarios .swiper-pagination-bullet-active {
  background-color: #ec196f !important;
}
.main #usuarios .swiper-pagination-bullet {
  background-color: white;
}
.main #usuarios .swiper-button-next,
.main #usuarios .swiper-button-prev {
  top: 68%;
  color: white;
}
.main #usuarios .swiper-button-next {
  right: 2%;
}
.main #usuarios .swiper-button-prev {
  left: 2%;
}
.main #contacto .title h1 {
  color: #ec196f;
  font-family: CircularStdBlack;
}
.main #contacto #form_contacto_aldea input,
.main #contacto #form_contacto_aldea select {
  border-radius: 35px;
  border: 2px solid #4d4d4d;
  font-family: CircularStdBold;
}
.main #contacto #form_contacto_aldea label {
  font-family: CircularStdBold;
}
.main #contacto #form_contacto_aldea .btn-naranja {
  background-color: #f59120;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
  padding-left: 4rem;
  padding-right: 4rem;
}
.main #contacto #form_contacto_aldea .btn-naranja:hover {
  background-color: #26a7df;
}
.main footer {
  position: relative;
  z-index: 999;
}
.main footer .container-hide-text {
  background-color: white;
  height: 4rem;
  margin-top: -7rem;
}
.main footer .logo-footer {
  max-width: 125px;
}
.main footer .informacion-contacto p {
  color: white;
  font-family: CircularStdMedium;
  margin-bottom: 0;
}
.main footer .informacion-contacto .contact-info {
  margin-top: 1rem;
  color: white!important;
  font-family: CircularStdBlack;
  font-size: 1.25rem;
  pointer-events: none;
  text-decoration: none;
}
.main footer .col-special {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.main footer .col-special p {
  text-align: right;
  color: white;
  font-family: CircularStdBook;
  margin-bottom: 0;
}
.main #gracias {
  background-color: #ec196f;
  height: 100vh;
}
.main #gracias .container-gracias {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.main #gracias .title {
  margin-top: 3rem;
}
.main #gracias .title h1 {
  color: white;
  font-family: CircularStdBlack;
}
.main #gracias .text-wrapper {
  padding: 2rem;
}
.main #gracias .text-wrapper h3 {
  color: white;
  font-family: CircularStdBook;
}
.main #gracias .btn-naranja {
  background-color: #f59120;
  color: white;
  font-family: CircularStdBold;
  border-radius: 30px;
  margin-top: 1rem;
  padding: 1rem 2rem;
  width: 100%;
}
.main #gracias .btn-naranja:hover {
  background-color: #26a7df;
}
@media (max-width: 992px) {
  .main #crea .col-special {
    order: 2;
  }
}
@media (max-width: 768px) {
  .main #aldea_minimiza .float-img,
  .main #reduce .float-img {
    display: none;
  }
  #planes .col-special {
    order: 2;
  }
  #gracias .icon-wrapper {
    max-width: 150px;
    align-self: center;
  }
  #usuarios .mySwiper {
    margin: 0 1.5rem;
  }
}