/* Holographic data core — Services module */
#servicos .services-console{overflow:hidden;min-height:570px;background:
  radial-gradient(560px 360px at 50% 52%,rgba(7,105,245,.12),transparent 70%),
  linear-gradient(180deg,rgba(8,20,38,.96),rgba(5,13,25,.98));
  border-color:rgba(88,145,235,.20);box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 0 0 1px rgba(83,145,240,.04)}
#servicos .services-console::after{content:"";position:absolute;inset:56px 0 0;pointer-events:none;background:
  linear-gradient(90deg,transparent 0%,rgba(0,184,255,.035) 49.8%,rgba(0,184,255,.10) 50%,rgba(0,184,255,.035) 50.2%,transparent 100%);opacity:.8}

.service-holo{position:relative;height:514px;isolation:isolate;overflow:hidden;perspective:900px;background:
  radial-gradient(circle at 50% 50%,rgba(6,43,87,.32),rgba(5,15,29,.06) 42%,transparent 70%)}
.service-holo-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.95}
.service-holo-grid{position:absolute;inset:0;z-index:0;opacity:.34;pointer-events:none;background-image:
  linear-gradient(rgba(66,124,218,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(66,124,218,.07) 1px,transparent 1px);
  background-size:36px 36px;transform:perspective(620px) rotateX(64deg) scale(1.28) translateY(90px);transform-origin:center 68%;
  mask-image:radial-gradient(circle at 50% 58%,black 16%,rgba(0,0,0,.82) 46%,transparent 76%);animation:holoGridFlow 12s linear infinite}
.service-holo-vignette{position:absolute;inset:0;z-index:7;pointer-events:none;background:
  linear-gradient(90deg,rgba(5,12,24,.86),transparent 17%,transparent 83%,rgba(5,12,24,.86)),
  linear-gradient(180deg,rgba(5,12,24,.32),transparent 20%,transparent 78%,rgba(5,12,24,.72));}
.service-holo-scan{position:absolute;z-index:5;left:-20%;right:-20%;top:0;height:28%;pointer-events:none;opacity:.75;background:linear-gradient(180deg,transparent,rgba(0,184,255,.035) 45%,rgba(72,153,255,.18) 70%,rgba(0,184,255,.02) 75%,transparent);filter:blur(.2px);animation:holoScan 6.8s cubic-bezier(.35,0,.65,1) infinite}
.service-holo-radar{position:absolute;z-index:2;left:50%;top:50%;width:490px;height:490px;transform:translate(-50%,-50%);border-radius:50%;opacity:.38;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 82%,rgba(0,184,255,.06) 87%,rgba(52,140,255,.24) 94%,transparent 100%);mask-image:radial-gradient(circle,transparent 0 22%,black 23% 100%);animation:holoRadar 7s linear infinite}

.service-holo-ring{position:absolute;z-index:3;left:50%;top:50%;border-radius:50%;pointer-events:none;transform-style:preserve-3d}
.service-holo-ring::before,.service-holo-ring::after{content:"";position:absolute;border-radius:50%;inset:-1px;pointer-events:none}
.service-holo-ring.ring-a{width:330px;height:330px;margin:-165px 0 0 -165px;border:1px solid rgba(61,134,244,.26);box-shadow:inset 0 0 42px rgba(7,105,245,.04),0 0 30px rgba(7,105,245,.035);animation:ringSpinA 15s linear infinite}
.service-holo-ring.ring-a::before{border-top:2px solid rgba(0,184,255,.88);border-right:1px solid rgba(0,184,255,.14);filter:drop-shadow(0 0 10px rgba(0,184,255,.48));clip-path:polygon(0 0,65% 0,65% 65%,0 65%)}
.service-holo-ring.ring-b{width:430px;height:430px;margin:-215px 0 0 -215px;border:1px dashed rgba(79,140,231,.18);transform:rotateX(68deg) rotateZ(14deg);animation:ringSpinB 18s linear infinite}
.service-holo-ring.ring-b::after{inset:22px;border:1px solid rgba(0,184,255,.08)}
.service-holo-ring.ring-c{width:240px;height:240px;margin:-120px 0 0 -120px;border:1px dotted rgba(113,171,255,.25);animation:ringSpinC 10s linear infinite reverse}
.service-holo-ring.ring-c::before{inset:12px;border-left:2px solid rgba(90,166,255,.65);border-bottom:1px solid rgba(0,184,255,.15);filter:drop-shadow(0 0 8px rgba(50,137,255,.35))}
.service-holo-ring.ring-d{width:560px;height:300px;margin:-150px 0 0 -280px;border:1px solid rgba(71,132,220,.10);transform:rotate(-18deg);animation:ringDrift 8s ease-in-out infinite}

