:root{--violet-50:#eeedfe;--violet-100:#e4e1fb;--violet-200:#cbc6f3;--violet-300:#a9a2ea;--violet-400:#7b71d4;--violet-500:#534ab7;--violet-600:#473fa0;--violet-700:#3c3489;--violet-800:#2e2868;--green-50:#e4f5ee;--green-500:#1d9e75;--green-600:#168062;--amber-50:#fbf0da;--amber-500:#d9921c;--amber-600:#b5790f;--red-50:#fbe9e7;--red-100:#f8d6d2;--red-500:#dd584c;--red-600:#c13f33;--blue-nd:#1a1fe0;--magenta-fm:#60135b;--gray-0:#ffffff;--gray-50:#f7f7fa;--gray-100:#f1f1f5;--gray-150:#e9e9ef;--gray-200:#e2e2e9;--gray-300:#cecede;--gray-400:#9b9bab;--gray-500:#71717f;--gray-600:#52525c;--gray-700:#3a3a42;--gray-800:#26262c;--gray-900:#16161a;--cdf-violeta:var(--violet-500);--cdf-violeta-fuerte:var(--violet-600);--cdf-violeta-suave:var(--violet-50);--cdf-azul:var(--blue-nd);--cdf-fondo:#f3f3f7;--cdf-superficie:var(--gray-0);--cdf-superficie-2:var(--gray-50);--cdf-borde:var(--gray-150);--cdf-texto:var(--gray-900);--cdf-texto-suave:var(--gray-500);--cdf-texto-tenue:var(--gray-400);--cdf-exito:var(--green-500);--cdf-exito-fuerte:var(--green-600);--cdf-exito-suave:var(--green-50);--cdf-alerta:var(--amber-500);--cdf-alerta-fuerte:var(--amber-600);--cdf-alerta-suave:var(--amber-50);--cdf-error:var(--red-500);--cdf-error-fuerte:var(--red-600);--cdf-error-suave:var(--red-50);--cdf-radio-sm:10px;--cdf-radio:14px;--cdf-radio-lg:20px;--cdf-radio-full:999px;--cdf-sombra-suave:0 1px 3px rgba(22,22,26,0.05);--cdf-sombra-tarjeta:0 1px 2px rgba(22,22,26,0.04),0 6px 20px rgba(22,22,26,0.06);--cdf-fuente:"Geist",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--cdf-fuente-mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace}[data-tema=oscuro]{--cdf-fondo:#0f0f14;--cdf-superficie:#1a1a22;--cdf-superficie-2:#22222c;--cdf-borde:#2a2a35;--cdf-texto:#f2f2f5;--cdf-texto-suave:#9c9cab;--cdf-texto-tenue:#6b6b7a;--cdf-violeta-suave:#241f45;--cdf-exito-suave:#13352a;--cdf-alerta-suave:#3a2f18;--cdf-error-suave:#3a201d;--cdf-sombra-tarjeta:0 1px 2px rgba(0,0,0,0.4),0 6px 20px rgba(0,0,0,0.5)}.cdf-app{min-height:100vh;background:var(--cdf-fondo);color:var(--cdf-texto);font-family:var(--cdf-fuente)}.cdf-contenedor{width:min(680px,100%);margin:0 auto;padding:24px 18px 64px;display:grid;grid-gap:20px;gap:20px}.cdf-encabezado{background:var(--cdf-violeta);color:#fff;padding:22px 18px 26px}.cdf-encabezado__interior{width:min(680px,100%);margin:0 auto}.cdf-encabezado h1{margin:2px 0 0;font-size:25px;font-weight:800;letter-spacing:-.01em}.cdf-encabezado p{margin:6px 0 0;font-size:13.5px;color:rgba(255,255,255,.8)}.cdf-eyebrow{font-family:var(--cdf-fuente-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}.cdf-tarjeta{background:var(--cdf-superficie);border:1px solid var(--cdf-borde);border-radius:var(--cdf-radio-lg);box-shadow:var(--cdf-sombra-tarjeta);padding:18px}.cdf-tarjeta--acento{border-color:var(--cdf-alerta);background:var(--cdf-alerta-suave)}.cdf-tarjeta__titulo{margin:0;font-size:17px;font-weight:700}.cdf-entre{display:flex;align-items:center;justify-content:space-between;gap:10px}.cdf-apilado{display:grid;grid-gap:12px;gap:12px}.cdf-suave{color:var(--cdf-texto-suave);font-size:14px}.cdf-tenue{color:var(--cdf-texto-tenue);font-size:13px}.cdf-dato{font-size:26px;font-weight:800;letter-spacing:-.02em}.cdf-boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:13px 18px;border-radius:var(--cdf-radio);transition:transform .08s,filter .15s}.cdf-boton:active:not(:disabled){transform:scale(.975);filter:brightness(.93)}.cdf-boton:disabled{opacity:.5;cursor:not-allowed}.cdf-boton--primario{background:var(--cdf-violeta);color:#fff}.cdf-boton--verde{background:var(--cdf-exito);color:#fff}.cdf-boton--azul{background:var(--cdf-azul);color:#fff}.cdf-boton--fantasma{background:var(--cdf-superficie);color:var(--cdf-violeta);border:1.5px solid var(--violet-200)}.cdf-boton--suave{background:var(--cdf-violeta-suave);color:var(--cdf-violeta-fuerte)}.cdf-boton--ancho{width:100%}.cdf-campo{width:100%;padding:13px 14px;font-family:inherit;font-size:15px;border-radius:var(--cdf-radio);border:1px solid var(--cdf-borde);background:var(--cdf-superficie);color:var(--cdf-texto)}.cdf-campo:focus{outline:2px solid var(--violet-300);outline-offset:1px}.cdf-etiqueta{display:block;font-size:13px;font-weight:600;color:var(--cdf-texto-suave);margin-bottom:6px}.cdf-opcion{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--cdf-borde);border-radius:var(--cdf-radio);background:var(--cdf-superficie);cursor:pointer}.cdf-opcion--activa{border-color:var(--cdf-violeta);background:var(--cdf-violeta-suave)}.cdf-pildora{font-size:11px;font-weight:700;padding:5px 10px;border-radius:var(--cdf-radio-full);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.cdf-pildora--violeta{color:var(--cdf-violeta-fuerte);background:var(--cdf-violeta-suave)}.cdf-pildora--verde{color:var(--cdf-exito-fuerte);background:var(--cdf-exito-suave)}.cdf-pildora--ambar{color:var(--cdf-alerta-fuerte);background:var(--cdf-alerta-suave)}.cdf-pildora--gris{color:var(--cdf-texto-suave);background:var(--cdf-superficie-2)}.cdf-mensaje{margin:0;padding:12px 14px;border-radius:var(--cdf-radio);font-size:14px;font-weight:600}.cdf-mensaje--error{color:var(--cdf-error-fuerte);background:var(--cdf-error-suave)}.cdf-mensaje--exito{color:var(--cdf-exito-fuerte);background:var(--cdf-exito-suave)}.cdf-mensaje--aviso{color:var(--cdf-alerta-fuerte);background:var(--cdf-alerta-suave)}.cdf-miniaturas{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.cdf-miniatura{margin:0;display:grid;grid-gap:4px;gap:4px;justify-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:0 0 auto}.cdf-miniatura--resto{width:104px;align-content:center;border:1px dashed var(--cdf-borde);border-radius:6px;background:var(--cdf-superficie-2);gap:0}.cdf-miniatura__resto-numero{font-size:17px;font-weight:700;color:var(--cdf-texto-suave)}.cdf-miniatura__resto-texto{font-size:12px;color:var(--cdf-texto-tenue)}.cdf-miniatura img{display:block;width:104px;height:auto;border:1px solid var(--cdf-borde);border-radius:6px;background:#fff;box-shadow:var(--cdf-sombra-suave);pointer-events:none}.cdf-miniatura figcaption{font-family:var(--cdf-fuente-mono);font-size:11px;color:var(--cdf-texto-tenue)}.cdf-enlace{border:none;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--cdf-violeta);text-decoration:underline;text-underline-offset:2px}.cdf-hojas{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.cdf-hoja{border:1px solid var(--cdf-borde);border-radius:var(--cdf-radio-sm);background:var(--cdf-superficie-2);padding:10px;display:grid;grid-gap:6px;gap:6px}.cdf-hoja__numero{font-family:var(--cdf-fuente-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdf-texto-tenue)}.cdf-hoja__cara{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.cdf-hoja__etiqueta{color:var(--cdf-texto-suave);font-size:12px}.cdf-hoja__pagina{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;margin-left:4px;border-radius:6px;background:var(--cdf-violeta-suave);color:var(--cdf-violeta-fuerte);font-weight:700;font-size:12px}.cdf-pasos{gap:8px;font-family:var(--cdf-fuente-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdf-texto-tenue)}.cdf-paso,.cdf-pasos{display:flex;align-items:center}.cdf-paso{gap:6px}.cdf-paso__numero{width:20px;height:20px;border-radius:var(--cdf-radio-full);display:inline-flex;align-items:center;justify-content:center;background:var(--cdf-superficie-2);border:1px solid var(--cdf-borde);font-size:11px}.cdf-paso--activo{color:var(--cdf-violeta-fuerte)}.cdf-paso--activo .cdf-paso__numero{background:var(--cdf-violeta);border-color:var(--cdf-violeta);color:#fff}.cdf-paso--hecho .cdf-paso__numero{background:var(--cdf-exito);border-color:var(--cdf-exito);color:#fff}