/* ========================================
   WAVES — CIMED 2026
   SVG wave animation between hero & content
   ======================================== */

.waves-wrap {
    background: linear-gradient(180deg, #092744 0%, #0A2B4E 100%);
    position: relative;
    width: 100%;
    height: 8vh;
    margin-top: -2px;
    margin-bottom: -3px;
    min-height: 40px;
    max-height: 90px;
    z-index: 3;
    pointer-events: none;
    overflow: hidden;
}

.waves-wrap svg {
    position: relative;
    width: 100%;
    height: 100%;
}

.wave-use {
    animation: waveMove 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.wave-use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.wave-use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.wave-use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.wave-use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }

@keyframes waveMove {
    0%   { transform: translate3d(-90px, 0, 0); }
    100% { transform: translate3d(85px, 0, 0); }
}

@media (max-width: 768px) {
    .waves-wrap {
    background: linear-gradient(180deg, #092744 0%, #0A2B4E 100%);
        height: 40px;
        min-height: 40px;
    }
}