/* @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;
}

.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;
}

.color6 {
  background: #000000;
}


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

.bg-color2 {
  background: #e8ca3c;
}

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

.bg-color4 {
  background: #b1de38;
}

.bg-color5 {
  background: #f64810;
}

.bg-color6 {
  background: #000000;
}


.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;
}

/* Video */

header {
  position: relative;

  background-color: black;

  height: 80vh;

  min-height: 25rem;

  width: 100%;

  overflow: hidden;
}

header video {
  position: absolute;

  top: 50%;

  left: 50%;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  z-index: 0;

  -ms-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;

  z-index: 2;
}

header .overlay {
  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: black;

  opacity: 0.5;

  z-index: 1;
}

/*   

  @media (pointer: coarse) and (hover: none) {

    header {

      background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;

    }

    header video {

      display: none;

    }

  } */

#header-home {
  /* background-image: url('../img/bg-header-2.jpg'); */

  background-size: cover;

  background-repeat: no-repeat;

  height: 80vh;
}

#header-page {
  /* background: rgb(0,109,183);

    background: linear-gradient(120deg, rgba(82,69,111,1) 0%, rgba(0,109,183,1) 120%); */

  background-size: cover;

  background-repeat: no-repeat;
}

.title {
  letter-spacing: -1px;
 
  position: relative; 
  left: 100px; 
  
  width :50%;

  padding: 20px;

  color: #ffffff;
}

.subtitle {
  color: #ffffff;

  background: #52456f;

  padding: 20px;
}

.subtitle h2 {
  font-size: medium;
}

section .title {
  letter-spacing: -1px;

  padding: 15px 20px;

  width: fit-content;

  color: #52456f;

  background: #e8ca3c;

  text-align: center;

  position: absolute;

  margin-top: -54px;

  z-index: 999;
}

.title-content {
  letter-spacing: -1px;

  padding: 20px;

  width: fit-content;

  color: #52456f;
  
  position: absolute;

  background: #e8ca3c;
}

.actividades-sedes {
  display: flex;

  flex-flow: wrap;
}

.btn-actividad {
  font-size: small;

  color: #52456f;

  cursor: pointer;

  border: solid thin;

  padding: 6px 30px;

  margin: 5px;

  background-color: transparent;
}

.btn-actividad:hover {
  color: #ffa900;
}

.plan-recrear {
  height: 200px;
}

/* card */

.card {
  border-top-left-radius: 0px;

  border-top-right-radius: 0px;

  border-bottom-left-radius: 0px;

  border-bottom-right-radius: 0px;
}

.card-title {
  font-size: 18px;

  font-weight: bold;
}

.card-text {
  font-size: 14px;

  line-height: 18px;

  min-height: 150px;
}

.card .bg-image {
  border-top-left-radius: 0px;

  border-top-right-radius: 0px;
}

.overlay {
  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  transition: 0.5s ease;

  background-color: #52456f;

  cursor: pointer;
}

.card:hover .overlay {
  opacity: 0.9;
}

.text {
  color: white;

  font-size: 32px;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  text-align: center;
}

.card a {
  cursor: pointer;

  display: grid;
}

.cta-banner {
  padding: 20px;

  background: rgb(0, 109, 183);

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


.cta-banner-swiimcolors {
  padding: 20px;

  background-image: url("../img/bg-swiimcolors.png");

  background-repeat: no-repeat;

  background-size: cover;
}

.cta-btn {
  cursor: pointer;

  width: fit-content;

  padding: 15px 20px;
}

.cta-btn:hover {
  color: #ffffff;
}

.link-cta {
  font-family: "Titillium Web", sans-serif;

  font-weight: 600;

  color: #52456f;

  font-size: 1.2em;
}

.link-cta:hover {
  color: #ffa900;
}

.box-sede {
  display: grid;

  height: 180px;
}

.circular {
  border-radius: 50px;

  background: #ffa900;

  padding: 10px;

  margin-right: 10px;

  font-size: 24px;

  width: 45px;

  height: 45px;

  text-align: center;
}

/* 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;
}

/* TABS */

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #52456f;

  border-color: #52456f;
}

/* TABLAS */

.table {
  font-size: 12px;
}

.table > :not(caption) > * > * {
  padding: 10px;
}

.table tbody li {
  list-style: none;
}

.table tbody li b {
  border-bottom: thin solid #d6d6d6;
}

.table > thead th {
  font-weight: bold;
}

.nav-tabs .nav-link:hover {
  background-color: rgb(198 219 255 / 25%);

  border-color: transparent;
}

