/* Agua decorativa: solamente en la página de inicio. */
.water-overlay {
  position: fixed;
  inset: auto 0 0;
  width: 100%;
  height: 150px;
  overflow: hidden;
  z-index: 20;
  pointer-events: none;
  opacity: .43;
}
.water-overlay__wave {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  width: 200%;
  height: 100%;
  animation: water-flow 15s linear infinite;
  will-change: transform;
}
.water-overlay__wave svg {
  display: block;
  width: 50%;
  height: 100%;
  flex: 0 0 50%;
}
.water-overlay__wave--back {
  bottom: 12px;
  opacity: .65;
  color: #a5d6cb;
  animation-direction: reverse;
  animation-duration: 23s;
}
.water-overlay__wave--front { color: #72b9aa; }
.water-overlay__wave path { fill: currentColor; }
@keyframes water-flow {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (max-width: 640px) {
  .water-overlay { height: 90px; opacity: .32; }
}
@media (prefers-reduced-motion: reduce) {
  .water-overlay__wave { animation: none; }
}