/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  color: #1a1a1a;
  line-height: 1.6;
}

img {
  max-width: 100%;
  display: block;
}

/* Animação fade-slide-up da página  */

/* Estado inicial invisível */

.fade-slide-up {
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
}

/* Quando ativada, anima e mostra o elemento */

.fade-slide-up.active {
  visibility: visible;
  animation: fadeSlideUp 1.2s forwards; /* animação mais lenta */
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}