.elementor-kit-8{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#030508;--e-global-color-text:#2A44E6;--e-global-color-accent:#FF0000;--e-global-typography-primary-font-family:"Red Hat Display";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:52px;--e-global-typography-secondary-font-family:"Red Hat Display";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:18px;--e-global-typography-text-font-family:"Red Hat Display";--e-global-typography-text-font-size:24px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:6%;--container-default-padding-right:6%;--container-default-padding-bottom:6%;--container-default-padding-left:6%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*animazione icone accordion*/
.jet-accordion__item.jet-toggle.jet-toggle-move-up-effect:not(.active-toggle) 
.jet-toggle__icon.icon-normal.jet-tabs-icon {
  display: block !important;
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}


.jet-accordion__item.jet-toggle.jet-toggle-move-up-effect.active-toggle 
.jet-toggle__icon.icon-normal.jet-tabs-icon {
  display: block !important;
  transform: rotate(45deg);
  transition: transform 0.5s ease;
}


.jet-toggle__label-icon .icon-active {
  display: none !important;
}





/* Bottone con doppia animazione contrapposta */
.elementor-button-blu {
  position: relative;
  display: inline-block;
  padding: 10px 6px;
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.5px;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  background: linear-gradient(90deg, #223ac0, #0E1151, #223ac0);
  background-size: 300% 300%;
  animation: gradientMove 12s ease-in-out infinite;
  transition: all 0.3s ease;
  box-shadow: 0 0 20px rgba(34, 58, 192, 0.25);
}

/* Bordo animato (movimento opposto) */
.elementor-button-blu::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 50px;
  background: linear-gradient(270deg, #223ac0, #0E1151, #223ac0);
  background-size: 400% 400%;
  z-index: -1;
  animation: gradientBorderReverse 6s ease-in-out infinite;
}

/* Riempimento interno scuro per profondità */
.elementor-button-blu::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 50px;
  background: linear-gradient(90deg, #0B0E2E, #0E1151);
  z-index: -1;
  opacity: 0.7;
}
/* Bottone – stato normale */
.elementor-button-blu {
  transition: transform 0.5s cubic-bezier(.15,1.6,.35,1), 
              box-shadow 0.5s ease;
}

/* Testo interno – stato normale */
.elementor-button-blu span,
.elementor-button-blu .elementor-button-text,
.elementor-button-blu .elementor-button-content-wrapper {
  display: inline-block;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.5s cubic-bezier(.15,1.6,.35,1);
}

/* Hover – bottone che si gonfia */
.elementor-button-blu:hover {
  transform: scale(1.06);
  box-shadow: 0 0 45px rgba(34, 58, 192, 0.5);
}

/* Hover – il testo segue la “gonfiatura” */
.elementor-button-blu:hover span,
.elementor-button-blu:hover .elementor-button-text,
.elementor-button-blu:hover .elementor-button-content-wrapper {
  transform: scale(1.03);
}




/* Animazioni */
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes gradientBorderReverse {
  0% { background-position: 100% 50%; }
  50% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}/* End custom CSS */