#re-jm-mecanografia{position:relative;max-width:820px;margin:0 auto 24px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 44px -22px rgba(27,58,107,.45);color:#1b3a6b;font-family:inherit;user-select:none;-webkit-user-select:none}
#re-jm-mecanografia *{box-sizing:border-box}
#re-jm-mecanografia .mc-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#1b3a6b;background-image:radial-gradient(120% 140% at 8% 0%,#2f5f9e,transparent 65%);color:#fff;padding:14px 18px}
#re-jm-mecanografia .mc-tit{font-weight:900;font-size:20px;letter-spacing:-.02em;line-height:1.1}
#re-jm-mecanografia .mc-tit small{display:block;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-top:3px}
#re-jm-mecanografia .mc-rec{background:rgba(240,138,30,.22);color:#ffd18a;border-radius:999px;padding:6px 12px;font-weight:800;font-size:14px}
#re-jm-mecanografia .mc-cuerpo{padding:18px}
#re-jm-mecanografia .mc-lead{color:#41546e;font-size:16px;line-height:1.5;margin:0 0 14px}
#re-jm-mecanografia .mc-lecs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
#re-jm-mecanografia .mc-lec{appearance:none;text-align:left;border:2px solid #dde8f3;background:#f2f7fc;border-radius:14px;padding:12px 14px;cursor:pointer;color:#1b3a6b;font:inherit;box-shadow:0 4px 0 #dde8f3;transition:transform .1s ease,box-shadow .1s ease}
#re-jm-mecanografia .mc-lec:hover{border-color:#4a90d9}
#re-jm-mecanografia .mc-lec:active{transform:translateY(3px);box-shadow:0 1px 0 #dde8f3}
#re-jm-mecanografia .mc-lec b{display:block;font-weight:900;font-size:16px}
#re-jm-mecanografia .mc-lec span{display:block;font-size:13.5px;color:#41546e;margin-top:3px}
#re-jm-mecanografia .mc-lec i{font-style:normal;color:#f08a1e;letter-spacing:2px;font-size:15px}
#re-jm-mecanografia .mc-lec.mc-cr{background:#fff4e6;border-color:#f6c58f;box-shadow:0 4px 0 #f6c58f}
#re-jm-mecanografia .mc-btn{appearance:none;border:0;border-radius:14px;padding:13px 22px;font:inherit;font-weight:900;font-size:18px;cursor:pointer;background:#f08a1e;color:#1b3a6b;box-shadow:0 5px 0 #c46a09;transition:transform .1s ease,box-shadow .1s ease;min-height:50px}
#re-jm-mecanografia .mc-btn:active{transform:translateY(4px);box-shadow:0 1px 0 #c46a09}
#re-jm-mecanografia .mc-btn.mc-sec{background:#4a90d9;color:#fff;box-shadow:0 5px 0 #2f6ba9}
#re-jm-mecanografia .mc-bb{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}
#re-jm-mecanografia .mc-marc{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:800;font-size:14px;color:#2f6ba9;margin-bottom:8px}
#re-jm-mecanografia .mc-barra{height:12px;background:#eaf0f7;border-radius:99px;overflow:hidden;margin-bottom:12px}
#re-jm-mecanografia .mc-barra div{height:100%;width:0;background:#4a90d9;transition:width .2s}
#re-jm-mecanografia .mc-barra.mc-rojo div{background:#c8221e}
#re-jm-mecanografia .mc-linea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(22px,4.4vw,34px);line-height:1.5;background:#f2f7fc;border:2px solid #dde8f3;border-radius:16px;padding:14px 16px;min-height:76px;word-break:break-all;letter-spacing:.04em}
#re-jm-mecanografia .mc-linea span{border-radius:5px;padding:0 1px}
#re-jm-mecanografia .mc-linea .ok{color:#3d7f24}
#re-jm-mecanografia .mc-linea .cur{background:#ffd43b;color:#1b3a6b;box-shadow:0 3px 0 #c46a09}
#re-jm-mecanografia .mc-linea .mal{background:#c8221e;color:#fff;box-shadow:none}
#re-jm-mecanografia .mc-linea .pend{color:#7b8aa0}
#re-jm-mecanografia .mc-sig{color:#7b8aa0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;margin:6px 4px 0;min-height:1.4em}
#re-jm-mecanografia .mc-dedo{text-align:center;font-weight:800;font-size:16px;margin:10px 0 6px;min-height:1.4em}
#re-jm-mecanografia .mc-tec{display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:6px}
#re-jm-mecanografia .mc-fila{display:flex;gap:6px}
#re-jm-mecanografia .mc-k{width:clamp(26px,6.2vw,48px);height:clamp(30px,6.2vw,46px);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(13px,2.6vw,18px);color:#1b3a6b;border:2px solid rgba(27,58,107,.18);position:relative;text-transform:uppercase}
#re-jm-mecanografia .mc-k.mc-guia::after{content:"";position:absolute;bottom:5px;width:30%;height:3px;border-radius:2px;background:#1b3a6b;opacity:.55}
#re-jm-mecanografia .mc-k.on{outline:4px solid #f08a1e;outline-offset:1px;transform:translateY(-2px);box-shadow:0 6px 12px -6px rgba(0,0,0,.5)}
#re-jm-mecanografia .mc-k.mc-esp{width:min(62vw,330px)}
#re-jm-mecanografia .mc-cajas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
#re-jm-mecanografia .mc-caja{background:#f2f7fc;border:2px solid #dde8f3;border-radius:14px;padding:10px;text-align:center}
#re-jm-mecanografia .mc-caja b{display:block;font-size:28px;font-weight:900;letter-spacing:-.02em;color:#2f6ba9}
#re-jm-mecanografia .mc-caja span{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#41546e}
#re-jm-mecanografia .mc-est{font-size:40px;color:#f08a1e;text-align:center;letter-spacing:6px}
#re-jm-mecanografia .mc-big{font-size:clamp(24px,5vw,32px);font-weight:900;text-align:center;letter-spacing:-.02em;margin:4px 0}
#re-jm-mecanografia .mc-aviso{background:#fff3bf;border:2px solid #f4b400;border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.45;margin:10px 0;color:#3b2a00}
#re-jm-mecanografia .mc-oculto{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0;pointer-events:none}
#re-jm-mecanografia .mc-abrir{display:none}
#re-jm-mecanografia.mc-tactil .mc-abrir{display:inline-flex}
#re-jm-mecanografia .mc-pie{border-top:2px solid #eaf0f7;margin-top:16px;padding-top:12px;font-size:14px;color:#41546e;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
#re-jm-mecanografia .mc-pie a{color:#2f6ba9;font-weight:800}
#re-jm-mecanografia .mc-mini{background:none;border:0;color:#2f6ba9;text-decoration:underline;cursor:pointer;font:inherit;font-size:14px;padding:2px}
#re-jm-mecanografia button[data-rek]::before,#re-jm-mecanografia button[data-rek]::after{display:none!important;content:none!important}
@media (max-width:520px){#re-jm-mecanografia .mc-cuerpo{padding:12px}#re-jm-mecanografia .mc-fila{gap:3px}#re-jm-mecanografia .mc-tec{gap:3px}}