/* ══════════════════════════════════════════════════════════════════════════
 * escuela-ejercicio.css — El ejercicio de casos de la Escuela de IA.
 *
 * Va con `assets/js/escuela-ejercicio.js` y por el mismo motivo: eran cuatro
 * copias en camino —dos lecciones × dos idiomas— y dos copias de un estilo se
 * desvían sin dar error (CLAUDE.md #68.bis).
 *
 * ⚠️ Los colores de gravedad (`g-mayor`, `p-mayor`…) se eligen por la CLAVE
 * `gravedad` del dataset, que no se traduce nunca. Si alguien la tradujera en
 * el dato, estas reglas dejarían de aplicar y los hallazgos saldrían todos
 * iguales — sin que fallara nada.
 *
 * ⚠️ Sin `?v=`: `/assets/css/` ya revalida por cabecera (lección #27).
 * ══════════════════════════════════════════════════════════════════════════ */

.casos-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 .9rem}
.casos-tabs button{border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:.45rem 1rem;
  font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;color:#374151}
.casos-tabs button[aria-selected="true"]{background:#047857;border-color:#047857;color:#fff}
.caso{border:1px solid #d1d5db;border-radius:12px;padding:1.2rem;margin:0 0 1.6rem;background:#fbfdfc}
.caso h3{margin:0 0 .3rem;font-size:1.08rem}
.caso .ctx{font-size:.93rem;color:#4b5563;margin:0 0 .9rem;line-height:1.6}
.resp-ia{border-left:4px solid #6366f1;background:#eef2ff;padding:.9rem 1.05rem;border-radius:0 8px 8px 0;
  margin:0 0 1rem;font-size:.95rem;line-height:1.65}
.resp-ia .quien{display:block;font-size:.74rem;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#4338ca;margin-bottom:.35rem}
.caso textarea{width:100%;max-width:100%;box-sizing:border-box;min-height:120px;font:inherit;font-size:.93rem;
  padding:.7rem;border:1px solid #d1d5db;border-radius:9px;line-height:1.6;resize:vertical}
.caso .fila{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.7rem}
.caso button.enviar{background:#047857;color:#fff;border:0;border-radius:9px;padding:.6rem 1.1rem;
  font:inherit;font-weight:700;cursor:pointer}
.caso button.sec{background:#e5e7eb;color:#374151;border:0;border-radius:9px;padding:.6rem 1.1rem;
  font:inherit;font-weight:700;cursor:pointer}
.nota-res{margin-top:1.1rem}
.marcador{border-radius:10px;padding:.85rem 1rem;font-weight:700;margin-bottom:.9rem}
.m-apto{background:#ecfdf5;color:#065f46}
.m-no{background:#fffbeb;color:#92400e}
.hall-lista{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.hall-lista li{border:1px solid #e5e7eb;border-left-width:4px;border-radius:9px;padding:.7rem .85rem;
  background:#fff;min-width:0;font-size:.93rem;line-height:1.6}
.hall-lista li.g-mayor{border-left-color:#b91c1c}
.hall-lista li.g-moderado{border-left-color:#d97706}
.hall-lista li.g-leve{border-left-color:#0284c7}
.hall-lista li.visto{background:#f0fdf4}
.hall-cab{display:block;font-weight:700;margin-bottom:.15rem}
.pastilla{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  padding:.1rem .45rem;border-radius:4px;margin-left:.35rem;vertical-align:.1em}
.p-mayor{background:#fef2f2;color:#991b1b}
.p-moderado{background:#fffbeb;color:#92400e}
.p-leve{background:#eff6ff;color:#1e40af}
.dark-mode .caso{background:#111827;border-color:#374151}
.dark-mode .caso textarea{background:#0f172a;color:#e5e7eb;border-color:#374151}
.dark-mode .casos-tabs button{background:#111827;border-color:#374151;color:#d1d5db}
.dark-mode .resp-ia{background:#1e1b4b}
.dark-mode .hall-lista li{background:#111827;border-color:#374151}
.dark-mode .hall-lista li.visto{background:#0d2620}