/**
 * Animações CSS
 * Consolida: smoothOpening.scss + animações do cookiesPopup.scss
 */

/* ============================================
   SMOOTH OPENING ANIMATION
   ============================================ */
body #smoothOpening {
  display: flex;
  flex-direction: column;
  gap: 2rem;

  -webkit-animation: smoothOpening 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: smoothOpening 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes smoothOpening {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes smoothOpening {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

/* ============================================
   COOKIE POPUP ANIMATIONS
   ============================================ */
.hidePopup {
  display: none;
}

.showPopupFromBellow {
  display: block;
  -webkit-animation: showFromBelow 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: showFromBelow 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes showFromBelow {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes showFromBelow {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.hidePopupWithAnimation {
  -webkit-animation: slide-out-bottom 1s cubic-bezier(0.55, 0.085, 0.68, 0.53)
    both;
  animation: slide-out-bottom 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slide-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}

@keyframes slide-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}