/* ==========================================================================
   MERIDIANO — animações (estados controlados via GSAP em animations.js)
   ========================================================================== */

.js-loading .hero-content, .js-loading .mobile-menu{ visibility:hidden; }

.clip-reveal{ clip-path: inset(0 0 100% 0); }

.grow-line{ transform: scaleX(0); transform-origin:left; }

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

.cursor-dot{
  position:fixed; top:0; left:0; width:8px; height:8px; border-radius:50%;
  background: var(--gold); pointer-events:none; z-index:10000;
  transform: translate(-50%,-50%); transition: opacity .3s ease, width .3s ease, height .3s ease, background .3s ease;
  opacity:0; mix-blend-mode:difference;
}
.cursor-dot.active{ opacity:1; }
.cursor-dot.hovering{ width:44px; height:44px; background: var(--gold); opacity:.5; }

@media (hover:none), (max-width:960px){
  .cursor-dot{ display:none !important; }
}