.wc-encuesta {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 5px;
}
.wc-encuesta-user-info {
margin-bottom: 20px;
}
.wc-encuesta-field {
margin-bottom: 15px;
}
.wc-encuesta-field label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.wc-encuesta-field input,
.wc-encuesta-field textarea,
.wc-encuesta-question input[type="text"],
.wc-encuesta-question textarea {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box; }
.wc-encuesta-question {
margin-bottom: 20px;
}
.wc-encuesta-question p {
font-weight: bold;
margin-bottom: 10px;
}
.wc-encuesta-submit {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.wc-encuesta-submit:hover {
background-color: #45a049;
}
.wc-encuesta-scale {
margin-top: 10px;
}
.wc-encuesta-scale input[type="range"] {
width: 100%;
margin-bottom: 5px;
}
.wc-encuesta-scale-labels {
display: flex;
justify-content: space-between;
font-size: 0.9em;
color: #666;
}
.scale-min, .scale-max {
flex-shrink: 0;
width: 100px; text-align: center;
}
.scale-min {
text-align: left;
}
.scale-max {
text-align: right;
} .wc-encuesta-question input[type="checkbox"],
.wc-encuesta-question input[type="radio"] {
width: auto;
margin-right: 5px;
}
.wc-encuesta-field input[readonly] {
background-color: #f0f0f0;
cursor: not-allowed;
}