*,:after,:before{box-sizing:border-box}body{background:#f3f4f6;font-family:Inter,system-ui,sans-serif;margin:0;overflow:auto;padding:0}#canvas-wrapper{background:#f3f4f6;cursor:grab;height:500px;overflow:hidden;position:relative;width:100%}#canvas-wrapper.grabbing{cursor:grabbing}#canvas{display:inline-block;left:0;padding:60px;position:absolute;top:0;transform-origin:top left}#canvas ul{list-style:none;margin:0;padding-left:0;padding-top:20px}#canvas li,#canvas ul{display:flex;position:relative}#canvas li{align-items:stretch;flex-direction:column;float:left;list-style-type:none;padding:20px 10px 0;text-align:center}#canvas li>div{align-self:center}#canvas li:after,#canvas li:before{border-top:1px solid #d1d5db;content:"";height:20px;position:absolute;right:50%;top:0;width:50%}#canvas li:after{border-left:1px solid #d1d5db;left:50%;right:auto}#canvas li:first-child:before,#canvas li:last-child:after{border:0}#canvas li:only-child:after{border-left:1px solid #d1d5db;width:0}#canvas li:only-child:before{border:0}#canvas ul ul:before{border-left:1px solid #d1d5db;content:"";height:20px;left:50%;position:absolute;top:0;width:0}#zoom-controls{background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:4px;padding:4px;position:absolute;right:12px;z-index:100}#zoom-controls button{align-items:center;background:transparent;border:none;border-radius:7px;color:#374151;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}#zoom-controls button:hover{background:#f3f4f6}#zoom-label{align-items:center;color:#374151;display:flex;font-family:monospace;font-size:12px;font-weight:600;height:32px;justify-content:center;width:44px}*{margin:0;padding:0}.container-organigrama{background-color:#f9f5f4;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;height:auto;padding:24px 120px;width:100%}@media (max-width:768px){.container-organigrama{flex-direction:column;gap:12px;padding:24px 12px}}.left{display:flex;flex:1;flex-direction:column;gap:12px;height:100%;min-width:300px}.left h1{color:#111827;font-size:36px}.left .target{background-color:#ffe702;border-radius:15px;padding:24px}.left .target p{color:#111827;font-size:20px;line-height:1.5}.left .target p span{color:#000;font-weight:800}.right{background-color:#303030;border-radius:15px;display:flex;flex:1;flex-direction:column;gap:24px;min-height:150px;min-width:300px;padding:24px}.right h2{color:#f9f5f4;font-size:36px}.right p{color:#f9f5f4;font-size:20px;line-height:1.5}.content-organigrama{border-radius:7px;height:500px;overflow:hidden;position:relative}