/*TUNER*/

.seccion-transparente {
    background: transparent;
    width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
    font-size: 1em;
    padding: 20px;
}

.boton-tuner1 {
    background: #0f0;
    margin: 5px;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
    margin: 20px;
    font-size: 2em;
}

.boton-tuner2 {
    background: #f00;
    margin: 5px;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
    margin: 20px;
    font-size: 2em;
}

.boton-tuner3 {
    background: #0f0;
    margin: 5px;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
}

.boton-nota {
    background: #fff;
    margin: 5px;
    color: #000;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
}

.boton-nota2 {
    background: #000;
    margin: 5px;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
}

.boton-p2 {
    background: #00f;
    margin: 5px;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
}

.boton-d2 {
    background: #f00;
    margin: 5px;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
}

.boton-tuner1:hover {
    background: #ffa500;
}

.boton-tuner2:hover {
    background: #ffa500;
}

.boton-tuner3:hover {
    background: #ffa500;
}

.boton-nota:hover {
    background: #ffa500;
}

.boton-nota2:hover {
    background: #ffa500;
}

.boton-p2:hover {
    background: #ffa500;
}

.boton-d2:hover {
    background: #ffa500;
}

.boton-tuner1:focus {
    outline: none;
}

.boton-tuner2:focus {
    outline: none;
}

.boton-tuner3:focus {
    outline: none;
}

.boton-nota:focus {
    outline: none;
}

.boton-nota2:focus {
    outline: none;
}

.boton-p2:focus {
    outline: none;
}

.boton-d2:focus {
    outline: none;
}

.slider-tuner {
    width: 80%;
    margin: 20px;
}

.input-tuner::placeholder {
  color: #aaa;
  line-height: 1;
}

.input-tuner {
    max-width: 270px;
    border-radius: 5px;
    font-size: 1em;
    padding: 5px;
    border: 0px;
    background: #0009;
    color: #fff;
    line-height: 1;

}

.input-tuner:focus {
    outline: none;
    background: #0005;
    line-height: 1;
}

.slider-tuner:focus {
    outline: none;
}


.show-Frequency {
    color: #f00;
    font-size: 1.4em;
    background: #0009;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 4px;
}

.show-NOTA {
    color: #e0ff00;
    font-size: 2em;
    background: #0009;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 4px;
}

.show-semitono {
    color: #0f0;
    font-size: 1em;
    background: #0009;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin:5px;
}

.show-notaCorrecta {
    color: #0f0;
    font-size: 1em;
    background: #0009;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin:5px;
}

.show-cents {
    color: #0f0;
    font-size: 1em;
    background: #0009;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin:5px;
}

.label {
    color: #fff;
    font-size: 1em;
    background: #0009;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 2px;
}


@media screen and (min-width: 768px) {
    .slider-tuner {
        width: 50%;
        margin: 20px;
    }
}