/* ============================================================
   SERVICES (Projeto, Aprovações, Consultoria, Auditoria)
   ============================================================ */
.svc-grid { display:grid; gap: 1.1rem; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); }
.svc-grid .svc-card {
  position: relative; border-radius: var(--radius-lg); overflow:hidden;
  min-height: 320px; display:flex; flex-direction:column; justify-content:flex-end;
  padding: 1.6rem; color:#fff; isolation:isolate; cursor: pointer;
  background: var(--blue-800);
  transition: transform .45s var(--ease), box-shadow .45s var(--ease);
}
.svc-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
.svc-card:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.svc-card::before {
  content:""; position:absolute; inset:0; z-index:-2;
  background-size: cover; background-position:center;
  transition: transform .8s var(--ease);
}
.svc-card::after {
  content:""; position:absolute; inset:0; z-index:-1;
  background: linear-gradient(180deg, rgba(6,32,64,.15) 0%, rgba(6,32,64,.55) 55%, rgba(6,32,64,.92) 100%);
}
.svc-card:hover::before { transform: scale(1.07); }
.svc-card--1::before { background-image: linear-gradient(135deg,#0a1f5c,#163a9e); }
.svc-card--2::before { background-image: linear-gradient(135deg,#0e297f,#2f57bd); }
.svc-card--3::before { background-image: linear-gradient(135deg,#081540,#0e297f); }
.svc-card--4::before { background-image: linear-gradient(135deg,#0a1f5c,#163a9e); }
.svc-card__ico { width:42px; height:42px; color: #fff; margin-bottom: auto; transition: transform .45s var(--ease); }
.svc-card:hover .svc-card__ico { transform: translateY(-4px) scale(1.08); }
.svc-card h3 { color:#fff; font-size: var(--step-1); margin-bottom: .5rem; }
.svc-card p { font-size: var(--step--1); color: rgba(225,235,252,.82); }
.svc-card .link-arrow { color: var(--yellow); margin-top: 1rem; pointer-events: none; }
.svc-card:hover .link-arrow { color:#fff; }
.svc-card:hover .link-arrow svg { transform: translateX(5px); }

