@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url(/apps/font-maker/fuentes/archivo-400.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url(/apps/font-maker/fuentes/archivo-700.woff2) format("woff2")}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/apps/font-maker/fuentes/archivo-black-400.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/apps/font-maker/fuentes/space-mono-400.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/apps/font-maker/fuentes/space-mono-700.woff2) format("woff2")}:root{--w:#FFFBF0;--k:#111111;--r:#E8220C;--y:#F5C400;--b:#0D2BB8;--g:#12A84A;--fondo:var(--w);--superficie:#F6F1E3;--texto:var(--k);--texto-suave:#5A564C;--linea:#E0DACB;--acento:var(--r);--display:"Archivo Black","Helvetica Neue",Impact,sans-serif;--cuerpo:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--paso: clamp(1rem, .6rem + 1.4vw, 1.5rem);--ancho: 1180px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--cuerpo);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.barra{display:flex;align-items:baseline;gap:var(--paso);flex-wrap:wrap;width:min(100% - 2*var(--paso),var(--ancho));margin-inline:auto;padding-block:1.2rem;border-bottom:2px solid var(--texto)}.barra-marca{font-family:var(--display);font-size:1.35rem;letter-spacing:-.02em;color:var(--texto);text-decoration:none}.miga{margin-left:auto;font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.miga a{color:var(--texto-suave);text-decoration:none;padding-block:.2rem}.miga a:hover{color:var(--acento)}.miga .sep{color:var(--linea)}.miga .aqui{color:var(--texto)}.app{width:min(100% - 2*var(--paso),var(--ancho));margin-inline:auto;padding-bottom:6rem}.cabecera{padding:3rem 0 2.2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cabecera h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2rem,1.2rem + 3.2vw,3.2rem);line-height:1.02;letter-spacing:-.025em}.cabecera p{margin:.5rem 0 0;color:var(--texto-suave);font-size:1rem}.privacidad{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--texto-suave);border:1px solid var(--linea);padding:.5em .8em}.estado-guardado{font-family:var(--mono);font-size:.72rem;color:var(--texto-suave);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.08em}.punto{width:7px;height:7px;background:var(--g)}.punto.guardando{background:var(--y)}.punto.sin-guardar{background:var(--acento)}section{margin-bottom:3rem}.titulo-seccion{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;margin:0 0 1rem}.titulo-seccion h2{margin:0;font-family:var(--mono);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--texto)}.titulo-seccion .nota{font-family:var(--mono);font-size:.72rem;color:var(--texto-suave)}.panel{background:var(--superficie);border:2px solid var(--texto);padding:1.4rem}.btn{font-family:var(--mono);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.75em 1.2em;cursor:pointer;border:2px solid var(--texto);background:var(--fondo);color:var(--texto);border-radius:0;transition:background .14s ease,color .14s ease,transform .1s ease}.btn:hover{background:var(--texto);color:var(--fondo)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:var(--fondo);color:var(--texto)}.btn:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.btn.principal{background:var(--texto);color:var(--fondo)}.btn.principal:hover{background:var(--acento);border-color:var(--acento);color:var(--w)}.btn.grande{font-size:.9rem;padding:1.05em 1.9em}.btn.peligro{color:var(--acento);border-color:var(--acento)}.btn.peligro:hover{background:var(--acento);color:var(--w)}.fila{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.soltar{border:2px dashed var(--texto);background:var(--superficie);padding:3.2rem 2rem;text-align:center;transition:background .15s,border-style .15s}.soltar.encima{background:var(--y);border-style:solid}.soltar h3{margin:0 0 .4rem;font-family:var(--display);font-weight:400;font-size:1.5rem;letter-spacing:-.02em}.soltar p{margin:0 0 1.4rem;color:var(--texto-suave)}.soltar .pista{font-family:var(--mono);font-size:.75rem;color:var(--texto-suave);margin-top:1.2rem}.grupo-glifos{margin-bottom:1.8rem}.grupo-glifos h3{margin:0 0 .6rem;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-suave)}.cuadricula{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem}.celda{background:var(--fondo);border:1px solid var(--linea);padding:.5rem .35rem .4rem;text-align:center;cursor:pointer;position:relative;transition:border-color .12s,box-shadow .12s}.celda:hover{border-color:var(--texto)}.celda.seleccionada{border:2px solid var(--texto);box-shadow:3px 3px 0 var(--texto)}.celda.encima{border-color:var(--acento);background:var(--y)}.celda.vacio{background:var(--superficie)}.celda .letra{font-family:var(--cuerpo);font-weight:700;font-size:.95rem;line-height:1}.celda .lienzo{height:52px;display:flex;align-items:center;justify-content:center;margin:.3rem 0}.celda .lienzo svg{max-width:100%;max-height:100%}.celda .lienzo .nada{color:var(--linea);font-size:.7rem;font-family:var(--mono)}.celda .uni{font-family:var(--mono);font-size:.6rem;color:var(--texto-suave)}.celda .marca{position:absolute;top:5px;right:5px;width:6px;height:6px}.marca.asignado{background:var(--g)}.marca.generado{background:var(--b)}.sin-asignar{display:flex;gap:.5rem;flex-wrap:wrap}.pieza{background:var(--y);border:2px solid var(--texto);padding:.5rem;width:92px;text-align:center;cursor:grab}.pieza:active{cursor:grabbing}.pieza .lienzo{height:46px;display:flex;align-items:center;justify-content:center}.pieza .nom{font-family:var(--mono);font-size:.6rem;margin-top:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 1.6rem}.control label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--texto-suave);margin-bottom:.35rem}.control label b{font-family:var(--mono);font-size:.8rem;color:var(--texto);font-weight:700}input[type=range]{width:100%;accent-color:var(--acento);height:22px}input[type=text],input[type=number],textarea,select{width:100%;font-family:var(--cuerpo);font-size:1rem;padding:.6rem .7rem;border:2px solid var(--texto);background:var(--fondo);color:var(--texto);border-radius:0}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--acento)}.editor{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:1.6rem}@media(max-width:860px){.editor{grid-template-columns:1fr}}.lienzo-editor{background:var(--fondo);border:2px solid var(--texto)}.lienzo-editor svg{display:block;width:100%;height:auto}.guia{stroke-width:1;vector-effect:non-scaling-stroke}.guia.ascender{stroke:#9a8fd8}.guia.cap{stroke:var(--b)}.guia.x{stroke:var(--g)}.guia.base{stroke:var(--texto);stroke-width:2}.guia.desc{stroke:var(--acento)}.guia-texto{font-family:var(--mono);font-size:34px;fill:var(--texto-suave)}.zona-prueba{background:var(--fondo);border:2px solid var(--texto);padding:2rem 1.5rem;overflow-x:auto;min-height:170px}.zona-prueba svg{display:block}.ejemplos{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.9rem}.ejemplo{font-family:var(--mono);font-size:.7rem;padding:.42em .75em;cursor:pointer;border:1px solid var(--linea);background:var(--fondo);color:var(--texto);transition:border-color .2s,background .2s,color .2s,transform .2s}.ejemplo:hover{border-color:var(--texto);background:var(--texto);color:var(--fondo);transform:translateY(-2px)}.pares-kerning{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}.par{border:2px solid var(--linea);background:var(--fondo);color:var(--texto);padding:.5rem .9rem;cursor:pointer;font-family:var(--cuerpo);font-weight:700;font-size:1.1rem}.par.activo{border-color:var(--texto);background:var(--texto);color:var(--fondo)}.par small{display:block;font-family:var(--mono);font-size:.6rem;font-weight:400;color:var(--texto-suave)}.par.activo small{color:var(--linea)}.informe{padding:1.1rem 1.2rem;margin-top:1.2rem;border:2px solid var(--texto)}.informe.ok{background:#eaf6ee}.informe.mal{background:#fdeae7;border-color:var(--acento)}.informe.avisos{background:#fff7dd}.informe h4{margin:0 0 .5rem;font-family:var(--display);font-weight:400;font-size:1.1rem}.informe ul{margin:.4rem 0 0;padding-left:1.2rem}.informe li{margin:.2rem 0}.informe .datos{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(17,17,17,.15);font-family:var(--mono);font-size:.72rem;color:var(--texto-suave);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.2rem 1.2rem}.progreso{font-family:var(--mono);font-size:.75rem;color:var(--texto-suave);display:flex;align-items:center;gap:.6rem}.girando{width:13px;height:13px;border:2px solid var(--linea);border-top-color:var(--acento);border-radius:50%;animation:giro .7s linear infinite}@keyframes giro{to{transform:rotate(360deg)}}.vacio-aviso{font-family:var(--mono);font-size:.8rem;color:var(--texto-suave);background:var(--superficie);border:1px dashed var(--linea);padding:1.4rem;text-align:center}.pie-app{width:min(100% - 2*var(--paso),var(--ancho));margin-inline:auto;padding-block:2rem;border-top:1px solid var(--linea);font-family:var(--mono);font-size:.72rem;color:var(--texto-suave);display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}.pie-app a{color:var(--texto-suave)}.pie-app a:hover{color:var(--acento)}.aviso-movil{display:none}@media(max-width:760px){.aviso-movil{display:block;background:var(--y);border:2px solid var(--texto);padding:1rem 1.1rem;margin-bottom:1.4rem;font-family:var(--mono);font-size:.78rem;line-height:1.5}.cuadricula{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.cabecera{padding-top:2rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.muestra{margin-bottom:2.4rem}.muestra-ayuda{margin:0 0 1rem;font-size:.92rem;color:var(--texto-suave);max-width:70ch;line-height:1.5}.muestra-cuerpo{display:grid;grid-template-columns:1fr minmax(280px,340px);gap:1.4rem;align-items:stretch}@media(max-width:980px){.muestra-cuerpo{grid-template-columns:1fr}}.muestra-lienzo{background:var(--fondo);border:2px solid var(--texto);padding:.8rem;overflow:auto;max-height:62vh}.muestra-lienzo svg{display:block;width:100%;height:auto}.muestra-panel{background:var(--superficie);border:2px solid var(--texto);padding:1.1rem;display:flex;flex-direction:column;gap:.9rem}.muestra-nota{margin:.35rem 0 0;font-family:var(--mono);font-size:.68rem;color:var(--texto-suave)}.muestra-resumen{display:flex;flex-direction:column;gap:.25rem;font-family:var(--mono);font-size:.7rem}.muestra-resumen div{display:flex;justify-content:space-between;gap:.6rem;padding:.28em .5em}.muestra-resumen .bien{background:#12a84a1f}.muestra-resumen .mal{background:#e8220c1f;color:var(--acento)}.muestra-aviso{margin:0;font-family:var(--mono);font-size:.7rem;line-height:1.45;background:var(--y);border:1px solid var(--texto);padding:.55rem .65rem}.muestra-editor{border-top:1px solid var(--linea);padding-top:.7rem}.muestra-letras{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;max-height:170px;overflow-y:auto}.muestra-letras .ejemplo{min-width:2em;text-align:center;padding:.3em .45em}.muestra-resumen .extra{background:#1111110f;color:var(--texto-suave)}