/* ===== ENCUESTAS (chat Encuestas) =====
   Archivo propio para no tocar css/movil.css mientras otros chats trabajan.
   Prefijo .en-*. Se carga después de css/movil.css y usa sus variables. */

/* ---- tarjeta de la encuesta abierta, hasta arriba de Inicio ---- */
.en-card{background:var(--surface);border:1.5px solid color-mix(in srgb,var(--violet) 32%,#fff);
  border-radius:17px;overflow:hidden;margin:0 0 14px;box-shadow:0 6px 20px rgba(91,62,156,.12);}
.en-in{padding:15px 16px 16px;}
.en-eb{display:inline-block;font-family:"Archivo";font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  font-size:9px;color:#fff;background:var(--violet);border-radius:999px;padding:3px 10px;}
.en-cab h3{margin:9px 0 0;font-family:"Archivo";font-weight:800;font-size:17.5px;line-height:1.2;color:var(--ink);}
.en-det{margin:5px 0 0;font-size:13.5px;line-height:1.4;color:var(--ink-soft);}
.en-cierra{margin:7px 0 0;font-family:"Archivo";font-weight:700;font-size:11.5px;color:var(--violet);}
.en-ops{display:flex;flex-direction:column;gap:8px;margin-top:13px;}
.en-op{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:#fff;
  border:1.5px solid var(--line);border-radius:13px;padding:12px 14px;cursor:pointer;
  font-family:"Source Sans 3",system-ui,sans-serif;font-size:15px;font-weight:600;color:var(--ink);
  -webkit-tap-highlight-color:transparent;transition:border-color .14s,background .14s;}
.en-op i{width:20px;height:20px;border-radius:999px;border:2px solid var(--line);flex:0 0 auto;position:relative;}
.en-op.on{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 7%,#fff);}
.en-op.on i{border-color:var(--violet);}
.en-op.on i::after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--violet);}
.en-acepta{display:flex;gap:10px;align-items:flex-start;margin-top:12px;background:color-mix(in srgb,var(--amber) 10%,#fff);
  border:1px solid color-mix(in srgb,var(--amber) 34%,#fff);border-radius:12px;padding:11px 13px;cursor:pointer;}
.en-acepta input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--violet);}
.en-acepta span{font-size:13.5px;line-height:1.4;color:#7a5510;font-weight:700;}
.en-votar{width:100%;margin-top:13px;border:0;background:var(--violet);color:#fff;font-family:"Archivo";
  font-weight:800;font-size:15px;padding:13px;border-radius:999px;cursor:pointer;}
.en-votar:disabled{opacity:.6;cursor:default;}
.en-nota{margin:10px 0 0;font-size:12.5px;line-height:1.4;color:var(--ink-faint);font-weight:600;}

/* ---- resultados ---- */
.en-res{margin-top:13px;}
.en-b{margin-bottom:11px;}
.en-bt{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.en-bt span{font-size:14px;font-weight:600;color:var(--ink);}
.en-bt b{font-family:"Archivo";font-weight:800;font-size:14px;color:var(--violet);}
.en-bar{height:9px;border-radius:999px;background:var(--line-soft);overflow:hidden;margin-top:5px;}
.en-bar i{display:block;height:100%;background:var(--violet);border-radius:999px;transition:width .4s;}
.en-bn{margin-top:4px;font-size:12px;color:var(--ink-faint);font-weight:600;line-height:1.35;}
.en-tot{margin:12px 0 0;font-family:"Archivo";font-weight:700;font-size:11.5px;color:var(--ink-faint);
  text-transform:uppercase;letter-spacing:.05em;}

/* ---- archivo ---- */
.en-arch{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:14px 16px;margin-bottom:11px;}
.en-ah h3{margin:0;font-family:"Archivo";font-weight:800;font-size:16px;line-height:1.2;color:var(--ink);}
.en-ah span{display:block;margin-top:3px;font-family:"Archivo";font-weight:700;font-size:11px;color:var(--ink-faint);}
@media (min-width:900px){
  #s-encuestas{max-width:820px;}
  .en-card{max-width:640px;}
}
@media (prefers-reduced-motion:reduce){.en-op,.en-bar i{transition:none;}}