/*-------------------------------------------------------------TICKER-----------------------------------------------------------*/

.ticker {
  --ticker-duration: 35s;
  width: 100%;
  z-index: 10;
  background: #05b0ef;
  color: #fff;
  overflow: hidden;
  padding: 0.5rem;
}

.ticker__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: var(--ticker-duration);
  text-align: center;
  padding-left: 100%;
  width: max-content;
}

.ticker__inner p {
  margin: 0 2rem;
}

@keyframes ticker {
  0% {
    transform: translate3d(0%, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

/*---------------------------------------------------------------FIN TICKER---------------------------------------------*/

.ahora h4{
    text-align: center;
    font-family: 'Lato', sans-serif;
    letter-spacing: 3px;
    padding-top:5px;
}

.ahora {
    background: black;
}

.ticker_{
    background: #05b0ef;
}

.bg-azul{
    background: #05b0ef;
    padding:10px;
    color:white;
}

.bg-white{
    background: white;
    padding:10px;
    color:#05b0ef;
}

.bg-border-white{
    border:2px solid white;
	padding: 10px;
	font-size: .8em;
}

.grey{
    border-color:lightgrey;
}

.p-top-20{
    padding-top: 20px;
}

.bg-azul-celeste{
    background: #d9effc;
    padding:10px;
}

/*---------------------------------------------------------------TABS---------------------------------------------*/

.nav-tabs li a{
    color:white;
}

.sub-tabs li{
    background: white !important;
}

.sub-tabs li a{
    color:#05b0ef;
}

.nav-tabs .nav-link.active{
    background: #05b0ef !important;
     color: white !important;
}

.nav-item{
    background: #6dd8ff;
}
.sub-tabs{
    border:none !important;
}

.sub-tabs{
    margin-left:-14px;
    margin-top:10px;
}

.nav-link{
    padding: 8px 35px;
    border:3px solid #d9effc !important;
    border-radius: 0 !important;
}

.nav-tabs{
    border-bottom: 1px solid white;
}
/*-------RESPONSIVE-------------------------------------------*/

@media only screen and (max-width: 767px) {
    
    .desktop{
        display:none;
    } 
    
     .movil{
        display:block;
    } 
    
}

@media only screen and (min-width: 768px) {
     
    .desktop{
        display:block;
    } 
     .movil{
        display:none;
    } 
    
    
    
}









/*---------------------------------------------------------------FIN TABS---------------------------------------------*/