/* Il pesce che salta fuori dall'acqua (pesca-tuffo.js): fascia di onde in fondo alla foto dei pacchetti
   e sotto il titolo della pagina Offerte. Lo spazio sotto il titolo è riservato qui: la pagina non si sposta. */
.bv-tuffo { position: absolute; left: 0; bottom: 0; width: 100%; height: 170px; pointer-events: none; overflow: hidden; z-index: 1; }
.bv-pagehead { position: relative; padding-bottom: 150px !important; }

.bv-tuffo__pesce { transition: opacity 0.15s; }
.bv-tuffo__onda { fill: var(--bv-mist); stroke: var(--bv-sky); stroke-width: 2; animation: bv-tuffo-onda 6s linear infinite; }
.bv-tuffo__onda--1 { fill: var(--bv-ice); opacity: 0.9; animation-duration: 9s; animation-direction: reverse; }
.bv-tuffo--scuro .bv-tuffo__onda { fill: rgba(255, 255, 255, 0.14); stroke: rgba(255, 255, 255, 0.45); }
.bv-tuffo--scuro .bv-tuffo__onda--1 { fill: rgba(255, 255, 255, 0.08); }
.bv-tuffo--scuro .bv-salto__goccia { fill: #fff; }
.bv-tuffo--scuro .bv-salto__anello { stroke: #fff; }
.is-ferma .bv-tuffo__onda { animation-play-state: paused; }

/* Stessi disegni del pesce che nuota (pesca-salto.css), ripetuti qui perché le due animazioni sono indipendenti. */
.bv-tuffo .bv-salto__corpo { fill: var(--bv-orange); stroke: var(--bv-navy); stroke-width: 1.8; stroke-linejoin: round; }
.bv-tuffo .bv-salto__occhio { fill: var(--bv-navy); }
.bv-tuffo .bv-salto__anello { fill: none; stroke: var(--bv-ocean); stroke-width: 1.5; transform-box: fill-box; transform-origin: center; animation: bv-tuffo-anello 0.8s ease-out forwards; }
.bv-tuffo .bv-salto__goccia { fill: var(--bv-ocean); animation: bv-tuffo-goccia 0.7s ease-out forwards; }

@keyframes bv-tuffo-onda { to { transform: translateX(60px); } }
@keyframes bv-tuffo-anello { from { transform: scale(0.4); opacity: 0.9; } to { transform: scale(3.8); opacity: 0; } }
@keyframes bv-tuffo-goccia {
	50% { transform: translate(calc(var(--dx) * 0.6), var(--dy)); opacity: 1; }
	to { transform: translate(var(--dx), 4px); opacity: 0; }
}
@media (max-width: 781px) {
	.bv-tuffo { height: 140px; }
	.bv-pagehead { padding-bottom: 125px !important; }
}
@media (prefers-reduced-motion: reduce) {
	.bv-tuffo__onda { animation: none; }
}