app-button{display:inline-block}app-button.button-host--full{display:block;width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;transition:.15s ease}.button--full{width:100%}.button--sm{padding:.5rem .75rem;font-size:12px}.button ion-icon{flex:0 0 auto;font-size:1.15em}.button--primary{background:var(--color-primary);color:var(--ui-color-neutral-0)}.button--secondary{background:var(--ui-color-neutral-0);border-color:var(--ui-color-border);color:var(--ui-color-text)}.button--tertiary{background:transparent;color:var(--color-primary)}.button--primary.button--intent-danger{background:var(--color-danger);color:var(--ui-color-neutral-0)}.button--secondary.button--intent-danger{background:var(--ui-color-neutral-0);border-color:var(--color-danger);color:var(--color-danger)}.button--tertiary.button--intent-danger{background:transparent;color:var(--color-danger)}.button:hover:not(:disabled,[aria-disabled=true]){opacity:.9}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.pill,.status-pill,.tag-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:1.75rem;padding:.35rem .75rem;border:1px solid transparent;border-radius:var(--ui-radius-pill);font-size:.85rem;font-weight:600;line-height:1;white-space:nowrap}.pill--intent-success,.status-pill--success,.status-success{background:color-mix(in srgb,var(--color-success) 16%,var(--color-light));border-color:color-mix(in srgb,var(--color-success) 16%,var(--color-light));color:var(--color-success-shade)}.pill--intent-danger,.status-pill--danger,.status-danger,.status-closed{background:color-mix(in srgb,var(--color-danger) 14%,var(--color-light));border-color:color-mix(in srgb,var(--color-danger) 14%,var(--color-light));color:var(--color-danger-shade)}.pill--intent-warning,.status-pill--warning,.status-warning{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-light));border-color:color-mix(in srgb,var(--color-warning) 18%,var(--color-light));color:var(--color-warning-shade)}.pill--intent-info,.status-pill--info,.status-info,.status-active{background:color-mix(in srgb,var(--color-secondary) 14%,var(--color-light));border-color:color-mix(in srgb,var(--color-secondary) 14%,var(--color-light));color:var(--color-secondary-shade)}.pill--intent-neutral,.status-pill--neutral,.status-neutral,.status-draft{background:var(--color-light);border-color:var(--color-light-shade);color:var(--color-medium-shade)}.pill--category-diplomado,.tag-pill--diplomado{background:color-mix(in srgb,var(--color-success) 16%,var(--color-light));border-color:color-mix(in srgb,var(--color-success) 16%,var(--color-light));color:var(--color-success-shade)}.pill--category-producto,.tag-pill--producto{background:color-mix(in srgb,var(--color-secondary) 14%,var(--color-light));border-color:color-mix(in srgb,var(--color-secondary) 14%,var(--color-light));color:var(--color-secondary-shade)}.pill--category-ambos,.tag-pill--ambos{background:color-mix(in srgb,var(--color-tertiary) 14%,var(--color-light));border-color:color-mix(in srgb,var(--color-tertiary) 14%,var(--color-light));color:var(--color-tertiary-shade)}.pill--small,.status-pill--small,.tag-pill--small{min-height:1.35rem;padding:.2rem .55rem;font-size:.6rem;font-weight:600}.theme-abus{--theme-font: "Poppins";--theme-primary: #e31f26;--theme-secondary: #0f325f;--theme-tertiary: #2a4f7b;--theme-success: #2f9e44;--theme-warning: #d97706;--theme-danger: #b91c1c;--theme-light: #eef2f7;--theme-medium: #667085;--theme-dark: #0a2342;--theme-bg: #f6f8fb;--theme-surface: #ffffff;--theme-text: #102a43;--theme-text-muted: #526477;--theme-sidebar-bg-start: #123764;--theme-sidebar-bg-end: #0b2647;--theme-sidebar-text: #ffffff;--theme-sidebar-muted: color-mix(in srgb, #ffffff 72%, #8ea2bb);--theme-sidebar-accent: #e31f26}.theme-default{--theme-font: "Poppins";--theme-primary: #8a38f5;--theme-secondary: #db2bc9;--theme-tertiary: #f06ce2;--theme-success: #8a38f5;--theme-warning: #d6a23c;--theme-danger: #d45b5b;--theme-light: #f3f3f5;--theme-medium: #8b8b95;--theme-dark: #303030;--theme-bg: #f7f5fb;--theme-surface: #ffffff;--theme-text: #222222;--theme-text-muted: #6f6f78;--theme-sidebar-bg-start: #303030;--theme-sidebar-bg-end: #232323;--theme-sidebar-text: #ffffff;--theme-sidebar-muted: #b8b8c2;--theme-sidebar-accent: #db2bc9}.theme-new-functional{--theme-font: "Poppins";--theme-primary: #2e63b6;--theme-secondary: #f5a623;--theme-tertiary: #4a86d4;--theme-success: #2f9e44;--theme-warning: #f5a623;--theme-danger: #c2413d;--theme-light: #f2f2f2;--theme-medium: #6b7280;--theme-dark: #1f2937;--theme-bg: #f2f2f2;--theme-surface: #ffffff;--theme-text: #1f2937;--theme-text-muted: #6b7280;--theme-sidebar-bg-start: #1f4b8f;--theme-sidebar-bg-end: #153461;--theme-sidebar-text: #ffffff;--theme-sidebar-muted: color-mix(in srgb, #ffffff 72%, #4a86d4);--theme-sidebar-accent: #f5a623}:root{color-scheme:light;--ui-color-primary-50: #f8fafc;--ui-color-primary-100: #eef2f6;--ui-color-primary-500: #6b7280;--ui-color-primary-600: #4b5563;--ui-color-primary-700: #374151;--ui-color-neutral-0: #ffffff;--ui-color-neutral-50: #f8fafc;--ui-color-neutral-100: #f1f5f9;--ui-color-neutral-200: #e5e7eb;--ui-color-neutral-300: #d1d5db;--ui-color-neutral-500: #6b7280;--ui-color-neutral-700: #374151;--ui-color-neutral-900: #111827;--ui-color-success-50: #f0fdf4;--ui-color-success-100: #dcfce7;--ui-color-success-500: #16a34a;--ui-color-success-700: #166534;--ui-color-warning-50: #fffbeb;--ui-color-warning-100: #fef3c7;--ui-color-warning-500: #d97706;--ui-color-warning-700: #92400e;--ui-color-danger-50: #fef2f2;--ui-color-danger-100: #fee2e2;--ui-color-danger-500: #dc2626;--ui-color-danger-700: #991b1b;--ui-color-info-50: #f8fafc;--ui-color-info-100: #eef2f6;--ui-color-info-500: #6b7280;--ui-color-info-700: #374151;--ui-color-tag-diplomado-50: #f8fafc;--ui-color-tag-diplomado-100: #eef2f6;--ui-color-tag-diplomado-700: #4b5563;--ui-color-tag-producto-50: #f3f4f6;--ui-color-tag-producto-100: #e5e7eb;--ui-color-tag-producto-700: #4b5563;--ui-color-tag-ambos-50: #f8fafc;--ui-color-tag-ambos-100: #e5e7eb;--ui-color-tag-ambos-700: #374151;--ui-color-background: #f8fafc;--ui-color-surface: #ffffff;--ui-color-text: #111827;--ui-color-text-muted: #6b7280;--ui-color-border: #e5e7eb;--ui-color-focus: #6b7280;--ui-space-0: 0;--ui-space-px: .0625rem;--ui-space-px2: .125rem;--ui-space-1: .25rem;--ui-space-1-5: .375rem;--ui-space-2: .5rem;--ui-space-2-5: .625rem;--ui-space-3: .75rem;--ui-space-3-5: .875rem;--ui-space-4: 1rem;--ui-space-5: 1.25rem;--ui-space-6: 1.5rem;--ui-space-8: 2rem;--ui-space-10: 2.5rem;--ui-space-12: 3rem;--ui-space-16: 4rem;--ui-radius-none: 0;--ui-radius-sm: .25rem;--ui-radius-md: .5rem;--ui-radius-lg: .75rem;--ui-radius-xl: 1rem;--ui-radius-pill: 999px}:root{font-family:var(--theme-font, "Poppins"),"Roboto",sans-serif;background:var(--ui-color-background);color:var(--ui-color-text);--color-primary: var(--theme-primary, #5f5f5f);--color-primary-dark: color-mix(in srgb, var(--theme-primary, #5f5f5f) 78%, black);--color-primary-light: color-mix(in srgb, var(--theme-primary, #5f5f5f) 82%, white);--color-primary-shade: var(--color-primary-dark);--color-primary-tint: var(--color-primary-light);--color-accent: var(--theme-secondary, #6f6f6f);--color-accent-hover: color-mix(in srgb, var(--theme-secondary, #6f6f6f) 78%, black);--color-bg: var(--theme-bg, #f6f8fc);--color-text: var(--theme-text, #2f2f2f);--color-text-secondary: var(--theme-text-muted, #5f5f5f);--color-secondary: var(--theme-secondary, #6f6f6f);--color-secondary-shade: color-mix(in srgb, var(--theme-secondary, #6f6f6f) 78%, black);--color-secondary-tint: color-mix(in srgb, var(--theme-secondary, #6f6f6f) 82%, white);--color-tertiary: var(--theme-tertiary, #8a8a8a);--color-tertiary-shade: color-mix(in srgb, var(--theme-tertiary, #8a8a8a) 78%, black);--color-tertiary-tint: color-mix(in srgb, var(--theme-tertiary, #8a8a8a) 82%, white);--color-success: var(--theme-success, #2f9e44);--color-success-shade: color-mix(in srgb, var(--theme-success, #2f9e44) 78%, black);--color-success-tint: color-mix(in srgb, var(--theme-success, #2f9e44) 82%, white);--color-warning: var(--theme-warning, #b8860b);--color-warning-shade: color-mix(in srgb, var(--theme-warning, #b8860b) 78%, black);--color-warning-tint: color-mix(in srgb, var(--theme-warning, #b8860b) 82%, white);--color-danger: var(--theme-danger, #c2413d);--color-danger-shade: color-mix(in srgb, var(--theme-danger, #c2413d) 78%, black);--color-danger-tint: color-mix(in srgb, var(--theme-danger, #c2413d) 82%, white);--color-light: var(--theme-light, #f6f8fc);--color-light-shade: color-mix(in srgb, var(--theme-light, #f6f8fc) 88%, black);--color-light-tint: color-mix(in srgb, var(--theme-light, #f6f8fc) 70%, white);--color-medium: var(--theme-medium, #6b7280);--color-medium-shade: color-mix(in srgb, var(--theme-medium, #6b7280) 78%, black);--color-medium-tint: color-mix(in srgb, var(--theme-medium, #6b7280) 82%, white);--color-dark: var(--theme-dark, #2f2f2f);--ui-color-primary-50: color-mix(in srgb, var(--theme-primary, #5f5f5f) 10%, #ffffff);--ui-color-primary-100: color-mix(in srgb, var(--theme-primary, #5f5f5f) 18%, #ffffff);--ui-color-primary-500: var(--color-primary-light);--ui-color-primary-600: var(--color-primary);--ui-color-primary-700: var(--color-primary-dark);--ui-color-neutral-0: #ffffff;--ui-color-neutral-50: var(--color-light-tint);--ui-color-neutral-100: var(--color-light);--ui-color-neutral-200: var(--color-light-shade);--ui-color-neutral-300: color-mix(in srgb, var(--color-medium-tint) 36%, #ffffff);--ui-color-neutral-500: var(--color-medium);--ui-color-neutral-700: var(--color-medium-shade);--ui-color-neutral-900: var(--color-dark);--ui-color-success-50: color-mix(in srgb, var(--theme-success, #2f9e44) 10%, #ffffff);--ui-color-success-100: color-mix(in srgb, var(--theme-success, #2f9e44) 16%, var(--theme-light, #f6f8fc));--ui-color-success-500: var(--color-success);--ui-color-success-700: var(--color-success-shade);--ui-color-warning-50: color-mix(in srgb, var(--theme-warning, #b8860b) 10%, #ffffff);--ui-color-warning-100: color-mix(in srgb, var(--theme-warning, #b8860b) 18%, var(--theme-light, #f6f8fc));--ui-color-warning-500: var(--color-warning);--ui-color-warning-700: var(--color-warning-shade);--ui-color-danger-50: color-mix(in srgb, var(--theme-danger, #c2413d) 10%, #ffffff);--ui-color-danger-100: color-mix(in srgb, var(--theme-danger, #c2413d) 14%, var(--theme-light, #f6f8fc));--ui-color-danger-500: var(--color-danger);--ui-color-danger-700: var(--color-danger-shade);--ui-color-info-50: color-mix(in srgb, var(--theme-secondary, #6f6f6f) 10%, #ffffff);--ui-color-info-100: color-mix(in srgb, var(--theme-secondary, #6f6f6f) 14%, var(--theme-light, #f6f8fc));--ui-color-info-500: var(--color-secondary);--ui-color-info-700: var(--color-secondary-shade);--ui-color-tag-diplomado-50: color-mix(in srgb, var(--theme-tertiary, #8a8a8a) 10%, #ffffff);--ui-color-tag-diplomado-100: color-mix(in srgb, var(--theme-tertiary, #8a8a8a) 18%, #ffffff);--ui-color-tag-diplomado-700: var(--color-tertiary-shade);--ui-color-tag-producto-50: color-mix(in srgb, var(--theme-secondary, #6f6f6f) 10%, #ffffff);--ui-color-tag-producto-100: color-mix(in srgb, var(--theme-secondary, #6f6f6f) 18%, #ffffff);--ui-color-tag-producto-700: var(--color-secondary-shade);--ui-color-tag-ambos-50: var(--color-light-tint);--ui-color-tag-ambos-100: var(--color-light);--ui-color-tag-ambos-700: var(--color-medium-shade);--ui-color-background: var(--theme-bg, #f6f8fc);--ui-color-surface: var(--theme-surface, #ffffff);--ui-color-text: var(--theme-text, #2f2f2f);--ui-color-text-muted: var(--theme-text-muted, #5f5f5f);--ui-color-border: var(--color-light-shade);--ui-color-focus: var(--theme-primary, #5f5f5f);--app-shell-sidebar-bg: linear-gradient( 180deg, var(--theme-sidebar-bg-start, #3f3f3f) 0%, var(--theme-sidebar-bg-end, #2f2f2f) 100% );--app-shell-sidebar-text: var(--theme-sidebar-text, #f8fafc);--app-shell-sidebar-muted: var(--theme-sidebar-muted, #d8dade);--app-shell-sidebar-accent: var(--theme-sidebar-accent, #f7f9fc);--app-shell-sidebar-hover: color-mix( in srgb, var(--theme-sidebar-accent, #f7f9fc) 14%, transparent )}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ui-color-background)}body{font-family:inherit}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:.9rem 1rem;border:1px solid var(--ui-color-border);border-radius:.9rem;background:var(--ui-color-surface)}h1,h2,h3{font-weight:600;letter-spacing:-.03em}p{color:var(--ui-color-text-muted)}