:root{--color-main-background: #181B34;--color-secondary-background: #292f4c;--color-surface: #202440;--color-background: #181B34;--color-hover: #323a5e;--color-text-primary: #ffffff;--color-text-secondary: #dcdde2;--color-text-muted: #9699a6;--color-primary: #00b5cc;--color-primary-hover: #009bb3;--color-success: #00ca72;--color-warning: #ffcb00;--color-danger: #e2445c;--border-color: #373e5e;--border-radius: 8px;--sidebar-width-primary: 60px;--sidebar-width-secondary: 240px;--topbar-height: 60px;--font-family: "Figtree", "Roboto", system-ui, sans-serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-main-background);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.flex-center{display:flex;align-items:center;justify-content:center}.full-height{height:100vh}.org-container{padding:4rem;min-height:100vh;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;background-color:var(--color-background);display:flex;justify-content:center;align-items:flex-start}.org-container:active{cursor:grabbing}.org-viewport{display:flex;justify-content:center;transform-origin:0 0}.org-node-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.org-card{background:var(--color-surface);border:1px solid var(--border-color);border-radius:12px;padding:12px;width:200px;box-shadow:0 4px 15px #0000000d;display:flex;align-items:center;gap:12px;position:relative;z-index:10;transition:transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.org-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.org-photo{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#f0f0f0;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 0 0 1px #eee}.org-info{flex:1;min-width:0}.org-info h3{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-info p{margin:0;font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-children-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;padding:20px;position:relative}.org-children-grid:before{content:"";position:absolute;top:0;left:50%;width:1px;height:20px;background:#ccc;transform:translate(-50%)}.org-children-horizontal{display:flex;gap:2rem;position:relative}.org-connector-v{width:1px;height:20px;background:#ccc}.org-card.dept-operaciones{border-left:4px solid #3b82f6}.org-card.dept-comercial{border-left:4px solid #10b981}.org-card.dept-administracion{border-left:4px solid #f59e0b}.org-card.dept-rrhh{border-left:4px solid #ec4899}.org-card.dept-tecnologia{border-left:4px solid #8b5cf6}.org-card.dept-ventas{border-left:4px solid #ef4444}.org-card.dept-general{border-left:4px solid #6b7280}.org-controls{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.5rem;z-index:100}.org-control-btn{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;color:var(--color-text-primary);transition:all .2s}.org-control-btn:hover{background:#f8f9fa;transform:scale(1.05)}