/* AUDIO MARCA INICIAL */ 
#st1-marca {
  display: none;
}   
   
   /* COLORES */ 
  .track{ font-size: 1.5em ;text-align:left }
  .blanco{ color:  #fff ; }
  .negro{ color:  #000 ; }
  .rojo{ color:  #ff0000 ; }
  .verde{ color:  #15b517 ; }
  .fucsia{ color:  #ff0094 ; }
  .lila{ color:  #d47ffc ; }
  .celeste{ color:  #009dff ; }
  .celeste2{ color: #00f0ff ; }
  .naranjo{ color:  #ffa200 ; }
  .amarillo{ color:  #faff2d ; }
  .morado{ color:  #7900ff ; }
  .verde2{ color:  #00ff8f ; }
  .azul{ color: #1a80ff ; }


   /* BARRAS NEON EQ */ 
.b-1{ background: #00f0ff;
  box-shadow: 0px 0px 0 #4000ff,
    0px 0px 4px #3000ff,
    0px 0px 8px #2000ff,
    0px 0px 16px #1000ff;}
    
.b-2{ background: #0000ff;
  box-shadow: 0px 0px 0 #4000ff,
    0px 0px 4px #3000ff,
    0px 0px 8px #2000ff,
    0px 0px 16px #1000ff;}
    
.b-3{ background: #9400ff;
  box-shadow: 0px 0px 0 #4000ff,
    0px 0px 4px #3000ff,
    0px 0px 8px #2000ff,
    0px 0px 16px #1000ff;}
    
.b-4{ background: #ff00ce;
  box-shadow: 0px 0px 0 #4000ff,
    0px 0px 4px #3000ff,
    0px 0px 8px #2000ff,
    0px 0px 16px #1000ff;}
    
.barra1 {
  margin-top:0.5rem;
  margin-left:0%;
  position: relative;
}    
.h-barra {
  margin-top:-30px;
  margin-left:0%;
  position: relative;
}

.top1{
  height: 1px;
  animation:top 1s linear infinite;
}

.top2{
  height: 1px;
  animation:top 0.7s linear infinite;
}

.top3{
  height: 1px;
  animation:top 0.4s linear infinite;
}

.top4{
  height: 1px;
  animation:top 0.6s linear infinite;
}

.boton-escucha img {
    width:1.8rem;
} 

.boton-escucha {
    margin-bottom: 20px;
    padding: 3px 10px;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.6);
      border-radius: 5px;
}    
   
   
@keyframes top{
  0%  {width: 70%; top: 0; left: 0;}
  33% {width: 0; top:0; left: 0;}
  66% {width: 100%; top:0; left: 0;}
  100% {width: 0; top:0; left: 0;}
}
   /* FIN BARRAS NEON */