/* Animação, sombra e degradê global para todos os main-card animados */
.main-card.animada {
  animation: sobreFadeIn 1.1s cubic-bezier(.23,1.02,.32,1) both;
  box-shadow: 0 8px 32px -8px #2563eb33, 0 1.5px 12px #38bdf822;
  border: 2px solid #38bdf8;
  background: linear-gradient(120deg, #f0f9ff 60%, #e0f2fe 100%);
  transition: box-shadow 0.4s, border 0.4s, background 0.4s, transform 0.35s cubic-bezier(.23,1.02,.32,1);
}
.main-card.animada:hover {
  transform: scale(1.045) translateY(-8px);
  box-shadow: 0 20px 56px -8px #2563eb55, 0 8px 32px #38bdf855;
  border-color: #2563eb;
  background: linear-gradient(120deg, #e0f2fe 60%, #bae6fd 100%);
}
[data-theme="dark"] .main-card.animada {
  background: linear-gradient(120deg, #1e293b 60%, #0f172a 100%) !important;
  color: #f8fafc !important;
  border-color: #60a5fa;
}
[data-theme="dark"] .main-card.animada:hover {
  box-shadow: 0 24px 64px -8px #60a5fa77, 0 8px 32px #38bdf855;
  border-color: #2563eb;
  background: linear-gradient(120deg, #334155 60%, #1e293b 100%) !important;
}
@keyframes sobreFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.97) translateY(40px) skewY(2deg);
    filter: blur(6px);
  }
  60% {
    opacity: 1;
    filter: blur(0.5px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0) skewY(0);
    filter: blur(0);
  }
}