.sub-header{width: 100%; height: 600px; background-color: #000; background-image: url('../imgs/posa-xl.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1}

.cta{position: sticky; top: 230px;}
.cta h4{color: var(--azu);}
.cta p{margin-top:16px; font-size: 0.8em; font-weight: 500}

.cta-buttons{text-align: center; margin-top: 24px;}
.button-quick span{padding-right: 4px; text-transform: uppercase;}
.button-quick {border:var(--azu) 2px solid; background-color: #fff; width: 168px; border-radius: 30px; font-size:0.75em; margin-bottom:18px; color:#000 }
.button-quick svg {width:auto; height: 20px}
.button-quick:hover {background-color: var(--azu); color: #fff}
.button-quick:hover svg {fill: #fff}
.cta .spacer{width: 80px}

@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(-5px); }
  80% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}
.shake-now { animation: shake 0.4s ease; }
.cta-label-container{min-height: 55px}
.cta-label{display: none}
#form-contatti label{font-size: 0.8em}
#contattoquick .title {color: var(--azu); font-weight: 500}
#contattoquick input[type="text"], #contattoquick textarea {border: #333 1px solid}
#contattoquick input[type="text"]:focus, #contattoquick textarea:focus {border: var(--azu) 1px solid; outline:none !important; box-shadow: none !important}
#contattoquick a {color:#000; text-decoration: underline !important}
#contattoquick button {border-radius: 6px; width: auto; height: auto; text-transform: uppercase;}
.fielderror{border:#ff0000 2px solid !important;}

.btn-form {border:var(--azu) 2px solid; background-color: #fff; border-radius: 10px; text-align: center}
.btn-form svg {width: 26px; height: auto}
.btn-form:hover {background-color: var(--azu);}
.btn-form:hover svg {fill: #fff}
.errorfield{font-size: 0.75em; color: #ff0000}
#modal-privacy h1 {color: #000}

.video-wrapper {
  width: 100%;
  max-width: 800px;      /* opzionale */
  aspect-ratio: 16 / 9;  /* mantiene il 16:9 */
  position: relative;
}

.video-wrapper video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;     /* oppure contain se non vuoi tagli */
}

@media (max-width: 1199px) {
	.image-box{padding-top: 40px}
}

@media (max-width: 991px) {
  .nav-item{margin-left:0; margin-top: 20px; text-align: center}
  .nav-link{font-size: 1.3em}
  .navbar-container-top {background-color: rgba(0, 0, 0, 0.8) !important;}
  .navbar-container-scroll{background-color: rgba(0, 0, 0, 0.8) !important;}
  .nav-item:hover {background: rgba(255,255,255, 0.5) !important;}
  .nav-link:link, .nav-link:visited {color: #fff}
  .nav-link:hover {color: #000}
}
@media (max-width:767px) {
.sub-header{background-image: url('../imgs/posa-md.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.punti {text-align: center; margin-bottom: 40px}
.icona{
    display: block;
  }
}

@media (max-width:575px) {
.sub-header{background-image: url('../imgs/posa-xs.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
}