/* Approved Integrations neural network hero; original 26 areas and sources retained. */
.nn-hero{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:0;align-items:center;padding-top:35px!important;padding-bottom:22px!important}
body[data-page="integraciones"] #main .nn-heading{width:100%!important;max-width:100%!important;padding:0 15px 0 0!important;margin:0!important}
body[data-page="integraciones"] #main .nn-heading h1{font-size:clamp(30px,3.3vw,47px);font-weight:650;line-height:1.13;letter-spacing:-.035em;margin:0 0 22px}
body[data-page="integraciones"] #main .nn-heading p{font-size:16px;line-height:1.6;color:#c2d0cd}
body[data-page="integraciones"] #main .nn-heading .eyebrow{font-size:10px;color:#c9bd97;letter-spacing:.2em}
.nn-visual{position:relative;width:100%;aspect-ratio:970/770;isolation:isolate}
.nn-core{position:absolute;left:23.71%;top:30.52%;width:43.3%;height:45.45%;pointer-events:none;animation:nn-levitate 11s ease-in-out infinite}
body[data-page="integraciones"] #main a.nn-node{position:absolute;display:block!important;min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none;animation:nn-levitate 9s ease-in-out infinite;border-radius:20px;z-index:2}
.nn-node svg,.nn-core svg{display:block;width:100%;height:100%;overflow:hidden}
.nn-node-1{animation-delay:-1.3s!important}.nn-node-2{animation-delay:-2.6s!important}.nn-node-3{animation-delay:-3.9s!important}.nn-node-4{animation-delay:-5.2s!important}.nn-node-5{animation-delay:-6.5s!important}.nn-node-6{animation-delay:-7.8s!important}
.nn-node:hover{filter:brightness(1.17)}.nn-node:focus-visible{outline:2px solid #9affec;outline-offset:4px}
.nn-connectors{position:absolute;inset:0;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 3px #7cedea88)}.nn-connectors svg{display:block;width:100%;height:100%}
body[data-page="integraciones"] #main .nn-notice{padding:0!important;margin:0 0 38px!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-page="integraciones"] #main .nn-notice p{font-size:13px;line-height:1.7;color:#aabdb7;margin:0}
body[data-page="integraciones"] #main h3[id^="area-integracion-"]{scroll-margin-top:130px}
@keyframes nn-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:700px){.nn-hero{grid-template-columns:1fr;gap:20px;padding-top:28px!important}body[data-page="integraciones"] #main .nn-heading{padding:0!important}body[data-page="integraciones"] #main .nn-heading h1{font-size:32px}body[data-page="integraciones"] #main .nn-heading p{font-size:14px}.nn-visual{margin-bottom:8px}.nn-node{border-radius:10px}body[data-page="integraciones"] #main .nn-notice p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nn-node,.nn-core{animation:none!important}}

.nn-art{position:absolute;inset:0;pointer-events:none;animation:nn-levitate 11s ease-in-out infinite}
.nn-art svg{display:block;width:100%;height:100%;overflow:hidden}
body[data-page="integraciones"] #main a.nn-node{animation:none!important}
@media(prefers-reduced-motion:reduce){.nn-art{animation:none}}

.nn-mobile-art,.nn-mobile-label,.nn-mobile-core{display:none}
@media(max-width:500px){
.nn-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px;aspect-ratio:auto}
.nn-art{display:none}
.nn-mobile-core{display:block;grid-column:1/-1;width:75%;max-width:280px;justify-self:center;aspect-ratio:420/350;animation:nn-levitate 11s ease-in-out infinite}
.nn-mobile-core svg{width:100%;height:100%;display:block;overflow:hidden}
body[data-page="integraciones"] #main a.nn-node{position:static;left:auto!important;top:auto!important;width:100%!important;height:auto!important}
.nn-mobile-art{display:block;width:100%;aspect-ratio:1}
.nn-mobile-art svg{width:100%;height:100%;display:block;overflow:hidden}
.nn-mobile-label{display:block;font-size:12px;line-height:1.5;text-align:center;color:#d8f6ee;margin-top:3px}
.nn-node-6{grid-column:2}
}