@import "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Roboto:wght@300;400;500;600;700&display=swap";.app-root{background:var(--gray-2);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-level1);border-right:1px solid var(--border-tertiary);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border-tertiary);align-items:center;gap:12px;padding:20px;display:flex}.brand-icon{background:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-text{flex-direction:column;display:flex}.brand-name{font:700 .9rem/1.3 var(--font-serif);color:var(--text-primary)}.brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:400}.sidebar-nav{padding:var(--sp-16) var(--sp-8);flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;min-height:44px;padding:10px 14px;font-size:.875rem;font-weight:400;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item:active{background:var(--bg-active);transition-duration:60ms;transform:scale(.98)}.nav-item.active{background:var(--bg-hover);color:var(--accent-primary);font-weight:600}.nav-item.active:before{content:"";background:var(--accent-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav-icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-badge{background:var(--accent-emphasis);color:#fff;border-radius:var(--radius-pill);text-align:center;min-width:20px;margin-left:auto;padding:2px 7px;font-size:.6875rem;font-weight:700;line-height:1.4}.sidebar-footer{padding:var(--sp-16);border-top:1px solid var(--border-tertiary)}.user-card{padding:var(--sp-8);border-radius:var(--radius-sm);align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}.logout-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-height:34px;display:flex}.logout-btn:hover{color:var(--accent-danger);background:#fde8e8;border-color:#fca5a5}.logout-btn:active{transition-duration:60ms;transform:scale(.92)}.main-content{margin-left:var(--sidebar-width);padding:var(--sp-32);background:var(--gray-2);flex:1;min-height:100vh}.mobile-topbar,.sidebar-backdrop{display:none}@media (width<=768px){.mobile-topbar{background:var(--bg-level1);border-bottom:1px solid var(--border-tertiary);z-index:200;align-items:center;gap:10px;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.hamburger-btn{width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.hamburger-btn:active{background:var(--bg-active);transition-duration:60ms;transform:scale(.93)}.mobile-brand{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.brand-icon--sm{flex-shrink:0;width:30px;height:30px}.mobile-brand .brand-name{font:700 .85rem/1.3 var(--font-serif);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobile-badge{background:var(--accent-emphasis);color:#fff;border-radius:var(--radius-pill);text-align:center;min-width:22px;padding:2px 8px;font-size:.6875rem;font-weight:700}.sidebar{box-shadow:none;width:min(280px,80vw);transition:transform .28s cubic-bezier(.23,1,.32,1);transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sidebar-backdrop{z-index:99;opacity:0;pointer-events:none;background:#00000059;transition:opacity .28s;display:block;position:fixed;inset:0}.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main-content{width:100%;margin-left:0;padding:72px 16px 24px}}@media (width<=480px){.main-content{padding:64px 12px 20px}}:root{--gray-2:#f7f8f8;--gray-3:#eff0f0;--gray-5:#e0e2e2;--gray-10:#d0d3d3;--gray-15:#bdc0c0;--gray-20:#a9adad;--gray-25:#9da1a1;--gray-30:#878a8c;--gray-35:#676b6e;--gray-40:#53575b;--gray-60:#3a3d40;--gray-90:#0d0f10;--text-120:#212225;--blue-15:#49cce6;--blue-20:#01b6d1;--blue-25:#007da5;--blue-30:#006184;--blue-35:#005175;--blue-40:#003057;--red-emphasis:#dc3838;--red-hover:#b00504;--red-click:#950023;--green-20:#6db344;--green-30:#318d43;--green-35:#206b3f;--yellow-10:#ffb81c;--yellow-20:#f68d2e;--yellow-30:#d45311;--bg-level1:#fff;--bg-level2:#fff;--bg-level3:var(--gray-2);--bg-alt:var(--gray-3);--bg-hover:var(--gray-3);--bg-active:var(--gray-5);--bg-input:#fff;--text-primary:var(--text-120);--text-secondary:var(--gray-40);--text-tertiary:var(--gray-30);--text-muted:var(--gray-25);--text-inverted:#fff;--accent-primary:var(--blue-25);--accent-primary-hover:var(--blue-40);--accent-primary-click:var(--blue-30);--accent-emphasis:var(--red-emphasis);--accent-emphasis-hover:var(--red-hover);--accent-success:var(--green-30);--accent-warning:var(--yellow-30);--accent-danger:var(--red-emphasis);--pillar-inspiracion:var(--blue-25);--pillar-informacion:var(--green-30);--pillar-servicio:var(--yellow-20);--pillar-historias:#8e44ad;--border-primary:var(--gray-30);--border-secondary:var(--gray-15);--border-tertiary:var(--gray-5);--shadow-raised:0 2px 4px 0 #0003;--shadow-detached:0 4px 8px 0 #0003;--shadow-overlaid:0 8px 16px 0 #0003;--shadow-popped:0 16px 32px 0 #0003;--sidebar-width:260px;--header-height:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-pill:100px;--sp-4:.25rem;--sp-8:.5rem;--sp-16:1rem;--sp-24:1.5rem;--sp-32:2rem;--sp-48:3rem;--sp-64:4rem;--sp-96:6rem;--font-sans:"Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Noto Serif", Georgia, serif;--transition-fast:.12s cubic-bezier(.23, 1, .32, 1);--transition-normal:.2s cubic-bezier(.23, 1, .32, 1);--transition-slow:.35s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font:normal 400 1rem/1.6 var(--font-sans);background:var(--bg-level1);color:var(--text-primary);min-height:100vh}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-hover);text-decoration:none}a:active{color:var(--text-primary)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:var(--font-sans);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px;font-size:1rem;font-weight:400;line-height:1.4}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #007da51f}input::placeholder,textarea::placeholder{color:var(--text-muted);font-weight:300}textarea{resize:vertical;min-height:100px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23878a8c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-25)}.btn{border-radius:var(--radius-sm);letter-spacing:.01em;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 22px;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.btn:active{transition-duration:60ms;transform:scale(.97)}.btn-primary{background:var(--accent-primary);color:var(--text-inverted);box-shadow:var(--shadow-raised)}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-detached)}.btn-primary:active{background:var(--accent-primary-click)}.btn-emphasis{background:var(--accent-emphasis);color:var(--text-inverted);box-shadow:var(--shadow-raised)}.btn-emphasis:hover{background:var(--accent-emphasis-hover)}.btn-success{background:var(--accent-success);color:var(--text-inverted);box-shadow:var(--shadow-raised)}.btn-success:hover{background:var(--green-35);box-shadow:var(--shadow-detached)}.btn-danger{background:var(--accent-danger);color:var(--text-inverted);box-shadow:var(--shadow-raised)}.btn-danger:hover{background:var(--red-hover)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary)}.btn-sm{padding:6px 14px;font-size:.8125rem}.card{background:var(--bg-level2);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);padding:var(--sp-24);transition:box-shadow var(--transition-normal), border-color var(--transition-normal)}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-raised)}.card-elevated{background:var(--bg-level2);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-detached)}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-draft{background:var(--gray-3);color:var(--gray-40)}.badge-in_review{color:var(--yellow-30);background:#fff3e0}.badge-approved{color:var(--green-30);background:#e8f5e9}.badge-scheduled{color:var(--blue-25);background:#e0f4f8}.badge-published{color:var(--green-35);background:#e8f5e9}.badge-rejected{color:var(--accent-danger);background:#fde8e8}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600}.page-title{font:700 1.5rem/1.3 var(--font-serif);color:var(--text-primary);letter-spacing:-.01em}.page-subtitle{color:var(--text-tertiary);margin-top:4px;font-size:.9rem;font-weight:300}.section-title{font:700 1.05rem/1.3 var(--font-serif);color:var(--text-primary)}.card-title{color:var(--text-primary);letter-spacing:.01em;font-size:.875rem;font-weight:600}.empty-state{text-align:center;padding:var(--sp-64) var(--sp-24);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--sp-16);opacity:.4;font-size:2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:.35s cubic-bezier(.23,1,.32,1) forwards fadeIn}.loading-spinner{border:2.5px solid var(--border-tertiary);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{text-align:center;padding:var(--sp-64);color:var(--text-muted)}