.hub-layout{color:#fff;background-color:#000;height:100vh;max-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s,color .3s;display:flex;position:relative;overflow:hidden}.hub-sidebar{z-index:40;background:#07090e;border-right:1px solid #ffffff1f;flex-direction:column;width:320px;min-width:320px;height:100vh;max-height:100vh;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.hub-sidebar.collapsed{opacity:0;pointer-events:none;border-right:none;width:0!important;min-width:0!important}.hub-sidebar-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;display:flex}.hub-logo-box{align-items:center;gap:.75rem;text-decoration:none;display:flex}.hub-logo-icon{background:#000;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 15px #00f0ff33}.hub-logo-text{color:#fff;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:800}.hub-sidebar-collapse-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.hub-sidebar-collapse-btn:hover{color:#00f0ff;background:#00f0ff1a;border-color:#00f0ff66;transform:translateY(-1px);box-shadow:0 0 15px #00f0ff33}.hub-sidebar-mobile-close{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:none}.hub-sidebar-mobile-close:hover{color:#00f0ff;background:#00f0ff1f;border-color:#00f0ff80}.hub-drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:45;background:#000000bf;animation:.25s forwards hubFadeIn;position:fixed;inset:0}@keyframes hubFadeIn{0%{opacity:0}to{opacity:1}}.hub-search-container{border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:.85rem 1.25rem}.hub-search-box{align-items:center;display:flex;position:relative}.hub-search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;padding:.6rem .75rem .6rem 2.4rem;font-size:.875rem;transition:all .2s}.hub-search-input:focus{background:#ffffff14;border-color:#00f0ff99;box-shadow:0 0 15px #00f0ff33}.hub-search-icon{color:#fff6;pointer-events:none;width:16px;height:16px;position:absolute;left:.8rem}.hub-sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:.75rem .75rem 1rem;overflow-y:auto}.hub-sidebar-nav::-webkit-scrollbar{width:4px}.hub-sidebar-nav::-webkit-scrollbar-track{background:0 0}.hub-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.hub-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#00f0ff66}.hub-category-title{text-transform:uppercase;letter-spacing:1px;color:#fff6;padding:.75rem .75rem .4rem;font-size:.72rem;font-weight:700}.hub-nav-item{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem;padding:.65rem .85rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.hub-nav-item:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.hub-nav-item.active{color:#00f0ff;background:linear-gradient(90deg,#00f0ff26,#0077ff1a);border-color:#00f0ff66;font-weight:600;box-shadow:0 0 20px #00f0ff26}.hub-nav-item-left{align-items:center;gap:.75rem;display:flex}.hub-nav-item-icon{opacity:.8;width:18px;height:18px}.hub-nav-item.active .hub-nav-item-icon{opacity:1;color:#00f0ff}.hub-sidebar-footer{background:#07090e;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:.5rem;padding:1rem 1.25rem;display:flex}.hub-back-btn{color:#fff;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(135deg,#00f0ff1f 0%,#ffffff08 100%);border:1px solid #00f0ff66;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 1px 1px #fff6,0 4px 20px #00000080,0 0 15px #00f0ff1f}.hub-back-btn:hover{color:#00f0ff;background:linear-gradient(135deg,#00f0ff38 0%,#00b4ff14 100%);border-color:#00f0ffbf;transform:translateY(-2px);box-shadow:inset 0 1px 2px #fff9,0 6px 25px #00f0ff59,0 0 20px #00f0ff40}.hub-content-area{scrollbar-width:thin;scrollbar-color:#fff3 transparent;background:#000;flex-direction:column;flex:1;height:100vh;max-height:100vh;transition:background-color .3s;display:flex;position:relative;overflow-y:auto}.hub-content-area::-webkit-scrollbar{width:6px}.hub-content-area::-webkit-scrollbar-track{background:0 0}.hub-content-area::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.hub-content-area::-webkit-scrollbar-thumb:hover{background:#00f0ff66}.hub-topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:30;background:#000000d9;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:65px;padding:0 2rem;transition:all .3s;display:flex;position:sticky;top:0}.hub-topbar-left{align-items:center;gap:1rem;display:flex}.hub-topbar-expand-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.hub-topbar-expand-btn:hover{color:#00f0ff;background:#00f0ff1a;border-color:#00f0ff66}.hub-breadcrumbs{color:#ffffff80;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.hub-breadcrumb-active{color:#fff;font-weight:600}.hub-topbar-center{justify-content:center;align-items:center;display:flex}.hub-badge-techly{color:#00f0ff;letter-spacing:1.5px;text-transform:uppercase;box-shadow:none;background:0 0;border:none;align-items:center;margin-right:.5rem;padding:0 .25rem;font-size:.85rem;font-weight:800;display:inline-flex}.hub-topbar-actions{align-items:center;gap:.75rem;display:flex}.hub-btn-panel-cliente{color:#fff;letter-spacing:.3px;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.45rem;margin-right:.25rem;padding:.42rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 10px #00000080,inset 0 1px #ffffff1a}.hub-btn-panel-cliente:hover{color:#00f0ff;background:#00f0ff1f;border-color:#00f0ff99;transform:translateY(-1px);box-shadow:0 0 15px #00f0ff4d,inset 0 0 10px #00f0ff1a}.hub-theme-toggle-btn{cursor:pointer;background:#000;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex;box-shadow:0 4px 15px #000c,inset 0 1px #ffffff26}.hub-theme-toggle-btn:hover{border-color:#00f0ff99;transform:scale(1.05);box-shadow:0 0 15px #00f0ff4d}.hub-btn-cta{color:#fff;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(135deg,#00f0ff24 0%,#ffffff0a 100%);border:1px solid #00f0ff73;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px 1px #ffffff73,0 8px 25px #0009,0 0 20px #00f0ff2e}.hub-btn-cta:hover{color:#fff;background:linear-gradient(135deg,#00f0ff42 0%,#00b4ff1a 100%);border-color:#00f0ffd9;transform:translateY(-2px);box-shadow:inset 0 1px 2px #fff9,0 10px 35px #00f0ff66,0 0 30px #00f0ff4d}.hub-mobile-toggle{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:none}.hub-mobile-toggle:hover{color:#00f0ff;background:#00f0ff1f;border-color:#00f0ff80;box-shadow:0 0 12px #00f0ff33}.hub-article{width:100%;max-width:1000px;margin:0 auto;padding:3.5rem 2.5rem 6rem}.hub-header-badge{color:#00f0ff;text-transform:uppercase;letter-spacing:1.5px;background:#00f0ff14;border:1px solid #00f0ff59;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-flex}.hub-title{color:#fff;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:800;line-height:1.15}.hub-lead-paragraph{color:#ffffffd9;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.7}.hub-paragraph{color:#ffffffbf;margin-bottom:2rem;font-size:1.05rem;line-height:1.75}.hub-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:2.5rem 0;display:grid}.hub-card{background:#000;border:1px solid #fff3;border-radius:18px;padding:1.75rem;transition:all .3s;box-shadow:0 6px 20px #000000e6,inset 0 1px #ffffff1f}.hub-card:hover{border-color:#00f0ff99;transform:translateY(-4px);box-shadow:0 10px 30px #000000f2,0 0 25px #00f0ff40}.hub-card-icon{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.25rem;display:flex}.hub-card-title{color:#fff;margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.hub-card-text{color:#ffffffb3;font-size:.92rem;line-height:1.6}.hub-phases-container{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:3rem 0;display:grid}.hub-phase-card{background:#000;border:1px solid #fff3;border-radius:16px;padding:1.5rem 1.25rem;transition:all .3s;position:relative;box-shadow:0 4px 15px #000c,inset 0 1px #ffffff1f}.hub-phase-card:hover{border-color:#00f0ff99;transform:translateY(-4px)}.hub-phase-num{color:#000;background:linear-gradient(135deg,#00f0ff,#07f);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:1rem;font-size:.95rem;font-weight:800;display:flex}.hub-phase-name{color:#fff;margin-bottom:.5rem;font-size:1rem;font-weight:700}.hub-phase-desc{color:#ffffffb3;font-size:.85rem;line-height:1.5}.hub-image-banner{border:1px solid #fff3;border-radius:20px;width:100%;height:340px;margin:3rem 0;position:relative;overflow:hidden;box-shadow:0 10px 40px #000000e6}.hub-image-banner img{object-fit:cover;width:100%;height:100%}.hub-image-overlay{background:linear-gradient(#0000 40%,#000000e6 100%);align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.hub-cta-box{text-align:center;background:linear-gradient(135deg,#00f0ff0f,#0077ff0a);border:1px solid #00f0ff59;border-radius:22px;margin-top:4rem;padding:3rem 2.5rem;box-shadow:0 10px 40px #000000e6,inset 0 1px #fff3}.hub-cta-title{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:800}.hub-cta-subtitle{color:#ffffffbf;max-width:600px;margin:0 auto 2rem;font-size:1.05rem}.hub-layout.theme-light{color:#0f172a;background-color:#f8fafc}.hub-layout.theme-light .hub-sidebar{background:#fff;border-right-color:#00000014}.hub-layout.theme-light .hub-sidebar-header,.hub-layout.theme-light .hub-search-container,.hub-layout.theme-light .hub-sidebar-footer,.hub-layout.theme-light .hub-topbar{border-top-color:#00000014;border-bottom-color:#00000014}.hub-layout.theme-light .hub-logo-icon{background:#fff;border-color:#00000026;box-shadow:0 0 10px #0077ff26}.hub-layout.theme-light .hub-logo-text{color:#0f172a}.hub-layout.theme-light .hub-search-input{color:#0f172a;background:#f1f5f9;border-color:#0000001a}.hub-layout.theme-light .hub-search-input:focus{background:#fff;border-color:#07f;box-shadow:0 0 12px #0077ff26}.hub-layout.theme-light .hub-search-icon,.hub-layout.theme-light .hub-category-title{color:#64748b}.hub-layout.theme-light .hub-nav-item{color:#334155}.hub-layout.theme-light .hub-nav-item:hover{color:#0f172a;background:#f1f5f9}.hub-layout.theme-light .hub-nav-item.active{color:#07f;background:#0077ff14;border-color:#0077ff40;box-shadow:0 2px 10px #0077ff1a}.hub-layout.theme-light .hub-sidebar-collapse-btn,.hub-layout.theme-light .hub-sidebar-mobile-close{color:#334155;background:#f1f5f9;border-color:#0000001a}.hub-layout.theme-light .hub-sidebar-mobile-close:hover{color:#0f172a;background:#e2e8f0}.hub-layout.theme-light .hub-sidebar-footer{background:#fff;border-top-color:#00000014}.hub-layout.theme-light .hub-back-btn{color:#07f;background:linear-gradient(135deg,#0077ff14 0%,#ffffffb3 100%);border-color:#0077ff59;box-shadow:inset 0 1px 1px #fffc,0 4px 15px #0077ff1a}.hub-layout.theme-light .hub-back-btn:hover{color:#07f;background:linear-gradient(135deg,#0077ff29 0%,#fffffff2 100%);border-color:#07f;box-shadow:inset 0 1px 2px #ffffffe6,0 6px 20px #07f3}.hub-layout.theme-light .hub-btn-cta{color:#07f;background:linear-gradient(135deg,#0077ff1a 0%,#fffc 100%);border-color:#0077ff59;box-shadow:inset 0 1px 1px #fffc,0 4px 15px #0077ff1f}.hub-layout.theme-light .hub-btn-cta:hover{color:#07f;background:linear-gradient(135deg,#07f3 0%,#fffffff2 100%);border-color:#07f;box-shadow:inset 0 1px 2px #ffffffe6,0 8px 25px #0077ff40}.hub-layout.theme-light .hub-btn-panel-cliente{color:#0f172a;background:#fff;border-color:#00000026;box-shadow:0 2px 8px #0000000d}.hub-layout.theme-light .hub-btn-panel-cliente:hover{color:#07f;background:#0077ff14;border-color:#07f;box-shadow:0 0 12px #07f3}.hub-layout.theme-light .hub-content-area{background:#f8fafc}.hub-layout.theme-light .hub-topbar{background:#ffffffd9}.hub-layout.theme-light .hub-breadcrumbs{color:#64748b}.hub-layout.theme-light .hub-breadcrumb-active{color:#0f172a}.hub-layout.theme-light .hub-topbar-expand-btn{color:#0f172a;background:#f1f5f9;border-color:#0000001a}.hub-layout.theme-light .hub-mobile-toggle{color:#0f172a;background:#fff;border-color:#00000026;box-shadow:0 2px 8px #0000000d}.hub-layout.theme-light .hub-mobile-toggle:hover{color:#07f;background:#0077ff14;border-color:#07f}.hub-layout.theme-light .hub-theme-toggle-btn{background:#fff;border-color:#00000026;box-shadow:0 2px 8px #0000000d}.hub-layout.theme-light .hub-theme-toggle-btn:hover{border-color:#07f;box-shadow:0 0 12px #07f3}.hub-layout.theme-light .hub-badge-techly{color:#07f;box-shadow:none;background:0 0;border:none}.hub-layout.theme-light .hub-header-badge{color:#07f;background:#0077ff14;border-color:#0077ff4d}.hub-layout.theme-light .hub-title{color:#0f172a}.hub-layout.theme-light .hub-lead-paragraph{color:#334155}.hub-layout.theme-light .hub-paragraph{color:#475569}.hub-layout.theme-light .hub-card{background:#fff;border-color:#00000014;box-shadow:0 4px 20px #0000000a}.hub-layout.theme-light .hub-card:hover{border-color:#07f6;box-shadow:0 8px 30px #0077ff1f}.hub-layout.theme-light .hub-card-title{color:#0f172a}.hub-layout.theme-light .hub-card-text{color:#64748b}.hub-layout.theme-light .hub-phase-card{background:#fff;border-color:#00000014;box-shadow:0 4px 15px #00000008}.hub-layout.theme-light .hub-phase-name{color:#0f172a}.hub-layout.theme-light .hub-phase-desc{color:#64748b}.hub-layout.theme-light .hub-cta-box{background:#fff;border-color:#0077ff40;box-shadow:0 10px 40px #0077ff14}.hub-layout.theme-light .hub-cta-title{color:#0f172a}.hub-layout.theme-light .hub-cta-subtitle{color:#475569}.hub-layout.theme-light .hub-image-banner{border-color:#0000001a;box-shadow:0 10px 30px #00000014}.hub-phases-title{color:#fff}.hub-layout.theme-light .hub-phases-title{color:#0f172a}.hub-layout.theme-light .hub-btn-cta{color:#fff;background:linear-gradient(135deg,#06f 0%,#09f 100%);border:1px solid #06f6;box-shadow:0 4px 15px #0066ff59,inset 0 1px #ffffff40}.hub-layout.theme-light .hub-btn-cta:hover{background:linear-gradient(135deg,#0052cc 0%,#08e 100%);border-color:#0052cc;transform:translateY(-2px);box-shadow:0 6px 22px #0066ff80}@media (max-width:1024px){.hub-sidebar{z-index:50;height:100dvh;max-height:100dvh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 50px #000000e6}.hub-sidebar.open{transform:translate(0)}.hub-sidebar.collapsed{opacity:1!important;pointer-events:auto!important;width:320px!important;min-width:320px!important;transform:translate(-100%)!important}.hub-sidebar-collapse-btn{display:none}.hub-sidebar-mobile-close{display:flex}.hub-mobile-toggle{justify-content:center;align-items:center;display:flex}.hub-topbar-expand-btn{display:none}.hub-phases-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}.hub-article{padding:2.5rem 2rem 5rem}}@media (max-width:768px){.hub-topbar{height:60px;padding:0 1rem}.hub-topbar-left{gap:.6rem}.hub-breadcrumbs{font-size:.8rem}.hub-breadcrumb-root,.hub-breadcrumb-sep:first-of-type,.hub-breadcrumb-section{display:none}.hub-breadcrumb-active{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.hub-topbar-actions{gap:.4rem}.hub-badge-techly,.hub-btn-panel-cliente{display:none}.hub-btn-cta{gap:.25rem;padding:.45rem .9rem;font-size:.78rem}.hub-theme-toggle-btn{width:34px;height:34px}.hub-article{padding:2rem 1.25rem 4rem}.hub-title{margin-bottom:1rem;font-size:clamp(1.75rem,5vw,2.25rem)}.hub-lead-paragraph{margin-bottom:1.75rem;font-size:1.05rem;line-height:1.6}.hub-paragraph{margin-bottom:1.5rem;font-size:.95rem;line-height:1.65}.hub-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0}.hub-card{padding:1.35rem}.hub-image-banner{border-radius:14px;height:220px;margin:2rem 0}.hub-image-overlay{padding:1.25rem}.hub-cta-box{border-radius:18px;margin-top:3rem;padding:2.25rem 1.25rem}.hub-cta-title{font-size:1.45rem}.hub-cta-subtitle{margin-bottom:1.5rem;font-size:.92rem}}@media (max-width:480px){.hub-sidebar{width:85vw;min-width:260px;max-width:320px}.hub-topbar{height:56px;padding:0 .75rem}.hub-breadcrumb-active{max-width:100px;font-size:.75rem}.hub-btn-cta{padding:.4rem .75rem;font-size:.75rem}.hub-phases-container{grid-template-columns:1fr;gap:.85rem;margin:1.75rem 0}.hub-phase-card{padding:1.15rem 1rem}.hub-cards-grid{grid-template-columns:1fr;gap:.85rem;margin:1.5rem 0}.hub-card{border-radius:14px;padding:1.2rem}.hub-article{padding:1.5rem .85rem 3.5rem}.hub-cta-box{padding:1.75rem 1rem}.hub-cta-title{font-size:1.25rem}.hub-cta-subtitle{font-size:.85rem}}