.carousel-inner {
  margin-bottom: 50px;
}

/* slider item */

.carousel-item {
  height: 80vh;

  min-height: 350px;

  background: no-repeat center center scroll;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;
}


 .bg-slider-new-0 {
  background-image: url("../img/navidad-d.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}
 .bg-slider-new-1 {
  background-image: url("../img/2x1-d.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}
 .bg-slider-new-2 {
  background-image: url("../img/verano-entretenido-banner-web-d.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}
 .bg-slider-new-3 {
  background-image: url("../img/bg-slider-new-2.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}
 .bg-slider-new-4 {
  background-image: url("../img/2entradas-piscina-banner.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}

 .bg-slider-new-5 {
  /* background-image: url("../img/bg-slider-new-5.jpg"); */
  background-image: url("../img/2entradas-piscina-banner.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}

 .bg-slider-new-6 {
  background-image: url("../img/bg-slider-new-6.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}

 .bg-slider-new-7 {
  background-image: url("../img/bg-slider-new-7.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}

/* Editado por Pedro Garbarino */
 .bg-slider-new-cyber {
  background-image: url("../img/cyber-extendido-banner-web.jpg");
  background-position-y: 0px;
  background-size: 100% 100%;
}


@media (max-width: 500px) {  

.bg-slider-new-0 {
  background-image: url("../img/navidad-m.jpg");
  background-position-y: 0px;
  background-size: cover;
}
 .bg-slider-new-1 {
  background-image: url("../img/2x1-m.jpg");
  background-position-y: 0px;
  background-size: cover;
}
 .bg-slider-new-2 {
  background-image: url("../img/verano-entretenido-banner-web-m.jpg");
  background-position-y: 0px;
  background-size: cover;
}
 .bg-slider-new-3 {
  background-image: url("../img/bg-slider-new-2-mob.jpg");
  background-position-y: 0px;
  background-size: cover;
}
 .bg-slider-new-4 {
  background-image: url("../img/2entradas-mobile.jpg");
  background-position-y: 0px;
  background-size: cover;
}
 .bg-slider-new-5 {
  /* background-image: url("../img/bg-slider-new-5-mob.jpg"); */
  background-image: url("../img/2entradas-mobile.jpg");
  background-position-y: 0px;
  background-size: cover;
}
 .bg-slider-new-6 {
  background-image: url("../img/bg-slider-new-6-mob.jpg");
  background-position-y: 0px;
  background-size: cover;
}
 .bg-slider-new-7 {
  background-image: url("../img/bg-slider-new-7-mob.jpg");
  background-position-y: 0px;
  background-size: cover;
}
/* Editado por Pedro Garbarino */
 .bg-slider-new-cyber {
  background-image: url("../img/cyber-extendido-banner-mobile-web.jpg");
  background-position-y: 0px;
  background-size: cover;
}


    
}


.texto_sobre_carrusel {
  margin-top: 300px;
}

@media (max-width: 760px) {
    .texto_sobre_carrusel {
      margin-top: 210px;
    }
}

#celebrateSlide .carousel-item {
  height: auto;
  min-height: auto;
}

.freeweek-header {
   background-image:url('../img/free-week-gym.jpg');
   height: 400px;
   background-size: cover; 
}

@media (max-width: 500px) {  
    .freeweek-header {
       background-image:url('../img/free-week-gym-mob.jpg');
       height: 600px;
       background-size: cover; 
    }
}

.freeweek-bar {
   background-image:url('../img/barra-freeweek.jpg');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

@media (max-width: 500px) {  
    .freeweek-bar {
       background-image:url('../img/barra-freeweek-mob.jpg');
       background-size: contain; 
       height: 250px;
       background-repeat: no-repeat;
       background-position: center;
    }
}








/* main h2 {
  margin-left: 75px;
  padding: 15px;
  margin-bottom: 0px;
}
main img {
  width: 300px;
}
.products-container {
  display: flex;
  padding: 0px 50px;
}
.image-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.entrance-sales {
  padding: 40px;
}
.plan-sales {
  padding: 40px;
}
.birthday-sales {
  padding: 40px;
}
main h2 {
  margin-left: 10px;
}
.grid-container {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: 20px;
  text-align: center;
  margin: 20px;
}
.grid-container__img {
  width: 200px;
  margin-bottom: 20px;
  justify-content: center;
}
.grid-container__content {
  padding: 10px;
  -webkit-box-shadow: 2px 3px 14px -5px #0b0b0b;
} */