/* @import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&family=Libre+Franklin:wght@300;700&display=swap'); */

@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;700&display=swap");

html {
  scroll-behavior: smooth;
  width: 100%;
}

.anchor {
  display: block;

  height: 115px; /*same height as header*/

  margin-top: -115px; /*same height as header*/

  visibility: hidden;
}

body {
  font-family: "Titillium Web", sans-serif;
}

.color1 {
  color: #006db7;
}

.color2 {
  color: #e8ca3c;
}

.color3 {
  color: #52456f;
}

.color4 {
  color: #b1de38;
}

.color5 {
  color: #f64810;
}

.bg-color1 {
  background: #006db7;
}

.bg-color2 {
  background: #e8ca3c;
}

.bg-color3 {
  background: #52456f;
}

.bg-color4 {
  background: #b1de38;
}

.bg-color5 {
  background: #f64810;
}

.tipo1 {
  font-family: "Titillium Web", sans-serif;
}

.tipo2 {
  font-family: "Titillium Web", sans-serif;
}

/* Nav */

.menu-recrear a.nav-link {
  margin: 15px 5px;
}

.menu-recrear a.nav-link:hover {
  color: #b1de38 !important;
}

.nav-link.disabled {
  color: #b1de38;

  pointer-events: none;

  cursor: default;
}

.menu-recrear .cta {
  color: #52456f;

  background-color: #e8ca3c;

  width: fit-content;

  padding: 10px 20px;

  border-radius: 50px;

  display: flex;
}

.menu-recrear .cta-tienda {
  color: #52456f;

  background-color: #b1de38;

  width: 45px;

  height: 45px;

  line-height: 33px;

  text-align: center;

  border-radius: 50px;

  padding: 10px;

  margin: 5px;
}

.menu-recrear .cta-intranet {
  color: #ffffff;

  background-color: #52456f;

  width: 45px;

  height: 45px;

  line-height: 33px;

  text-align: center;

  border-radius: 50px;

  padding: 10px;

  margin: 5px;

  display: none !important;
}

.cta {
  width: fit-content;

  padding: 15px 30px;

  border-radius: 50px;

  display: inline-block;
}

a.cta:hover {
  color: #ffffff;
}
/* footer */

footer a {
  font-size: small;

  color: #ffffff;
}

footer a:hover {
  color: #e8ca3c;
}

.bg-footer {
  background: rgb(45, 42, 53);

  background: linear-gradient(
    120deg,
    rgba(45, 42, 53, 1) 0%,
    rgba(82, 69, 111, 1) 50%
  );
}

.height-iframe {
  height: 450px;
}

.content_wrap {
  padding: 40px;
  margin: 0 auto;
}

@media (max-width: 1439px) {
  .content_wrap,
  .content_container {
    width: 1000px;
    margin: 0 auto;
  }
}

.bg-clases {
  background: url("https://www.recrear.cl/tienda/wp-content/uploads/2018/05/logo-web-recrear.png");
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.bg-florida {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2019/12/fit_Club_recrear-760x507.jpg);
}

.bg-cisterna {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2019/12/Strong_Zumba_Club_Recrear-760x507.jpg);
}

.bg-macul {
  background: url("https://www.recrear.cl/tienda/wp-content/uploads/2019/12/trx_club_recrear-760x507.jpg");
}

.bg-quilin {
  background: url("https://www.recrear.cl/tienda/wp-content/uploads/2019/12/gimnasio_Club_Recrear_Quilin-760x507.jpg");
}

.bg-trx {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2019/12/trx-1.jpg);
}

.bg-hidrogimnasia {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2019/12/hidrogimnasia_club_recrear-760x507.jpg);
}

.bg-indoorcycling {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2019/12/cycling_club_recrear-760x507.jpg);
}

.bg-crosstrainning {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2019/12/entrenamiento-funcional.jpg);
}

.bg-orange {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2019/12/orange_club_recrear-760x507.jpg);
}

.bg-funcionalkids {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/funcional-kids-150x150.jpg);
}

.bg-gimnasio,
.bg-gymfuerza {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/gym-fuerza-150x150.jpg);
}

.bg-urbandancekids {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/Urban-Dance-Kids-150x150.jpg);
}

.bg-yogakids {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/yoga-150x150.jpg);
}

.bg-funcionalbike {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/funcional-bike-150x150.jpg);
}

.bg-circuittraining {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/circuit-training-150x150.jpg);
}

.bg-aerobox {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/aerobox-150x150.jpg);
}

.bg-baile {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/baile-150x150.jpg);
}

.bg-boxeo {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/boxeo-150x150.jpg);
}

.bg-entrenamientoclinico {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/entrenamiento-clinico-150x150.jpg);
}

.bg-danza_arabe {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/danza-arabe-150x150.jpg);
}

