/* ===== Muestra que se toca: la rama elegida enseña una pregunta real del banco ===== */
.muestra{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(28px,4vw,56px);align-items:start;margin-top:44px}
.muestra>*{min-width:0}
.mu-et{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}
.mu-ramas{display:grid;gap:6px}
.mu-rama{display:grid;grid-template-columns:8.5em 1fr 3.4em;align-items:center;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:12px;background:transparent;color:var(--fg);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:background .2s}
.mu-rama:hover{background:var(--surf-2)}
.mu-rama[aria-selected=true]{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--s3),var(--sombra)}
.mu-barra{height:10px;border-radius:99px;background:var(--surf-2);overflow:hidden}
.mu-barra i{display:block;height:100%;width:calc(var(--v) * 100%);border-radius:inherit;background:var(--s3);transform-origin:0 50%;transition:transform .8s var(--ease)}
.mu-rama[aria-selected=true] .mu-barra i{background:var(--pri)}
.mu-rama .num{font-size:14px;color:var(--mut);text-align:right;font-variant-numeric:tabular-nums}
.mu-pie{font-size:13.5px;color:var(--mut);margin-top:12px}
.mu-carta{background:var(--card);border:1px solid var(--bd);border-radius:20px;box-shadow:var(--sombra);overflow:hidden;transition:opacity .25s,transform .35s var(--ease)}
.mu-carta.cambia{opacity:0;transform:translateY(8px)}
.mu-cab{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:14px 22px;background:var(--pri);color:var(--blanco);font-size:14px;font-weight:700}
.mu-art{font-weight:800;color:var(--oro-claro)}
.mu-q{padding:20px 22px 6px;font-size:17px;font-weight:700;line-height:1.4;color:var(--fg)}
.mu-ops{display:grid;gap:8px;padding:12px 22px 4px}
.mu-op{display:flex;gap:12px;align-items:flex-start;width:100%;padding:11px 14px;border:1.5px solid transparent;border-radius:12px;background:var(--surf-2);color:var(--fg);font:inherit;font-size:15px;line-height:1.4;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.mu-op:hover:not(:disabled){border-color:var(--s3)}
.mu-op b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--card);font-size:13px}
.mu-op:disabled{cursor:default}
.mu-op.bien{background:var(--okbg);border-color:var(--ok)}.mu-op.bien b{background:var(--ok);color:var(--blanco)}
.mu-op.mal{background:var(--errbg);border-color:var(--err)}.mu-op.mal b{background:var(--err);color:var(--blanco)}
.mu-fuente{margin:14px 22px 0;padding:14px 16px;border-radius:12px;background:var(--bg);border-left:3px solid var(--s3)}
.mu-cita{font-family:var(--read);font-size:15.5px;line-height:1.5;color:var(--fg)}
.mu-sello{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:700;color:var(--ok)}
.mu-sello .ico{width:16px;height:16px}
.mu-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px 18px}
.mu-ayuda{font-size:14px;color:var(--mut)}
.mu-otra{display:inline-flex;flex:none;white-space:nowrap;align-items:center;gap:6px;border:0;background:none;color:var(--pri);font:inherit;font-size:15px;font-weight:700;cursor:pointer;padding:6px 0}
.mu-otra .ico{width:16px;height:16px}
@media(max-width:820px){.muestra{grid-template-columns:1fr;gap:20px;margin-top:28px}
  .mu-ramas{display:flex;overflow-x:auto;gap:8px;margin-inline:-16px;padding:2px 16px 6px;scrollbar-width:none}
  .mu-rama{grid-template-columns:auto auto;flex:none;width:auto;padding:8px 14px;border-radius:99px;background:var(--surf-2);font-size:14px}
  .mu-barra,.mu-pie{display:none}
  .mu-q{font-size:16px;padding:16px 16px 4px}.mu-ops{padding:10px 16px 4px}.mu-fuente{margin:12px 16px 0}.mu-cab,.mu-foot{padding-inline:16px}}
@media not all{.mu-carta,.mu-barra i{transition:none}}

/* ===== Mini test de la página de ley: cinco preguntas, la frase de la ley al responder y el resultado ===== */
.ley-test{padding:64px 0 96px;background:var(--bg)}
.lt-cab{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;max-width:780px;margin-bottom:14px}
.lt-tit{font-size:clamp(24px,3vw,34px);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--fg)}
.lt-prog{font-size:14px;font-weight:700;color:var(--mut);font-variant-numeric:tabular-nums}
.lt-barra{height:6px;max-width:780px;border-radius:99px;background:var(--surf-2);overflow:hidden;margin-bottom:22px}
.lt-barra i{display:block;height:100%;width:calc(var(--v) * 100%);border-radius:inherit;background:var(--s3);transition:width .5s var(--ease)}
.ley-test .ley-carta{max-width:780px;margin-top:0}
.mu-fuente.bien{border-left-color:var(--ok)}
.mu-fuente.mal{border-left-color:var(--err)}
.lt-estado{font-size:16px;font-weight:800;color:var(--fg);margin-bottom:8px}
.mu-fuente.bien .lt-estado{color:var(--ok)}
.mu-fuente.mal .lt-estado{color:var(--err)}
.lt-sig{margin:0}.lt-sig[hidden]{display:none}
.lt-fin{max-width:780px;margin-top:8px;padding:34px 26px 30px;border-radius:22px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--sombra);text-align:center;display:grid;justify-items:center;gap:8px}
.lt-fin[hidden]{display:none}
.lt-nota{font-size:14px;font-weight:700;color:var(--mut)}
.lt-n{font-size:clamp(56px,8vw,88px);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--pri);font-variant-numeric:tabular-nums}
.lt-msg{font-size:18px;color:var(--fg);max-width:36ch}
.lt-acc{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px}
@media(max-width:820px){.ley-test{padding:44px 0 72px}.lt-fin{padding:26px 18px 24px}}