.service-holo-core{position:absolute;z-index:8;left:50%;top:50%;width:164px;height:164px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:
  radial-gradient(circle at 50% 42%,rgba(14,71,138,.96),rgba(5,20,39,.98) 61%,rgba(4,13,25,.98) 100%);border:1px solid rgba(0,184,255,.34);box-shadow:0 0 80px rgba(7,105,245,.20),inset 0 0 45px rgba(0,184,255,.075)}
.service-holo-core::before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(128,183,255,.11);animation:corePulse 3.6s ease-in-out infinite}
.service-holo-core::after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(0,184,255,.08);box-shadow:0 0 24px rgba(0,184,255,.08);animation:coreBreath 4.2s ease-in-out infinite}
.service-holo-core img{position:relative;z-index:3;width:112px;filter:drop-shadow(0 0 14px rgba(44,126,255,.26))}
.service-holo-core-glow{position:absolute;inset:-85px;border-radius:50%;background:radial-gradient(circle,rgba(0,184,255,.09),rgba(7,105,245,.055) 30%,transparent 68%);animation:coreGlow 5s ease-in-out infinite}

.service-holo-dot{position:absolute;z-index:6;width:7px;height:7px;border-radius:50%;background:#77cfff;border:1px solid rgba(255,255,255,.7);box-shadow:0 0 6px #00B8FF,0 0 18px rgba(0,184,255,.72);pointer-events:none}
.service-holo-dot::after{content:"";position:absolute;left:50%;top:50%;width:34px;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(0,184,255,.46),transparent)}
.service-holo-dot.d1{left:18%;top:28%;animation:dotFloat 4.8s ease-in-out infinite}.service-holo-dot.d1::after{transform:rotate(26deg)}
.service-holo-dot.d2{right:17%;top:31%;animation:dotFloat 5.3s ease-in-out infinite .7s}.service-holo-dot.d2::after{transform:rotate(155deg)}
.service-holo-dot.d3{left:24%;bottom:24%;animation:dotFloat 5.7s ease-in-out infinite 1.1s}.service-holo-dot.d3::after{transform:rotate(-26deg)}
.service-holo-dot.d4{right:20%;bottom:19%;animation:dotFloat 4.9s ease-in-out infinite .3s}.service-holo-dot.d4::after{transform:rotate(205deg)}
.service-holo-dot.d5{left:50%;top:13%;animation:dotFloat 4.4s ease-in-out infinite 1.4s}.service-holo-dot.d5::after{transform:rotate(90deg)}
.service-holo-dot.d6{left:48%;bottom:10%;animation:dotFloat 5.1s ease-in-out infinite .9s}.service-holo-dot.d6::after{transform:rotate(-90deg)}

@keyframes holoGridFlow{from{background-position:0 0,0 0}to{background-position:0 36px,36px 0}}
@keyframes holoScan{0%{transform:translateY(-130%);opacity:0}14%{opacity:.55}50%{opacity:.85}86%{opacity:.45}100%{transform:translateY(470%);opacity:0}}
@keyframes holoRadar{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ringSpinA{to{transform:rotate(360deg)}}
@keyframes ringSpinB{from{transform:rotateX(68deg) rotateZ(14deg)}to{transform:rotateX(68deg) rotateZ(374deg)}}
@keyframes ringSpinC{to{transform:rotate(360deg)}}
@keyframes ringDrift{0%,100%{transform:rotate(-18deg) scaleX(1)}50%{transform:rotate(-10deg) scaleX(.94)}}
@keyframes corePulse{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes coreBreath{0%,100%{transform:scale(.96);opacity:.42}50%{transform:scale(1.08);opacity:.9}}
@keyframes coreGlow{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.07);opacity:1}}
@keyframes dotFloat{0%,100%{transform:translate3d(0,0,0) scale(.9);opacity:.62}50%{transform:translate3d(0,-8px,0) scale(1.12);opacity:1}}

@media(max-width:860px){.service-holo{height:430px}.service-holo-radar{width:380px;height:380px}.service-holo-ring.ring-d{width:440px;height:250px;margin:-125px 0 0 -220px}.service-holo-ring.ring-b{width:360px;height:360px;margin:-180px 0 0 -180px}.service-holo-ring.ring-a{width:280px;height:280px;margin:-140px 0 0 -140px}.service-holo-core{width:138px;height:138px}.service-holo-core img{width:94px}}
@media(prefers-reduced-motion:reduce){.service-holo-grid,.service-holo-scan,.service-holo-radar,.service-holo-ring,.service-holo-core::before,.service-holo-core::after,.service-holo-core-glow,.service-holo-dot{animation:none!important}}