.elementor-kit-6{--e-global-color-primary:#D30D33;--e-global-color-secondary:#F6CFD6;--e-global-color-text:#1F2937;--e-global-color-accent:#9E0A26;--e-global-color-f54887b:#1F2937;--e-global-color-1143c15:#F2EAE8;--e-global-color-52ece60:#FFFFFF;--e-global-typography-primary-font-family:"Darker Grotesque";--e-global-typography-primary-font-size:68px;--e-global-typography-primary-font-weight:900;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-accent-font-family:"Swanky and Moo Moo";--e-global-typography-accent-font-size:28px;--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:20px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-52ece60 );border-radius:16px 16px 16px 16px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-52ece60 );border-radius:16px 16px 16px 16px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:"Darker Grotesque", Sans-serif;font-size:68px;font-weight:600;}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:"Darker Grotesque", Sans-serif;font-size:56px;font-weight:600;}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:"Darker Grotesque", Sans-serif;font-size:40px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* BUTTON FORM HERO */

.my-inline-form {
  display: flex;
  overflow: hidden;
  border-radius: 16px;
  background: #fff;  
  width: 90%;           /* larghezza all’80% del contenitore */
  margin-left: 0;       /* nessun margine a sinistra */
  margin-right: auto;   /* spinge il resto dello spazio a destra *//* sfondo bianco comune */
  box-sizing: border-box;
  height: 60px;               /* altezza totale */
  margin: 0;                  /* rimuove margini esterni */
  padding: 3px;               /* bordo interno attorno a input+button */
  border: 3px solid transparent;  /* bordo esterno trasparente di default */
  transition: border 0.2s ease;
}

/* Quando un campo figlio è in focus, colora il bordo esterno */
.my-inline-form:focus-within {
  border-color: #f6cfd6;      /* bordo esterno rosa spesso 2px */
}

/* Reset base per input e button */
.my-inline-form input,
.my-inline-form button {
  margin: 0;
  border: none;
  outline: none;
  box-sizing: border-box;
  height: 100%;
}

/* Campo email */
.my-inline-form input {
  flex: 1;
  padding: 0 20px;
  font-size: 16px;
  background: #ffffff;           /* sfondo sempre bianco */
  color: #333;
  border-radius: 50px;        /* arrotonda, overflow-hidden wrapper cura gli angoli */
  transition: background 0.2s;
}

/* Rimuoviamo qualsiasi bordo interno su focus */
.my-inline-form input:focus {
  outline: none;
  box-shadow: none;
}

/* Pulsante */
.my-inline-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  background: #d30d33 !important;           /* rosso brand */
  color: #fff;
  font-size: 16px;
  font-weight:600;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
  border-radius: 10px;        /* arrotonda entrambi i lati */
}

/* Hover sul pulsante */
.my-inline-form button:hover {
  background: #d30d33;
}

/* Freccia animata */
.my-inline-form .arrow {
  display: inline-block;
  margin-left: 8px;
  transition: transform 0.2s ease;
}
.my-inline-form button:hover .arrow {
  transform: translateX(4px);
}

/* Override Chrome/Edge/Safari Autofill background */
.my-inline-form input:-webkit-autofill,
.my-inline-form input:-webkit-autofill:hover,
.my-inline-form input:-webkit-autofill:focus,
.my-inline-form input:-webkit-autofill:active {
  -webkit-text-fill-color: #333 !important;              /* colore testo */
  transition: background-color 5000s ease-in-out 0s;     /* hack per mantenere il bianco */
  box-shadow: 0 0 0px 1000px #fff inset !important;      /* sfondo bianco pieno */
}
/* Firefox */
.my-inline-form input:-moz-autofill {
  box-shadow: 0 0 0px 1000px #fff inset !important;
  -moz-text-fill-color: #333 !important;
}



/* SCREEN APP DIMENSION */

/* Mantieni sempre le screen al 75% */
.feat-screen img {
  width: 75% !important;
  height: auto !important;
  display: block;     /* rimuove eventuali inline-block margini */
  margin: 0 auto;     /* centra orizzontalmente, se vuoi */
}


@media (max-width: 767px) {
  /* Nasconde le frecce prev/next su mobile */
  .my-carousel .elementor-swiper-button-prev,
  .my-carousel .elementor-swiper-button-next {
    display: none !important;
  }
}


/* header fisso in alto, con transizione */
.elementor-element-b900203{
  position: sticky;   /* se è già fixed, lascia pure fixed */
  top: 0;
  z-index: 9999;
  transition: transform .3s ease;
}

/* quando la classe .hide-header è presente lo spingo fuori dallo schermo */
@media (max-width: 767px){
  .elementor-element-b900203.hide-header{
    transform: translateY(-130%);
  }
}

/* Caroselli che portano la classe .my-carousel --------------- */

/* Bullet inattivi: piccoli cerchi rossi semi-opachi */
.my-carousel .swiper-pagination-bullet{
  width:8px !important;
  height:8px !important;
  margin:0 4px !important;
  background:#c6295a !important;
  opacity:.4 !important;
  border-radius:50% !important;
  transition:width .2s ease, opacity .2s ease;
}

/* Bullet attivo: pillola rossa piena */
.my-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width:24px !important;
  height:8px !important;
  border-radius:12px !important;
  opacity:1 !important;
}

/* ACCETTA tutti – rosso brand, senza bordi */
.cm__btn[data-role="all"]{
  background:#D30D33!important;
  color:#ffffff!important;
  border:none!important;          /* <<< elimina bordo */
}
.cm__btn[data-role="all"]:hover{
  background:#AF1334!important;
}

/* RIFIUTA (necessari) – stile secondario, senza bordi */
.cm__btn[data-role="necessary"]{
  background:#eaeff2!important;
  color:#1F2937!important;
  border:none!important;          /* <<< elimina bordo */
}
.cm__btn[data-role="necessary"]:hover{
  background:#D4DAE0!important;
}

.my-carousel .swiper-pagination-horizontal{
  margin-top:34px !important;
}/* End custom CSS */