: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, .05);--cdf-sombra-tarjeta: 0 1px 2px rgba(22, 22, 26, .04), 0 6px 20px rgba(22, 22, 26, .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, .4), 0 6px 20px rgba(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;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:#fffc}.cdf-eyebrow{font-family:var(--cdf-fuente-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.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;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;gap:4px;justify-items:center;-webkit-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));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;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{display:flex;align-items:center;gap:8px;font-family:var(--cdf-fuente-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdf-texto-tenue)}.cdf-paso{display:flex;align-items:center;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}