/* Encuesta simulacro: complementa app.css (mismos tokens DPR). */
.wrap.narrow{max-width:860px}
.enc-head{padding:clamp(28px,4vw,48px) 0 8px}
.enc-head .sub{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--blue-d);background:var(--blue-ll);border:1px solid #CFE2F1;border-radius:999px;padding:.3rem .9rem;margin:0}
.enc-form{display:grid;gap:16px;margin:24px 0 48px}
.preg{margin:0;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);box-shadow:var(--sh);padding:1.2rem 1.35rem 1.3rem;position:relative;min-width:0}
.preg::before{content:"";position:absolute;left:1.35rem;top:-1px;width:36px;height:3px;border-radius:0 0 3px 3px;background:var(--blue)}
.preg legend,.preg>label.q{float:left;width:100%;padding:0;margin:0 0 .75rem;font-family:var(--slab);font-weight:700;font-size:1.08rem;line-height:1.35;color:var(--ink-h)}
.preg legend+*{clear:both}
.preg .num{display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;margin-right:.45rem;border-radius:50%;background:var(--blue-l);color:var(--blue-dd);font-family:var(--font);font-size:.9rem;font-weight:700}
.req{color:var(--red-t)}
.ayuda{color:var(--ink-2);font-size:.92rem;margin:0 0 .5rem;clear:both}
.opcs{display:grid;gap:.5rem;clear:both}
.opc{display:flex;gap:.7rem;align-items:center;min-height:48px;padding:.55rem .85rem;border:1px solid var(--line-2);border-radius:var(--r-s);cursor:pointer;transition:border-color var(--t),background var(--t)}
.opc:hover{border-color:var(--blue);background:var(--blue-ll)}
.opc input{width:1.2rem;height:1.2rem;accent-color:var(--blue);flex:none;margin:0}
.opc:has(input:checked){border-color:var(--blue);background:var(--blue-l);font-weight:600}
.preg input[type=text],.preg textarea{font:inherit;font-size:1rem;width:100%;min-height:48px;border:1px solid var(--line-2);border-radius:var(--r-s);padding:.65rem .85rem;background:var(--bg);color:var(--ink)}
.preg textarea{min-height:8rem;resize:vertical}
.preg input:focus,.preg textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,111,179,.25)}
.invalida{border-color:var(--red-t)!important;background:var(--red-l)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.enviar{display:grid;gap:.9rem;justify-items:start}
.msg{border-radius:var(--r-s);padding:.75rem 1rem;margin:0}
.msg.ok{background:var(--green-l);color:var(--green);border:1px solid #B9E0CB;font-weight:700}
.msg.err{background:var(--red-l);color:var(--red-t);border:1px solid #F5C2C9;font-weight:700}
.footer .wrap.fgrid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.footer b{display:block;color:#fff;margin-bottom:.3rem}
/* Bandeja */
.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0 0 20px}
.kpi{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:1rem 1.2rem}
.kpi b{display:block;font-family:var(--slab);font-size:2rem;color:var(--ink-h);line-height:1.1}
.kpi span{color:var(--ink-2);font-size:.9rem}
.acciones{display:flex;gap:.6rem;flex-wrap:wrap;margin:16px 0 24px}
.conteo table{width:100%;border-collapse:collapse;font-size:.92rem}
.conteo td{padding:.35rem .25rem;border-top:1px solid var(--line);vertical-align:middle}
.conteo .n{text-align:right;white-space:nowrap;width:3.2rem;font-variant-numeric:tabular-nums}
.barra{width:34%}.barra span{display:block;height:.6rem;background:var(--blue);border-radius:999px}
.barra{background:linear-gradient(var(--bg-3),var(--bg-3)) center/100% .6rem no-repeat}
.b0{width:0}.b1{width:10%}.b2{width:20%}.b3{width:30%}.b4{width:40%}.b5{width:50%}.b6{width:60%}.b7{width:70%}.b8{width:80%}.b9{width:90%}.b10{width:100%}
.resp dl{margin:0;display:grid;gap:.15rem}
.resp dt{font-size:.8rem;color:var(--ink-3);margin-top:.35rem}
.resp dd{margin:0;white-space:pre-wrap;color:var(--ink)}
.sec2{padding:8px 0 40px}
.sec2 h2{font-size:1.35rem;margin:28px 0 14px}
@media(max-width:600px){.btn{width:100%}.enviar{justify-items:stretch}.site strong{font-size:1rem}}