@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";

:root{--n-0:#0b0c0f;--n-50:#121317;--n-100:#17181d;--n-150:#1b1c22;--n-200:#22232b;--n-300:#2c2e38;--n-400:#3b3d4a;--n-500:#5c5f70;--n-600:#82869a;--n-700:#a9adbd;--n-800:#d2d4dc;--n-900:#eef0f4;--n-950:#fff;--n-light-0:#fff;--n-light-50:#f7f8fa;--n-light-100:#eef0f4;--n-light-200:#e2e4ea;--n-light-300:#c9ccd6;--n-light-600:#6b6f80;--n-light-800:#2a2c34;--n-light-900:#121317;--brand-blue-300:#6cb6ff;--brand-blue-400:#4aa3f7;--brand-blue-500:#2f8cf0;--brand-blue-600:#1e6fdb;--brand-blue-700:#1550a6;--brand-blue-900:#0b2c63;--brand-indigo-300:#9aa0fa;--brand-indigo-400:#7b82f6;--brand-indigo-500:#5b63f4;--brand-indigo-600:#444cde;--brand-indigo-700:#3438ad;--brand-gradient:linear-gradient(135deg, var(--brand-blue-500) 0%, var(--brand-indigo-500) 100%);--brand-gradient-text:linear-gradient(90deg, #eaf0ff 0%, var(--brand-blue-400) 55%, var(--brand-indigo-500) 100%);--surface-app:var(--n-0);--surface-canvas:var(--n-50);--surface-card:var(--n-150);--surface-card-raised:var(--n-200);--surface-overlay:#0b0c0fb8;--surface-inset:var(--n-100);--text-primary:var(--n-900);--text-secondary:var(--n-600);--text-tertiary:var(--n-500);--text-on-brand:#fff;--text-disabled:var(--n-400);--text-link:var(--brand-blue-400);--text-link-hover:var(--brand-blue-300);--border-subtle:var(--n-300);--border-default:var(--n-400);--border-strong:var(--n-500);--border-focus:var(--brand-blue-400);--action-primary:var(--brand-blue-500);--action-primary-hover:var(--brand-blue-400);--action-primary-active:var(--brand-blue-600);--action-secondary:var(--n-200);--action-secondary-hover:var(--n-300);--action-secondary-active:var(--n-400);--status-success:#34c08a;--status-success-bg:#34c08a1f;--status-warning:#e8b34d;--status-warning-bg:#e8b34d1f;--status-danger:#ef5d5d;--status-danger-bg:#ef5d5d1f;--status-info:var(--brand-blue-400);--status-info-bg:#4aa3f71f;--focus-ring:0 0 0 3px #4aa3f759}
:root{--font-display:"Space Grotesk", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--text-5xl:5.25rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.04em;--tracking-wider:.12em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 12px 32px #00000080;--shadow-glow-blue:0 0 0 1px #4aa3f740, 0 8px 24px #2f8cf040;--shadow-inner:inset 0 1px 0 #ffffff0a;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.36s;--container-max:1200px;--header-height:72px}
*{box-sizing:border-box}body{background:var(--surface-app);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}::selection{background:#4aa3f759}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--n-400)}
html,body{min-height:100%;margin:0;padding:0}body{background:var(--surface-app)}.glow:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#2f8cf021,#0000 65%);width:900px;height:500px;position:absolute;inset:-200px 0 auto 50%;transform:translate(-50%)}.contenedor{max-width:880px;padding:0 var(--space-6);z-index:1;margin:0 auto;position:relative}.marca{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:var(--tracking-tight)}.marca span{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.titulo-gradiente{background:var(--brand-gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.apagado{color:var(--text-secondary)}.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.pasos{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap;align-items:center;display:flex}.paso{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid #0000;display:inline-flex}.paso[data-estado=activo]{color:var(--text-primary);border-color:var(--border-focus);background:var(--status-info-bg)}.paso[data-estado=hecho]{color:var(--text-secondary)}.soltar{border:1px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-6);text-align:center;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);cursor:pointer;background:var(--surface-inset)}.soltar:hover,.soltar[data-encima=true]{border-color:var(--border-focus);background:var(--status-info-bg)}.lista-archivos{margin:var(--space-4) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.lista-archivos li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.aviso-privacidad{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--status-success-bg);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid #34c08a40;align-items:flex-start;display:flex}.campo{resize:vertical;width:100%;min-height:220px;padding:var(--space-4);background:var(--surface-inset);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.campo:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.campo::placeholder{color:var(--text-tertiary)}.rejilla-estilo{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.dato-estilo{padding:var(--space-4);background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.dato-estilo dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin-bottom:var(--space-2)}.dato-estilo dd{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-snug);margin:0}.documento{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);overflow-wrap:break-word;min-height:320px}.documento:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:none}.documento h1,.documento h2,.documento h3{font-family:var(--font-display);margin:var(--space-6) 0 var(--space-3);font-size:var(--text-md)}.documento h1{font-size:var(--text-lg);margin-top:0}.documento p,.documento li{margin:0 0 var(--space-3)}.documento ul,.documento ol{padding-left:var(--space-6)}.documento strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.pendiente{background:var(--status-warning-bg);border-radius:var(--radius-sm);padding:1px var(--space-2);color:var(--status-warning);font-family:var(--font-mono);white-space:nowrap;border:1px solid #e8b34d66;font-size:.85em}.cursor-escritura:after{content:"";vertical-align:text-bottom;background:var(--brand-blue-400);width:7px;height:1.05em;margin-left:2px;animation:1s steps(2,start) infinite parpadeo;display:inline-block}@keyframes parpadeo{to{visibility:hidden}}.barra-documento{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--status-danger-bg);color:var(--text-primary);font-size:var(--text-sm);border:1px solid #ef5d5d4d}.aviso{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--status-warning-bg);color:var(--text-secondary);font-size:var(--text-sm);border:1px solid #e8b34d4d}@media (max-width:640px){.contenedor{padding:0 var(--space-4)}.documento{padding:var(--space-5)}}