/* WordPress port: efeitos visuais equivalentes ao preview React/Framer Motion. */
@keyframes alined-fade-up{
  0%{opacity:0;transform:translate3d(0,28px,0) scale(.985)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes alined-fade-in{
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes alined-float{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,8px,0)}
}
@keyframes alined-gold-pulse{
  0%,100%{box-shadow:0 0 0 rgba(221,172,60,0)}
  50%{box-shadow:0 0 24px rgba(221,172,60,.32)}
}
html{scroll-behavior:smooth}
body{font-size:16px}
/* Nav background on scroll (port of React scrolled state) */
nav.fixed.top-0{background-color:transparent;transition:background-color .5s ease,border-color .5s ease,box-shadow .5s ease,backdrop-filter .5s ease}
nav.fixed.top-0.is-scrolled{
  background-color:hsl(var(--dark-bg) / .95);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid hsl(var(--dark-border));
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
}
.alined-effects-ready [data-alined-reveal]{
  opacity:0;
  transform:translate3d(0,28px,0) scale(.985);
  transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--alined-reveal-delay,0ms);
  will-change:opacity,transform;
}
.alined-effects-ready [data-alined-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.min-h-screen>section:first-of-type,.min-h-screen>main:first-of-type{animation:alined-fade-in .9s ease-out both}
.hover\:scale-110:hover,.hover\:scale-105:hover{transform:scale(1.05)}
.hover\:shadow-gold:hover,.shadow-gold,.shadow-gold-sm{animation:alined-gold-pulse 3.6s ease-in-out infinite}
.text-gold-gradient,.bg-gold-gradient{background-size:160% 160%;transition:background-position .7s ease,opacity .3s ease,box-shadow .3s ease}
.text-gold-gradient:hover,.bg-gold-gradient:hover{background-position:100% 50%}
.story-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.story-link:hover:after{transform:scaleX(1);transform-origin:left}
.animate-fade-in{animation:alined-fade-up .75s cubic-bezier(.22,1,.36,1) both}
.absolute.bottom-8.left-1\/2,.absolute.bottom-10.left-1\/2{animation:alined-float 2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .alined-effects-ready [data-alined-reveal]{opacity:1!important;transform:none!important}
}