/* V1.3.2 — Home: cards mais largos em desktop para comportar 2 linhas de título (mantém 4 colunas) */
@media (min-width: 1200px){#sobre-infra .services-grid .services-grid{
  grid-template-columns: repeat(4, minmax(300px, 1fr)) !important;
  /* antes min 260px */
    gap: 24px}
}

/* V1.3.2 — Home: títulos dos cards com EXATAMENTE 2 linhas (override final, todas larguras) */
#sobre-infra .service-card-title,
#sobre-infra .service-card-title .svc-title-text{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: center;
  --title-lh: 1.2;
  line-height: var(--title-lh);
  min-height: calc(2 * 1em * var(--title-lh));
  max-height: calc(2 * 1em * var(--title-lh))}

/* V1.3.2 — Ajuste fino: mais respiro entre título e imagem + centragem suave do grid */
#sobre-infra .service-card-title{
  padding-bottom: 12px !important;
  /* antes 10px */}
#sobre-infra .service-card-media{
  padding-top: 10px !important;
  /* antes 8px */}
@media (min-width:1200px){#sobre-infra .services-grid .services-grid{
  margin-left: -6px !important;
  /* antes -8px */}
}

/* ======================================================================
   Revisão v1.4.0 — cards desktop (build 2025-09-05)
   - Cobertura de ambos os níveis de .services-grid (contêiner e sub-contêiner)
   - Largura mínima levemente mais resiliente (280px) para evitar overflow em 1280px
   - Fallbacks de clamp (line-clamp padrão), word wrapping e ellipsis
   - Sem alteração de funcionalidades visuais intencionais
   ====================================================================== */

/* Grid 4 colunas ≥1200px — cobre contêiner e sub-contêiner, mantendo gap */
@media (min-width:1200px){
  #sobre-infra .services-grid,
  #sobre-infra .services-grid .services-grid{
    grid-template-columns: repeat(4, minmax(280px, 1fr)) !important;
    gap: 24px;
  }
}

/* Ajuste de micro-centragem (se aplicável) — replicado para ambos os níveis
   OBS: Mantemos a margem negativa original para não alterar o layout atual.
   Se preferir, pode-se trocar por justify-content:center; (comentado abaixo).
*/
@media (min-width:1200px){
  #sobre-infra .services-grid,
  #sobre-infra .services-grid .services-grid{
    margin-left: -6px; /* mantém comportamento existente */
    /* alternativa mais resiliente (opcional): */
    /* justify-content: center; */
  }
}

/* Fallbacks de clamp + melhor quebra de palavras nos títulos (2 linhas) */
#sobre-infra .service-card-title,
#sobre-infra .service-card-title .svc-title-text{
  /* suporte padrão além de -webkit-line-clamp já existente */
  line-clamp: 2;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}