@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* tipografias */
.josefin{ font-family: "Josefin Sans", sans-serif}
body{  font-family: "Lato", sans-serif;
  }
  
  /* colores */

.azul-marino{color:#00629d ;}
.azul-claro{color: #7198d0;}
.azul-oscuro{color: rgb(47, 59, 200);}
.violeta{color: rgb(235,222,245);}
.gris {color: rgb(100, 110, 120);}

.bg-violeta{background: rgb(235,222,245);}
.bg-azul-oscuro{background: rgb(47, 59, 200)}
.bg-azul-marino{background-color: #00629d ;}
.bg-degradado{background: linear-gradient(90deg, rgba(47,59,200,1) 20%, rgba(206,7,135,1) 100%);}
.bg-degradado-amarillo{background: linear-gradient(96deg, rgba(254,175,24,1) 0%, rgba(253,220,104,1) 86%, rgba(249,196,70,1) 100%);
}
.bg-gris{background:  rgb(100, 110, 120);}
.bg-wdw{background-color: #2a3690;}
.texto-wdw{color:#2a3690}
.texto-degradado {
    background: rgb(47,59,200);
background: linear-gradient(90deg, rgba(47,59,200,1) 20%, rgba(206,7,135,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;  
  }

  .bg-cruceros{background: rgb(109,189,196);
    background: linear-gradient(0deg, rgba(109,189,196,1) 0%, rgba(18,109,179,1) 100%);}



  .separator {
    width: 30%;
    height: 1px; /* Ajusta el grosor de la línea */
    background: linear-gradient(to right, transparent, #7198d0, transparent); /* Gradiente con los extremos transparentes */
    margin: 0 auto;
  }

  .slick-arrow:before, .slick-arrow:after{color: blue !important;}

  .slick-arrow.slider-next:before{ content: "\e649" !important;}
  .slick-arrow.slider-prev:before{ content: "\e64a" !important;}


  .controls-mouseover .slick-arrow {opacity: 1 !important;}



  @media only screen and (min-width:300px){
    .modern-nav {height: 90px;}
    .modern-nav .nav-container {height: auto;}

    .modern-nav a.logo2 img{max-width: 150px !important;}
  }
  @media only screen and (min-width:500px){


  
  }

  @media only screen and (min-width:992px){

  .content-slider .slick-arrow.slider-next {
    margin-top: 0px !important;
}

.content-slider .slick-arrow.slider-prev {
    margin-top: 0px !important;
}
.modern-nav a.logo img{max-width: 150px; max-height: 80px;}
.modern-nav a.logo2 img{max-width: 250px !important;}

.modern-nav a.logo3 img{max-width: 180px; }

}
@media only screen and (min-width:1900px){
  .modern-nav a.logo img{max-width: 170px; max-height: 90px;}
  .modern-nav a.logo3 img{max-width: 210px; }


}
.magic-text {
  font-size: 10px;
  text-shadow: 0 0 10px rgba(6, 175, 181, 0.5);
  opacity: 0;
  letter-spacing: 0px;
  animation: magicEffect 3s forwards;
}

@keyframes magicEffect {
  0% {
      font-size: 10px;
      opacity: 0;
      filter: blur(10px);
      letter-spacing: 0px;
      text-shadow: none;
  }

  10% {
    font-size: 25px;
    opacity: 0.8;
    filter: blur(8px);
    letter-spacing: 4px;
    text-shadow: 0 0 20px rgba(255, 255, 255, 1);
}

  100% {
      font-size: 30px;
      opacity: 1;
      filter: blur(0);
      letter-spacing: 15px;
      text-shadow: 0 0 20px rgba(255, 255, 255, 1);
  }
}

.cbp img{border-radius: 20px;}
.cbp a, .cbp a:hover, .cbp a:active{border-radius: 20px;}
.espectaculos-texto{position: relative; top:-60px; padding: 50px 30px; z-index: 4; height: 200px;}
.onda-espectaculos{position: relative; top: -50px; z-index: 4;}

.image-container {
  position: relative;


}




.glow-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Optional shadow for the image itself */
}

.image-container::before,
.image-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(96deg, rgba(35,169,227,1) 0%, rgba(9,9,121,0) 45%, rgba(244,16,162,1) 100%);

  filter: blur(8px);
  animation: rotateGlow 20s infinite linear; /* Duration adjusted for slow, subtle rotation */

}


@keyframes rotateGlow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.novedades-texto{position: relative; top: -60px;}