/* Escribe con seis teclas (27 sep 2026, punto 129 de ivebeen3d): las teclas, el campo que las recibe y los botones. */
.escribir-teclado{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;max-width:760px}
.escribir-tecla{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:66px;padding:14px 10px 12px;background:#fffef9;border:1px solid var(--linea);border-radius:8px}
.escribir-tecla kbd{font-family:inherit;font-size:24px;font-weight:750;line-height:1;color:var(--tinta);border:2px solid var(--tinta);border-radius:6px;padding:8px 13px;background:#f9f7f0;box-shadow:0 3px 0 var(--tinta)}
.escribir-tecla small{font-size:12px;color:var(--secundaria);white-space:nowrap}
.escribir-espacio{flex:1 1 150px}.escribir-espacio kbd{font-size:16px;width:100%;text-align:center}
.escribir-rotulo{display:block;font-size:13px;font-weight:700;letter-spacing:.3px;margin:0 0 8px}
.escribir-teclas{display:block;width:100%;max-width:560px;font-size:20px;min-height:58px;padding:10px 16px;border:2px solid var(--tinta);border-radius:10px;background:#fffef9;color:var(--tinta);caret-color:transparent}
.escribir-teclas:focus-visible{outline:3px solid var(--mora);outline-offset:3px}
.escribir-teclas+.aprende-ayuda{margin:8px 0 0;max-width:560px}
.escribir-escritas{margin:18px 0 8px;min-height:118px;padding:16px;border:1px dashed #a3a496;border-radius:10px;background:#f6f4ed}.escribir-escritas .aprende-etiqueta{margin-bottom:12px}
.escribir-aviso{min-height:22px;font-size:14px;line-height:1.5;margin:0 0 18px}
.escribir-botones{margin:4px 0 6px;padding:18px;border:1px solid var(--linea);border-radius:10px;background:#fffef9;display:grid;justify-items:start;gap:16px}.escribir-botones .aprende-etiqueta{margin:0}
.escribir-acciones{display:flex;flex-wrap:wrap;gap:10px}.aprende-practica .escribir-acciones .principal{margin-top:0}
.escribir-solucion{margin-top:18px;padding:16px;border-radius:10px;background:#ece9e0}.escribir-solucion .aprende-etiqueta{margin-bottom:12px}
/* El dictado (punto 134): cómo se pide y los botones para oír otra vez o ver la palabra. */
.escribir-modo{border:0;padding:0;margin:22px 0 0;display:grid;gap:4px;max-width:590px}
.escribir-modo legend{font-weight:650;font-size:14px;padding:0;margin-bottom:6px}
.pagina-aprender .escribir-modo label{display:flex;align-items:center;gap:12px;font-weight:500;font-size:15px;margin:0;min-height:44px;cursor:pointer}
.escribir-modo input{width:20px;height:20px;margin:0;accent-color:var(--mora);flex:none}
.pagina-aprender .escribir-modo label:has(input:disabled){color:var(--secundaria);cursor:default}
#sin-voz{margin:6px 0 0;max-width:590px}
.escribir-dictado{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 20px}
@media(max-width:700px){.escribir-tecla{min-width:58px;padding:12px 8px 10px}.escribir-tecla kbd{font-size:20px;padding:7px 11px}.escribir-botones{padding:14px}}