/* Ragazzi Saúde Integrativa — tratamento Triplo AAA Premium.
   Os seletores são atribuídos via JS somente aos seis cartões identificados. */
.ragazzi-aaa-3d-card {
  position: relative !important;
  border: 1px solid rgba(175, 213, 239, .45) !important;
  border-radius: 17px !important;
  box-shadow:
    0 19px 37px rgba(0, 5, 18, .34),
    0 3px 8px rgba(4, 24, 46, .24),
    inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  overflow: hidden;
  transform: perspective(1100px) translate3d(0, 0, 0);
  transform-origin: center center;
  transition: transform .55s cubic-bezier(.2, .7, .2, 1),
    box-shadow .55s ease, border-color .55s ease !important;
  backface-visibility: hidden;
  isolation: isolate;
  will-change: transform;
}
.ragazzi-aaa-3d-card::after {
  content: '';
  position: absolute;
  z-index: 9;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(140deg,
    rgba(255, 255, 255, .12) 0%,
    rgba(255, 255, 255, .025) 19%,
    transparent 42%,
    transparent 71%,
    rgba(70, 153, 203, .12) 100%);
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.2),
    inset -1px -1px 0 rgba(104,162,201,.24);
}
@media (hover: hover) and (pointer: fine) {
  .ragazzi-aaa-3d-card:hover {
    transform: perspective(1100px) translate3d(0, -8px, 0) rotateX(1deg) !important;
    border-color: rgba(205, 230, 245, .75) !important;
    box-shadow: 0 30px 57px rgba(0, 8, 20, .45),
      0 7px 18px rgba(0, 25, 53, .30),
      inset 0 1px 0 rgba(255,255,255,.29) !important;
  }
}
.ragazzi-aaa-logo-glow {
  animation: ragazzi-aaa-glimmer 5s ease-in-out infinite !important;
  transform-origin: center center;
}
@keyframes ragazzi-aaa-glimmer {
  0%, 80%, 100% { filter: brightness(1) drop-shadow(0 0 0 transparent); }
  88% { filter: brightness(1.16) drop-shadow(0 0 7px rgba(216,238,255,.56)); }
  94% { filter: brightness(1.06) drop-shadow(0 0 3px rgba(216,238,255,.24)); }
}
@media (max-width: 767px) {
  .ragazzi-aaa-3d-card {
    border-radius: 13px !important;
    box-shadow: 0 13px 27px rgba(0,5,18,.27), inset 0 1px rgba(255,255,255,.15) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ragazzi-aaa-3d-card { transition: none !important; transform: none !important; will-change: auto; }
  .ragazzi-aaa-3d-card:hover { transform: none !important; }
  .ragazzi-aaa-logo-glow { animation: none !important; }
}