/* Mind Ambiental — UX Patch (add-on only)
   Safe: does not change layout structure; only adds motion/interaction.
*/

/* --- Reveal on scroll --- */
.reveal-ux{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .65s ease, transform .65s ease;
  will-change: opacity, transform;
}
.reveal-ux.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .reveal-ux{transition:none; transform:none; opacity:1}
}

/* --- Card hover glow (mouse-follow optional via JS vars) --- */
.card, .service-card, .feature-card, .glass-card{
  position: relative;
  isolation: isolate;
}
.card::before, .service-card::before, .feature-card::before, .glass-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  pointer-events:none;
  opacity: 0;
  transition: opacity .25s ease;
  background:
    radial-gradient(400px 260px at var(--mx, 50%) var(--my, 35%),
      rgba(68,166,65,.28),
      transparent 60%);
  filter: blur(2px);
  z-index: -1;
}
.card:hover::before,
.service-card:hover::before,
.feature-card:hover::before,
.glass-card:hover::before{
  opacity: 1;
}

/* Slight lift on hover without affecting flow */
.card:hover,
.service-card:hover,
.feature-card:hover,
.glass-card:hover{
  transform: translateY(-2px);
  transition: transform .18s ease;
}

/* --- Buttons: subtle pulse/glow on hover (keeps existing styles) --- */
a.btn, .btn, .cta-btn, .whatsapp-btn{
  position: relative;
}
a.btn:hover, .btn:hover, .cta-btn:hover, .whatsapp-btn:hover{
  filter: brightness(1.08);
}

/* --- Hero background micro-anim (very subtle) --- */
.hero, header, .topbar{
  backface-visibility:hidden;
}
.hero::after{
  content:"";
  position:absolute;
  inset:-40px;
  pointer-events:none;
  background:
    radial-gradient(700px 380px at 20% 20%, rgba(68,166,65,.10), transparent 60%),
    radial-gradient(800px 420px at 85% 35%, rgba(7,140,3,.08), transparent 65%);
  opacity:.9;
  animation: mindFloat 9s ease-in-out infinite alternate;
  z-index:0;
}
@keyframes mindFloat{
  from{ transform: translate3d(0,0,0) }
  to{ transform: translate3d(12px, -10px, 0) }
}
/* Ensure hero content stays on top if hero uses pseudo elements */
.hero > *{ position: relative; z-index: 1; }

/* --- KPI number emphasis (no layout change) --- */
[data-to], .kpi-number{
  font-variant-numeric: tabular-nums;
}