/* Plataforma CentralTec para estacionamentos */
.parking-platform{
  position:relative;
  overflow:hidden;
  padding:110px 6vw;
  color:#fff;
  background:
    radial-gradient(circle at 10% 15%,rgba(0,181,255,.24),transparent 27%),
    radial-gradient(circle at 90% 82%,rgba(29,110,255,.22),transparent 28%),
    linear-gradient(145deg,#031329 0%,#052b5a 48%,#063b76 100%);
}
.parking-platform *{box-sizing:border-box}
.parking-platform:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:54px 54px;
}
.parking-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.parking-glow-one{width:360px;height:360px;background:#00adff;left:-180px;top:25%}
.parking-glow-two{width:300px;height:300px;background:#1268ff;right:-140px;bottom:5%}
.parking-head,.parking-hero-card,.parking-functions,.parking-showcase,.parking-final{position:relative;z-index:2;max-width:1240px;margin-left:auto;margin-right:auto}
.parking-head{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;margin-bottom:54px}
.parking-kicker{display:inline-flex;align-items:center;gap:10px;color:#72d8ff;font-size:12px;font-weight:800;letter-spacing:.19em}
.parking-kicker i{width:8px;height:8px;background:#16d6ff;border-radius:50%;box-shadow:0 0 18px #16d6ff}
.parking-head h2{font-size:clamp(37px,5.2vw,73px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 0;max-width:900px}
.parking-head h2 strong{color:#5bd3ff;font-weight:inherit}
.parking-head>p{font-size:18px;line-height:1.7;color:#b9cce1;margin:0 0 8px}
.parking-hero-card{
  display:grid;grid-template-columns:1fr .92fr;gap:55px;padding:54px;
  border:1px solid rgba(132,211,255,.25);border-radius:34px;
  background:linear-gradient(135deg,rgba(4,33,68,.94),rgba(5,65,122,.78));
  box-shadow:0 35px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.09);
}
.parking-badge{display:inline-block;padding:9px 13px;border:1px solid rgba(93,210,255,.35);border-radius:99px;background:rgba(0,168,255,.12);color:#6fd8ff;font-size:10px;font-weight:900;letter-spacing:.14em}
.parking-message h3{font-size:clamp(34px,4vw,56px);line-height:1.03;letter-spacing:-.045em;margin:23px 0 18px}
.parking-message h3 strong{color:#55d3ff;font-weight:inherit}
.parking-message>p{font-size:17px;line-height:1.7;color:#bcd0e3;max-width:630px}
.parking-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}
.parking-flow>div{position:relative;padding:18px 16px 18px 50px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.045)}
.parking-flow span{position:absolute;left:15px;top:18px;color:#58d3ff;font-size:11px;font-weight:900}
.parking-flow b,.parking-flow small{display:block}
.parking-flow b{font-size:14px;margin-bottom:5px}
.parking-flow small{color:#9db4cb;line-height:1.4}
.parking-button{display:inline-flex;padding:17px 23px;border-radius:13px;color:#031b33;background:linear-gradient(135deg,#70e2ff,#fff);font-weight:850;text-decoration:none;box-shadow:0 16px 35px rgba(0,180,255,.22);transition:.25s}
.parking-button:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(0,180,255,.32)}
.parking-live{align-self:center}
.parking-camera{overflow:hidden;border:1px solid rgba(133,214,255,.3);border-radius:24px;background:#06172a;box-shadow:0 28px 55px rgba(0,0,0,.35)}
.camera-top{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(2,15,30,.9);font-size:10px;letter-spacing:.1em}
.camera-top span{display:flex;align-items:center;gap:8px;color:#b9d4e9}
.camera-top i{width:7px;height:7px;border-radius:50%;background:#20e49a;box-shadow:0 0 12px #20e49a}
.camera-top b{color:#ff6278}
.road-scene{position:relative;height:390px;overflow:hidden;background:linear-gradient(#284b6e 0 38%,#18334d 38% 43%,#17202b 43% 100%)}
.road-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(65,169,255,.16),transparent 70%)}
.road-lines{position:absolute;left:-5%;right:-5%;bottom:34px;height:8px;background:repeating-linear-gradient(90deg,#d9e0e5 0 70px,transparent 70px 125px);transform:perspective(180px) rotateX(32deg)}
.car-shape{position:absolute;width:290px;height:145px;left:50%;top:48%;transform:translate(-50%,-50%)}
.car-body{position:absolute;left:0;right:0;bottom:25px;height:80px;border-radius:60px 85px 25px 25px;background:linear-gradient(145deg,#1a8bc8,#06477c);box-shadow:inset 0 7px rgba(255,255,255,.15),0 18px 30px rgba(0,0,0,.38)}
.car-glass{position:absolute;width:170px;height:65px;left:62px;top:5px;background:linear-gradient(135deg,#8ed5ec,#193a58);clip-path:polygon(20% 0,78% 0,100% 100%,0 100%);border-radius:35px 35px 6px 6px;z-index:2}
.wheel{position:absolute;width:48px;height:48px;border:10px solid #07101a;background:#52606b;border-radius:50%;bottom:4px;z-index:3}
.wheel-one{left:40px}.wheel-two{right:38px}
.plate-focus{position:absolute;z-index:5;right:18px;top:22px;padding:13px 15px;border:1px solid #54dbff;background:rgba(1,17,33,.82);border-radius:12px;box-shadow:0 0 25px rgba(41,203,255,.23)}
.plate-focus span,.plate-focus small{display:block;color:#80dfff;font-size:9px;letter-spacing:.1em}
.plate-focus strong{display:block;font-size:22px;letter-spacing:.12em;margin:5px 0}
.scan-line{position:absolute;z-index:6;left:0;right:0;height:2px;background:#4ae2ff;box-shadow:0 0 18px #4ae2ff;animation:parkingScan 3.2s ease-in-out infinite}
@keyframes parkingScan{0%,100%{top:15%;opacity:.2}50%{top:82%;opacity:1}}
.parking-event{display:flex;gap:14px;align-items:center;margin:-15px 18px 0;position:relative;z-index:8;padding:17px 18px;border-radius:16px;background:#fff;color:#10253b;box-shadow:0 18px 35px rgba(0,0,0,.3)}
.event-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#dcfff0;color:#059b5d;font-weight:900}
.parking-event small,.parking-event b,.parking-event p{display:block;margin:0}
.parking-event small{font-size:9px;color:#0785be;font-weight:900;letter-spacing:.1em}
.parking-event b{font-size:14px;margin:3px 0}.parking-event p{font-size:11px;color:#758595}
.parking-functions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.parking-functions article{padding:26px;border:1px solid rgba(142,211,255,.16);border-radius:20px;background:rgba(255,255,255,.055);transition:.25s}
.parking-functions article:hover{transform:translateY(-5px);background:rgba(255,255,255,.09);border-color:rgba(89,211,255,.42)}
.parking-functions article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#04bff2,#116fe5);font-size:19px;font-weight:900;box-shadow:0 10px 25px rgba(0,127,255,.25)}
.parking-functions h3{font-size:17px;margin:19px 0 8px}
.parking-functions p{margin:0;color:#a9bfd4;line-height:1.58;font-size:14px}
.parking-showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center;margin-top:100px;padding:60px;border-radius:32px;background:#f5faff;color:#12243a}
.parking-kicker.dark{color:#087eb7}.parking-kicker.dark i{background:#0cb8ec}
.parking-showcase-copy h3{font-size:clamp(31px,4vw,50px);line-height:1.05;letter-spacing:-.04em;margin:18px 0}
.parking-showcase-copy>p{color:#66778a;line-height:1.7}
.parking-showcase-copy ul{list-style:none;padding:0;margin:27px 0 0}
.parking-showcase-copy li{padding:13px 0;border-bottom:1px solid #dce7ef;color:#647486;line-height:1.45}
.parking-showcase-copy li b{color:#172b41}
.parking-screens{min-height:550px;position:relative}
.parking-screens figure{position:absolute;margin:0;padding:9px 9px 34px;border-radius:24px;background:#fff;box-shadow:0 25px 55px rgba(28,67,101,.2);overflow:hidden}
.parking-screens img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:17px}
.parking-screens figcaption{position:absolute;left:18px;bottom:10px;font-size:11px;font-weight:800;color:#5d7185}
.screen-main{z-index:3;width:45%;height:520px;left:26%;top:0;transform:rotate(-1deg)}
.screen-secondary{width:36%;height:400px;top:80px}
.screen-flow{left:0;transform:rotate(-7deg)}
.screen-report{right:0;transform:rotate(7deg)}
.parking-final{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:32px;padding:38px 42px;border:1px solid rgba(130,216,255,.23);border-radius:24px;background:linear-gradient(110deg,rgba(0,156,227,.18),rgba(255,255,255,.05))}
.parking-final span{color:#65d7ff;font-size:10px;font-weight:900;letter-spacing:.15em}
.parking-final h3{font-size:27px;margin:9px 0}.parking-final p{color:#aabfd3;max-width:750px;margin:0;line-height:1.55}
.parking-final a{flex:0 0 auto;padding:17px 22px;border-radius:12px;background:#fff;color:#073360;text-decoration:none;font-weight:850}
.parking-card .icon{font-weight:900;background:linear-gradient(135deg,#07bbed,#0870db)!important;color:#fff!important}
@media(max-width:980px){
  .parking-platform{padding:80px 5vw}
  .parking-head,.parking-hero-card,.parking-showcase{grid-template-columns:1fr}
  .parking-head{gap:25px}.parking-hero-card{padding:35px}
  .parking-functions{grid-template-columns:1fr 1fr}
  .parking-showcase{padding:38px;gap:35px}
}
@media(max-width:640px){
  .parking-platform{padding:65px 18px}
  .parking-head h2{font-size:38px}
  .parking-head>p{font-size:16px}
  .parking-hero-card{padding:24px 18px;border-radius:24px;gap:40px}
  .parking-message h3{font-size:36px}
  .parking-flow,.parking-functions{grid-template-columns:1fr}
  .road-scene{height:300px}.car-shape{transform:translate(-50%,-50%) scale(.75)}
  .parking-event{margin:-12px 8px 0;padding:13px}
  .parking-showcase{padding:28px 18px;margin-top:65px;border-radius:24px}
  .parking-screens{min-height:440px}
  .screen-main{width:62%;height:420px;left:19%}
  .screen-secondary{width:45%;height:310px;top:65px}
  .parking-final{display:block;padding:27px 22px}
  .parking-final h3{font-size:23px}
  .parking-final a{display:inline-flex;margin-top:24px}
}