/* Paleta y tipografía del sitio municipal mq_style.css. */
html{min-height:100%}
body{font-family:var(--font-text);background:var(--mq-light-gray);color:var(--mq-blue);line-height:1.6;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0}
.cabecera-encuesta,.pie-encuesta{flex-shrink:0}
main.contenedor-encuesta{flex:1 0 auto;width:100%;box-sizing:border-box}
.cabecera-encuesta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100vw - 960px)/2));background:white;border-bottom:4px solid var(--mq-green)}
.cabecera-encuesta img{display:block;max-width:100%;height:auto}.contenedor-encuesta{max-width:960px;margin:36px auto;padding:0 20px}h1{font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.2;margin-bottom:28px}h2{font-size:1.6rem;margin-bottom:16px}h3{margin-top:16px}p{margin:0 0 16px}
.tarjeta{background:white;padding:clamp(20px,4vw,36px);border-radius:12px;box-shadow:var(--shadow-soft);margin-bottom:24px}.pregunta{border:0;border-bottom:1px solid #ddd;padding:22px 0}.pregunta:last-child{border-bottom:0}legend{font-weight:600;float:none;width:100%;margin-bottom:12px}.alternativa{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d7dadf;border-radius:8px;margin:8px 0;cursor:pointer}.alternativa:has(input:checked){border-color:var(--mq-green);background:#f4f8ea}input[type=radio],input[type=checkbox]{width:20px;height:20px;accent-color:var(--mq-blue);flex-shrink:0}.entrada{display:block;width:100%;padding:12px;border:1px solid #b8bfca;border-radius:8px;font:inherit;margin:8px 0}.afirmacion{border:0;padding:18px 0;border-bottom:1px solid #eee}.afirmacion legend{font-weight:400}.escala{display:flex;flex-wrap:wrap;gap:12px}.escala label{display:flex;align-items:center;gap:8px;padding:8px}.omitir{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:var(--mq-blue);padding:8px;font:inherit}.ayuda{font-size:.92rem;color:#4b5264;margin:12px 0}.acciones{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.btn{cursor:pointer;font:inherit;border:1px solid var(--mq-blue);background:white;color:var(--mq-blue)}.acciones .btn-primary,form>.btn-primary{background:var(--mq-green);color:var(--mq-blue)!important;border-color:var(--mq-green)}.pie-encuesta{text-align:center;padding:30px;background:var(--mq-blue);color:white}.error{border-left:5px solid var(--mq-orange)}progress{width:100%;height:12px;accent-color:var(--mq-green)}.trampa{position:absolute;left:-10000px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--mq-orange);outline-offset:3px}[hidden]{display:none!important}@media(max-width:550px){.cabecera-contexto{display:none}.escala{gap:4px}.escala label{padding:6px}}
.tarjeta>fieldset{border:0;padding:0;min-width:0}

/* Cabecera institucional: logo existente de quillota.cl sobre azul municipal. */
.cabecera-encuesta{background:var(--mq-blue);color:var(--mq-white);padding:24px max(20px,calc((100vw - 960px)/2));border-bottom:5px solid var(--mq-green)}
.cabecera-marca{display:flex;align-items:center;gap:24px;min-width:0;color:var(--mq-white)!important;text-decoration:none}
.cabecera-encuesta .cabecera-marca img{width:103px;height:120px;object-fit:contain;flex-shrink:0}
.cabecera-nombre{display:flex;flex-direction:column;gap:8px}
.cabecera-nombre strong{font-family:var(--font-heading);font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:700;line-height:1.2}
.cabecera-nombre small{font-size:.9rem;font-weight:400;line-height:1.4;color:#e2e8f0;max-width:260px}
.cabecera-contexto{display:flex;flex-direction:column;gap:6px;padding-left:24px;border-left:1px solid #ffffff40}
.cabecera-contexto strong{font-size:1.05rem;font-weight:600;line-height:1.3}
.cabecera-contexto span{font-size:.85rem;color:#e2e8f0;line-height:1.4}
@media(max-width:700px){.cabecera-encuesta{padding:20px}.cabecera-contexto{display:none}.cabecera-marca{gap:16px}.cabecera-encuesta .cabecera-marca img{width:82px;height:96px}.cabecera-nombre small{font-size:.82rem}}

/* Una omisión voluntaria tiene un estado visible y reversible. */
.respuesta-omitida{background:#f4f6fa;border-radius:9px;padding-left:14px!important;padding-right:14px!important;border-left:3px solid #697b99!important}
.respuesta-omitida .omitir{font-weight:600;text-decoration:none;border:1px solid #9ba9c0;border-radius:7px;margin-top:6px}
.estado-omision{display:block;width:100%;color:#334968;font-size:.9rem;font-weight:600;padding:7px 0 4px}
.estado-omision[hidden]{display:none!important}