.bg-animated{background:linear-gradient(120deg,#ffd6e8,#d6eaff,#e8ffd6);background-size:300% 300%;animation:gradientMove 18s ease infinite;}
	@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
	.particles svg{opacity:.18;filter:blur(8px);transform-origin:center;}
	.particle-move{animation:floaty 20s linear infinite;}
	@keyframes floaty{0%{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-30px) translateX(20px) scale(1.05)}100%{transform:translateY(0) translateX(0) scale(1)}}
	.nav-scrolled{padding-top:6px!important;padding-bottom:6px!important;box-shadow:0 10px 30px rgba(0,0,0,.06);backdrop-filter:blur(6px);background-color:rgba(255,255,255,.62);transition:all .28s ease;}
	.hero-parallax{will-change:transform;transition:transform .1s linear;}
	.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.9,.3,1);}
	.reveal.visible{opacity:1;transform:translateY(0);}
	.card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);transition:all .28s ease;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.08));backdrop-filter:blur(6px);}
	.card-wrap:hover .card-overlay{opacity:1;transform:translateY(0);}
	.footer-wave{transform:translateY(1px);}
	#loader{transition:opacity .7s ease;}
	.whatsapp-fab{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,rgba(16,185,129,.12),rgba(16,185,129,.08));border:1px solid rgba(16,185,129,.18);backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(16,185,129,.12);transition:transform .18s ease,box-shadow .18s ease;}
	.whatsapp-fab:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 14px 40px rgba(16,185,129,.18);}
	@keyframes fadein{from{opacity:0;transform:translateY(20px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
	.animate-fadein{animation:fadein .45s ease;}
	
	/* Animación de aparición suave tipo iOS */
	.reveal {
		opacity: 0;
		transform: translateY(25px) scale(0.97);
		filter: blur(6px);
		transition: all 0.9s ease-out;
	}

	/* Cuando entran al viewport */
	.reveal.visible {
		opacity: 1;
		transform: translateY(0) scale(1);
		filter: blur(0);
	}

	/* Hover suave tipo tarjeta Apple */
	.card-wrap {
		transition: transform 0.35s ease, box-shadow 0.35s ease;
		backdrop-filter: blur(10px);
	}

	.card-wrap:hover {
		transform: translateY(-6px) scale(1.02);
		box-shadow: 0 18px 40px rgba(0,0,0,0.12);
	}

	/* Imagen suave al hacer hover */
	.card-wrap img {
		transition: transform 0.6s ease;
	}

	.card-wrap:hover img {
		transform: scale(1.06);
	}

	/* REFLEJOS DINÁMICOS (EFECTO LUZ SOBRE AGUA) */
	.glow-reflections::before,
	.glow-reflections::after {
	  content: "";
	  position: absolute;
	  inset: 0;
	  pointer-events: none;
	  border-radius: inherit;
	  background: radial-gradient(
		circle at 30% 30%,
		rgba(255,255,255,0.25),
		transparent 60%
	  );
	  opacity: 0.35;
	  mix-blend-mode: screen;
	  animation: lightFloat 12s ease-in-out infinite;
	}

	.glow-reflections::after {
	  background: radial-gradient(
		circle at 70% 70%,
		rgba(255,255,255,0.22),
		transparent 65%
	  );
	  animation-duration: 18s;
	  animation-direction: alternate-reverse;
	}

	/* Movimiento orgánico de los reflejos */
	@keyframes lightFloat {
	  0%   { transform: translate(-20px, -10px) scale(1); }
	  30%  { transform: translate(20px, 10px) scale(1.05); }
	  60%  { transform: translate(-15px, 15px) scale(0.98); }
	  100% { transform: translate(0px, 0px) scale(1.03); }
	}
/* Quitar animaciones y movimientos SOLO en móviles */
@media (max-width: 768px) {

  /* Fondos animados */
  .bg-animated {
    animation: none !important;
    background-size: cover;
  }

  /* Partículas */
  .particle-move {
    animation: none !important;
  }

  /* Parallax */
  .hero-parallax {
    transform: none !important;
    transition: none !important;
  }

  /* Reveal (entrada con movimiento) */
  .reveal {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    transition: opacity .4s ease;
  }

  /* Hovers con movimiento */
  .card-wrap,
  .card-wrap:hover,
  .card-wrap img,
  .card-wrap:hover img {
    transform: none !important;
    transition: box-shadow .3s ease;
  }

  /* Reflejos dinámicos */
  .glow-reflections::before,
  .glow-reflections::after {
    animation: none !important;
  }

  /* Fade in */
  .animate-fadein {
    animation: none !important;
  }
}