/* Estilos customizados para Vita Mármore */

:root {
  scroll-padding-top: 110px;
}

body {
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
}

@keyframes color-change {
  0%, 100% { color: #FF8E28; }
  50% { color: #FFFFFF; }
}

@keyframes pulse-glow {
  0%, 100% { transform: scale(1); box-shadow: 0 0 10px rgba(255, 142, 40, 0.2); }
  50% { transform: scale(1.02); box-shadow: 0 0 35px rgba(255, 142, 40, 0.6); }
}

.animate-color-change { animation: color-change 1.5s infinite ease-in-out; }
.animate-pulse-glow { animation: pulse-glow 1.5s infinite ease-in-out; }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn { animation: fadeIn 0.8s ease-out forwards; }

/* Animações de entrada ao fazer scroll */
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.scroll-animate {
  opacity: 0;
}

.scroll-animate.visible {
  animation: slideInUp 0.8s ease-out forwards;
}

.scroll-animate-left.visible {
  animation: slideInLeft 0.8s ease-out forwards;
}

.scroll-animate-right.visible {
  animation: slideInRight 0.8s ease-out forwards;
}

.scroll-animate-scale.visible {
  animation: scaleIn 0.6s ease-out forwards;
}