/* LaranSys v6.0.23 - Services Topic Images + Visual Differentiation
   Cada serviço recebe imagem específica e uma assinatura visual própria.
*/

.ls-services-v622__card {
  --ls623-accent: #c7ed36;
  --ls623-accent-rgb: 199, 237, 54;
  --ls623-accent2: #18d7d0;
}

/* Tema individual por assunto */
.ls-services-v622__card[data-topic="digital"] {
  --ls623-accent: #41dff5;
  --ls623-accent-rgb: 65, 223, 245;
  --ls623-accent2: #c7ed36;
}
.ls-services-v622__card[data-topic="platforms"] {
  --ls623-accent: #18d7d0;
  --ls623-accent-rgb: 24, 215, 208;
  --ls623-accent2: #9b7cf6;
}
.ls-services-v622__card[data-topic="quality"] {
  --ls623-accent: #c7ed36;
  --ls623-accent-rgb: 199, 237, 54;
  --ls623-accent2: #35e6b4;
}
.ls-services-v622__card[data-topic="traceability"] {
  --ls623-accent: #35e6b4;
  --ls623-accent-rgb: 53, 230, 180;
  --ls623-accent2: #41dff5;
}
.ls-services-v622__card[data-topic="crm"] {
  --ls623-accent: #41dff5;
  --ls623-accent-rgb: 65, 223, 245;
  --ls623-accent2: #77f29a;
}
.ls-services-v622__card[data-topic="training"] {
  --ls623-accent: #9ee83f;
  --ls623-accent-rgb: 158, 232, 63;
  --ls623-accent2: #41dff5;
}
.ls-services-v622__card[data-topic="hr"] {
  --ls623-accent: #56e4c0;
  --ls623-accent-rgb: 86, 228, 192;
  --ls623-accent2: #b2ef45;
}
.ls-services-v622__card[data-topic="safety"] {
  --ls623-accent: #e6d84d;
  --ls623-accent-rgb: 230, 216, 77;
  --ls623-accent2: #6ae3aa;
}
.ls-services-v622__card[data-topic="inventory"] {
  --ls623-accent: #66e18c;
  --ls623-accent-rgb: 102, 225, 140;
  --ls623-accent2: #e6c54b;
}
.ls-services-v622__card[data-topic="custom"] {
  --ls623-accent: #a98bff;
  --ls623-accent-rgb: 169, 139, 255;
  --ls623-accent2: #36e3c1;
}

/* A cor agora pertence ao assunto, sem alterar a estrutura aprovada. */
.ls-services-v622__card[data-topic] {
  border-color: rgba(var(--ls623-accent-rgb), .18);
  background:
    radial-gradient(circle at 98% 0%, rgba(var(--ls623-accent-rgb), .075), transparent 36%),
    linear-gradient(145deg, rgba(8,18,12,.94), rgba(4,10,7,.96));
}

.ls-services-v622__card[data-topic]::before {
  content: "";
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  right: 0;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--ls623-accent) 28%,
    var(--ls623-accent2) 72%,
    transparent 100%
  );
  opacity: .62;
}

.ls-services-v622__card[data-topic]::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: -70px;
  bottom: -90px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(var(--ls623-accent-rgb), .09), transparent 67%);
  filter: blur(7px);
}

.ls-services-v622__card[data-topic]:hover {
  border-color: rgba(var(--ls623-accent-rgb), .36);
  box-shadow:
    0 30px 76px rgba(0,0,0,.32),
    0 0 32px rgba(var(--ls623-accent-rgb), .055);
}

.ls-services-v622__card[data-topic] .ls-services-v622__card-top span {
  color: var(--ls623-accent);
  text-shadow: 0 0 18px rgba(var(--ls623-accent-rgb), .16);
}

.ls-services-v622__card[data-topic] .ls-services-v622__card-top small {
  border-color: rgba(var(--ls623-accent-rgb), .20);
  color: rgba(232,242,234,.67);
  background: rgba(var(--ls623-accent-rgb), .035);
}

.ls-services-v622__card[data-topic] .ls-services-v622__tags span {
  border-color: rgba(var(--ls623-accent-rgb), .16);
  background: rgba(var(--ls623-accent-rgb), .045);
}

/* Imagem específica: mais legibilidade e menos sensação de repetição. */
.ls-services-v622__card[data-topic] .ls-services-v622__card-visual {
  background: #03100d;
}

.ls-services-v622__card[data-topic] .ls-services-v622__card-visual::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  box-shadow:
    inset -36px 0 40px -38px rgba(var(--ls623-accent-rgb), .34),
    inset 0 0 0 1px rgba(var(--ls623-accent-rgb), .025);
}

.ls-services-v622__card[data-topic] .ls-services-v622__card-visual::after {
  z-index: 2;
  background:
    linear-gradient(90deg, transparent 64%, rgba(3,10,7,.76)),
    linear-gradient(180deg, transparent 72%, rgba(3,10,7,.16));
}

.ls-services-v622__card[data-topic] .ls-services-v622__card-visual img {
  position: relative;
  z-index: 1;
  opacity: .94;
  filter: saturate(.96) contrast(1.03);
}

.ls-services-v622__card[data-topic]:hover .ls-services-v622__card-visual img {
  filter: saturate(1.08) contrast(1.04);
}

/* Mantém a leitura consistente em telas menores. */
@media (max-width: 720px) {
  .ls-services-v622__card[data-topic]::after {
    width: 130px;
    height: 130px;
    right: -50px;
    bottom: -50px;
  }

  .ls-services-v622__card[data-topic] .ls-services-v622__card-visual::after {
    background:
      linear-gradient(180deg, transparent 70%, rgba(3,10,7,.55));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ls-services-v622__card[data-topic],
  .ls-services-v622__card[data-topic] img {
    transition: none !important;
  }
}