.services-page{overflow:hidden;color:#14212b;background:#fff}.services-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.services-hero{position:relative;overflow:hidden;padding:64px 0 88px;background:radial-gradient(ellipse at 88% 40%,rgba(195,207,43,.14),transparent 30%),radial-gradient(ellipse at 4% 100%,rgba(32,160,208,.13),transparent 34%),linear-gradient(135deg,#f3f8f9,#fff 65%)}.services-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.95fr);align-items:center;gap:40px}.services-hero__copy h1{max-width:630px;margin:19px 0 16px;font-family:var(--font-display,var(--font-body,Arial,sans-serif));font-size:clamp(46px,5.4vw,70px);line-height:1.02;letter-spacing:.015em;font-weight:500;text-wrap:balance}.services-hero__copy>p{max-width:550px;margin:0;color:#566977;font-size:19px;line-height:1.7}.services-cta{display:inline-flex;align-items:center;gap:16px;margin-top:28px;padding:15px 22px;border-radius:999px;background:#20a0d0;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(32,160,208,.23);transition:transform .2s,box-shadow .2s}.services-cta:hover{transform:translateY(-2px);color:#fff;box-shadow:0 14px 30px rgba(32,160,208,.3)}.services-cta span{font-size:19px}
.services-hero__visual{position:relative;width:min(100%,500px);aspect-ratio:1;margin:auto;display:grid;place-items:center}.services-hero__halo{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(32,160,208,.14),rgba(32,160,208,.04) 58%,transparent 70%);box-shadow:0 20px 60px rgba(20,33,43,.08)}.services-hero__core{position:relative;z-index:3;width:37%;aspect-ratio:1;border:1px solid #dce7e9;border-radius:50%;background:#fff;box-shadow:0 20px 55px rgba(20,33,43,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.services-hero__core img{width:36%;height:40%;object-fit:contain}.services-hero__core strong{font-family:var(--font-display,var(--font-body,Arial,sans-serif));font-size:clamp(16px,2vw,22px);line-height:.92;letter-spacing:.04em;text-transform:uppercase}.services-hero__core span{color:#76858c;font-size:12px}.services-orbit{position:absolute;border:1px dashed rgba(32,160,208,.65);border-radius:50%;animation:services-orbit-spin 48s linear infinite}.services-orbit--one{inset:8%}.services-orbit--two{inset:19%;border-style:solid;border-color:rgba(20,33,43,.12);animation-duration:62s;animation-direction:reverse}.services-orbit span{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #dfe8ea;border-radius:999px;background:#fff;color:#1a2a33;box-shadow:0 9px 24px rgba(20,33,43,.11);font-size:13px;font-weight:700;white-space:nowrap;animation:services-orbit-counterspin 48s linear infinite}.services-orbit--one span:nth-child(1){left:50%;top:-18px;transform:translateX(-50%)}.services-orbit--one span:nth-child(2){right:-25px;top:50%;transform:translateY(-50%)}.services-orbit--one span:nth-child(3){left:50%;bottom:-18px;transform:translateX(-50%)}.services-orbit--one span:nth-child(4){left:-25px;top:50%;transform:translateY(-50%)}.services-orbit--two span{padding:8px 12px;background:#f9fbfb;color:#62747d;font-size:11px;animation-duration:62s}.services-orbit--two span:nth-child(1){left:50%;top:-15px;transform:translateX(-50%)}.services-orbit--two span:nth-child(2){right:-25px;top:50%;transform:translateY(-50%)}.services-orbit--two span:nth-child(3){left:50%;bottom:-15px;transform:translateX(-50%)}.services-orbit--two span:nth-child(4){left:-25px;top:50%;transform:translateY(-50%)}@keyframes services-orbit-spin{to{transform:rotate(360deg)}}@keyframes services-orbit-counterspin{to{rotate:-360deg}}
.services-intro{display:grid;grid-template-columns:70px minmax(0,1.2fr) minmax(250px,.8fr);align-items:center;gap:25px;padding-top:70px;padding-bottom:34px}.services-intro__mark{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#20a0d0;color:#fff;font-family:var(--font-accent,var(--font-body,Arial,sans-serif));font-weight:800;letter-spacing:.06em}.services-intro h2{max-width:600px;margin:14px 0 0;font-family:var(--font-display,var(--font-body,Arial,sans-serif));font-size:clamp(30px,3.4vw,42px);line-height:1.1;font-weight:500}.services-intro>p{margin:22px 0 0;color:#657780;font-size:15px;line-height:1.7}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:20px;padding-bottom:100px}.service-card{position:relative;min-width:0;min-height:440px;padding:24px;border:1px solid #e0e8ea;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(20,33,43,.05);display:flex;flex-direction:column;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}.service-card:hover{transform:translateY(-5px);border-color:#c8e1e8;box-shadow:0 18px 42px rgba(20,33,43,.1)}.service-card--featured{background:linear-gradient(150deg,#f0f9fb,#fff 72%);border-color:#d3e9ee}.service-card__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.service-card__number{color:#1588ac;font-size:12px;font-weight:800;letter-spacing:.12em}.service-card__tag{padding:6px 9px;border-radius:999px;background:#f1f7f8;color:#66777f;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.service-card__image{width:116px;height:116px;margin:24px 0 16px;object-fit:contain;align-self:flex-start}.service-card h2{margin:0 0 10px;font-family:var(--font-display,var(--font-body,Arial,sans-serif));font-size:25px;line-height:1.15;font-weight:600}.service-card>p{margin:0;color:#5d717b;font-size:14px;line-height:1.7}.service-card ul{display:grid;gap:8px;margin:17px 0 0;padding:0;list-style:none;color:#596e78;font-size:13px;line-height:1.5}.service-card li{position:relative;padding-left:19px}.service-card li:before{content:"✓";position:absolute;left:0;color:#1593b7;font-weight:800}.service-card--text{background:linear-gradient(145deg,#f8faf9,#fff 70%)}.service-card__symbol{width:75px;height:75px;margin:40px 0 22px;display:grid;place-items:center;border-radius:23px;background:#e2f3f7;color:#1585a6;font-family:var(--font-display,var(--font-body,Arial,sans-serif));font-size:37px;font-weight:600}.service-card__symbol--green{background:#f0f3d7;color:#778116}.service-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:21px;color:#1485a4;text-decoration:none;font-weight:800;font-size:14px}.service-card__link:hover{color:#0a627c}
.services-support{padding:80px 0;background:linear-gradient(130deg,#14212b,#183746);color:#fff}.services-support__grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:75px}.services-support__photo{position:relative;width:min(100%,350px);aspect-ratio:1;margin:auto;border-radius:50%;background:linear-gradient(140deg,#20a0d0,#c3cf2b);padding:9px}.services-support__photo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.services-support__copy .news-kicker{color:#94d7e9}.services-support__copy h2{max-width:590px;margin:17px 0 14px;font-family:var(--font-display,var(--font-body,Arial,sans-serif));font-size:clamp(35px,4vw,50px);line-height:1.06;font-weight:500}.services-support__copy>p{max-width:570px;color:rgba(255,255,255,.77);font-size:16px;line-height:1.7}.services-hours{display:grid;gap:6px;margin-top:24px;padding:17px 19px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-size:14px}.services-hours strong{margin-bottom:3px;color:#fff}.services-support .services-cta{background:#25b4d8;color:#fff}.services-bottom{padding-top:56px;padding-bottom:65px}.services-bottom img{display:block;width:min(100%,850px);height:auto;margin:auto;mix-blend-mode:multiply}
@media(max-width:950px){.services-hero__grid{grid-template-columns:1fr;gap:10px}.services-hero__copy{max-width:700px}.services-hero__visual{width:min(100%,470px)}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-intro{grid-template-columns:60px minmax(0,1fr)}.services-intro>p{grid-column:2;margin-top:0}.services-support__grid{gap:40px}}
@media(max-width:650px){.services-shell{width:calc(100% - 36px)}.services-hero{padding:45px 0 55px}.services-hero__copy h1{font-size:clamp(39px,11.8vw,54px)}.services-hero__copy>p{font-size:17px}.services-hero__visual{width:min(100%,390px)}.services-orbit span{padding:8px 10px;font-size:10px}.services-orbit--one span:nth-child(2){right:-18px}.services-orbit--one span:nth-child(4){left:-18px}.services-orbit--two span{font-size:9px;padding:7px 8px}.services-orbit--two span:nth-child(2){right:-21px}.services-orbit--two span:nth-child(4){left:-21px}.services-intro{grid-template-columns:48px minmax(0,1fr);gap:14px;padding-top:44px}.services-intro__mark{width:44px;height:44px;border-radius:13px}.services-intro h2{font-size:30px}.services-intro>p{grid-column:1/-1;margin-top:4px}.services-grid{grid-template-columns:1fr;gap:14px;padding-top:16px;padding-bottom:65px}.service-card{min-height:0;padding:22px}.service-card__image{width:104px;height:104px;margin-top:20px}.service-card--text .service-card__symbol{margin-top:26px}.service-card__link{margin-top:10px}.services-support{padding:58px 0}.services-support__grid{grid-template-columns:1fr;gap:30px}.services-support__photo{width:min(76vw,300px)}.services-support__copy h2{font-size:37px}.services-hours{font-size:13px}.services-bottom{padding-top:40px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.service-card,.services-cta{transition:none}}
/* Orbita de servicios, con la misma animacion que el ecosistema de la portada. */
@keyframes services-ecosystem-orbit-spin{to{transform:rotate(360deg)}}
@keyframes services-ecosystem-badge-counterspin{to{transform:rotate(-360deg)}}
.services-page .services-ecosystem-orbit{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:50%;transform-origin:50% 50%;animation:services-ecosystem-orbit-spin 32s linear infinite!important;animation-play-state:running!important;will-change:transform;z-index:1}
.services-page .services-orbit__track{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.services-page .services-orbit__node{position:absolute!important;display:block!important;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%)!important;text-decoration:none}
.services-page .services-orbit__badge{position:relative!important;display:flex;align-items:center;justify-content:center;width:max-content;height:40px;min-height:40px;padding:0 16px;border:1px solid #dfe8ea;border-radius:999px;background:#fff;color:#1a2a33;box-shadow:0 8px 24px rgba(20,33,43,.12);font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;transform-origin:50% 50%;animation:services-ecosystem-badge-counterspin 32s linear infinite!important}
.services-page .services-orbit__node--1{left:50%!important;top:12%!important}.services-page .services-orbit__node--2{left:76%!important;top:23%!important}.services-page .services-orbit__node--3{left:87%!important;top:50%!important}.services-page .services-orbit__node--4{left:76%!important;top:77%!important}.services-page .services-orbit__node--5{left:50%!important;top:88%!important}.services-page .services-orbit__node--6{left:24%!important;top:77%!important}.services-page .services-orbit__node--7{left:13%!important;top:50%!important}.services-page .services-orbit__node--8{left:24%!important;top:23%!important}
@media(max-width:650px){.services-page .services-orbit__badge{height:34px;padding:0 10px;font-size:10px}}
