/* services.css — page-specific polish only; Bootstrap 5.3.8 handles layout/spacing */

/* 1) Ícone das cards: leve gradiente sutil */
.card .d-inline-flex svg { opacity: .9; }
.card .d-inline-flex {
  background:
    linear-gradient(135deg,
      color-mix(in oklab, var(--bs-primary) 6%, transparent),
      color-mix(in oklab, var(--bs-info) 4%, transparent));
}

/* 2) Card “Popular” em Pricing: sutil destaque */
#packages .card { transition: transform .2s ease, box-shadow .2s ease; }
#packages .card:hover { transform: translateY(-2px); box-shadow: 0 1rem 2rem rgba(0,0,0,.08); }
#packages .position-absolute { background: rgba(0,0,0,.06); }
html[data-bs-theme="dark"] #packages .position-absolute { background: rgba(255,255,255,.08); }

/* 3) Accordion — foco e borda suaves (acessibilidade) */
.accordion-button:focus {
  border-color: rgba(var(--bs-primary-rgb), .45) !important;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .15) !important;
}

/* 4) CTA — leve brilho no botão ao passar o mouse */
#contact .btn-primary:hover {
  box-shadow: 0 .8rem 1.6rem rgba(var(--bs-primary-rgb), .22);
  transform: translateY(-1px);
}

/* 5) Responsivo pequeno ajuste de tipografia */
@media (max-width: 575.98px) {
  #packages .fs-2 { font-size: 1.75rem !important; }
}