/* Modo lista · sin mundo, solo las preguntas. */
body.lista main{max-width:860px;margin:0 auto;padding:0 20px 80px}

.lista-cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  flex-wrap:wrap;padding:26px 0 14px;border-bottom:2px solid var(--line,#e4ddcd)}
.lista-cabecera h1{margin:4px 0 0;font-size:1.6rem}

.lista-reconocimiento{margin:22px 0 10px;padding:16px 18px;border:1px solid var(--line,#e4ddcd);
  border-radius:14px;background:var(--panel,#fff)}
.lista-reconocimiento #insignias{margin:0;padding:0;border:0}

.lista-sala{margin-top:34px}
.lista-sala-cabeza{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding-bottom:8px;border-bottom:2px solid var(--line,#e4ddcd);margin-bottom:6px}
.lista-sala-cabeza h2{margin:0;font-size:1.12rem}

.lista-pregunta{padding:18px 0;border-bottom:1px solid var(--line,#e4ddcd)}
.lista-pregunta:last-child{border-bottom:0}
.lista-pregunta h3{margin:4px 0 10px;font-size:1.02rem;line-height:1.4;font-weight:600}
.lista-pregunta .small{margin:10px 0 6px}
.lista-pregunta button{margin-top:8px}

.lista-opciones{display:flex;flex-direction:column;gap:8px;margin:6px 0 2px}
.lista-opciones label{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;
  border:1px solid var(--line,#e4ddcd);border-radius:11px;background:var(--panel,#fff);
  cursor:pointer;font-size:.94rem;line-height:1.35}
.lista-opciones label:has(input:disabled){cursor:default;opacity:.85}
.lista-opciones label:has(input:checked){border-color:var(--text,#121723);background:rgba(18,23,35,.05);font-weight:600}
.lista-opciones label:focus-within{outline:2px solid var(--text,#121723);outline-offset:2px}
.lista-opciones label.correcta{border-color:#157e66;background:rgba(34,197,160,.14)}
.lista-opciones label.fallada{border-color:#bd4d25;background:rgba(255,107,53,.12)}
.lista-opciones input{margin-top:3px;flex:none}

.lista-revelacion{margin-top:12px;padding:13px 15px;border-left:4px solid #157e66;
  border-radius:0 11px 11px 0;background:rgba(34,197,160,.09)}
.lista-revelacion h4{margin:4px 0 6px;font-size:.98rem}
.lista-revelacion p{margin:0;font-size:.9rem;line-height:1.55;color:var(--muted,#5b6472)}

@media (max-width:640px){
  body.lista main{padding:0 14px 60px}
  .lista-cabecera h1{font-size:1.3rem}
}

.lista-gestos{margin:22px 0 0;padding:14px 18px;border:1px solid var(--line,#e4ddcd);border-radius:14px;background:var(--panel,#fff);display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.lista-gestos .eyebrow{width:100%;margin:0 0 4px}
.lista-gestos button{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line,#e4ddcd);border-radius:999px;background:var(--panel,#fff);font-size:.9rem;cursor:pointer;font-family:inherit;color:inherit}
.lista-gestos button:hover{border-color:var(--text,#121723)}
.lista-gestos #aviso-gesto{width:100%;margin:2px 0 0;color:var(--signal-txt,#bd4d25)}

.lista-gestos button.activo{border-color:var(--text,#121723);background:rgba(18,23,35,.07);font-weight:600}

/* Lo que aún no se ha ganado se ve, pero apagado. */
.insignia-pendiente{opacity:.45}

/* La sala de los ejemplos dentro del modo lista. */
#ej-elige{width:100%;max-width:520px;padding:10px;border:1px solid var(--line,#e4ddcd);border-radius:9px;
  font:inherit;font-size:.94rem;background:var(--panel,#fff);color:inherit;margin-top:6px}
#ej-ficha{margin-top:12px;padding:12px 14px;border-left:3px solid var(--line,#e4ddcd);background:rgba(0,0,0,.02)}
#ej-ficha .eyebrow{margin:10px 0 2px}
.boton-simulacion{display:inline-block;margin-top:10px;padding:9px 14px;border:1px solid var(--text,#121723);
  border-radius:8px;text-decoration:none;color:inherit;font-size:.86rem}
#ej-pasos{margin-top:18px}
#ej-pasos .eyebrow{margin:14px 0 6px}
.pasos-lista{display:grid;gap:8px}
.pasos-lista label{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;
  border:1px solid var(--line,#e4ddcd);border-radius:11px;background:var(--panel,#fff);
  cursor:pointer;font-size:.9rem;line-height:1.55}
.pasos-lista label:has(input:checked){border-color:#157e66;background:rgba(34,197,160,.10)}
.pasos-lista input{margin-top:4px;flex:none}
.pasos-lista b{display:block;margin-bottom:4px}
.pasos-lista p{margin:4px 0 0;color:var(--muted,#5b6472)}
#ej-preguntas textarea{width:100%;padding:11px;border:1px solid var(--line,#e4ddcd);border-radius:9px;
  font:inherit;font-size:.94rem;line-height:1.6;background:var(--panel,#fff);color:inherit;resize:vertical;margin-top:8px}
.plenaria-acciones{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 4px}
.plenaria-acciones button{padding:9px 14px;border:1px solid var(--line,#e4ddcd);border-radius:999px;
  background:var(--panel,#fff);color:inherit;font:inherit;font-size:.88rem;cursor:pointer}
.plenaria-acciones .primary{background:var(--text,#121723);color:var(--panel,#fff);border-color:var(--text,#121723)}
.voz-galeria{display:grid;gap:10px;margin-top:12px}
.voz-ficha{border:1px solid var(--line,#e4ddcd);border-radius:11px;padding:12px 14px;background:var(--panel,#fff)}
.voz-ficha b{display:block;margin-bottom:6px;font-size:.9rem}
.voz-ficha p{margin:0 0 8px;font-size:.92rem;line-height:1.6}
.voz-ficha audio,#ej-preguntas audio{width:100%}

.volver-taller{display:inline-block;margin:14px 0 0;font-size:.8rem;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;color:var(--muted,#5b6472);
  border:1px solid var(--line,#e4ddcd);border-radius:999px;padding:6px 12px}

.reenviar-voz{margin-top:10px;padding:9px 14px;border:1px solid #bd4d25;border-radius:999px;
  background:var(--panel,#fff);color:#bd4d25;font:inherit;font-size:.88rem;cursor:pointer}

/* Las placas: lo que escribe un docente, publicado en el estilo del mundo. */
.placa{position:relative;background:
    radial-gradient(120% 90% at 20% 10%,#fffaf0 0,#f7eedb 60%,#efe2c8 100%);
  color:#2b221a;padding:26px 28px 20px;border:1px solid #8a4b22;
  box-shadow:inset 0 0 0 5px #fbf5e8,inset 0 0 0 6px #b98b5e,0 10px 26px #3a281633;
  animation:placa-entra .9s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:calc(var(--orden,0) * .35s)}
.placa-cabeza{margin:0 0 12px;font:600 10px Outfit,sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:#8a6c42}
.placa-texto{margin:0;font:500 19px/1.5 'Cormorant Garamond',Georgia,serif;color:#2b221a;
  quotes:'\201C' '\201D'}
.placa-texto::before{content:open-quote;float:left;font:600 54px/.8 'Cormorant Garamond',Georgia,serif;
  color:#b5562c;margin:4px 8px 0 -4px}
.placa-filete{display:block;height:9px;margin:16px auto 10px;width:60%;
  background:linear-gradient(#b98b5e,#b98b5e) center/100% 1px no-repeat}
.placa-filete::after{content:'';display:block;width:9px;height:9px;margin:0 auto;
  background:#fbf5e8;border:1px solid #b98b5e;transform:rotate(45deg)}
.placa-firma{margin:0;text-align:right;font:italic 500 16px 'Cormorant Garamond',Georgia,serif;color:#6d5139}
.placa-firma::before{content:'— '}
@keyframes placa-entra{
  from{opacity:0;filter:blur(6px) sepia(1);transform:translateY(10px) scale(.985)}
  to{opacity:1;filter:none;transform:none}}
@media(prefers-reduced-motion:reduce){.placa{animation:none}}