:root{--bg:#f7f8fc;--bg2:#ffffff;--bg3:#eef1f8;--bg4:#e7ebf4;--border:rgba(17, 24, 39, 0.08);--border2:rgba(17, 24, 39, 0.12);--border3:rgba(17, 24, 39, 0.2);--text1:#111827;--text2:#374151;--text3:#6b7280;--v:#8b5cf6;--v2:#a78bfa;--v3:#c4b5fd;--vd:rgba(139, 92, 246, 0.14);--vd2:rgba(139, 92, 246, 0.07);--teal:#2dd4bf;--teald:rgba(45, 212, 191, 0.1);--amber:#f59e0b;--red:#f87171}body.agentes-ia-page,body.blog-article-page{background:var(--bg);color:var(--text1);overflow-x:hidden;line-height:1.7}#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.18}.is-current{color:var(--text2);border-color:var(--border2);background:rgba(139,92,246,.06)}.progress-bar{position:fixed;top:64px;left:0;z-index:199;height:2px;width:0;background:linear-gradient(90deg,var(--v),var(--teal));transition:width .1s linear}.breadcrumb{position:relative;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:760px;margin:0 auto;padding:7.5rem 2rem 0}.bc{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--text3);text-decoration:none;transition:color .2s}.bc:hover{color:var(--text2)}.bc-sep{color:var(--text3);font-size:.6rem}.bc-cur{color:var(--text2)}.article-wrap{position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:4rem;align-items:start;max-width:1160px;margin:0 auto;padding:0 2rem 6rem}.art-body>*,.art-nav>*,.article-header>*,.article-sidebar>*,.article-wrap>*,.author-bar>*,.callout>*,.diagram-box>*{min-width:0}.article-header{padding:2rem 0 3rem}.art-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem}.art-cat{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;padding:.25rem .7rem;border-radius:4px;background:var(--vd);color:var(--v2);border:1px solid rgba(139,92,246,.2)}.art-cat.cat-auto{background:rgba(45,212,191,.1);color:var(--teal);border-color:rgba(45,212,191,.2)}.art-cat.cat-web{background:rgba(245,158,11,.1);color:var(--amber);border-color:rgba(245,158,11,.2)}.art-cat.cat-infra{background:rgba(248,113,113,.1);color:var(--red);border-color:rgba(248,113,113,.2)}.art-cat.cat-odoo{background:rgba(74,222,128,.1);color:#4ade80;border-color:rgba(74,222,128,.2)}.art-date,.art-read{font-family:var(--mono);font-size:.6rem;color:var(--text3)}.art-dot{color:var(--text3);font-size:.5rem}.article-header h1{font-family:var(--head);font-size:clamp(1.9rem, 4vw, 3rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin-bottom:1.25rem}.lead{font-size:1.05rem;color:var(--text2);line-height:1.85;border-left:3px solid var(--v);padding-left:1.25rem;font-style:italic}.author-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1.25rem 1.5rem;background:var(--bg2);border:1px solid var(--border2);border-radius:12px}.author-info{display:flex;align-items:center;gap:.75rem}.author-av{width:38px;height:38px;border-radius:50%;background:var(--vd);border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;font-family:var(--head);font-size:.7rem;font-weight:700;color:var(--v2)}.author-name{font-size:.85rem;font-weight:600}.author-role{font-family:var(--mono);font-size:.6rem;color:var(--text3)}.share-row{display:flex;flex-wrap:wrap;gap:.5rem}.share-btn{font-family:var(--mono);font-size:.62rem;color:var(--text3);background:0 0;border:1px solid var(--border);padding:.3rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s}.share-btn:hover{color:var(--text2);border-color:var(--border2)}.art-hero-visual{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;margin-bottom:3rem;overflow:hidden}.hero-svg{width:100%;display:block}.diagram-foot,.diagram-text,.hero-caption,.hero-label{font-family:var(--mono)}.hero-label{font-size:10px;letter-spacing:.08em}.hero-label-v{fill:rgba(167,139,250,0.7)}.hero-label-t{fill:rgba(45,212,191,0.6)}.hero-label-a{fill:rgba(245,158,11,0.6)}.hero-caption{font-size:9px;fill:rgba(255,255,255,0.15);letter-spacing:.38em}.art-body h2{font-family:var(--head);font-size:1.4rem;font-weight:800;letter-spacing:-.03em;margin:2.5rem 0 1rem;color:var(--text1)}.art-body h3{font-family:var(--head);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;margin:2rem 0 .75rem;color:var(--text1)}.art-body p{font-size:.96rem;color:var(--text2);line-height:1.92;margin-bottom:1.1rem}.art-body strong{color:var(--text1);font-weight:600}.art-body em{color:var(--v3);font-style:normal}.inline-link{color:var(--v2);text-decoration:none}.callout{border-radius:12px;padding:1.25rem 1.5rem;margin:1.75rem 0;border:1px solid}.callout-warn{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.2)}.callout-warn .callout-icon{color:var(--amber)}.callout-info{background:var(--vd2);border-color:rgba(139,92,246,.2)}.callout-info .callout-icon{color:var(--v2)}.callout-good{background:rgba(45,212,191,.05);border-color:rgba(45,212,191,.2)}.callout-good .callout-icon{color:var(--teal)}.callout-bad{background:rgba(248,113,113,.05);border-color:rgba(248,113,113,.2)}.callout-bad .callout-icon{color:var(--red)}.callout-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;font-weight:600}.callout p{font-size:.88rem;line-height:1.82;margin-bottom:0}.code-block{background:var(--bg3);border:1px solid var(--border2);border-radius:12px;overflow:hidden;margin:1.75rem 0}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg4);border-bottom:1px solid var(--border)}.code-lang{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--text3)}.code-copy{font-family:var(--mono);font-size:.6rem;color:var(--text3);background:0 0;border:none;cursor:pointer;transition:color .2s;padding:.2rem .5rem}.code-copy:hover{color:var(--v2)}pre{padding:1.25rem 1.5rem;overflow-x:auto;font-family:var(--mono);font-size:.78rem;line-height:1.7;color:var(--text2)}.kw{color:var(--v2)}.str{color:var(--teal)}.cm{color:var(--text3);font-style:italic}.fn{color:var(--amber)}.num-list{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.num-item{display:flex;gap:1rem;align-items:flex-start}.num-bullet{width:26px;height:26px;border-radius:50%;background:var(--vd);border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.6rem;color:var(--v2);flex-shrink:0;margin-top:2px}.num-text{font-size:.88rem;color:var(--text2);line-height:1.75;padding-top:2px}.comp-table{width:100%;margin:1.75rem 0;border-collapse:collapse;border-radius:12px;overflow:hidden;border:1px solid var(--border2);font-size:.82rem}.comp-table th{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--text3);text-align:left;padding:.75rem 1rem;background:var(--bg3);border-bottom:1px solid var(--border2);font-weight:400}.comp-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top;line-height:1.6}.comp-table tr:last-child td{border-bottom:none}.comp-table tr:hover td{background:var(--bg2)}.td-good{color:var(--teal)}.td-bad{color:var(--red)}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.75rem 0}.stat-box{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:1.25rem;text-align:center}.stat-num{font-family:var(--head);font-size:1.8rem;font-weight:800;letter-spacing:-.04em;color:var(--v2)}.stat-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;color:var(--text3);margin-top:.25rem;line-height:1.4}.diagram-box{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:2rem;margin:1.75rem 0}.diagram-title{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:var(--text3);margin-bottom:1.5rem}.diagram-svg{width:100%}.diagram-text{font-size:9px}.diagram-v{fill:rgba(167,139,250,0.8)}.diagram-t{fill:rgba(45,212,191,0.8)}.diagram-a{fill:rgba(245,158,11,0.8)}.diagram-r{fill:rgba(248,113,113,0.8)}.diagram-foot{font-size:8px;fill:rgba(17,24,39,0.2)}.art-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.art-tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;color:var(--text3);background:var(--bg2);border:1px solid var(--border);padding:.3rem .75rem;border-radius:6px}.article-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;overflow:hidden}.sidebar-card-header{padding:.85rem 1.25rem;background:var(--bg3);border-bottom:1px solid var(--border)}.sidebar-card-title{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--text3)}.toc-list{list-style:none;padding:.75rem 0}.toc-item a{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 1.25rem;border-left:2px solid transparent;font-family:var(--mono);font-size:.65rem;letter-spacing:.04em;color:var(--text3);text-decoration:none;line-height:1.5;transition:all .2s}.toc-item a:hover{color:var(--text2)}.toc-item a.active{color:var(--v2);border-left-color:var(--v2);background:rgba(139,92,246,.04)}.toc-num{flex-shrink:0;opacity:.5}.svc-cta{padding:1.25rem}.svc-cta-icon{display:block;font-size:1.2rem;margin-bottom:.5rem}.svc-cta-title{font-size:.88rem;font-weight:700;margin-bottom:.4rem}.svc-cta-desc{font-size:.75rem;color:var(--text2);line-height:1.6;margin-bottom:1rem}.svc-cta-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem;background:var(--vd);border:1px solid rgba(139,92,246,.2);border-radius:8px;color:var(--v2);font-family:var(--body);font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s}.svc-cta-btn:hover{background:var(--v);color:#fff;border-color:var(--v)}.related-post{display:flex;flex-direction:column}.rel-item{display:flex;gap:.75rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--border);text-decoration:none;transition:background .2s}.rel-item:last-child{border-bottom:none}.rel-item:hover{background:var(--bg3)}.rel-thumb{width:44px;height:44px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.rel-thumb-auto{background:rgba(45,212,191,.1)}.rel-thumb-ia{background:rgba(139,92,246,.1)}.rel-thumb-infra{background:rgba(248,113,113,.1)}.rel-thumb-web{background:rgba(245,158,11,.1)}.rel-thumb-odoo{background:rgba(74,222,128,.1)}.rel-cat{font-family:var(--mono);font-size:.55rem;letter-spacing:.08em;color:var(--text3);margin-bottom:.2rem}.rel-title{font-size:.75rem;font-weight:600;color:var(--text1);line-height:1.4}.nl-sidebar{padding:1.25rem}.nl-title{font-size:.88rem;font-weight:700;margin-bottom:.4rem}.nl-desc{font-size:.75rem;color:var(--text2);line-height:1.6;margin-bottom:.9rem}.nl-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:.6rem .75rem;font-family:var(--body);font-size:.78rem;color:var(--text1);outline:0;margin-bottom:.6rem;transition:border-color .2s}.nl-input:focus{border-color:rgba(139,92,246,.4)}.nl-input::placeholder{color:var(--text3)}.nl-btn{width:100%;padding:.65rem;background:var(--v);color:#fff;font-family:var(--body);font-weight:600;font-size:.78rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.nl-btn:hover{background:var(--v2)}.art-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.art-nav-next,.art-nav-prev{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:1.25rem;text-decoration:none;transition:all .2s}.art-nav-next:hover,.art-nav-prev:hover{border-color:var(--border3)}.art-nav-next{text-align:right}.nav-dir{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;color:var(--text3);margin-bottom:.4rem}.nav-title{font-size:.82rem;font-weight:600;color:var(--text1);line-height:1.4}.footer-logo{text-decoration:none;color:var(--text1)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1080px){.article-wrap{grid-template-columns:1fr;gap:2.5rem}.article-sidebar{position:static}}@media (max-width:860px){.article-wrap,.breadcrumb,footer{padding-left:1.5rem;padding-right:1.5rem}.article-header{padding-bottom:2.25rem}.article-header h1{font-size:clamp(1.85rem, 6.5vw, 2.7rem)}.author-bar{padding:1.1rem 1.2rem}.art-hero-visual{margin-bottom:2.25rem}.stats-row{grid-template-columns:1fr}}@media (max-width:640px){.article-wrap,.breadcrumb,footer{padding-left:1rem;padding-right:1rem}.breadcrumb{padding-top:7.1rem}.article-wrap{gap:2rem;padding-bottom:4.5rem;overflow-x:clip}.article-header{padding:1.5rem 0 2rem}.art-meta-row{gap:.55rem;margin-bottom:1.15rem}.article-header h1{font-size:clamp(1.7rem, 9vw, 2.35rem);line-height:1.02;max-width:100%;overflow-wrap:anywhere}.share-row{width:100%}.share-btn{flex:1;text-align:center}.lead{font-size:.94rem;line-height:1.78;padding-left:1rem;max-width:100%;overflow-wrap:anywhere}.author-bar,.callout,.diagram-box{padding:1rem}.author-info{align-items:flex-start}.art-hero-visual{border-radius:14px;margin-bottom:2rem}.art-body h2{font-size:1.18rem;margin-top:2.1rem}.art-body h3{font-size:.98rem}.art-body p,.callout p,.num-text{font-size:.9rem;line-height:1.8;max-width:100%;overflow-wrap:anywhere}.num-item{gap:.8rem}.code-header,.diagram-box,pre{padding-left:1rem;padding-right:1rem}.code-header{align-items:flex-start;gap:.75rem;flex-direction:column}pre{font-size:.72rem}.comp-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.comp-table td,.comp-table th{min-width:170px;white-space:normal}.stat-box{padding:1rem}.stat-num{font-size:1.55rem}.stat-label{font-size:.58rem}.nl-sidebar,.sidebar-card-header,.svc-cta{padding-left:1rem;padding-right:1rem}.rel-item,.toc-item a{padding-left:1rem;padding-right:1rem}.art-nav{grid-template-columns:1fr;margin-top:2.5rem;padding-top:1.5rem}.art-nav-next{text-align:left}}@media (max-width:420px){.breadcrumb{gap:.35rem}.article-header h1{font-size:clamp(1.55rem, 10vw, 2rem)}.share-row{flex-direction:column}.share-btn{width:100%}.art-tags{gap:.4rem;margin-top:2rem;padding-top:1.5rem}.art-tag{font-size:.56rem;padding:.28rem .6rem}}