.elementor-4963 .elementor-element.elementor-element-5ff484a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:4%;--margin-bottom:04%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}@media(max-width:767px){.elementor-4963 .elementor-element.elementor-element-5ff484a{--padding-top:14%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for services-style-two, class: .elementor-element-a9d030f *//* Container principal */
.row.justify-content-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

/* Card */
.single-services-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  padding: 20px 20px;
  text-align: center;
  transition: all 0.3s ease;
  flex: 1 1 400px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* Hover */
.single-services-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* Ícone circular */
.single-services-card .image-icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  background: #f7f8fc;
}

.single-services-card .image-icon img {
  width: 80px;
  height: auto;
}

/* Título */
.single-services-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 15px;
  line-height: 1.3;
}

/* Texto */
.single-services-card p {
  color: #555;
  font-size: 0.95rem;
  margin-bottom: 20px;
  min-height: 80px;
}

/* Botão */
.single-services-card .read-btn {
  color: #007bff;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  display: inline-block;
  transition: border-color 0.3s ease;
}

.single-services-card .read-btn:hover {
  border-color: #007bff;
}

/* Círculos de ícone com gradiente e sombra leve */
.single-services-card .image-icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single-services-card .image-icon img {
  width: 80px;
  height: auto;
  transition: transform 0.3s ease;
}

.single-services-card:hover .image-icon {
  transform: translateY(-5px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

.single-services-card:hover .image-icon img {
  transform: scale(1.05);
}


/* Título e texto refinados */
.single-services-card h3 a {
  color: #111;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.3s ease;
}

.single-services-card h3 a:hover {
  color: #007bff;
}

.single-services-card p {
  color: #555;
  font-size: 0.95rem;
  line-height: 1.6;
}


/* 🎨 Cores oficiais por linha COMAC (forçadas com !important) */

.single-services-card:has(h3 a[href*="/linha-comac-industrial/"]) .image-icon {
  background: #E8C538 !important;
}

.single-services-card:has(h3 a[href*="/linha-comac-furniture/"]) .image-icon {
  background: #81645E !important;
}

.single-services-card:has(h3 a[href*="/linha-comac-moldetech/"]) .image-icon {
  background: #485C55 !important;
}

.single-services-card:has(h3 a[href*="/linha-comac-stoneforge/"]) .image-icon {
  background: #485C55 !important;
}

.single-services-card:has(h3 a[href*="/linha-comac-prime/"]) .image-icon {
  background: #517587 !important;
}

.single-services-card:has(h3 a[href*="/linha-comac-construction/"]) .image-icon {
  background: #363636 !important;
  border: 1px solid #E6E6E6; /* opcional: leve contorno para fundo claro */
}

.single-services-card:has(h3 a[href*="/linha-comac-collab/"]) .image-icon {
  background: #360D19 !important;
}/* End custom CSS */