.services-promo{height:560px}
.services-banner{background-image:linear-gradient(90deg,rgba(3,18,34,.88) 0%,rgba(3,18,34,.67) 42%,rgba(3,18,34,.08) 76%),url("assets/images/banner-servicos-informaticos.png")!important;background-position:center!important}
.services-banner .promo-content{max-width:570px;background:transparent!important;backdrop-filter:none!important}
.services-banner .promo-content h1{font:800 clamp(38px,4.4vw,64px)/1 Manrope;letter-spacing:-.055em;margin:10px 0 14px}
.services-section{padding:82px max(7vw,28px)}
.services-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}
.services-heading h2,.services-contact h2{font:800 clamp(30px,3.2vw,45px)/1.05 Manrope;letter-spacing:-.055em;margin:12px 0 0}
.services-heading p{max-width:380px;color:var(--muted);line-height:1.6;margin:0}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{min-height:260px;padding:27px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}
.service-card:hover{transform:translateY(-4px);border-color:#4389bd;box-shadow:var(--shadow)}
.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eaf4fa;color:#286f9f;font-size:25px;font-weight:800}
.service-card h3{font:800 20px Manrope;margin:23px 0 9px}
.service-card p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}
.service-card a{margin-top:auto;padding-top:22px;color:#e46f00;text-decoration:none;font-weight:800;font-size:12px}
.services-contact{padding:68px max(8vw,28px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eaf2f4}
.services-contact h2{font-size:clamp(32px,3.5vw,48px);margin:8px 0}
.services-contact p{margin:0;color:var(--muted)}
@media(max-width:850px){.services-promo{height:500px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-heading{align-items:start;flex-direction:column}.services-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.services-section,.services-contact{padding-left:20px;padding-right:20px}.services-promo{height:520px}.services-banner .promo-content h1{font-size:42px}.services-grid{grid-template-columns:1fr}.service-card{min-height:230px}}