.bg-project {
    background-color: #e30613;
}


.ck-editor__editable_inline {
    min-height: 250px;
}

/* Posizionamento fisso dello sfondo, indipendente da Bootstrap */
.sfondo-onde-bs5 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1; /* Manda le onde dietro tutto il contenuto di Bootstrap */
    pointer-events: none; /* Impedisce che le onde blocchino i click sui link del footer */
    overflow: hidden;
    line-height: 0;
}
.sfondo-onde-bs5 .onde {
    position: relative;
    width: 105%; /* Ingrandito dal 100% al 105% */
    left: -2.5%; /* Centra l'onda ingrandita spingendola a sinistra */
    height: 35vh;
    margin-bottom: -15px; /* Spinge l'onda più in basso per nascondere il bordo inferiore sfocato */
    min-height: 150px;
    max-height: 350px;
    transform: scaleY(1.05); /* Allunga l'onda verticalmente verso il basso */
    transform-origin: top;
}
/* Animazioni e Blur */

.sfondo-onde-bs5 .livelli-onde > use {
    animation: muovi-onde 25s cubic-bezier(.55, .5, .45, .5) infinite;
    will-change: transform, filter; /* Avvisa il browser che cambieranno queste proprietà */
    transform-origin: top;
    transform-box: fill-box; /* Ottimizza il calcolo vettoriale dell'SVG */
    backface-visibility: hidden; /* Riduce glitch grafici durante il movimento */
}
.sfondo-onde-bs5 .livelli-onde > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 17s;
    filter: blur(6px);
    transform: translateZ(0); /* Ottimizzazione anti-lag */
}
.sfondo-onde-bs5 .livelli-onde > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 20s;
    filter: blur(4px);
    transform: translateZ(0);
}
.sfondo-onde-bs5 .livelli-onde > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 23s;
    filter: blur(2px);
    transform: translateZ(0);
}
.sfondo-onde-bs5 .livelli-onde > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 30s;
    filter: blur(2px); /* L'ultima onda a fuoco non richiede particolari sforzi */
    transform: translateZ(0);
}

@keyframes muovi-onde {
    0% {
        transform: translate3d(-90px, 0, 0); /* Aumentato da -90px a -120px */
    }
    100% {
        transform: translate3d(85px, 0, 0); /* Aumentato da 85px a 120px */
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
    .sfondo-onde-bs5 .onde {
        height: 20vh;
        min-height: 100px;
    }
}

.navbar {
    border-image: linear-gradient(to right,#d32e12 0%,#ff7808 25%,#fec837 50%,#0daf2b 75%,#005ec3 100%) 1 !important;
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
}