@charset "UTF-8";
/*ASSETS, LAYOUT & COMPONENTS*/ /*COLORS*/
.text-primary {
  color: #de3b7e !important;
}

.text-secondary {
  color: #aa2c60 !important;
}

.text-aqua {
  color: #25afce !important;
}

.text-marine {
  color: #3f4c6e !important;
}

/*BUTTONS*/
.btn-lg {
  font-size: 0.7rem !important;
}

.btn-primary {
  color: white !important;
  background-color: #de3b7e !important;
  border-color: #de3b7e !important;
}
.btn-primary:hover {
  background-color: #aa2c60 !important;
}

.btn-primary-rounded {
  color: white !important;
  background-color: #de3b7e !important;
  border-color: #de3b7e !important;
  border-radius: 2rem;
  padding: 0.8rem 1.8rem;
  font-weight: bold;
}
.btn-primary-rounded:hover {
  background-color: #aa2c60 !important;
}

.btn-aqua-rounded {
  color: white !important;
  background-color: #25afce !important;
  border-color: #25afce !important;
  border-radius: 2rem;
  padding: 0.8rem 1.8rem;
  font-weight: bold;
}
.btn-aqua-rounded:hover {
  background-color: #25afce !important;
}

.btn-white-rounded {
  color: #25afce !important;
  background-color: white !important;
  border-color: white !important;
  border-radius: 2rem;
  padding: 0.8rem 1.8rem;
  font-weight: bold;
}
.btn-white-rounded:hover {
  background-color: whitesmoke !important;
}

.btn-primary-outline-rounded {
  color: #de3b7e !important;
  background-color: transparent !important;
  border-color: #de3b7e !important;
  border-radius: 2rem;
  padding: 0.8rem 1.8rem;
}
.btn-primary-outline-rounded:hover {
  background-color: #de3b7e !important;
  color: white !important;
}

@media (min-width: 768px) {
  .btn-lg {
    font-size: 1.25rem !important;
  }
}
.form-control {
  background: #e2e2e2 !important;
  color: #3f4c6e !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 3rem;
  padding: 0.6rem 1rem;
}

/*Fonts*/
@font-face {
  font-family: Gotham light;
  src: url(../fonts/gotham/Gotham-Light.otf);
}
@font-face {
  font-family: Gotham Bold;
  src: url(../fonts/gotham/Gotham-Bold.otf);
}
@font-face {
  font-family: Gotham Black;
  src: url(../fonts/gotham/Gotham-Black.otf);
}
.gotham-light {
  font-family: "Gotham light" !important;
}

.gotham-bold {
  font-family: "Gotham Bold" !important;
}

.gotham-black {
  font-family: "Gotham Black" !important;
}

.footer {
  padding: 2rem 0;
  background-color: #929191;
  color: white;
}

.powered {
  display: flex;
  justify-content: center;
}

.follow-us {
  text-align: center;
}

@media (min-width: 1200px) {
  .powered {
    display: flex;
    justify-content: flex-end;
  }
  .follow-us {
    text-align: left;
  }
}
.nav-item {
  display: flex !important;
  align-items: center !important;
}

.nav-link {
  font-size: 1rem;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color: #de3b7e !important;
  font-family: "Gotham Black";
}