.bg-defensa_personal {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/defensa-personal-150x150.jpg);
}

.bg-entrenamiento_funcional {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/entrenamiento-funcional-150x150.jpg);
}

.bg-fitball2 {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/fitball-2-150x150.jpg);
}

.bg-fitball {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/fitball-150x150.jpg);
}

.bg-fullbody {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/full-body-150x150.jpg);
}

.bg-funcional_bike2 {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/funcional-bike-2-150x150.jpg);
}

.bg-strong,
.bg-strongbyzumba {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/strong-150x150.jpg);
}

.bg-gap {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/gap-150x150.jpg);
}

.bg-gymcardio {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/gym-cardio-150x150.jpg);
}

.bg-halterofilia {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/halterofilia-150x150.jpg);
}

.bg-hidropilates {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/hidropilates-150x150.jpg);
}

.bg-hiit {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/hiit-150x150.jpg);
}

.bg-nadolibre {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/nado-libre-150x150.jpg);
}

.bg-pilates {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/pilates-1-150x150.jpg);
}

.bg-powerdance {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/power-dance-150x150.jpg);
}

.bg-running {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/running-150x150.jpg);
}

.bg-taekwondo_adultos {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/taekwondo-adultos-150x150.jpg);
}

.bg-taekwondo_kids {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/taekwondo-kids-150x150.jpg);
}

.bg-yoga {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/yoga-150x150.jpg);
}

.bg-zumba {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/zumba-150x150.jpg);
}

.bg-zumbafitdance {
  background: url(https://www.recrear.cl/tienda/wp-content/uploads/2020/07/zumba-150x150.jpg);
}

.bg-crosstrainningavanzado {
  background: url();
}

.bg-crosstrainningintermedio {
  background: url();
}

.bg-clases {
  padding: 0px !important;
  background-position: center;
  height: 25vh;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  background-position: center;
}

.bg-florida {
  padding: 0px !important;
  background-position: center !important;
}

.bg-cisterna {
  padding: 0px !important;
  background-position: center !important;
}

.bg-macul {
  padding: 0px !important;
  background-position: center !important;
}

.bg-quilin {
  padding: 0px !important;
  background-position: center !important;
}

@media (max-width: 500px) {
  .bg-clases {
    height: 12vh;
  }
}

.planes-premium .v-calendar-column {
  display: none !important;
}

.planes-premium .amelia-app-booking #am-events-booking .am-event-list {
  margin-top: 0.5px;
}

.a.bg-blue.ver-clase {
  border-radius: 0.5rem;
  padding: 0.8rem;
  margin: 10px 0;
  font-weight: 700;
  background: #1996cd;
  color: #fff;
}

a#drop_mis_clases {
  border-radius: 0.5rem;
  padding: 0.8rem;
  margin: 10px 0;
  font-weight: 700;
  background: #1996cd;
  color: #fff;
}

a#drop_mis_clases.ver-clase:hover,
a#drop_mis_clases.ver-clase:focus,
a#drop_mis_clases.ver-clase:active {
  background-color: #037aae;
}

#drop_mini_clases:hover,
#drop_mini_clases:focus,
#drop_mini_clases:active {
  background-color: green !important;
}

.boton_eliminar {
  max-width: 120px;
  border-radius: 40px;
  background-color: #ffa900;
  border: 0;
  color: #4f4f4f;
}

.boton_eliminar:hover {
  color: #ffffff;
}

.boton_cerrado {
  max-width: 120px;
  border-radius: 40px;
  background-color: grey;
  border: 0;
  color: #ffffff;
}

@media (max-width: 457px) {
  .columna-nro {
    display: none;
  }
}

.datos_container {
  text-align: center;
}

.calendar_container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: auto;
  align-content: start;
  margin: 0 20px;
}
.calendar_container-item {
  text-align: center;
  flex: 1 0 auto;
  cursor: pointer;
}

.seleccion-dia:hover {
  font-weight: bold;
}

.seleccion-dia:active {
  font-weight: bold;
}
.seleccion-dia {
  text-decoration: none;
  all: unset;
}

.seleccion-dia:hover {
  color: #495057;
  text-decoration: none;
}
.calendar_container-item {
  border: 0.5px solid rgb(204, 203, 203);
}

.nombre-dia {
  background-color: #006eb7;
  color: white;
}

.siguiente > img:hover {
  transform: scale(1.2);
}

.anterior > img:hover {
  transform: scale(1.2);
}

@media (min-width: 1064px) {
  .calendar_container-item {
    text-align: center;
    flex: 1 0 auto;
    flex-basis: 159px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}

@media (min-width: 575px) {
  .container-button {
    display: none;
  }
}

@media (max-width: 575px) {
  .siguiente,
  .anterior {
    display: none;
  }
}

@media (max-width: 479px) {
  .content_wrap {
    padding: 0;
  }
}