/* ValiSys - contraste correto das cartas mobile */
@media (max-width: 760px) {
  body.public-page .impact-card-stack-mobile .impact-stack-area > .impact-stack-card {
    color: #ffffff !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(122, 217, 160, .22), transparent 34%),
      linear-gradient(160deg, #123624 0%, #07110c 100%) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    box-shadow:
      0 26px 70px rgba(0, 0, 0, .36),
      inset 0 1px 0 rgba(255, 255, 255, .10) !important;
  }

  body.public-page .impact-card-stack-mobile .impact-stack-area > .impact-stack-card:nth-child(2) {
    background:
      radial-gradient(circle at 100% 0%, rgba(255, 210, 120, .24), transparent 34%),
      linear-gradient(160deg, #3b270c 0%, #0f0b06 100%) !important;
  }

  body.public-page .impact-card-stack-mobile .impact-stack-area > .impact-stack-card:nth-child(3) {
    background:
      radial-gradient(circle at 100% 0%, rgba(116, 170, 255, .25), transparent 34%),
      linear-gradient(160deg, #12243d 0%, #070c13 100%) !important;
  }

  body.public-page .impact-card-stack-mobile .impact-stack-area > .impact-stack-card:nth-child(4) {
    background:
      radial-gradient(circle at 100% 0%, rgba(122, 217, 160, .24), transparent 34%),
      linear-gradient(160deg, #173d2b 0%, #07100c 100%) !important;
  }

  body.public-page .impact-card-stack-mobile .impact-stack-card h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
  }

  body.public-page .impact-card-stack-mobile .impact-stack-card p {
    color: rgba(255, 255, 255, .78) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .78) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.public-page .impact-card-stack-mobile .impact-card-number {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .18) !important;
  }

  body.public-page .impact-card-stack-mobile .impact-card-icon {
    color: #d9ffe6 !important;
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
  }

  body.public-page .impact-card-stack-mobile .impact-card-icon svg {
    color: inherit !important;
    stroke: currentColor !important;
  }
}
