html{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
}
.g-recaptcha {
    display: inline-block;
}
.btn-encuesta-form{
    background-color: #0098c7;
    color: white;
    padding: 10px;
    font-size: large;
    font-weight: bold;
    border-radius: 5px;
    border: 2px solid white
}

.btn-encuesta-form:hover{
    background-color: white;
    color: #0098c7;
}
.btn-enviar-form{
    background-color: white;
    color: #0098c7;
    margin: 10px;
    padding: 10px;
    font-size: large;
    font-weight: bold;
    border-radius: 5px;
    border: 2px solid #0098c7;

}
.encuesta{
    display:flex;
    justify-content:center;
    align-items: center;
}
.btn-enviar-form:hover{
    background-color: #0098c7;
    color: white;
}

.clasificacion {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
    justify-content:space-between;
    align-items: center;

}

.clasificacion input {
    text-align: center;
    position: absolute;
    top: -100px;
}


.clasificacion label {
    float: right;
    color: grey;
    font-size: 35px; 
    text-align: center;
    align-items: center;

}

.clasificacion label:hover,
.clasificacion label:hover ~ label,
.clasificacion input:checked ~ label {
    color: #e5610f;
}
 #pregunta_7{
     display: none;
 }
 #pregunta_16{
     display: none;
 }
 #pregunta_18{
     display: none;
 }
 #pregunta_22{
     display: none;
 }
 #demografia{
    display: none;
 }
 #sastifaccion{
    display: none;
 }
 #null{
    display: none;  
 }