.menu-ceneae {
  width: 100%;
}
.menu-ceneae li {
  width: 100%;
}
.menu-ceneae li a {
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

.date-mobile {
  display: flex !important;
}

.date-desk {
  display: none !important;
}

.navbar-toggler {
  border: none !important;
}

li.nav-item.dropdown {
  flex-direction: column !important;
}

@media (min-width: 1200px) {
  .menu-ceneae {
    width: 75%;
    justify-content: space-between;
  }
  .date-mobile {
    display: none !important;
  }
  .date-desk {
    display: flex !important;
  }
  li.nav-item.dropdown {
    flex-direction: row !important;
  }
}
.ceneae-list li {
  list-style-type: none;
}
.ceneae-list li::before {
  content: "•";
  font-size: 1.5rem;
  color: #de3b7e;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/*COLORS*/
.text-primary {
  color: #de3b7e !important;
}

.text-secondary {
  color: #aa2c60 !important;
}

.text-aqua {
  color: #25afce !important;
}

.text-marine {
  color: #3f4c6e !important;
}

.card {
  border-color: white !important;
  border-radius: 2rem;
  box-shadow: 0.5rem 0.5rem 1rem grey;
  padding: 1rem;
}
.card-service:hover {
  border-color: #25afce !important;
  background-color: #25afce !important;
}
.card-service:hover .card-body h3 {
  color: white !important;
}

.card-icon {
  width: 100%;
}
.card-icon .card-body {
  display: flex;
  flex-wrap: wrap !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.card-icon .card-body .list-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.card-icon .card-body .card-icon {
  width: 7rem;
  margin-bottom: 1rem;
}
.card-icon .card-body .card-text {
  font-size: 1.063rem;
  padding: 1rem;
}

@media (min-width: 768px) {
  .card-icon {
    width: 100%;
  }
  .card-icon .card-body {
    display: flex;
    flex-wrap: initial !important;
    justify-content: flex-start;
    flex-direction: row;
  }
  .card-icon .card-body .list-wrapper {
    display: flex;
    width: 50%;
    justify-content: space-between;
    margin-left: 5rem;
  }
  .card-icon .card-body .card-icon {
    width: 7rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .card-icon {
    width: 75%;
  }
}
/*PAGES*/
/*COLORS*/
.text-primary {
  color: #de3b7e !important;
}

.text-secondary {
  color: #aa2c60 !important;
}

.text-aqua {
  color: #25afce !important;
}

.text-marine {
  color: #3f4c6e !important;
}

.undercons {
  background: transparent url(../img/consultorio-exitosos.jpg) scroll no-repeat center/cover;
}

.progress {
  height: 1rem !important;
  font-size: 0.75rem !important;
  background-color: transparent !important;
  border: 1px solid #25afce !important;
  border-radius: 2rem !important;
  width: 100%;
}
.progress .progress-bar {
  color: #fff !important;
  background-color: #25afce !important;
}

.number-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 2rem;
}

.progress-start {
  transition: all ease 0.5s;
  width: 0 !important;
}

.progress-end {
  width: 75% !important;
}

.estaremos-title {
  font-size: 1.5rem;
}

.number-text {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .estaremos-title {
    font-size: 2rem;
  }
  .number-text {
    font-size: 1.6rem;
  }
  .progress {
    height: 2rem !important;
    width: 90%;
  }
  .number-wrapper {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .estaremos-title {
    font-size: 3rem;
  }
  .jump-line {
    display: none;
  }
  .number-text {
    font-size: 2rem;
  }
  .progress {
    height: 2rem !important;
    width: 80%;
  }
  .number-wrapper {
    width: 80%;
  }
}
/*COLORS*/
.text-primary {
  color: #de3b7e !important;
}

.text-secondary {
  color: #aa2c60 !important;
}

.text-aqua {
  color: #25afce !important;
}

.text-marine {
  color: #3f4c6e !important;
}

.hero-section {
  background: transparent url(../img/background-landing-sm.png) scroll no-repeat right 6rem/100%;
}
.hero-section .hero-height {
  height: 55vh;
}
.hero-section .logo-banner-sm {
  margin-top: 7rem;
  display: block;
}
.hero-section .logo-banner-md {
  display: none;
}
.hero-section .separator-who {
  display: none;
}
.hero-section .lead-title {
  line-height: 0.8;
  margin-right: 5rem;
}
.hero-section .lead-subtitle {
  font-size: 1.875rem;
  font-family: "Gotham light" !important;
}

.card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-section {
  background: transparent url(../img/background-about.jpg) scroll no-repeat center/cover;
}
.about-section .lic-image {
  width: 75%;
}
.about-section .lic-name {
  color: white;
  font-size: 1.5rem;
}
.about-section .about-title {
  margin-top: 2rem;
  color: white;
  font-size: 1.5rem;
}

.services-section {
  visibility: hidden;
  padding: 5rem 0;
}
.services-section .service-img {
  height: 12rem;
}
.services-section .card-text-img-1 {
  transition: all ease 0.3s;
  position: relative;
  float: left;
  background: transparent url(../img/aguacate.svg) scroll no-repeat center/6rem;
  height: 7rem;
  width: 100%;
}
.services-section .card-text-img-1:hover {
  background: transparent url(../img/aguacate-white.svg) scroll no-repeat center/7rem;
}
.services-section .card-text-img-2 {
  transition: all ease 0.3s;
  position: relative;
  float: left;
  background: transparent url(../img/nutricionista.svg) scroll no-repeat center/6rem;
  height: 7rem;
  width: 100%;
}
.services-section .card-text-img-2:hover {
  background: transparent url(../img/nutricionista-white.svg) scroll no-repeat center/7rem;
}
.services-section .card-text-img-3 {
  transition: all ease 0.3s;
  position: relative;
  float: left;
  background: transparent url(../img/plan.svg) scroll no-repeat center/6rem;
  height: 7rem;
  width: 100%;
}
.services-section .card-text-img-3:hover {
  background: transparent url(../img/plan-white.svg) scroll no-repeat center/6.5rem;
}
.services-section .card-text-img-4 {
  transition: all ease 0.3s;
  position: relative;
  float: left;
  background: transparent url(../img/home.svg) scroll no-repeat center/6rem;
  height: 7rem;
  width: 100%;
}
.services-section .card-text-img-4:hover {
  background: transparent url(../img/home-white.svg) scroll no-repeat center/6.5rem;
}
.services-section .card-text-img-5 {
  transition: all ease 0.3s;
  position: relative;
  float: left;
  background: transparent url(../img/ecommerce.svg) scroll no-repeat center/5.5rem;
  height: 7.5rem;
  width: 100%;
}
.services-section .card-text-img-5:hover {
  background: transparent url(../img/ecommerce-white.svg) scroll no-repeat center/7rem;
}

.card-body {
  min-height: 215px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card-body h3 {
  font-size: 1rem !important;
}

.more-time-section {
  visibility: hidden;
  padding-bottom: 5rem;
}
.more-time-section .img-more-time {
  width: 100%;
}

.contact-section {
  visibility: hidden;
  background-color: #25afce;
  padding: 5rem 0;
}

@media (min-width: 768px) {
  .hero-section {
    background: transparent url(../img/background-landing-sm.png) scroll no-repeat right 14rem/100%;
  }
  .hero-section .hero-height {
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .hero-section {
    background: transparent url(../img/background-landing.png) scroll no-repeat right top/100%;
  }
  .hero-section .hero-height {
    height: 100vh;
  }
  .hero-section .logo-banner-sm {
    display: none;
  }
  .hero-section .logo-banner-md {
    display: block;
  }
  .hero-section .separator-who {
    display: flex;
    margin: 8rem 0;
  }
  .hero-section .lead-title {
    margin-right: 0;
  }
  .hero-section .lead-subtitle {
    margin-right: 0;
  }
  .somos {
    visibility: hidden;
  }
  .about-section {
    visibility: hidden;
    background: transparent url(../img/background-about.jpg) scroll no-repeat center/cover;
  }
  .about-section .lic-image {
    width: 100%;
  }
  .about-section .lic-name {
    font-size: 2rem;
  }
  .about-section .about-title {
    margin-top: 0;
    font-size: 2rem;
  }
}
/*COLORS*/
.text-primary {
  color: #de3b7e !important;
}

.text-secondary {
  color: #aa2c60 !important;
}

.text-aqua {
  color: #25afce !important;
}

.text-marine {
  color: #3f4c6e !important;
}

/*Fonts*/
@font-face {
  font-family: Gotham light;
  src: url(../fonts/gotham/Gotham-Light.otf);
}
@font-face {
  font-family: Gotham Bold;
  src: url(../fonts/gotham/Gotham-Bold.otf);
}
@font-face {
  font-family: Gotham Black;
  src: url(../fonts/gotham/Gotham-Black.otf);
}
.gotham-light {
  font-family: "Gotham light" !important;
}

.gotham-bold {
  font-family: "Gotham Bold" !important;
}

.gotham-black {
  font-family: "Gotham Black" !important;
}

.service-wrapper {
  padding-bottom: 5rem;
  background: transparent url(../img/consultorio-exitosos.jpg) scroll no-repeat center/cover;
  margin-top: 5rem;
}
.service-wrapper .services-flag {
  min-height: 35rem;
  background-color: #25afce;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  border-radius: 0 0 2rem 2rem;
}
.service-wrapper .service-banner {
  background-color: #25afce;
}
.service-wrapper .service-banner .main-title {
  font-size: 1.5rem;
}
.service-wrapper .s-flag {
  display: none;
}
.service-wrapper .service-paragraph {
  text-align: left;
  height: 100%;
}
.service-wrapper .ceneae-list {
  text-align: left !important;
}
.service-wrapper .ceneae-list li {
  font-family: "Gotham Bold";
}

.back-rpv {
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
}

.coming-soon {
  height: 70vh !important;
}

@media (min-width: 768px) {
  .service-banner .main-title {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .service-wrapper .service-banner {
    display: none;
  }
  .service-wrapper .s-flag {
    display: block;
  }
  .service-wrapper .service-paragraph {
    text-align: left;
  }
  .back-rpv {
    display: none;
  }
}
/*DATEFRAME*/
.date-wraper {
  min-height: 100vh;
  margin-top: 5rem;
  background: transparent url(../favicon.png) scroll no-repeat center;
  position: relative;
}
.date-wraper .date-frame {
  position: absolute;
  width: 100%;
  height: 100%;
}

/*COLORS*/
.text-primary {
  color: #de3b7e !important;
}

.text-secondary {
  color: #aa2c60 !important;
}

.text-aqua {
  color: #25afce !important;
}

.text-marine {
  color: #3f4c6e !important;
}

/*BUTTONS*/
.btn-lg {
  font-size: 0.7rem !important;
}

.btn-primary {
  color: white !important;
  background-color: #de3b7e !important;
  border-color: #de3b7e !important;
}
.btn-primary:hover {
  background-color: #aa2c60 !important;
}

.btn-primary-rounded {
  color: white !important;
  background-color: #de3b7e !important;
  border-color: #de3b7e !important;
  border-radius: 2rem;
  padding: 0.8rem 1.8rem;
  font-weight: bold;
}
.btn-primary-rounded:hover {
  background-color: #aa2c60 !important;
}

.btn-aqua-rounded {
  color: white !important;
  background-color: #25afce !important;
  border-color: #25afce !important;
  border-radius: 2rem;
  padding: 0.8rem 1.8rem;
  font-weight: bold;
}
.btn-aqua-rounded:hover {
  background-color: #25afce !important;
}

.btn-white-rounded {
  color: #25afce !important;
  background-color: white !important;
  border-color: white !important;
  border-radius: 2rem;
  padding: 0.8rem 1.8rem;
  font-weight: bold;
}
.btn-white-rounded:hover {
  background-color: whitesmoke !important;
}

.btn-primary-outline-rounded {
  color: #de3b7e !important;
  background-color: transparent !important;
  border-color: #de3b7e !important;
  border-radius: 2rem;
  padding: 0.8rem 1.8rem;
}
.btn-primary-outline-rounded:hover {
  background-color: #de3b7e !important;
  color: white !important;
}

@media (min-width: 768px) {
  .btn-lg {
    font-size: 1.25rem !important;
  }
}
.form-control {
  background: #e2e2e2 !important;
  color: #3f4c6e !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 3rem;
  padding: 0.6rem 1rem;
}

/*Fonts*/
@font-face {
  font-family: Gotham light;
  src: url(../fonts/gotham/Gotham-Light.otf);
}
@font-face {
  font-family: Gotham Bold;
  src: url(../fonts/gotham/Gotham-Bold.otf);
}
@font-face {
  font-family: Gotham Black;
  src: url(../fonts/gotham/Gotham-Black.otf);
}
.gotham-light {
  font-family: "Gotham light" !important;
}

.gotham-bold {
  font-family: "Gotham Bold" !important;
}

.gotham-black {
  font-family: "Gotham Black" !important;
}

.body-contact {
  padding: 10rem 0;
  background-color: #edf7fe !important;
}
.body-contact label {
  font-family: "Gotham Bold";
  color: #25afce;
}
.body-contact .form-control {
  background-color: white !important;
  border-radius: 0.3rem !important;
  border: 1px solid white !important;
}

/*Customs*/
body {
  font-family: "Gotham light";
  font-size: 12px !important;
}

h1 {
  font-family: "Gotham Black";
  font-size: 2.5rem;
}

h2 {
  font-family: "Gotham Black";
  font-size: 1.875rem;
}

h3 {
  font-family: "Gotham Black";
  font-size: 1.25rem;
}

p {
  font-family: "Gotham light";
}

.cursor-pointer {
  cursor: pointer;
}

.bg-glassy:before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  z-index: -1;
  width: 100%;
  height: 100%;
  filter: blur(2rem);
}

@media (min-width: 768px) {
  body {
    font-family: "Gotham light";
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) {
  .bg-glassy {
    background-color: white;
  }
}

/*# sourceMappingURL=styles.css.map */