/* ============================================================
   ESTUDIO PILARES — libro-curso (nivel doctorado)
   Componentes NUEVOS que extienden estilo.css del manual.
   Cargar DESPUES de estilo.css.
   ============================================================ */

/* ---- Badges de nivel B/M/A ---- */
.niv{display:inline-block;font-family:var(--ui);font-size:11px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;padding:2px 10px;border-radius:20px;border:1px solid;margin:0 6px 2px 0;vertical-align:middle}
.niv-b{color:#5cd6a0;background:rgba(92,214,160,.12);border-color:rgba(92,214,160,.42)}
.niv-m{color:#6fb6ff;background:rgba(91,179,255,.12);border-color:rgba(91,179,255,.42)}
.niv-a{color:#c792ea;background:rgba(199,146,234,.13);border-color:rgba(199,146,234,.45)}
html[data-theme='light'] .niv-b{color:#19714b}   /* [2026-07-25] era #1f8f5f: 3.35 de contraste. Medido sobre su fondo real. */
html[data-theme='light'] .niv-m{color:#1f63c0}
html[data-theme='light'] .niv-a{color:#7e43b3}
/* [2026-07-25] En claro el chip conservaba un velo negro del 25% pensado para el tema
   oscuro: ensuciaba el fondo y dejaba el texto en 2.64. Con el velo al 4% sube a 4.76
   sin cambiar el color del texto. Se calca el selector .meta .chip para poder ganarle. */
html[data-theme='light'] .meta .chip{background:transparent}

/* ---- Caja de tiempo de estudio ---- */
.tiempo{font-family:var(--ui);font-size:12.5px;color:var(--muted);background:var(--panel2);
  border:1px solid var(--line);border-radius:10px;padding:9px 14px;margin:12px 0;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.tiempo::before{content:"\23F1";font-size:15px;margin-right:2px}
.tiempo b{color:var(--accent2);font-weight:700}

/* ---- Caja de evidencia empirica ---- */
.evidencia{background:linear-gradient(135deg,rgba(45,212,191,.10),rgba(45,212,191,.03));
  border-left:3px solid #2dd4bf;border-radius:0 10px 10px 0;padding:12px 16px 12px 46px;position:relative;
  margin:14px 0;font-size:calc(var(--read-size) - 1px);font-family:var(--serif);text-align:left}
.evidencia::before{content:"\1F4DA";position:absolute;left:14px;top:11px;font-size:18px}
.evidencia b{color:#13a594}
html[data-theme='light'] .evidencia b{color:#0c7a6d}
.evidencia .conf{display:inline-block;font-family:var(--ui);font-size:11px;color:var(--muted);
  border:1px solid var(--line2);border-radius:20px;padding:1px 9px;margin-left:6px;white-space:nowrap}

/* ---- Objetivos de aprendizaje ---- */
ul.objetivos{list-style:none;padding:0;margin:14px 0;display:grid;gap:9px}
ul.objetivos li{position:relative;padding:11px 15px 11px 44px;background:var(--panel);border:1px solid var(--line);
  border-radius:11px;font-family:var(--serif);font-size:calc(var(--read-size) - 1px);text-align:left}
ul.objetivos li::before{content:"\1F3AF";position:absolute;left:14px;top:10px;font-size:16px}

/* ---- Ficha lateral del caso ---- */
aside.ficha{float:right;width:235px;margin:4px 0 14px 20px;
  background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);
  border-radius:13px;padding:15px 17px;font-family:var(--ui);font-size:12.8px}
aside.ficha b{color:var(--accent);display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.07em;font-size:11px}
aside.ficha ul{list-style:none;padding:0;margin:0}
aside.ficha li{padding:6px 0;border-bottom:1px solid var(--line);color:var(--muted)}
aside.ficha li:last-child{border-bottom:0}
@media(max-width:880px){aside.ficha{float:none;width:auto;margin:12px 0}}

/* ---- Rubrica analitica ---- */
table.rubrica{font-size:13px}
table.rubrica th{background:var(--panel3)}
table.rubrica td:first-child{font-weight:700;font-family:var(--ui);background:var(--panel2);white-space:nowrap}

/* ---- Mapa conceptual (SVG offline) ---- */
figure.mapa{margin:18px 0;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 14px;overflow-x:auto}
figure.mapa svg{display:block;max-width:100%;height:auto;margin:0 auto}
figure.mapa figcaption{font-family:var(--ui);font-size:12.5px;color:var(--muted);margin-top:8px;text-align:center}
.mapa-leyenda{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-family:var(--ui);
  font-size:11.5px;color:var(--muted);margin-top:10px}
.mapa-leyenda span{display:inline-flex;align-items:center;gap:6px}
.mapa-leyenda i{width:13px;height:13px;border-radius:4px;display:inline-block;border:2px solid;background:var(--panel2)}
.lg-b{border-color:#5cd6a0}.lg-m{border-color:#6fb6ff}.lg-a{border-color:#c792ea}


/* ---- Flujo de proceso ---- */
.flujo{margin:14px 0;display:flex;flex-direction:column;gap:0}
.fpaso{display:flex;gap:13px;align-items:flex-start;position:relative;padding:0 0 18px 0}
.fpaso:not(:last-child)::before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--line2)}
.fpaso .fnum{flex:0 0 32px;height:32px;border-radius:50%;background:var(--accent);color:#0c0e13;font-weight:800;
  font-family:var(--ui);display:flex;align-items:center;justify-content:center;font-size:14px;z-index:1}
.fpaso .fbody{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:10px 15px;flex:1}
.fpaso .fbody b{color:var(--accent2);font-family:var(--ui)}
.fpaso .fbody p{margin:4px 0 0;font-size:calc(var(--read-size) - 2px)}

/* ---- Biblioteca base (lista de libros a ancho completo) ---- */
.biblio{margin:14px 0}
.biblio ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.biblio li{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--medio);
  border-radius:11px;padding:12px 16px;font-size:calc(var(--read-size) - 2px);font-family:var(--serif)}
.biblio li .book{margin-bottom:3px}