/* Bloco: cartões dos serviços mecânicos com link de orçamento pelo WhatsApp. */
.secao-servicos { background: var(--fundo-claro); }
.grade-servicos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cartao-servico { position: relative; background: #fff; border: 1px solid var(--linha); border-radius: 15px; overflow: hidden; padding-bottom: 22px; }
.cartao-servico img { display: block; width: 100%; height: 185px; object-fit: cover; }
/* O link de orçamento cobre o cartão inteiro: clicar em qualquer parte abre o WhatsApp. */
.cartao-servico a::after { content: ""; position: absolute; inset: 0; }
.icone-servico { height: 185px; background: #edf3fc; display: grid; place-items: center; font-size: 80px; color: var(--azul); }
.cartao-servico > span, .cartao-servico h3, .cartao-servico p, .cartao-servico a { margin-left: 20px; margin-right: 20px; }
.cartao-servico > span { display: block; color: var(--laranja); font-size: 11px; font-weight: 950; text-transform: uppercase; margin-top: 17px; }
.cartao-servico h3 { font-size: 21px; margin-top: 8px; margin-bottom: 8px; }
.cartao-servico p { color: var(--cinza); font-size: 14px; line-height: 1.5; min-height: 44px; }
.cartao-servico a { display: inline-block; color: var(--azul); font-weight: 900; font-size: 13px; margin-top: 7px; }

@media (max-width: 850px) {
  .grade-servicos { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 550px) {
  .grade-servicos { grid-template-columns: 1fr; }
}