:root{--navy:#0b1f3a;--blue:#2563eb;--pink:#d6007b;--pink-bg:#d6007b0f;--g50:#fafbfc;--g100:#f5f6f8;--g200:#e8ebf0;--g300:#cdd3dc;--g500:#7a8599;--g700:#3d4a5c;--white:#fff;--green:#10b981;--green-bg:#10b98114;--orange:#f59e0b;--orange-bg:#f59e0b14;--red:#ef4444;--red-bg:#ef444414;--purple:#8b5cf6;--purple-bg:#8b5cf614;--cyan:#06b6d4;--cyan-bg:#06b6d414;--radius:10px;--sider-width:260px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{font-family:var(--font-family);background:var(--g50);color:var(--g700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}.main{min-width:0;max-width:100%}.page{max-width:100%;overflow-x:clip}img,svg,video,canvas{max-width:100%;height:auto}pre{max-width:100%;overflow-x:auto}.page table{max-width:100%}.layout{min-height:100vh;display:flex}.sider{background:var(--navy);z-index:100;width:260px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sider-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.sider-logo{background:linear-gradient(135deg,var(--pink),var(--blue));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.sider-title{color:#fff;font-size:13px;font-weight:700;line-height:1.3}.sider-sub{color:var(--g500);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:9px;font-weight:600}.menu{padding:10px 0}.menu-sec{text-transform:uppercase;letter-spacing:1.2px;color:var(--g500);margin-top:4px;padding:10px 18px 4px;font-size:9px;font-weight:700}.menu-item{color:var(--g300);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:9px;padding:9px 18px;font-size:12.5px;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:#fff;background:#ffffff0a}.menu-item.active{color:#fff;border-left-color:var(--pink);background:#d6007b14}.menu-item i{text-align:center;width:16px;font-size:12px}.menu-item .badge{background:var(--pink);color:#fff;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:600}.menu-item--wip{color:var(--g500);cursor:not-allowed;opacity:.55;font-style:italic}.menu-item--wip:hover{color:var(--g500);background:0 0;border-left-color:#0000}.menu-item--wip .badge--wip{color:var(--g300);letter-spacing:.3px;background:#ffffff14;border-radius:10px;align-items:center;gap:4px;margin-left:auto;padding:2px 7px;font-size:8.5px;font-style:normal;font-weight:600;display:inline-flex}.menu-item--wip .badge--wip i{width:auto;font-size:8px}.main{flex:1;min-height:100vh;margin-left:260px;transition:margin-left .22s}.sider{transition:transform .22s}.layout.is-collapsed .sider{transform:translate(-100%)}.layout.is-collapsed .main{margin-left:0}.topbar{border-bottom:1px solid var(--g200);z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:11px 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.sider-toggle{background:var(--g100);border:1px solid var(--g200);width:32px;height:32px;color:var(--g700);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.sider-toggle:hover{border-color:var(--pink);color:var(--pink);background:#fff}.breadcrumb{color:var(--g500);font-size:12px}.breadcrumb b{color:var(--g700)}.topbar-right{align-items:center;gap:12px;display:flex}.search-input{background:var(--g100);border:1px solid var(--g200);color:var(--g500);cursor:pointer;border-radius:6px;align-items:center;gap:6px;min-width:220px;padding:6px 12px;font-size:11px;transition:border .2s;display:flex}.search-input:hover{border-color:var(--pink)}.avatar{background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:600;display:flex}.hero-search{text-align:center;max-width:600px;margin:0 auto 24px}.hero-search h2{color:var(--navy);margin-bottom:4px;font-size:18px;font-weight:700}.hero-search p{color:var(--g500);margin-bottom:14px;font-size:12px}.hero-search-box{border:2px solid var(--g200);color:var(--g500);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;transition:all .25s;display:flex;box-shadow:0 2px 8px #0000000a}.hero-search-box:hover{border-color:var(--pink);box-shadow:0 4px 20px #d6007b14}.hero-search-box i{color:var(--pink);font-size:16px}.hero-search-box span{text-align:left;flex:1}.hero-search-box kbd{background:var(--g100);color:var(--g500);border-radius:4px;padding:2px 8px;font-family:inherit;font-size:10px}.page{padding:24px 28px}.page-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.page-head h2{color:var(--navy);margin-bottom:3px;font-size:20px;font-weight:700}.page-head p{color:var(--g500);font-size:12px}.tab-content{display:none}.tab-content.active{display:block}.card{border-radius:var(--radius);border:1px solid var(--g200);background:#fff;margin-bottom:20px;padding:18px;transition:box-shadow .2s;box-shadow:0 1px 3px #00000008}.card:hover{box-shadow:0 4px 12px #0000000f}.card h3{color:var(--navy);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--g200);background:#fff;padding:16px;box-shadow:0 1px 3px #00000008}.stat .label{color:var(--g500);margin-bottom:4px;font-size:11px;font-weight:500}.stat .val{color:var(--navy);font-size:24px;font-weight:700}.stat .change{align-items:center;gap:3px;margin-top:3px;font-size:10px;display:flex}.stat .change.up{color:var(--green)}.stat .change.down{color:var(--red)}.grid2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.ea-banner{color:#fff;background:linear-gradient(135deg,#0b1f3a,#1a3a5c);border-radius:10px;align-items:center;gap:16px;margin-bottom:18px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.ea-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#d6007b12,#0000 70%);width:200px;height:200px;position:absolute;top:-40%;right:-10%}.ea-banner h3{margin-bottom:2px;font-size:13px;font-weight:700;position:relative}.ea-banner p{color:#fff9;margin-bottom:0;font-size:10px;position:relative}.pillars{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.pillar{border-radius:var(--radius);border:1px solid var(--g200);text-align:center;cursor:pointer;background:#fff;padding:14px 10px;transition:all .25s;position:relative;overflow:hidden}.pillar:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.pillar:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.pillar.devops:before{background:var(--blue)}.pillar.datos:before{background:var(--green)}.pillar.api:before{background:var(--purple)}.pillar.agentes:before{background:var(--pink)}.pillar.seguridad:before{background:var(--red)}.pillar.ops:before{background:var(--cyan)}.pillar .pi{margin-bottom:6px;font-size:1.6rem}.pillar h4{color:var(--navy);margin-bottom:3px;font-size:10.5px;font-weight:700}.pillar .pm{color:var(--g500);font-size:9px}.pillar .metric{border-top:1px solid var(--g200);color:var(--g500);margin-top:8px;padding-top:8px;font-size:9px}.pillar .metric b{color:var(--navy);margin-bottom:1px;font-size:14px;display:block}.conn-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.conn-tag{color:var(--green);background:#10b98114;border:1px solid #10b98126;border-radius:5px;padding:4px 10px;font-size:9.5px;font-weight:500}.quick-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.qlink{border:1px solid var(--g200);cursor:pointer;color:var(--g700);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.qlink:hover{border-color:var(--pink);background:var(--pink-bg)}.qlink .qi{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.qlink h5{color:var(--navy);font-size:11px;font-weight:600}.qlink p{color:var(--g500);font-size:9px}.cases{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.case-card{border:1px solid var(--g200);border-radius:var(--radius);cursor:pointer;background:#fff;padding:16px;transition:all .2s}.case-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.case-card h5{color:var(--navy);margin-bottom:6px;font-size:12px;font-weight:600}.case-card p{color:var(--g500);margin-bottom:8px;font-size:10px;line-height:1.5}.case-pills{flex-wrap:wrap;gap:4px;display:flex}.pill{border-radius:4px;padding:2px 8px;font-size:8.5px;font-weight:600}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--g500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--g200);background:var(--g50);padding:9px 12px;font-size:10px;font-weight:600}td{border-bottom:1px solid var(--g100);padding:10px 12px}tr:hover td{background:var(--g50)}.tag{border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.tag-green{background:var(--green-bg);color:var(--green)}.tag-orange{background:var(--orange-bg);color:var(--orange)}.tag-red{background:var(--red-bg);color:var(--red)}.tag-purple{background:var(--purple-bg);color:var(--purple)}.chart-box{height:200px;position:relative}.sites-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.site{border:1px solid var(--g200);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.site:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.site .si{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.site h5{color:var(--navy);font-size:12px;font-weight:600}.site p{color:var(--g500);margin-top:1px;font-size:10px}.site .arr{color:var(--g300);margin-left:auto;font-size:11px}.flow-e2e{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:16px 0;display:flex}.flow-step{cursor:help;border-radius:5px;padding:5px 12px;font-size:10.5px;font-weight:600;position:relative}.flow-step:after{content:attr(data-tip);background:var(--navy);color:#fff;text-align:left;opacity:0;visibility:hidden;z-index:50;pointer-events:none;white-space:normal;border-radius:6px;width:200px;padding:8px 12px;font-size:9px;font-weight:400;line-height:1.5;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.flow-step:hover:after{opacity:1;visibility:visible}.flow-arr{color:var(--g300);font-size:9px}.proc-name{cursor:help;position:relative}.proc-name:after{content:attr(data-tip);background:var(--navy);color:#fff;opacity:0;visibility:hidden;z-index:50;pointer-events:none;white-space:normal;border-radius:6px;width:260px;padding:8px 12px;font-size:10px;font-weight:400;line-height:1.5;transition:all .2s;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 4px 12px #0003}.proc-name:hover:after{opacity:1;visibility:visible}.collapse-section{border:1px solid var(--g200);border-radius:var(--radius);background:#fff;overflow:hidden}.collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .2s;display:flex}.collapse-header:hover{background:var(--g50)}.collapse-header h3{color:var(--navy);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.collapse-header .chevron{color:var(--g500);font-size:11px;transition:transform .3s}.collapse-header.open .chevron{transform:rotate(180deg)}.collapse-body{max-height:0;transition:max-height .4s;overflow:hidden}.collapse-body.open{max-height:2000px}.collapse-body-inner{padding:0 18px 18px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:12px;width:min(680px,100vw - 32px);max-height:80vh;animation:.25s modalIn;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-head{border-bottom:1px solid var(--g200);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h3{color:var(--navy);font-size:16px;font-weight:700}.modal-close{background:var(--g100);cursor:pointer;width:30px;height:30px;color:var(--g500);border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:flex}.modal-close:hover{background:var(--g200)}.modal-tabs{border-bottom:1px solid var(--g200);padding:0 22px;display:flex}.modal-tab{color:var(--g500);cursor:pointer;border-bottom:2px solid #0000;padding:10px 16px;font-size:12px;font-weight:500}.modal-tab.active{color:var(--pink);border-bottom-color:var(--pink);font-weight:600}.modal-body{padding:20px 22px}.modal-body ul{padding:0;list-style:none}.modal-body li{color:var(--g700);padding:5px 0 5px 14px;font-size:12px;position:relative}.modal-body li:before{content:"›";color:var(--pink);font-weight:700;position:absolute;left:0}.link-v1{background:var(--navy);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.link-v1:hover{background:var(--pink)}.activity-list{padding:0;list-style:none}.activity-item{border-bottom:1px solid var(--g100);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.activity-item:last-child{border:none}.act-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.act-text{color:var(--g700);font-size:11px;line-height:1.4}.act-time{color:var(--g500);margin-top:2px;font-size:9px}@media (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}.pillars{grid-template-columns:repeat(3,1fr)}.quick-grid,.cases,.sites-grid,.grid3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sider{display:none}.main{margin-left:0}.pillars{grid-template-columns:repeat(2,1fr)}.grid2,.grid3,.stats,.quick-grid,.cases,.sites-grid{grid-template-columns:1fr}.page{padding:16px}.topbar{padding:10px 16px}.hero-search-box{padding:10px 14px;font-size:12px}.ea-banner{text-align:center;flex-direction:column;gap:10px}.flow-e2e{gap:4px}.flow-step{padding:4px 8px;font-size:9px}.nav-buttons{flex-direction:column;gap:8px}table{font-size:10px}th,td{padding:6px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}