/* =============================================
   Produtos & Serviços — alinhamento (override)
   Coloque esta folha DEPOIS do seu style.css
   ============================================= */
#produtos-servicos .servicos-grid{
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* desktop */
  align-items: stretch;
}

@media (max-width: 1024px){
  #produtos-servicos .servicos-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* tablet */
  }
}

@media (max-width: 640px){
  #produtos-servicos .servicos-grid{
    grid-template-columns: 1fr !important; /* mobile */
  }
}

/* Centraliza conteúdo dos cards e padroniza ícone */
#produtos-servicos .servico-card{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#produtos-servicos .servico-card .card__icon{
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto 12px;
}

#produtos-servicos .servico-card .card__icon img,
#produtos-servicos .servico-card .card__icon svg{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

/* Overrides específicos Produtos & Serviços */

#produtos-servicos .cards{
  display:grid;
  gap:20px;
}

@media (min-width:1024px){
  #produtos-servicos .cards{ grid-template-columns:repeat(4,1fr); }
}
@media (min-width:640px) and (max-width:1023.98px){
  #produtos-servicos .cards{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:639.98px){
  #produtos-servicos .cards{ grid-template-columns:1fr; }
}

/* Garantir centralização consistente */
#produtos-servicos .card{
  text-align:center;
}