@import url("https://fonts.googleapis.com/css2?family=Anton&family=Antonio:wght@100..700&family=Gloria+Hallelujah&family=League+Gothic&family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&family=Poiret+One&family=Reenie+Beanie&family=Waiting+for+the+Sunrise&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  color: #164b4b;
}

.menu-1 .navbar-1 {
  gap: 1rem;
}
@media screen and (max-width: 810px) {
  .menu-1 .navbar-1 {
    gap: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
}
.menu-1 .navbar-1 .nav-link {
  font-family: "Open Sans", sans-serif;
  color: #2b9999 !important;
}
.menu-1 .navbar-1 .nav-link:hover {
  color: #164b4b !important;
}
.menu-1 .navbar-1 .span-menu {
  display: flex;
  align-self: center;
  color: #2b9999;
}

@media screen and (max-width: 768px) {
  .nav-menu-1, .menu-1, .menu-1-btn {
    display: none;
    padding: 0;
    margin: 0;
  }
}

.nav-menu-2, .menu-2, .menu-2-btn, .offcanvas-1 {
  display: none;
}
@media screen and (max-width: 767px) {
  .nav-menu-2, .menu-2, .menu-2-btn, .offcanvas-1 {
    display: flex;
  }
}

.nav-menu-2 {
  padding: 0;
  margin: 0;
}
.nav-menu-2 .btn {
  padding: 0;
  margin: 0;
}
.nav-menu-2 .bi-list {
  color: #164b4b;
  font-size: 5rem;
  padding: 0;
}

.titulo-logo {
  background-color: transparent;
}

@media screen and (min-width: 450px) and (max-width: 1030px) {
  .div-titulo-texto {
    text-align: end;
    display: flex;
    justify-content: right;
  }
}
@media screen and (max-width: 449px) {
  .div-titulo-texto {
    text-align: center;
  }
}

.titulo-texto {
  font-family: "Reenie Beanie", cursive;
  font-size: 2.5rem;
  font-weight: 400;
  color: #2b9999;
  background-color: transparent;
  text-decoration: none;
}
@media screen and (max-width: 1030px) {
  .titulo-texto {
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 1052px) and (min-width: 850px) {
  .titulo-texto {
    margin-left: 12rem;
  }
}
@media screen and (max-width: 849px) and (min-width: 780px) {
  .titulo-texto {
    margin-left: 8rem;
  }
}
@media screen and (max-width: 781px) and (min-width: 600px) {
  .titulo-texto {
    margin-left: 2rem;
    text-align: end;
  }
}
@media screen and (max-width: 599px) and (min-width: 401px) {
  .titulo-texto {
    font-size: 1.5rem;
    margin-left: 2rem;
    text-align: end;
  }
}
@media screen and (max-width: 400px) {
  .titulo-texto {
    font-size: 2rem;
    margin: 0;
  }
}

.carousel-titulo {
  font-family: "Antonio", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2rem;
}
@media screen and (max-width: 768px) {
  .carousel-titulo {
    font-size: 1.8rem;
    margin-left: 5rem;
    margin-right: 5rem;
  }
}
@media screen and (max-width: 400px) {
  .carousel-titulo {
    font-size: 1.5rem;
    margin: 0;
  }
}

.carousel-parrafo {
  font-weight: 200;
  font-size: 1.8rem;
  color: white;
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
  .carousel-parrafo {
    font-size: 1.2rem;
  }
}

.div-subtitulos a {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #2b9999;
  background-color: transparent;
  text-align: left;
}
@media screen and (max-width: 1122px) {
  .div-subtitulos a {
    font-size: 0.9rem;
  }
}
.div-subtitulos a:hover {
  color: #d58256 !important;
}
.div-subtitulos p {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}
.div-subtitulos p:hover {
  color: #d58256 !important;
}
.div-subtitulos h2:hover {
  color: #d58256 !important;
}
.div-subtitulos i:hover {
  color: #d58256 !important;
}

.btn-close {
  color: white;
}

.bi-hand-index-thumb {
  font-size: 1rem;
  transform: rotate(3.142rad);
}

.subtitulos {
  font-family: "Antonio", sans-serif;
  font-size: 3rem;
  color: #164b4b;
}
@media screen and (max-width: 434px) {
  .subtitulos {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 372px) {
  .subtitulos {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 656px) {
  .divs-horarios {
    padding: 0;
    margin: 0;
  }
}
.divs-horarios p {
  font-family: "Antonio", sans-serif;
  font-size: 1.5rem;
}
@media screen and (max-width: 1220px) {
  .divs-horarios p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 560px) {
  .divs-horarios p {
    font-weight: 200;
  }
}
@media screen and (max-width: 560px) {
  .divs-horarios p {
    font-size: 0.8rem;
    margin: 0;
    text-align: center;
    padding-bottom: 0.5rem;
  }
}

.nivel-suave {
  background-color: #45d1cd;
}
.nivel-suave p {
  color: white;
}

.nivel-intermedio {
  background-color: #2b9999;
}
.nivel-intermedio p {
  color: white;
}

.nivel-avanzado {
  background-color: #164b4b;
}
.nivel-avanzado p {
  color: white;
}

.dia-semana {
  font-family: "Antonio", sans-serif;
  font-size: 2rem;
  color: #164b4b;
}
@media screen and (max-width: 1220px) {
  .dia-semana {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 560px) {
  .dia-semana {
    font-size: 1rem;
    font-weight: 200;
  }
}

.hora-semana {
  color: #164b4b;
}
@media screen and (max-width: 1220px) and (min-width: 1176) {
  .hora-semana {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 652px) {
  .hora-semana {
    font-size: 1rem;
  }
}

@media screen and (max-width: 400px) {
  .card-body-pack {
    padding: 0;
    margin: 0;
  }
}

.card-texto {
  font-family: "Antonio", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  color: #164b4b;
}
@media screen and (max-width: 1220px) and (min-width: 1176) {
  .card-texto {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 679px) {
  .card-texto-2 {
    padding-top: 1rem;
  }
}

.card-descripcion {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  text-align: center;
  line-height: 1rem;
}
.card-descripcion small {
  font-size: 0.8rem;
}

.boton-inscribirme {
  font-family: "Antonio", sans-serif;
  font-size: 1.5rem;
}

.footer-1 a, .footer-1 i {
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  color: white;
  background-color: transparent;
  font-size: 1rem;
}
@media screen and (max-width: 560px) {
  .footer-1 a, .footer-1 i {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 452px) {
  .footer-1 a, .footer-1 i {
    font-size: 0.8rem;
  }
}
.footer-1 a:hover {
  color: #acd0cf !important;
}
.footer-1 i:hover {
  color: #acd0cf !important;
}
@media screen and (max-width: 600px) {
  .footer-1 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.footer-2 h5 {
  font-family: "Reenie Beanie", cursive;
  font-size: 2.5rem;
  color: white;
}
@media screen and (max-width: 1063px) {
  .footer-2 h5 {
    font-size: 2rem;
  }
}

.footer-3 a {
  background-color: transparent;
}

.card-rrss {
  text-decoration: none;
  color: white;
}

.copyright {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 200;
}

.card-somos-titulo, a {
  font-family: "Antonio", sans-serif;
  font-weight: 200;
  font-size: 2rem;
  background-color: #acd0cf;
}
@media screen and (max-width: 400px) {
  .card-somos-titulo, a {
    font-size: 1.5rem;
  }
}

.card-somos-parrafo {
  font-family: "Open Sans", sans-serif;
  font-size: 0.9rem;
  text-align: justify;
}

.bi-arrow-right-circle {
  color: #2b9999;
  font-size: 2rem;
}
@media screen and (max-width: 400px) {
  .bi-arrow-right-circle {
    font-size: 1rem;
  }
}

.modal-titulo .modal-texto {
  font-family: "Open Sans", sans-serif;
}

.modal-titulo {
  background-color: #acd0cf;
}
.modal-titulo h5 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: white;
  font-size: 1.5rem;
}
@media screen and (max-width: 400px) {
  .modal-titulo h5 {
    font-size: 1rem;
  }
}

.modal-clases-parrafos {
  font-family: "Open Sans", sans-serif;
  font-size: 0.9rem;
  text-align: justify;
  color: #164b4b;
}

.modal-suave, .modal-intermedio, .modal-avanzado {
  padding: 1rem 1rem;
  border-radius: 1rem;
  width: 100%;
}
.modal-suave p, .modal-intermedio p, .modal-avanzado p {
  color: white;
  font-family: "Antonio", sans-serif;
  font-size: 1.5rem;
}

.modal-suave {
  background-color: #45d1cd;
}

.modal-intermedio {
  background-color: #2b9999;
}

.modal-avanzado {
  background-color: #164b4b;
}

.modal-cond-subtitulos {
  font-family: "Antonio", sans-serif;
  font-weight: 200;
  font-size: 1.5rem;
  text-align: justify;
}

.cond-lista {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 200;
}

.div-inscribete a {
  font-size: 2rem;
}
.div-inscribete a :hover {
  color: #d58256;
}

.titulos-servicios {
  width: 100%;
}

.servicios-yoga {
  background-color: #acd0cf;
}

.servicio-hipo {
  background-color: #2b9999;
}

.servicio-masaje {
  background-color: #45d1cd;
}

.servicio-tarot {
  background-color: #efb08f;
}

.servicio-flores {
  background-color: #d76e36;
}

.servicio-dmt {
  background-color: #401a06;
}

.mensaje-envio {
  color: #d58256 !important;
}

.offcanvas {
  background-color: #acd0cf;
}
.offcanvas .offcanvas-body {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 1.5rem;
  text-align: center;
}
.offcanvas .offcanvas-body a:hover {
  color: #d58256;
}

.header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 3rem 0 3rem;
  position: sticky;
  top: 0;
  z-index: 1020;
  background-color: white;
}
.header .nav-logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 400px) {
  .header .nav-logo {
    flex-direction: column;
  }
}
.header .nav-logo .logo {
  height: 8rem;
}
.header .nav-menu {
  display: flex;
  justify-items: center;
  align-items: end;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .header .navbar-nav {
    gap: 0;
  }
}
@media screen and (max-width: 600px) {
  .header {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.prop-scroll {
  scroll-margin-top: 14rem;
}
@media screen and (max-width: 400px) {
  .prop-scroll {
    scroll-margin-top: 12rem;
  }
}

.carousel-item {
  height: 30rem;
}
.carousel-item img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 990px) {
  .carousel-item {
    height: 25rem;
  }
}
@media screen and (max-width: 768px) {
  .carousel-item {
    height: 20rem;
  }
}

.div-subtitulos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding-left: 3rem;
}
.div-subtitulos a i {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1122px) {
  .div-subtitulos {
    align-items: left;
  }
}
@media screen and (max-width: 991px) {
  .div-subtitulos {
    align-items: center;
    padding: 0;
  }
}

.contenedor-cajas {
  padding: 3rem 3rem;
}
@media screen and (max-width: 431px) {
  .contenedor-cajas {
    padding-left: 2.5rem;
    padding-right: 1rem;
  }
}

.caja-1 {
  background-color: #acd0cf;
}
.caja-2 {
  background-color: #acd0cf;
}

.card-img-custom {
  height: 8rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.div-card-pack {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  gap: 1rem;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 600px) {
  .div-card-pack {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
}

.div-contacto {
  padding: 3rem 3rem;
}

.caja-formulario {
  border: solid 1px #164b4b;
  border-radius: 1rem;
  padding: 3rem;
}
@media screen and (max-width: 400px) {
  .caja-formulario {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 500;
  }
}

.boton-inscribirme {
  background-color: #d76e36;
  color: white;
  border: 1px solid #d76e36;
}

.footer {
  background-color: #2b9999;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media screen and (max-width: 600px) {
  .footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.footer .footer-1 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 0.2rem;
}
.footer .footer-1 a {
  text-decoration: none;
}
.footer .footer-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.footer .footer-3 {
  display: flex;
  align-content: center;
  justify-content: end;
}
@media screen and (max-width: 530px) {
  .footer .footer-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.footer .footer-3 .logo-footer {
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 530px) {
  .footer .footer-3 .logo-footer {
    height: 8rem;
  }
}

.img-card-modal {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 600px) {
  .img-card-modal {
    height: 10rem;
    -o-object-position: top;
       object-position: top;
  }
}

.offcanvas-1, .offcanvas-body {
  background-color: #acd0cf;
}

.modal-body-servicios {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 600px) {
  .modal-body-servicios {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}/*# sourceMappingURL=main.css.map */