/* CSS Personalizado */

/* Configurações básicas e suavização da rolagem (já definidas no Tailwind, mas garantindo caso necessário) */
html {
  scroll-behavior: smooth;
}

body {
  /* Prevenindo overflow em elementos animados caso transbordem */
  overflow-x: hidden;
}

/* Transições customizadas gerais se não estiverem cobertas pelo Tailwind */
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* Utilitários para animações de reveal on scroll */
/* A classe base "scroll-reveal" e as de transformação inicial são aplicadas via classes do Tailwind,
   removê-las revelo o elemento devido ao utilitário transition-all de duração. */

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-500 { transition-delay: 500ms; }

/* Zoom sutil aplicado à imagem do hero */
.hero-photo {
  transform: scale(1.05);
  transform-origin: center;
  will-change: transform;
}