/* SUCCESS */
/* ===== CARD ICON (ESTABLE) ===== */

.card-icon {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  height: 90px;
}

.card-icon img {
  width: 90px;
  display: block;
  filter:
    drop-shadow(0 0 25px rgba(255,255,255,.45))
    drop-shadow(0 10px 30px rgba(0,0,0,.6));
}

/* ===== WIGGLE (AISLADO) ===== */

@keyframes icon-wiggle {
  0%   { transform: translate(0,0) rotate(0deg); }
  20%  { transform: translate(-1px,1px) rotate(-0.6deg); }
  40%  { transform: translate(1px,-1px) rotate(0.6deg); }
  60%  { transform: translate(-1px,-1px) rotate(-0.4deg); }
  80%  { transform: translate(1px,1px) rotate(0.4deg); }
  100% { transform: translate(0,0) rotate(0deg); }
}

.card:hover .card-icon img {
  animation: icon-wiggle 0.45s ease-in-out infinite;
}

@keyframes fade-in-soft {
  0% {
    opacity: 0;
    filter: blur(4px);
  }

  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.hero h1 {
  animation: fade-in-soft 1.2s ease-out forwards;
  opacity: 0;
  animation-delay: 1.3s;
}

.header-left {
  animation: fade-in-soft 1s ease-out forwards;
  opacity: 0;
  animation-delay: 0.4s;
}

.header-center nav a {
  animation: fade-in-soft 1s ease-out forwards;
  opacity: 0;
}

.header-center nav a:nth-child(1) {
  animation-delay: 0.7s;
}

.header-center nav a:nth-child(2) {
  animation-delay: 0.8s;
}

.header-center nav a:nth-child(3) {
  animation-delay: 0.9s;
}

.header-center nav a:nth-child(4) {
  animation-delay: 1s;
}

.header-right {
  animation: fade-in-soft 1s ease-out forwards;
  opacity: 0;
  animation-delay: 1s;
}

.hero p {
  animation: fade-in-soft 1.2s ease-out forwards;
  opacity: 0;
  animation-delay: 2s;
}

.sections a {
  animation: fade-in-soft 1.2s ease-out forwards;
  opacity: 0;
}

.sections a:nth-child(1) {
  animation-delay: 2.9s;
}

.sections a:nth-child(2) {
  animation-delay: 3.2s;
}

.sections a:nth-child(3) {
  animation-delay: 3.5s;
}