/* Escribe tu nombre en braille (27 sep 2026): el campo y las celdas, con las mismas piezas visuales de /aprender. */
.escribe-form{display:grid;gap:10px;max-width:560px}.escribe-form label{font-size:13px;font-weight:700;letter-spacing:.3px}.escribe-form input{font-size:24px;min-height:58px;padding:10px 16px;border:2px solid var(--tinta);border-radius:10px;background:#fffef9;color:var(--tinta)}.escribe-form input:focus-visible{outline:3px solid var(--mora);outline-offset:3px}.escribe-form input[aria-invalid=true]{border-color:var(--rosa)}.escribe-form .aprende-ayuda{margin:0}
.escribe-error{min-height:22px;margin:0;color:var(--rosa);font-size:14px;line-height:1.5;font-weight:600}
.escribe-resultado{margin-top:30px;padding:26px;background:#fffef9;border:1px solid var(--linea);border-radius:12px}.escribe-resultado .aprende-etiqueta{margin-bottom:12px}
.escribe-unicode{font-family:'Segoe UI Symbol','Apple Braille',sans-serif;font-size:34px;line-height:1.3;letter-spacing:4px;color:var(--mora);margin:0 0 20px;overflow-wrap:anywhere}
.escribe-celdas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.escribe-celda{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:78px;padding:14px 10px 10px;border:1px solid var(--linea);border-radius:10px;background:var(--papel)}
.escribe-celda strong{font-size:18px;line-height:1.1;text-align:center;max-width:9ch;overflow-wrap:anywhere}.escribe-celda small{font-size:12px;color:var(--secundaria);letter-spacing:.3px}
.escribe-puntos{display:grid;grid-template-columns:repeat(2,18px);gap:7px 10px}.escribe-puntos span{width:18px;height:18px;border-radius:50%;border:2px dashed #888a7d;background:#f9f7f0}.escribe-puntos span.activo{background:var(--mora);border:2px solid #412163}
.escribe-espacio{background:transparent;border-style:dashed}
@media(max-width:700px){.escribe-form input{font-size:20px}.escribe-resultado{padding:18px}.escribe-unicode{font-size:28px}.escribe-celdas{gap:9px}.escribe-celda{min-width:66px;padding:12px 8px 9px}}
.escribe-stl{margin-top:26px;padding-top:20px;border-top:1px solid var(--linea);display:grid;gap:6px;justify-items:start}.escribe-stl .principal{margin-bottom:6px}.escribe-stl p{margin:0}.escribe-stl a{color:var(--mora)}