:root{--verde-marca: #4b9400;--verde-oscuro: #368003;--verde-oliva: #5f7a33;--verde-claro: #6fa900;--verde-suave: #edf4e3;--amarillo: #fdad00;--amarillo-suave: #e8b84b;--naranja: #fc8600;--crema: #fdf6e7;--crema-2: #f4edd6;--marron: #573d1b;--azul-pastel: #dcf5ff;--type-xs: .7857rem;--type-sm: .9286rem;--type-base: 1.0625rem;--type-lg: 1.2143rem;--type-xl: 1.4286rem;--type-2xl: 1.7143rem;--type-3xl: 2.1429rem;--type-4xl: 2.7143rem;--fuente-titulo: "Baloo 2", "Nunito", system-ui, sans-serif;--fuente-cuerpo: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgb(87 61 27 / 6%);--shadow-sm: 0 2px 6px rgb(87 61 27 / 8%), 0 1px 2px rgb(87 61 27 / 4%);--shadow-md: 0 4px 16px rgb(87 61 27 / 10%), 0 2px 4px rgb(87 61 27 / 6%);--shadow-lg: 0 8px 32px rgb(87 61 27 / 12%), 0 4px 8px rgb(87 61 27 / 6%);--shadow-xl: 0 16px 48px rgb(87 61 27 / 16%), 0 8px 16px rgb(87 61 27 / 8%);--shadow-verde: 0 6px 24px rgb(75 148 0 / 25%);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s;--ease-out-soft: cubic-bezier(.16, 1, .3, 1);--ease-in-soft: cubic-bezier(.7, 0, .84, 0);--surface-app: var(--crema);--surface-card: #ffffff;--surface-subtle: var(--verde-suave);--surface-alt: var(--crema-2);--surface-inverse: var(--verde-oscuro);--surface-overlay: rgb(87 61 27 / 45%);--text-main: var(--marron);--text-secondary: var(--verde-oliva);--text-subtle: #8a7a63;--text-on-inverse: var(--crema);--text-accent: var(--verde-oscuro);--border-subtle: #e8e0cc;--border-strong: var(--verde-suave);--border-accent: var(--verde-marca);--color-error-bg: #fdecec;--color-error-border: #e5a3a3;--color-error-text: #8a2b2b;--color-ok-bg: #eaf5e0;--color-ok-border: #b6d78f;--color-ok-text: var(--verde-oscuro);--rol-owner-start: #4b9400;--rol-owner-mid: #5faa10;--rol-owner-end: #6fa900;--rol-admin-start: #fc8600;--rol-admin-mid: #fda01f;--rol-admin-end: #fdad00;--rol-colab-start: #3f7fb0;--rol-colab-mid: #4f96c9;--rol-colab-end: #5fa9dc;--rol-texto-sobre-gradiente: #ffffff;--ancho-max: 1120px}html.dark{--surface-app: #1d1913;--surface-card: #262019;--surface-subtle: #2f2820;--surface-alt: #2a231c;--surface-inverse: #14110d;--surface-overlay: rgb(0 0 0 / 60%);--text-main: #f2e9d8;--text-secondary: #c3b79f;--text-subtle: #9c8f78;--text-on-inverse: #f2e9d8;--text-accent: #8fc93a;--border-subtle: #3b322794;--border-strong: #3f3629;--border-accent: #6fa900;--color-error-bg: #3b1f1f;--color-error-border: #7a3b3b;--color-error-text: #f0b4b4;--color-ok-bg: #223019;--color-ok-border: #4a6b32;--color-ok-text: #b7dc8e;--rol-texto-sobre-gradiente: #10140b;--shadow-xs: 0 1px 2px rgb(0 0 0 / 30%);--shadow-sm: 0 2px 6px rgb(0 0 0 / 35%), 0 1px 2px rgb(0 0 0 / 25%);--shadow-md: 0 4px 16px rgb(0 0 0 / 40%), 0 2px 4px rgb(0 0 0 / 25%);--shadow-lg: 0 8px 32px rgb(0 0 0 / 45%), 0 4px 8px rgb(0 0 0 / 25%);--shadow-xl: 0 16px 48px rgb(0 0 0 / 50%), 0 8px 16px rgb(0 0 0 / 30%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light}html.dark{color-scheme:dark}body{margin:0;background:var(--surface-app);color:var(--text-main);font-family:var(--fuente-cuerpo);font-size:var(--type-base);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color var(--motion-base) var(--ease-out-soft)}h1,h2,h3,h4{font-family:var(--fuente-titulo);line-height:1.15;margin:0}p{margin:0}a{color:var(--text-accent)}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--border-accent);outline-offset:2px;border-radius:var(--radius-sm)}.custom-scrollbar::-webkit-scrollbar{width:10px;height:10px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}