:root{--ink-900: #0F172A;--ink-800: #16283A;--ink-700: #192D3F;--ink-600: #263E50;--ink-500: #52616E;--ink-400: #6C7A86;--bg-base: #F5F3ED;--bg-surface: #FFFFFF;--bg-surface-raised: #EEEDE6;--bg-surface-overlay: #E4E1D6;--bg-inset: #EDEBE3;--text-primary: #192D3F;--text-secondary: #52616E;--text-tertiary: #5A6672;--text-inverse: #FFFFFF;--accent-primary: #946525;--accent-primary-hover: #7C5320;--accent-primary-subtle: rgba(148, 101, 37, .1);--accent-primary-glow: rgba(148, 101, 37, .18);--accent-solid: #C9A364;--accent-solid-hover: #D8B982;--accent-solid-text: #16283A;--accent-secondary: #3D5B7A;--accent-secondary-hover: #2E4761;--accent-secondary-subtle: rgba(61, 91, 122, .1);--semantic-success: #26724E;--semantic-success-subtle: rgba(38, 114, 78, .09);--semantic-danger: #B43D35;--semantic-danger-subtle: rgba(180, 61, 53, .09);--semantic-warning: #75551A;--semantic-warning-subtle: rgba(117, 85, 26, .09);--semantic-info: #3D5B7A;--semantic-info-subtle: rgba(61, 91, 122, .09);--semantic-neutral: #5A6672;--semantic-purple: #5C4E8C;--semantic-purple-subtle: rgba(92, 78, 140, .09);--color-bg: var(--bg-base);--color-surface: var(--bg-surface);--color-surface-hover:var(--bg-surface-raised);--color-text: var(--text-primary);--color-text-muted: var(--text-secondary);--color-border: var(--border-default);--color-green: var(--semantic-success);--color-red: var(--semantic-danger);--color-yellow: var(--semantic-warning);--color-blue: var(--accent-secondary);--color-gray: var(--semantic-neutral);--color-purple: var(--semantic-purple);--border-default: rgba(25, 45, 63, .14);--border-hover: rgba(25, 45, 63, .28);--border-focus: var(--accent-primary);--border-error: var(--semantic-danger);--radius-sm: 0px;--radius-md: 2px;--radius-lg: 4px;--radius-xl: 4px;--radius-full: 9999px;--radius-btn: 10px;--bevel: polygon(0 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100%);--bevel-cut: 9px;--shadow-hard: 6px 6px 0 rgba(25, 45, 63, .07);--shadow-hard-lift: 9px 12px 0 rgba(25, 45, 63, .09);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12);--shadow-xl: 0 16px 48px rgba(15, 23, 42, .16);--shadow-glow: 0 8px 20px var(--accent-primary-glow);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-display-size: 2.25rem;--text-h1-size: 1.75rem;--text-h2-size: 1.25rem;--text-h3-size: 1rem;--text-body-size: .9375rem;--text-sm-size: .8125rem;--text-xs-size: .75rem;--tracking-display: -.045em;--tracking-title: -.03em;--tracking-eyebrow: .14em;--ease-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 260px;--sidebar-collapsed: 64px;--topbar-height: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-primary-hover)}img,svg{display:block;max-width:100%}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:var(--text-h1-size);font-weight:700;letter-spacing:var(--tracking-display)}h2{font-size:var(--text-h2-size);letter-spacing:var(--tracking-title)}h3{font-size:var(--text-h3-size);letter-spacing:var(--tracking-title)}.eyebrow{display:inline-block;font-size:var(--text-xs-size);font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent-primary)}p{color:var(--text-secondary);line-height:1.6}code,pre,.font-mono{font-family:var(--font-mono)}.layout-container{display:flex;min-height:100vh}.main-content{flex:1;min-width:0;padding:var(--space-8);overflow-y:auto;max-width:1400px}@media(max-width:768px){.main-content{padding:var(--space-4)}}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-h1-size);font-weight:700;letter-spacing:var(--tracking-display);color:var(--text-primary);margin-bottom:var(--space-2)}.page-subtitle{color:var(--text-secondary);font-size:var(--text-sm-size)}.on-ink{--text-primary: #F2F1EA;--text-secondary: #A3AEBB;--text-tertiary: #93A0AD;--text-inverse: #0F172A;--accent-primary: #C9A364;--accent-primary-hover: #DCBA7F;--accent-primary-subtle: rgba(201, 163, 100, .14);--accent-secondary: #6E8CAE;--semantic-success: #3BB273;--semantic-success-subtle: rgba(59, 178, 115, .16);--semantic-danger: #E2574F;--semantic-danger-subtle: rgba(226, 87, 79, .16);--semantic-warning: #E0AC5B;--semantic-warning-subtle: rgba(224, 172, 91, .16);--semantic-info: #6E8CAE;--semantic-neutral: #7C8A98;--border-default: rgba(242, 241, 234, .12);--border-hover: rgba(242, 241, 234, .26);--pub-verde: #3BB273;--pub-verde-bg: rgba(59, 178, 115, .16);--pub-rojo: #E2574F;--pub-rojo-bg: rgba(226, 87, 79, .16);--pub-ambar: #E0AC5B;--pub-ambar-bg: rgba(224, 172, 91, .16);--pub-marca: #C9A364;--pub-rosa: #C9A364;--pub-vivo: #E86A62;--bg-surface: #1A2E42;--bg-surface-raised: #22374B;--bg-inset: #0F172A;--shadow-hard: none;--shadow-hard-lift: none;color:var(--text-primary)}.text-green{color:var(--semantic-success)}.text-red{color:var(--semantic-danger)}.text-yellow{color:var(--semantic-warning)}.text-blue{color:var(--accent-secondary)}.text-gray{color:var(--semantic-neutral)}.text-purple{color:var(--semantic-purple)}.text-muted{color:var(--text-secondary)}.text-success{color:var(--semantic-success)}.text-danger{color:var(--semantic-danger)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--text-sm-size)}.text-xs{font-size:var(--text-xs-size)}.text-lg{font-size:1.1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme=dark]{--bg-base: #0B0F1A;--bg-surface: #111827;--bg-surface-raised: #16283A;--bg-surface-overlay: #1F3346;--bg-inset: #070A12;--text-primary: #F2F1EA;--text-secondary: #A3AEBB;--text-tertiary: #6C7A86;--text-inverse: #0F172A;--accent-primary: #C9A364;--accent-primary-hover: #DCBA7F;--accent-primary-subtle: rgba(201, 163, 100, .12);--accent-primary-glow: rgba(201, 163, 100, .22);--accent-secondary: #6E8CAE;--accent-secondary-hover: #88A3C4;--accent-secondary-subtle: rgba(110, 140, 174, .12);--semantic-success: #3BB273;--semantic-success-subtle: rgba(59, 178, 115, .12);--semantic-danger: #E86A62;--semantic-danger-subtle: rgba(232, 106, 98, .12);--semantic-warning: #E0AC5B;--semantic-warning-subtle: rgba(224, 172, 91, .14);--semantic-info: #6E8CAE;--semantic-info-subtle: rgba(110, 140, 174, .12);--semantic-neutral: #8593A0;--semantic-purple: #8B7BC0;--semantic-purple-subtle: rgba(139, 123, 192, .12);--border-default: rgba(242, 241, 234, .1);--border-hover: rgba(242, 241, 234, .2);--shadow-hard: none;--shadow-hard-lift: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--accent-primary-glow)}