:root{--fondo: #f3f5f9;--tarjeta: #ffffff;--texto: #1d2433;--texto-suave: #6b7388;--borde: #dfe3ec;--primario: #2357d6;--primario-hover: #1a45b0;--exito: #17875a;--radio: 14px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:880px;margin:0 auto;padding:24px 16px 48px}.encabezado{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.marca{font-size:20px;font-weight:700;letter-spacing:-.2px}.pasos{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.paso{flex:1;min-width:150px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--tarjeta);border:1px solid var(--borde);color:var(--texto-suave);font-size:14px}.paso-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--borde);font-weight:600;font-size:13px}.paso.activo{color:var(--texto);border-color:var(--primario)}.paso.activo .paso-num{background:var(--primario);color:#fff}.paso.listo .paso-num{background:var(--exito);color:#fff}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);box-shadow:0 1px 3px #141e3c0f,0 8px 24px #141e3c0f;padding:28px}.tarjeta h1{font-size:22px;margin:0 0 6px}.tarjeta .ayuda{color:var(--texto-suave);margin:0 0 20px;font-size:15px}.zona-subida{border:2px dashed #c3cadb;border-radius:var(--radio);padding:48px 20px;text-align:center;background:#fafbfd;transition:border-color .15s,background .15s}.zona-subida:hover,.zona-subida.arrastrando{border-color:var(--primario);background:#f2f6ff}.zona-subida .icono{font-size:40px;margin-bottom:8px}.zona-subida p{margin:4px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primario{background:var(--primario);color:#fff}.btn-primario:hover:not(:disabled){background:var(--primario-hover)}.btn-secundario{background:#eef1f7;color:var(--texto)}.btn-secundario:hover:not(:disabled){background:#e2e7f1}.btn-grande{padding:14px 28px;font-size:16px}.boton-archivo{position:relative;overflow:hidden}.boton-archivo input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.fila{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.campo{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--borde);border-radius:10px;font-size:15px;background:#fff}.campo:focus{outline:2px solid #b9cdf7;border-color:var(--primario)}.lista-firmantes{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}.lista-firmantes li{background:#eef3ff;color:#1d3f9c;padding:6px 12px;border-radius:999px;font-size:14px}.vacio{color:var(--texto-suave);font-size:14px;margin:0 0 24px}.lienzo{border:1px solid var(--borde);border-radius:12px;background:#fff;display:inline-block;max-width:100%;overflow:hidden}.acciones{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.exito{text-align:center;padding:40px 20px}.exito .check{width:64px;height:64px;border-radius:50%;background:#e6f6ee;color:var(--exito);display:grid;place-items:center;font-size:32px;margin:0 auto 16px}@media (max-width: 600px){.tarjeta{padding:20px}.paso{min-width:0;flex:1 1 45%;font-size:13px}.btn-grande{width:100%}}