/* Animações adicionais — só opacity/transform, nunca alteram o layout original */
.p360-progress{position:fixed;top:0;left:0;height:4px;width:0;z-index:99999;background:linear-gradient(90deg,#13b5b1,#f2b134);pointer-events:none}

/* revelação ao rolar (aplicada por JS apenas em elementos sem animação do Elementor) */
.p360-reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.22,.8,.24,1),transform .9s cubic-bezier(.22,.8,.24,1);transition-delay:var(--p360-d,0ms)}
.p360-reveal.p360-left{transform:translateX(-50px)}
.p360-reveal.p360-right{transform:translateX(50px)}
.p360-reveal.p360-zoom{transform:scale(.88)}
.p360-reveal.p360-in{opacity:1;transform:none}

/* hover suave em imagens, botões e cartões */
.elementor-widget-image img,.elementor-widget-image-box img,.swiper-slide-image{transition:transform .6s cubic-bezier(.22,.8,.24,1),filter .4s}
.elementor-widget-image-box:hover img{transform:scale(1.06)}
.swiper-slide-inner{overflow:hidden}
.swiper-slide-inner:hover .swiper-slide-image{transform:scale(1.1)}
.elementor-button{transition:transform .3s cubic-bezier(.22,.8,.24,1),box-shadow .3s,background-color .3s,color .3s!important}
.elementor-button:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.elementor-widget-icon-box .elementor-icon{transition:transform .5s cubic-bezier(.22,.8,.24,1)}
.elementor-widget-icon-box:hover .elementor-icon{transform:rotate(-8deg) scale(1.12)}
.elementor-social-icon{transition:transform .35s cubic-bezier(.22,.8,.24,1)!important}
.elementor-social-icon:hover{transform:translateY(-5px) rotate(8deg)}

/* botão flutuante do WhatsApp pulsando */
a[href*="wa.me"].elementor-icon,.elementor-element a[href*="wa.me"].elementor-social-icon-whatsapp{animation:p360-pulse 2.4s infinite}
@keyframes p360-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* cabeçalho: leve sombra ao rolar */
header.elementor-location-header{transition:box-shadow .4s}
body.p360-scrolled header.elementor-location-header{box-shadow:0 6px 24px rgba(0,0,0,.18)}

/* carregamento da página */
body{animation:p360-fade .8s ease both}
@keyframes p360-fade{from{opacity:0}to{opacity:1}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .p360-reveal{opacity:1;transform:none}
}