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

html, body {
  width: 100%;
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
}

h1 {
    font-size: 16px;
    margin-top: 0;
    font-family: 'Poppins', sans-serif;
}

h2 {
    font-family: 'Poppins', sans-serif;
}

h3 {
    font-family: 'Poppins', sans-serif;
}

p {
    color: rgb(107, 114, 128);
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-family: 'Poppins', sans-serif;
}

li {
    font-family: 'Poppins', sans-serif;
}

.card {
    max-width: 620px;
    margin: 0 auto;
    padding: 16px;
    border: 1px solid lightgray;
    border-radius: 16px;
    font-family: 'Poppins', sans-serif;

}

.card p:last-child {
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;

}

/* ======= ANIMAÇÃO DE ENTRADA ======= */
.fade-up,
.fade-left,
.fade-right {
  opacity: 0;
  transition: all 0.8s ease-out;
}

.fade-up {
  transform: translateY(40px);
}

.fade-left {
  transform: translateX(-60px);
}

.fade-right {
  transform: translateX(60px);
}

.fade-up.visible,
.fade-left.visible,
.fade-right.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.delay-100 {
    transition-delay: 0.1s;
}
.delay-200 {
    transition-delay: 0.2s;
}
.delay-300 {
    transition-delay: 0.3s;
}
.delay-400 {
    transition-delay: 0.4s;
}
.delay-500 {
    transition-delay: 0.5s;
}