/* Seção SERVIÇOS — layouts: grade | alternado */

.servicos__cabecalho { text-align: center; max-width: 60ch; margin: 0 auto 4rem; }
.servicos__cabecalho h2 { font-size: clamp(1.8rem, 3vw + .5rem, 2.8rem); }
.servicos__numero { display: inline-block; margin-bottom: .5rem; font-family: var(--fonte-titulo); font-weight: 800; letter-spacing: .08em; color: var(--cor-primaria); }
.servicos__item h3 { font-size: 1.25rem; }
.servicos__item p { margin-bottom: 0; }

/* grade */
.servicos--grade .servicos__lista { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; }
.servicos--grade .servicos__item {
  padding: 2rem; border-radius: 16px;
  background: color-mix(in srgb, currentColor 7%, transparent);
  transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s;
}
.servicos--grade .servicos__imagem { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 10px; margin-bottom: 1.2rem; }
.servicos--elevar .servicos__item:hover { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,0,0,.14); }

/* alternado */
.servicos--alternado .servicos__lista { display: flex; flex-direction: column; gap: 4rem; }
.servicos--alternado .servicos__item { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.servicos--alternado .servicos__item:nth-child(even) .servicos__texto { order: 2; }
.servicos--alternado .servicos__item h3 { font-size: clamp(1.6rem, 2.4vw + .5rem, 2.4rem); }
.servicos--alternado .servicos__foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; }
.servicos--alternado .servicos__bloco {
  aspect-ratio: 4 / 3; border-radius: 16px; background: var(--cor-primaria); color: #fff;
  display: grid; place-items: center; font-family: var(--fonte-titulo); font-weight: 800; font-size: 3rem;
}

@media (max-width: 760px) {
  .servicos--alternado .servicos__item { grid-template-columns: 1fr; gap: 1.5rem; }
  .servicos--alternado .servicos__item:nth-child(even) .servicos__texto { order: 0; }
}