/* CRM option 3 Orbita de herramientas; separate native links, no containing panel. */
body[data-page="crm"] #main .co-tools,body[data-page="crm"] #main .co-terms{display:flex!important;flex-direction:column;align-items:center;max-width:1040px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body[data-page="crm"] #main .co-tools h2,body[data-page="crm"] #main .co-terms h2{margin:0 0 20px!important;text-align:center;font-size:clamp(24px,3vw,34px);line-height:1.25;color:#edf9f5}
.co-orbit{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr 1fr;gap:14px;align-items:center;width:100%;margin:0 0 12px;isolation:isolate}
.co-app,.co-core{display:block;min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;animation:co-levitate 9s ease-in-out infinite}
.co-app{aspect-ratio:245/260;border-radius:20px;transition:filter .2s}
.co-core{aspect-ratio:365/295;animation-duration:11s}
.co-app svg,.co-core svg,.co-shield svg{display:block;width:100%;height:100%;overflow:hidden}
.co-app-1{animation-delay:-2s}.co-app-2{animation-delay:-4s}.co-app-3{animation-delay:-6s}
.co-app:hover{filter:brightness(1.18)}
.co-app:focus-visible{outline:2px solid #96ffdc;outline-offset:4px}
body[data-page="crm"] #main a.co-button{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;min-height:50px;box-sizing:border-box;padding:13px 26px!important;border-radius:999px!important;border:1px solid #a9c3b9!important;background:linear-gradient(135deg,#1a3028,#020907)!important;box-shadow:inset 0 2px 4px #eaffee66,0 5px 0 #233a30,0 8px 22px #76ffd320!important;color:#effaf5!important;text-decoration:none;font-size:14px;font-weight:650;text-align:center;transition:filter .2s}
body[data-page="crm"] #main a.co-primary{min-width:310px;background:linear-gradient(120deg,#b4ffe8,#43e4bb)!important;border-color:#d1fff4!important;color:#03251b!important;font-size:17px}
body[data-page="crm"] #main a.co-button:hover{filter:brightness(1.13)}
body[data-page="crm"] #main a.co-button:focus-visible{outline:2px solid #9cffdd;outline-offset:5px}
body[data-page="crm"] #main .co-terms{margin-top:58px!important}
.co-shield{width:180px;aspect-ratio:225/120;margin-bottom:4px;animation:co-levitate 10s ease-in-out infinite}
body[data-page="crm"] #main .co-terms h2{margin-bottom:10px!important;font-size:clamp(23px,2.6vw,30px)}
body[data-page="crm"] #main .co-terms p{text-align:center;color:#b7c5c0;max-width:100%;font-size:13px;line-height:1.65;margin:0 0 20px!important}
.co-legal-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}
.co-icon{font-size:23px;line-height:1;color:#adffe6}
@keyframes co-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:650px){.co-orbit{grid-template-columns:1fr 1fr;gap:12px 18px;margin-bottom:24px}.co-core{grid-column:1/-1;grid-row:1;justify-self:center;width:65%;max-width:250px}.co-app{width:100%;max-width:220px;justify-self:center}.co-app-2{grid-column:1}.co-app-3{grid-column:2}body[data-page="crm"] #main a.co-primary{min-width:0;width:100%;font-size:16px}body[data-page="crm"] #main .co-tools h2{font-size:25px}.co-legal-actions{flex-direction:column;width:100%;gap:14px}.co-legal-actions a{width:100%}body[data-page="crm"] #main .co-terms{margin-top:40px!important}.co-shield{width:150px}}
@media(prefers-reduced-motion:reduce){.co-app,.co-core,.co-shield{animation:none}}

body[data-page="crm"] #main a.co-app{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;display:block!important}
.co-orbit{position:relative}
.co-connectors{position:absolute;inset:10% 0 14%;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 4px #73ffdf77)}
.co-connectors svg{width:100%;height:100%;display:block}
.co-shield{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 92%,transparent)}
@media(max-width:650px){.co-connectors{display:none}}