@import url('variables.css');
@import url('reset.css');
@import url('base.css');
@import url('navbar.css');
@import url('footer.css');
@import url('hero.css');
@import url('servicos.css');
@import url('contato.css');
@import url('detalhes-servico.css');
@import url('media-queries.css');

/* Animação de entrada fade-in-up */
.fade-in-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s cubic-bezier(.4,0,.2,1), transform 0.7s cubic-bezier(.4,0,.2,1);
  will-change: opacity, transform;
}
.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Toast notification */
#toast-container {
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.toast {
  min-width: 240px;
  max-width: 340px;
  background: #1a73e8;
  color: #fff;
  padding: 18px 28px;
  border-radius: 10px;
  box-shadow: 0 4px 24px rgba(26, 115, 232, 0.18);
  font-size: 1.08em;
  font-weight: 600;
  opacity: 0;
  transform: translateY(-20px);
  animation: toast-in 0.4s forwards, toast-out 0.4s 3.6s forwards;
  pointer-events: none;
}
.toast.toast-error {
  background: #e53935;
}
@keyframes toast-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toast-out {
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}