@font-face{font-family:Panana;src:url("/portal-disenadores/fonts/Poppins-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Panana;src:url("/portal-disenadores/fonts/Poppins-SemiBold.woff2") format("woff2");font-weight:600 800;font-display:swap}
:root{--ol-navy:#071b40;--ol-blue:#0868f7;--ol-body:#425270;--ol-muted:#7786a1;--ol-line:#d7e3f3;--ol-soft:#f3f7fd}
body.service-page{color:var(--ol-navy);background:#fff;font-family:Panana,Poppins,Arial,sans-serif;overflow-x:hidden}
body.service-page::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 86% 8%,rgba(75,145,255,.14),transparent 28%),radial-gradient(circle at 8% 42%,rgba(75,145,255,.08),transparent 24%),#fff}
.service-page>.ambient{display:none}
.service-page .site-header{position:fixed;inset:0 0 auto;z-index:40;padding:16px 40px 0;background:transparent}
.service-page .nav-shell{width:min(1460px,100%);min-height:68px;margin:auto;padding:0 18px 0 24px;border:1px solid rgba(138,168,214,.28);border-radius:18px;background:rgba(7,27,64,.96);box-shadow:0 18px 45px rgba(7,27,64,.13);transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.service-page .site-header.is-scrolled .nav-shell{background:linear-gradient(135deg,rgba(7,27,64,.84),rgba(14,48,96,.72));box-shadow:0 16px 42px rgba(7,27,64,.18);backdrop-filter:blur(18px) saturate(145%)}
.service-page .brand-full{display:flex;width:184px;height:39px;align-items:center}.service-page .brand-full>img{width:100%;height:100%;object-fit:contain}.service-page .site-header .brand-full>img{filter:none}
.service-page .nav-links{gap:30px}.service-page .nav-links a{color:rgba(255,255,255,.76);font-size:13px}.service-page .nav-links a:hover,.service-page .nav-links a.is-active{color:#70b5ff}
.service-page .header-cta{min-height:46px;padding:0 23px;border:1px solid rgba(255,255,255,.45);border-radius:11px;color:#fff;background:linear-gradient(145deg,#2180ff,#0868f7);box-shadow:inset 0 1px rgba(255,255,255,.35),0 12px 26px rgba(8,104,247,.2)}
.service-page .menu-toggle{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}.service-page .menu-toggle span{background:#fff}
.service-page .detail-curtain{background:#fff}.service-page .detail-curtain-mark{border-color:var(--ol-line);color:var(--ol-blue);background:#f3f7fd;box-shadow:0 20px 60px rgba(17,54,109,.12)}
.service-page .detail-shell{width:min(1320px,calc(100% - 80px))}.service-page .detail-hero{min-height:100svh;padding:148px 0 82px}
.service-page .detail-breadcrumb{color:var(--ol-muted)}.service-page .detail-title-line:first-child>span{color:var(--ol-navy)}.service-page .detail-title-line:last-child>span{color:var(--ol-blue)}
.service-page .detail-lead{color:var(--ol-body);font-size:clamp(17px,1.45vw,21px)}.service-page .button-primary{border:1px solid rgba(255,255,255,.38);border-radius:11px;color:#fff;background:linear-gradient(145deg,#2180ff,#0868f7);box-shadow:inset 0 1px rgba(255,255,255,.35),0 12px 25px rgba(8,104,247,.17)}.service-page .button-secondary{border-color:#bed3ef;border-radius:11px;color:var(--ol-blue);background:rgba(255,255,255,.8)}
.service-page .service-signal{min-height:560px}.service-page .signal-core{border-color:#b9d5fd;color:var(--ol-blue);background:linear-gradient(145deg,#fff,#eaf3ff);box-shadow:0 28px 80px rgba(17,54,109,.12)}.service-page .signal-core img{filter:none}.service-page .signal-orbit{border-color:#bdd7fa}.service-page .signal-node{border-color:var(--ol-line);color:var(--ol-body);background:rgba(255,255,255,.94);box-shadow:0 16px 45px rgba(17,54,109,.09)}
.service-page .detail-section{padding:clamp(82px,10vw,140px) 0}.service-page .detail-section h2,.service-page .outcome-row h3,.service-page .process-step h3,.service-page .detail-cta h2{color:var(--ol-navy)}.service-page .detail-section-head p,.service-page .outcome-row p,.service-page .process-step p{color:var(--ol-body)}
.service-page .outcome-rail{border-color:var(--ol-line)}.service-page .outcome-row{border-color:var(--ol-line)}
.service-page .platform-brand-panel{border-color:#c2dafa;background:radial-gradient(circle at 50% 38%,rgba(8,104,247,.13),transparent 42%),#f5f9ff}.service-page .platform-brand-panel::before,.service-page .platform-brand-panel::after{border-color:#bdd6fa}.service-page .platform-brand-panel img{filter:none}.service-page .platform-brand-panel span{color:var(--ol-muted)}.service-page .platform-copy h2{color:var(--ol-navy)}.service-page .platform-copy p{color:var(--ol-body)}.service-page .official-links a{border-color:#c2dafa;color:var(--ol-blue);background:#fff}.service-page .official-links a:hover{background:#edf5ff}
.service-page .module-constellation{border-color:var(--ol-line);background:radial-gradient(circle,rgba(8,104,247,.12),transparent 46%),#fbfdff}.service-page .module-center{border-color:#b7d3fb;background:#fff;box-shadow:0 22px 65px rgba(17,54,109,.1)}.service-page .module-center img{filter:none}.service-page .module-constellation>span{border-color:var(--ol-line);color:var(--ol-navy);background:#fff;box-shadow:0 12px 35px rgba(17,54,109,.07)}
.service-page .process-stage{border-color:var(--ol-line);background:#f8faff;box-shadow:0 25px 70px rgba(17,54,109,.08)}.service-page .process-step{border-color:var(--ol-line)}
.service-page .detail-cta{border-color:#b8d5fc;background:radial-gradient(circle at 85% 0%,rgba(8,104,247,.15),transparent 25rem),#f4f8ff;box-shadow:0 30px 85px rgba(17,54,109,.11)}.service-page .detail-cta p{color:var(--ol-body)}
.service-page .build-comparison h3,.service-page .project-card h3,.service-page .integration-hub strong,.service-page .integration-node strong,.service-page .before-after h3,.service-page .workflow-node h3,.service-page .roadmap-visual h3{color:#f5f9ff}
.service-page .build-comparison p,.service-page .project-card p,.service-page .integration-hub span,.service-page .integration-node span,.service-page .workflow-node p{color:#aebbd0}
.service-page .before-after div{background:#263347}.service-page .before-after h3{margin-top:12px}
.service-page .workflow-board{background:#253142}.service-page .workflow-node{background:#071b40;border-color:rgba(151,190,244,.24)}
.service-page .roadmap-visual article{background:#1d2939;border-color:rgba(151,190,244,.22)}
.service-page .automation-principles article{border-color:var(--ol-line);background:#fff}.service-page .automation-principles h3{color:var(--ol-navy)}.service-page .automation-principles p{color:var(--ol-body)}
.service-page .service-contact-backdrop{background:rgba(7,27,64,.5);backdrop-filter:blur(8px)}.service-page .service-contact-dialog{border-color:var(--ol-line);color:var(--ol-navy);background:#fff;box-shadow:0 35px 100px rgba(7,27,64,.24)}.service-page .service-contact-close{border-color:var(--ol-line);color:var(--ol-navy);background:#f4f8ff}.service-page .service-contact-dialog>p{color:var(--ol-body)}.service-page .service-contact-dialog>p strong{color:var(--ol-navy)}.service-page .service-contact-option{border-color:var(--ol-line);background:#f8faff}.service-page .service-contact-option div strong{color:var(--ol-navy)}.service-page .service-contact-option div small{color:var(--ol-muted)}.service-page .service-contact-option>span{color:var(--ol-blue);background:#eaf3ff}
.service-page .site-footer{display:grid;width:100%;max-width:none;grid-template-columns:minmax(280px,1.6fr) repeat(3,minmax(150px,1fr));gap:clamp(36px,5vw,76px);margin:0;padding:68px max(40px,calc((100vw - 1360px)/2));border-top:1px solid var(--ol-line);color:var(--ol-body);background:#fff}.service-page .site-footer .footer-brand{max-width:420px}.service-page .site-footer .brand{width:184px;height:40px;margin-bottom:28px}.service-page .site-footer .brand img{object-position:left}.service-page .site-footer h3{color:var(--ol-navy)}.service-page .site-footer p,.service-page .site-footer a,.service-page .site-footer span{color:var(--ol-body)}.service-page .site-footer a:hover{color:var(--ol-blue)}.service-page .footer-description{max-width:390px;line-height:1.7}
@media(max-width:980px){.service-page .detail-shell{width:min(100% - 40px,760px)}.service-page .site-footer{grid-template-columns:1.4fr repeat(3,1fr)}}
@media(max-width:800px){.service-page .site-header{padding:10px 10px 0}.service-page .nav-shell{min-height:60px;padding:0 14px}.service-page .brand{width:164px;height:36px}.service-page .nav-links{position:fixed;inset:0 0 0 auto;z-index:50;display:none;width:min(88vw,380px);height:100dvh;padding:100px 24px 30px;border-radius:22px 0 0 22px;background:#071b40}.service-page .nav-links.is-open{display:flex}.service-page .nav-links a{color:#fff}.service-page .menu-toggle{z-index:60}.service-page .header-cta{display:none}.service-page .detail-shell{width:calc(100% - 32px)}.service-page .detail-hero{padding-top:112px}.service-page .site-footer{grid-template-columns:1fr 1fr;gap:36px 24px;padding:55px 20px}.service-page .site-footer .footer-brand{grid-column:1/-1;max-width:none}.service-page .site-footer>div:last-child{grid-column:1/-1}}
@media(max-width:430px){.service-page .site-footer{grid-template-columns:1fr}.service-page .site-footer .footer-brand,.service-page .site-footer>div:last-child{grid-column:auto}}