/* CHWeb — animações leves, sem bibliotecas extras. */
@media (prefers-reduced-motion: no-preference) {
  .ch-motion-entry {
    animation: chweb-enter 720ms cubic-bezier(.22,1,.36,1) both;
    animation-delay: var(--ch-motion-delay,0ms);
  }
  @keyframes chweb-enter {
    from {opacity:0; transform:translate3d(0,18px,0);}
    to {opacity:1; transform:translate3d(0,0,0);}
  }

  .ch-motion-reveal {
    opacity:0;
    transform:translate3d(0,22px,0);
    transition:opacity 700ms cubic-bezier(.22,1,.36,1),transform 700ms cubic-bezier(.22,1,.36,1);
    transition-delay:var(--ch-motion-delay,0ms);
  }
  .ch-motion-reveal.ch-motion-visible {
    opacity:1;
    transform:translate3d(0,0,0);
  }
  .feature-card.ch-motion-reveal.ch-motion-visible:hover,
  .segment-card.ch-motion-reveal.ch-motion-visible:hover {
    transform:translate3d(0,-5px,0);
  }

  .feature-card .feature-icon,.segment-card .segment-icon {
    transition:transform 280ms cubic-bezier(.22,1,.36,1);
  }
  .feature-card:hover .feature-icon,.segment-card:hover .segment-icon {
    transform:translate3d(0,-3px,0) scale(1.05);
  }
  .header-contact .icon,.btn--primary .icon,.hero-price__cta .icon,.floating-cta .icon {
    transition:transform 260ms ease;
  }
  .header-contact:hover .icon,.btn--primary:hover .icon,.hero-price__cta:hover .icon,.floating-cta:hover .icon {
    transform:translateX(3px);
  }
  .hero-section .float-feature {
    animation: chweb-bob 5.5s ease-in-out infinite;
  }
  @keyframes chweb-bob {
    0%,100% { transform:translate3d(0,0,0) rotate(-2deg); }
    50% { transform:translate3d(0,-6px,0) rotate(-2deg); }
  }
  .mobile-section .mobile-glow {
    animation:chweb-glow 7s ease-in-out infinite;
  }
  @keyframes chweb-glow {
    0%,100% {opacity:.08}
    50% {opacity:.12}
  }
}
@media (max-width:767px) {
  /* Em telas menores, sem animações infinitas para economizar bateria. */
  .hero-section .float-feature,.mobile-section .mobile-glow {animation:none!important}
}
@media (prefers-reduced-motion: reduce) {
  .ch-motion-entry,.ch-motion-reveal {
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .hero-section .float-feature,.mobile-section .mobile-glow {animation:none!important}
}
