/* talleres.css — estilos compartidos de las tres interfaces (laboratorio, mapas-ruta, lectura) */
.talleres{--ok:#1a7f37;--ko:#b3261e;--acc:#1a5fb4;--bg:#fff;--line:#888;font-family:system-ui,sans-serif;max-width:760px;margin:0 auto;padding:8px;background:var(--bg);color:#1b1b1b}
.talleres button{min-height:44px;min-width:44px;font-size:1rem;border:2px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;padding:6px 10px}
.talleres button:disabled{opacity:.45;cursor:not-allowed}
.talleres button:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.talleres .selected{outline:3px solid var(--acc)}
.talleres .ok{color:var(--ok);font-weight:600}.talleres .ko{color:var(--ko);font-weight:600}
.talleres .feedback{padding:8px;border-radius:6px;background:#f6f6f6}
.talleres .feedback.ok{background:#e9f7ee}.talleres .feedback.ko{background:#fdeceb}
.talleres .actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.talleres details{background:#f0f4ff;border-radius:8px;padding:8px;margin:8px 0}
.talleres .progress{font-size:.9rem;color:#444}
.talleres .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0}
.talleres .case-text{line-height:1.6;background:#fafafa;padding:12px;border-radius:8px}
.talleres .options button,.talleres .evidence button{display:block;width:100%;text-align:left;margin:6px 0}
.talleres .evidence button.cited{border-color:var(--acc);background:#eef4ff}
.talleres svg{display:block;max-width:100%;height:auto;margin:8px 0}
.talleres .nodes button{margin:4px}
@media (max-width:400px){.talleres .grid3{gap:6px}.talleres button{font-size:.95rem}}
@media (prefers-reduced-motion:reduce){.talleres *{transition:none!important}}