/* --- flotador diagonal --- */
.floating {
  will-change: transform;
}
/* --- Flotador diagonal normal --- */
.floating-a {
  animation: float-a 7s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
@keyframes float-a {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(5px, 12px); }
  50% { transform: translate(-3px, -8px); }
  75% { transform: translate(3px, 15px); }
}
/* --- Flotador diagonal invertido --- */
.floating-b {
  animation: float-b 7s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
@keyframes float-b {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(-5px, -12px); }
  50% { transform: translate(3px, 8px); }
  75% { transform: translate(-3px, -15px); }
}
/* --- Delays opcionales para desincronizar --- */
.floating-a:nth-of-type(1),
.floating-b:nth-of-type(1) {
  animation-delay: 0s;
}
.floating-a:nth-of-type(2),
.floating-b:nth-of-type(2) {
  animation-delay: 2s;
}
.floating-a:nth-of-type(3),
.floating-b:nth-of-type(3) {
  animation-delay: 4s;
}