@charset "UTF-8";
/**
 * Bootstrap 5.3 – Variabili SCSS di base
 * @see https://getbootstrap.com/docs/5.3/customize/sass/
 */
/* ----------------------------------------------------------
 * SPACING
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * COLOR SYSTEM
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BODY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TYPOGRAPHY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * LINK
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BUTTONS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BORDER RADIUS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * ACCORDION
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TABS
 * ---------------------------------------------------------- */
.block__hero-light {
  /* --- Animazioni Testi e Bottoni --- */
}
@media (min-width: 992px) {
  .block__hero-light {
    min-height: 650px;
  }
}
.block__hero-light .hero-light__image-wrapper {
  width: 48%;
}
@media (min-width: 1200px) {
  .block__hero-light .hero-light__image-wrapper {
    width: auto;
  }
}
.block__hero-light .hero-light__image-wrapper .hero-light__img {
  border-top-left-radius: 12rem;
}
.block__hero-light .hero-light__image-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/vector-small-blue.svg);
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .block__hero-light .hero-light__image-wrapper:after {
    width: 400px;
    height: 400px;
  }
}
.block__hero-light .hero-light__img-mobile {
  border-top-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
  max-height: 350px;
}
.block__hero-light .hero-animate-up {
  opacity: 0; /* Nasconde l'elemento prima dell'animazione */
  animation: heroFadeInUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  /* Disabilita l'animazione per chi preferisce il reduced-motion (Accessibilità) */
}
.block__hero-light .hero-animate-up--delay-1 {
  animation-delay: 0.1s;
}
.block__hero-light .hero-animate-up--delay-2 {
  animation-delay: 0.3s;
}
.block__hero-light .hero-animate-up--delay-3 {
  animation-delay: 0.5s;
}
@media (prefers-reduced-motion: reduce) {
  .block__hero-light .hero-animate-up {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

@keyframes heroFadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}