/* =========================================================
   INICIO ARCHIVO: css/animations.css
   Función: microinteracciones premium de Aigopura.
   ========================================================= */

/* =========================================================
   ESTADO INICIAL DE REVEAL
   Los elementos entran suavemente al hacer scroll.
   JS: js/animations.js añade la clase .is-visible.
   ========================================================= */
.reveal-up{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}
.reveal-scale{opacity:0;transform:scale(.96);transition:opacity .75s ease,transform .75s ease}
.reveal-up.is-visible,.reveal-scale.is-visible{opacity:1;transform:none}
/* =========================================================
   FIN ESTADO INICIAL DE REVEAL
   ========================================================= */

/* =========================================================
   EFECTO BOTÓN LÍQUIDO
   Crea sensación de barrido de agua purificada.
   ========================================================= */
.liquid-button{position:relative;overflow:hidden}.liquid-button:before{content:'';position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:transform .55s ease}.liquid-button:hover:before{transform:translateX(105%)}
/* =========================================================
   FIN EFECTO BOTÓN LÍQUIDO
   ========================================================= */

/* =========================================================
   EFECTO MAGNÉTICO SUAVE
   JS puede modificar transform en botones con .magnetic-button.
   ========================================================= */
.magnetic-button{transition:transform .18s ease,box-shadow .18s ease}
/* =========================================================
   FIN EFECTO MAGNÉTICO SUAVE
   ========================================================= */

/* =========================================================
   EFECTO ESCÁNER EN IMÁGENES
   Añade línea de luz al pasar por encima.
   ========================================================= */
.scanner-image{transition:transform .28s ease,filter .28s ease}.scanner-image:hover{transform:scale(1.035);filter:drop-shadow(0 30px 42px rgba(0,229,255,.25))}
/* =========================================================
   FIN EFECTO ESCÁNER EN IMÁGENES
   ========================================================= */

/* =========================================================
   ANIMACIÓN GOTA HERO
   Movimiento muy leve para evitar sensación estática.
   ========================================================= */
.water-drop{animation:dropFloat 5.5s ease-in-out infinite}@keyframes dropFloat{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-14px)}}
/* =========================================================
   FIN ANIMACIÓN GOTA HERO
   ========================================================= */

/* =========================================================
   FIN ARCHIVO: css/animations.css
   ========================================================= */