/* Six original kinetic illustrations, scoped to the home service cards. */
#servicios .service-card{display:flex;flex-direction:column;grid-template-columns:none;padding:0;overflow:hidden;border:1px solid #d7d5e7;border-radius:20px;background:#f7f7ff;box-shadow:0 5px 18px #241b3305;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
#servicios .service-card:hover,#servicios .service-card:focus-visible{transform:translateY(-7px);box-shadow:0 20px 38px #35224e16;border-color:#9b7dc8}
#servicios .service-card:focus-visible{outline:3px solid #6236de;outline-offset:4px}
#servicios .svc-top{position:absolute;inset:19px 22px auto;z-index:2;color:#f2ecff;font-size:10px;pointer-events:none}
#servicios .svc-top>span:last-child{color:#d1ff73}
#servicios .cmg-service-art{width:100%;aspect-ratio:5/3;overflow:hidden;background:#21182f;flex-shrink:0;isolation:isolate}
#servicios .cmg-service-art>svg{width:100%;height:100%;display:block;transition:scale .7s cubic-bezier(.2,.7,.2,1)}
#servicios .service-card:hover .cmg-service-art>svg,#servicios .service-card:focus-visible .cmg-service-art>svg{scale:1.035}
#servicios .service-card h3{font-size:25px;line-height:1.18;letter-spacing:-.045em;padding:0;margin:23px 23px 10px}
#servicios .service-card>p{font-size:14px;line-height:1.6;margin:0 23px 22px;padding:0}
#servicios .service-card .more{margin:auto 23px 0;padding:17px 0 20px;border-top:1px solid #dedce9;font-size:12px}
.cmg-services-motion-control{display:flex;justify-content:flex-end;margin:-20px 0 18px}
.cmg-services-motion-control[hidden]{display:none}
#servicios .cmg-services-motion{background:transparent;border:1px solid #c7c5da;color:#4a3a61;font:500 12px 'DM Sans',sans-serif;padding:9px 15px;border-radius:24px;cursor:pointer;min-height:38px}
#servicios .cmg-services-motion:hover,#servicios .cmg-services-motion:focus-visible{background:#e3dbee;border-color:#8465ae;outline-offset:3px}
.cmg-service-art .sh-label{font:500 12px sans-serif;letter-spacing:1px;fill:#f1edff}
.cmg-service-art .sh-micro{font:500 10px sans-serif;letter-spacing:1.6px;fill:#d9cce9;opacity:.7}
.cmg-service-art .sh-float{animation:sh-float 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.cmg-service-art .sh-float-alt{animation:sh-float-alt 8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.cmg-service-art .sh-orbit{animation:sh-orbit 18s linear infinite;transform-box:view-box;transform-origin:300px 180px}
.cmg-service-art .sh-halo,.cmg-service-art .sh-rings{animation:sh-breathe 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.cmg-service-art .sh-route{stroke-dasharray:700;stroke-dashoffset:0;animation:sh-draw 7s ease-in-out infinite}
.cmg-service-art .sh-pulse,.cmg-service-art .sh-signal{animation:sh-signal 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.cmg-service-art .sh-search{animation:sh-search 8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.cmg-service-art .sh-result{animation:sh-result 6s ease-in-out infinite;transform-origin:left;transform-box:fill-box}
.cmg-service-art .sh-cursor{animation:sh-cursor 7s ease-in-out infinite}
.cmg-service-art .sh-browser{animation:sh-float 9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.cmg-service-art .sh-bar{animation:sh-bar 6s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}
.cmg-service-art .sh-b2{animation-delay:-.8s}.cmg-service-art .sh-b3{animation-delay:-1.6s}.cmg-service-art .sh-b4{animation-delay:-2.4s}.cmg-service-art .sh-b5{animation-delay:-3.2s}
.cmg-service-art svg *{animation-play-state:paused!important}
#servicios:not(.cmg-motion-paused) .service-card.is-art-visible .cmg-service-art svg *{animation-play-state:running!important}
@keyframes sh-float{0%,100%{transform:translateY(3px) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes sh-float-alt{0%,100%{transform:translateY(-7px) rotate(3deg)}50%{transform:translateY(6px) rotate(-3deg)}}
@keyframes sh-orbit{to{transform:rotate(360deg)}}
@keyframes sh-breathe{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.055)}}
@keyframes sh-draw{0%,15%{stroke-dashoffset:700;opacity:.3}55%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.3}}
@keyframes sh-signal{0%,100%{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes sh-search{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(-26px,-13px) rotate(3deg)}}
@keyframes sh-result{0%,100%{transform:scaleX(.75);opacity:.6}50%{transform:scaleX(1);opacity:1}}
@keyframes sh-cursor{0%,100%{transform:translate(0,0)}50%{transform:translate(-32px,-18px)}65%,75%{transform:translate(-32px,-18px) scale(.96)}}
@keyframes sh-bar{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}
@media(max-width:1050px){#servicios .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#servicios .service-card h3{font-size:23px}}
@media(max-width:760px){#servicios .service-card{border-radius:16px}#servicios .svc-top{inset:14px 15px auto;font-size:8px}#servicios .service-card h3{font-size:21px;margin:18px 16px 9px}#servicios .service-card>p{font-size:13px;margin:0 16px 18px}#servicios .service-card .more{margin:auto 16px 0;padding:14px 0 16px;font-size:11px}.cmg-services-motion-control{margin:0 0 16px}}
@media(max-width:520px){#servicios .service-cards{grid-template-columns:1fr;gap:22px}#servicios .service-card h3{font-size:26px;margin:21px 22px 10px}#servicios .svc-top{inset:18px 22px auto;font-size:10px}#servicios .service-card>p{font-size:14px;margin:0 22px 20px}#servicios .service-card .more{margin:auto 22px 0;padding:17px 0 20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#servicios .cmg-service-art svg *{animation:none!important}#servicios .service-card,#servicios .cmg-service-art>svg{transition:none}#servicios .service-card:hover,#servicios .service-card:focus-visible{transform:none}#servicios .service-card:hover svg,#servicios .service-card:focus-visible svg{scale:1}}

/* Compact versions of the approved home scenes in the global megamenu. */
#services-mega .mega-art .cmg-service-art{display:block;width:100%;height:140px;margin:0;background:#20182e;overflow:hidden}
#services-mega .cmg-service-art>svg{display:block;width:100%;height:100%;transition:scale .65s cubic-bezier(.2,.7,.2,1)}
#services-mega .cmg-service-art .sh-micro,#services-mega .cmg-service-art .sh-label{display:none}
#services-mega .mega-card:hover .cmg-service-art>svg,#services-mega .mega-card:focus-visible .cmg-service-art>svg{scale:1.035}
#services-mega:not([hidden]):not(.cmg-motion-paused) .mega-card.is-art-visible .cmg-service-art svg *{animation-play-state:running!important}
#services-mega .mega-bottom{align-items:center;gap:12px;flex-wrap:wrap}
#services-mega .cmg-menu-motion-control{display:inline-flex;order:1;margin:0}
#services-mega .cmg-menu-motion-control[hidden]{display:none}
#services-mega .mega-bottom>a{order:2}
#services-mega .cmg-menu-motion{font:500 11px 'DM Sans',sans-serif;color:#e9ddfc;border:1px solid #88769f;background:transparent;min-height:34px;padding:7px 12px;border-radius:24px;cursor:pointer}
#services-mega .cmg-menu-motion:hover,#services-mega .cmg-menu-motion:focus-visible{background:#47335f;border-color:#c9fa60;outline-offset:3px}
@media(max-width:1000px){#services-mega .mega-art .cmg-service-art{height:100px}}
@media(max-width:520px){#services-mega .mega-art .cmg-service-art{height:90px}}
@media(max-width:390px){#services-mega .mega-art .cmg-service-art{height:82px}}
@media(prefers-reduced-motion:reduce){#services-mega .cmg-service-art svg *{animation:none!important}#services-mega .cmg-service-art>svg{transition:none!important;scale:1!important}}