/* Fundo do céu e areia */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: Arial, sans-serif;
  background: linear-gradient(to top, #d2a679 40%, #87ceeb 100%);
  color: #2c2c2c;
}

/* Poeira animada */
.poeira-container {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.poeira {
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(210, 180, 140, 0.6);
  filter: blur(3px);
  animation: poeiraAnim 10s linear infinite;
}

@keyframes poeiraAnim {
  from {
    transform: translateX(-100px) translateY(0) scale(0.8);
    opacity: 0.7;
  }
  to {
    transform: translateX(120vw) translateY(-200px) scale(1.2);
    opacity: 0;
  }
}

/* Ventinho (detalhes brancos) */
.vento {
  position: absolute;
  width: 80px;
  height: 2px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  animation: ventoAnim 6s linear infinite;
}

@keyframes ventoAnim {
  from {
    transform: translateX(-100px);
    opacity: 0.8;
  }
  to {
    transform: translateX(110vw);
    opacity: 0;
  }
}

/* Seções */
.section {
  position: relative;
  z-index: 2;
  padding: 100px 20px;
  text-align: center;
}

header {
  color: #fff;
  text-shadow: 1px 1px 4px #000;
}