/* ============================================================
   SERVICES — cartões de preço
   ============================================================ */

.svc-group-label{font-family:var(--font-mono); font-size:11.5px; letter-spacing:.1em; color:var(--text-3); text-transform:uppercase; margin:44px 0 16px;}
.svc-group-label:first-child{margin-top:0;}

.pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.pricing-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.price-card{
  padding:30px 26px; display:flex; flex-direction:column; position:relative; transition:transform .2s, border-color .2s;
}
.price-card:hover{transform:translateY(-4px); border-color:var(--accent-dim);}
.price-card.highlight{border-color:var(--accent); background:linear-gradient(165deg, rgba(47,107,255,.1), var(--panel));}
.price-card .rec-badge{
  position:absolute; top:-12px; left:26px; background:var(--accent); color:#fff; font-family:var(--font-mono);
  font-size:10px; letter-spacing:.08em; padding:5px 12px; border-radius:20px; text-transform:uppercase;
}
.price-card h3{font-size:17px; margin-bottom:10px;}
.price-card .tagline{font-size:13px; color:var(--text-2); line-height:1.5; margin-bottom:20px; min-height:38px;}
.price-card .price-row{margin-bottom:22px;}
.price-card .price{font-family:var(--font-display); font-size:32px;}
.price-card .price-note{font-size:11.5px; color:var(--text-3); font-family:var(--font-mono); margin-top:4px;}
.price-card ul{display:flex; flex-direction:column; gap:11px; margin-bottom:26px; flex-grow:1;}
.price-card li{display:flex; gap:10px; font-size:13px; color:var(--text-1); line-height:1.5;}
.price-card li svg{width:16px; height:16px; color:var(--accent-2); flex-shrink:0; margin-top:1px;}

.svc-strip-anchor{scroll-margin-top:100px;}

@media (max-width:980px){
  .pricing-grid, .pricing-grid.cols-2{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .pricing-grid, .pricing-grid.cols-2{grid-template-columns:1fr;}
}