body[data-page="integraciones"] #main .bp-tools{max-width:1040px!important;margin:65px auto 0!important;scroll-margin-top:125px}
body[data-page="integraciones"] #main .bp-panel,body[data-page="integraciones"] #main .bp-terms-panel{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
body[data-page="integraciones"] #main .bp-panel>h2{font-size:clamp(26px,3.6vw,44px)!important;line-height:1.15!important;letter-spacing:-.045em!important;font-weight:650!important;text-align:center;margin:0 auto 18px!important;color:#e9fffa!important}
body[data-page="integraciones"] #main .bp-stage{position:relative;width:100%;aspect-ratio:1024/690;isolation:isolate;animation:bp-float 8s ease-in-out infinite}
body[data-page="integraciones"] #main .bp-art{position:absolute;inset:0;pointer-events:none}
body[data-page="integraciones"] #main .bp-art svg{display:block;width:100%;height:100%}
body[data-page="integraciones"] #main a.bp-control{display:block;position:absolute;min-height:44px;z-index:2;background:none!important;border:0!important;border-radius:18px;box-shadow:none!important;padding:0!important;margin:0!important;color:#d8fff3!important}
body[data-page="integraciones"] #main a.bp-control:hover{box-shadow:0 0 24px #9affe338!important}
body[data-page="integraciones"] #main a.bp-control:focus-visible{outline:2px solid #b6ffeb!important;outline-offset:3px}
body[data-page="integraciones"] #main .bp-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-page="integraciones"] #main .bp-terms{max-width:1040px!important;margin:18px auto 55px!important}
body[data-page="integraciones"] #main .bp-terms-panel{display:grid;grid-template-columns:39% minmax(0,1fr);gap:18px;align-items:center}
body[data-page="integraciones"] #main .bp-legal-art{min-width:0;aspect-ratio:410/470}
body[data-page="integraciones"] #main .bp-legal-art svg{display:block;width:100%;height:100%}
body[data-page="integraciones"] #main .bp-legal-copy{min-width:0}
body[data-page="integraciones"] #main .bp-legal-copy h2{font-size:clamp(23px,2.6vw,31px)!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:0 0 18px!important;color:#d4fff6!important}
body[data-page="integraciones"] #main .bp-legal-copy p{font-size:16px!important;line-height:1.65!important;color:#c4cccf!important;margin:0 0 25px!important}
body[data-page="integraciones"] #main .bp-legal-copy .extension-links{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin:0!important}
body[data-page="integraciones"] #main a.bp-legal-link{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:48px;padding:12px 14px!important;border:1px solid #a0d8d4!important;border-radius:15px!important;background:linear-gradient(180deg,#142021,#010405)!important;box-shadow:inset 0 1px 3px #efffff8a,0 0 12px #93e6cf15!important;color:#f3ffff!important;font-size:13px!important;line-height:1.3!important;font-weight:550;text-decoration:none!important;text-align:center}
body[data-page="integraciones"] #main a.bp-legal-link:hover{background:linear-gradient(180deg,#20413d,#06110f)!important}
body[data-page="integraciones"] #main a.bp-legal-link:focus-visible{outline:2px solid #c6fff0;outline-offset:4px}
@keyframes bp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:650px){
 body[data-page="integraciones"] #main .bp-tools{margin-top:40px!important}
 body[data-page="integraciones"] #main .bp-panel>h2{font-size:27px!important}
 body[data-page="integraciones"] #main .bp-terms-panel{grid-template-columns:35% minmax(0,1fr);gap:12px}
 body[data-page="integraciones"] #main .bp-legal-copy h2{font-size:21px!important;margin-bottom:10px!important}
 body[data-page="integraciones"] #main .bp-legal-copy p{font-size:13px!important;line-height:1.6!important;margin-bottom:14px!important}
 body[data-page="integraciones"] #main .bp-legal-copy .extension-links{gap:9px!important}
 body[data-page="integraciones"] #main a.bp-legal-link{font-size:12px!important;min-height:44px;padding:10px!important}
}
@media(max-width:480px){
 body[data-page="integraciones"] #main .bp-terms-panel{grid-template-columns:minmax(0,1fr)}
 body[data-page="integraciones"] #main .bp-legal-art{width:64%;max-width:260px;justify-self:center}
 body[data-page="integraciones"] #main .bp-legal-copy{text-align:center}
 body[data-page="integraciones"] #main .bp-legal-copy h2{font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){body[data-page="integraciones"] #main .bp-stage{animation:none}}

body[data-page="integraciones"] #main .bp-tools{padding:0!important}
body[data-page="integraciones"] #main .bp-panel,body[data-page="integraciones"] #main .bp-terms-panel{margin:0!important}
body[data-page="integraciones"] #main .bp-panel>h2{color:#f4fbfa!important}
body[data-page="integraciones"] #main .bp-panel>h2 span{color:#8fe8df}
body[data-page="integraciones"] #main .bp-terms{padding:0!important}
@media(max-width:480px){
 body[data-page="integraciones"] #main .bp-panel>h2{font-size:21px!important}
 body[data-page="integraciones"] #main .bp-terms-panel{grid-template-columns:35% minmax(0,1fr)!important;gap:12px!important}
 body[data-page="integraciones"] #main .bp-legal-art{width:100%;max-width:none}
 body[data-page="integraciones"] #main .bp-legal-copy{text-align:left}
 body[data-page="integraciones"] #main .bp-legal-copy h2{font-size:20px!important}
 body[data-page="integraciones"] #main .bp-legal-copy p{font-size:12px!important}
 body[data-page="integraciones"] #main a.bp-legal-link{font-size:11px!important}
}