.elementor-kit-8{--e-global-color-primary:#F2F2F2;--e-global-color-secondary:#141414;--e-global-color-text:#141414;--e-global-color-accent:#F2F2F2;--e-global-color-678b452:#F2F2F2;--e-global-color-1abaa55:#FFFFFF00;--e-global-color-66830d2:#141414D9;--e-global-color-8b20943:#B8B8B8;--e-global-color-e164556:#D95922;--e-global-typography-primary-font-family:"Arsenal";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:44px;--e-global-typography-primary-letter-spacing:4px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Arsenal";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:20px;--e-global-typography-secondary-letter-spacing:1px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Arsenal";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:23px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Arsenal";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-f1d03c5-font-family:"Arsenal";--e-global-typography-f1d03c5-font-size:110px;--e-global-typography-f1d03c5-font-weight:200;--e-global-typography-f1d03c5-text-transform:uppercase;--e-global-typography-f1d03c5-font-style:normal;--e-global-typography-f1d03c5-text-decoration:none;--e-global-typography-f1d03c5-line-height:110px;--e-global-typography-f1d03c5-letter-spacing:6px;--e-global-typography-f1d03c5-word-spacing:0px;--e-global-typography-e17a7b7-font-family:"Arsenal";--e-global-typography-e17a7b7-font-size:20px;--e-global-typography-e17a7b7-font-weight:300;--e-global-typography-e17a7b7-text-transform:none;--e-global-typography-e17a7b7-font-style:normal;--e-global-typography-e17a7b7-text-decoration:underline;--e-global-typography-e17a7b7-line-height:23px;--e-global-typography-e17a7b7-letter-spacing:0px;--e-global-typography-e17a7b7-word-spacing:0px;background-color:var( --e-global-color-primary );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-accent );font-family:"Titillium Web", Sans-serif;font-size:20px;font-weight:300;text-transform:none;font-style:normal;text-decoration:underline;line-height:23px;letter-spacing:0px;word-spacing:0px;}.elementor-kit-8 a:hover{color:var( --e-global-color-8b20943 );}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{color:var( --e-global-color-secondary );padding:0px 0px 5px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1585px;}.e-con{--container-max-width:1585px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:19px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-size:19px;--e-global-typography-accent-font-size:18px;--e-global-typography-f1d03c5-font-size:94px;--e-global-typography-f1d03c5-line-height:1em;--e-global-typography-f1d03c5-letter-spacing:5px;--e-global-typography-e17a7b7-font-size:19px;}.elementor-kit-8 a{font-size:19px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:16px;--e-global-typography-f1d03c5-font-size:66px;--e-global-typography-f1d03c5-letter-spacing:3px;--e-global-typography-e17a7b7-font-size:18px;}.elementor-kit-8 a{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   GOOGLE FONT – ROBOTO
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --true-font: 'Roboto', sans-serif;
  --true-dark: #25282a;
  --true-light: #e5e1e6;
  --true-accent: #ffffff;
}

/* =========================================
   BASE
   ========================================= */

body {
  font-family: var(--true-font);
  font-weight: 400;
  line-height: 1.55;
  font-size: 1rem;
  color: var(--true-dark);
  background-color: var(--true-light);
}

/* Container base slide (template) */

.true-slide {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 4rem 6vw;
  position: relative;
}

.true-slide--dark {
  background-color: var(--true-dark);
  color: var(--true-light);
}

.true-slide--light {
  background-color: var(--true-light);
  color: var(--true-dark);
}

/* Wrapper interno centrale */

.true-slide__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* Variante per slide a strisce full-screen */

.true-slide--stripes {
  padding: 0;
}

.true-slide--stripes .true-slide__inner {
  width: 100%;
  max-width: none;
  margin: 0;
}

/* Layout a due colonne */

.true-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  column-gap: 3rem;
  row-gap: 2rem;
  align-items: center;
}

/* Responsive grid */

@media (max-width: 1024px) {
  .true-grid-2 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* =========================================
   TIPOGRAFIA
   ========================================= */

/* Testo base */

.true-body {
  font-family: var(--true-font);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  max-width: 1080px;
  margin-bottom: 1rem;
}

/* Titoli principali */

.true-title-lg,
.true-title-md {
  font-family: var(--true-font);
  text-transform: uppercase;
  font-weight: 700; /* bold */
  line-height: 1.05;
  margin-bottom: 0.3rem;
}

.true-title-lg {
  font-size: clamp(2.6rem, 4vw, 3.4rem);
}

.true-title-md {
  font-size: clamp(2rem, 3vw, 3rem);
}

/* Sottotitoli */

.true-subtitle {
  font-family: var(--true-font);
  font-size: 1.15rem;
  margin-bottom: 1.5rem;
  max-width: 100%;
  text-transform: uppercase;
  font-weight: 400; /* era 300, ora 400 */
  letter-spacing: 0.02em;
}

/* Eyebrow / Kicker */

.true-eyebrow {
  font-family: var(--true-font);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 400; /* era 300, ora 400 */
  opacity: 0.85;
  margin-bottom: 0.8rem;
}

/* Piccoli titoli interni */

.true-section-label {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.8;
}

/* =========================================
   BUTTONS
   ========================================= */

.true-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.7rem 1.4rem;
  border-radius: 0px;
  border: 1px solid currentColor;
  font-family: var(--true-font);
  font-weight: 500;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease,
              transform 0.2s ease;
}

.true-btn:hover {
  transform: translateY(-1px);
}

/* Variante hero (usata nelle CTA principali) */

.true-btn--hero {
  width: 100%;
  justify-content: center;
  padding: 1rem 1.8rem;
  font-size: 0.95rem;
  font-weight: 600;
}

/* Slide scura: bottone chiaro pieno */

.true-slide--dark .true-btn--hero {
  background-color: var(--true-light);
  color: var(--true-dark);
  border-color: var(--true-light);
}

.true-slide--dark .true-btn--hero:hover {
  background-color: transparent;
  color: var(--true-light);
}

/* Slide chiara: bottone scuro pieno */

.true-slide--light .true-btn--hero {
  background-color: var(--true-dark);
  color: var(--true-light);
  border-color: var(--true-dark);
}

.true-slide--light .true-btn--hero:hover {
  background-color: transparent;
  color: var(--true-dark);
}

/* Forza testo chiaro dentro lo specifico blocco HTML */
.true-light-text, 
.true-light-text * {
  color: #e5e1e6 !important;
}

/* Forza testo scuro dentro lo specifico blocco HTML */
.true-dark-text, 
.true-dark-text * {
  color: #25282a !important;
}

/* =========================================
   METRICHE (slide 03)
   ========================================= */

.true-metrics {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  justify-content: center;
}

.true-metric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.true-metric-number {
  font-family: var(--true-font);
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
}

.true-metric-label {
  font-family: var(--true-font);
  font-size: 1rem;
  letter-spacing: 0.06em;
  opacity: 0.85;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .true-metrics {
    flex-direction: row;
    gap: 2rem;
  }

  .true-metric {
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .true-metrics {
    flex-direction: column;
    gap: 1.6rem;
  }
}

/* =========================================
   SLIDE 04 – BENEFITS + CTA (3 colonne)
   ========================================= */

.true-cta-columns {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8rem;
}

.true-cta-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

.true-cta-block-title {
  font-family: var(--true-font);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.true-cta-block-text {
  font-size: 0.95rem;
  line-height: 1.5;
  flex-grow: 1;
}

@media (max-width: 1024px) {
  .true-cta-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .true-cta-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* =========================================
   SLIDE 05 – DESTINATIONS (testo)
   ========================================= */
/* Usa tipografia standard: eyebrow + true-title-md + true-body */

/* =========================================
   SLIDE 05 – DESTINATION STRIPES FULL-SCREEN
   ========================================= */

/* Rail full-screen dentro la slide stripes */

.true-destinations-rail {
  height: 100vh;            /* tutta l’altezza del pannello */
  width: 100%;              /* tutta la larghezza del pannello */
  display: flex;
  gap: 0;
  overflow: hidden;
}

/* Fasce base */

.true-destination-panel {
  flex: 1;                  /* 5 fasce uguali in partenza */
  min-width: 0;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition:
    flex 0.45s cubic-bezier(0.25, 0.1, 0.25, 1),
    transform 0.3s ease;
  cursor: pointer;
  color: #ffffff;
  overflow: hidden;
}

/* Overlay scuro */

.true-destination-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.25)
  );
  transition: opacity 0.35s ease;
}

/* Contenuto overlay */

.true-destination-panel__overlay {
  position: absolute;
  inset: 2rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 1;
}

.true-destination-panel__title {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0.3rem;
}

.true-destination-panel__dates {
  font-size: 0.9rem;
  opacity: 0.9;
  margin-bottom: 0.6rem;
  font-weight: 400; /* era 300, ora 400 */
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.true-destination-panel__text {
  font-size: 0.95rem;
  line-height: 1.55;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.35s ease;
}

.true-destination-panel__tag {
  margin-top: 0.6rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  opacity: 0.9;
}

/* Hover: comportamento interattivo */

.true-destinations-rail:hover .true-destination-panel {
  flex: 0.8;
}

.true-destinations-rail:hover .true-destination-panel:hover {
  flex: 3;
  transform: translateY(-4px);
}

.true-destinations-rail:hover .true-destination-panel:hover .true-destination-panel__text {
  max-height: 240px;
  opacity: 1;
}

.true-destinations-rail:hover .true-destination-panel:hover::before {
  opacity: 0.5;
}

/* Responsive: su tablet/mobile diventano verticali */

@media (max-width: 1024px) {
  .true-destinations-rail {
    height: auto;
    width: 100%;
    flex-direction: column;
  }

  .true-destination-panel {
    flex: 1 1 auto;
    height: 280px;
    transform: none;
  }

  .true-destination-panel__text {
    max-height: 160px;
    opacity: 1;
  }

  .true-destinations-rail:hover .true-destination-panel,
  .true-destinations-rail:hover .true-destination-panel:hover {
    flex: 1;
  }
}

@media (max-width: 767px) {
  .true-destination-panel {
    height: 240px;
  }
}

/* =========================================
   TESTIMONIALS (slide 07 – struttura base)
   ========================================= */

.true-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8rem;
}

.true-testimonial {
  border-radius: 0px;
  padding: 1.5rem 1.4rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(255, 255, 255, 0.9);
}

.true-slide--dark .true-testimonial {
  border-color: rgba(255, 255, 255, 0.12);
  background-color: rgba(37, 40, 42, 0.9);
}

.true-testimonial-quote {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 0.8rem;
}

.true-testimonial-name {
  font-weight: 700;
}

.true-testimonial-role {
  font-size: 0.85rem;
  font-style: italic;
  opacity: 0.85;
}

/* Responsive testimonials */

@media (max-width: 1024px) {
  .true-testimonials-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .true-testimonials-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* =========================================
   TEAM TOOLTIP (slide 08 – linee guida base)
   ========================================= */

.true-team-tooltip {
  background-color: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  padding: 0.7rem 0.9rem;
  border-radius: 0px;
  font-size: 0.8rem;
  max-width: 220px;
}

.true-team-tooltip-name {
  font-weight: 700;
  margin-bottom: 0.2rem;
}

.true-team-tooltip-role {
  font-size: 0.78rem;
  opacity: 0.9;
}

/* =========================================
   TEAM – VERSIONE MOBILE (LISTA)
   ========================================= */

@media (max-width: 767px) {

  .true-team-mobile {
    text-align: left;
  }

  .true-team-mobile .true-title-md {
    margin-bottom: 1.5rem;
  }

  .true-team-mobile-members {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-top: 0.5rem;
  }

  .true-team-member {
    border-top: 1px solid rgba(37, 40, 42, 0.18);
    padding-top: 0.9rem;
  }

  .true-team-member-name {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.95rem;
    margin-bottom: 0.15rem;
  }

  .true-team-member-role {
    font-size: 0.9rem;
    font-style: italic;
    opacity: 0.85;
  }

  .true-team-member-bio {
    font-size: 0.9rem;
    margin-top: 0.35rem;
    line-height: 1.5;
  }
}

/* ===============================
   PARTNERS SECTION – CONTAINER
   =============================== */

.true-partners-section {
  display: flex;
  flex-direction: column;
  gap: 3rem;                 /* distanza tra i gruppi */
  margin-top: 2.5rem;        /* spazio sopra la sezione */
}

/* ogni gruppo (Institutional, DMCs, ecc.) */
.true-partners-group {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;               /* distanza titolo → griglia */
}

.true-partners-title {
  text-transform:uppercase;
  font-weight:700;
}

/* =========================================
   PARTNERS / PRESS LOGOS (slide 06 + slide 10)
   ========================================= */

/* Griglia loghi: 4 colonne desktop, 2 tablet, 1 mobile */
.true-partners-logos,
.true-press-logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2rem 2.8rem;
  align-items: center;
}

.true-partner-logo,
.true-press-logo {
  max-height:60px;
  max-width: 180px;
  filter: grayscale(100%);
  opacity: 0.9;
  margin-bottom: 2rem;
}

.true-partner-logo img,
.true-press-logo img {
  display: block;
  max-height: 60px;
  width: auto;
}

/* HOVER BIANCO LOGHI PRESS & PARTNERS */
.true-press-logo img,
.true-partner-logo img {
  transition: filter 0.25s ease, opacity 0.25s ease;
  filter: grayscale(100%) brightness(0.9);
  opacity: 0.9;
}

.true-press-logo:hover img,
.true-partner-logo:hover img {
  filter: grayscale(0%) brightness(1.1);
  opacity: 1;
}

/* Responsive loghi */

@media (max-width: 1024px) {
  .true-partners-logos,
  .true-press-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .true-partners-logos,
  .true-press-logos {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem 1.4rem;
  }

  .true-partner-logo,
  .true-press-logo {
    max-width: 520px;
    justify-items: center;
  }

  .true-partners-title {
  margin:0 auto;
  }
}



/* =========================================
   DISCLAIMER (slide 11)
   ========================================= */

.true-disclaimer {
  font-size: 0.85rem;
  line-height: 1.6;
  max-width: 720px;
  opacity: 0.85;
}

/* =========================================
   VARIE / UTILITIES
   ========================================= */

/* Nessun border-radius per coerenza brand */
img,
.true-card,
.true-testimonial,
.true-destination-panel,
.true-partner-logo,
.true-press-logo,
.true-cta-block,
.true-btn {
  border-radius: 0px;
}

/* =========================================
   MOBILE – ALLINEAMENTO TESTI AL CENTRO (SAFE)
   ========================================= */

@media (max-width: 767px) {

  /* Titoli, sottotitoli, testi base */
  .true-title-lg,
  .true-title-md,
  .true-subtitle,
  .true-eyebrow,
  .true-body,
  .true-section-label,
  .true-metric-number,
  .true-metric-label,
  .true-cta-block-title,
  .true-cta-block-text,
  .true-testimonial,
  .true-testimonial-quote,
  .true-testimonial-name,
  .true-testimonial-role,
  .true-team-member,
  .true-team-member-name,
  .true-team-member-role,
  .true-team-member-bio,
  .true-disclaimer {
    text-align: center !important;
  }

  /* Manteniamo i bottoni hero centrati */
  .true-btn--hero {
    align-self: center !important;
    text-align: center !important;
  }

  /* NON tocchiamo .true-slide__inner, .true-press-logos, .true-partners-logos */
}

/* =========================================
   MOBILE – DESTINATIONS STRIPES SENZA HOVER
   ========================================= */

@media (max-width: 767px) {

  /* Rail verticale, già gestito, ma ribadiamo l'assetto "lista" */
  .true-destinations-rail {
    height: auto !important;
    width: 100% !important;
    flex-direction: column !important;
    overflow: visible !important;
  }

  /* Ogni stripe diventa un blocco fisso con altezza automatica */
  .true-destination-panel {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 220px;
    transform: none !important;
    cursor: default;
    transition: none !important; /* niente animazioni su mobile */
  }

  /* Testo sempre visibile, senza max-height */
  .true-destination-panel__text {
    max-height: none !important;
    opacity: 1 !important;
  }

  /* Disattiva effetti di hover su mobile */
  .true-destinations-rail:hover .true-destination-panel {
    flex: 1 !important;
  }

  .true-destinations-rail:hover .true-destination-panel:hover {
    flex: 1 !important;
    transform: none !important;
  }

  .true-destinations-rail:hover .true-destination-panel:hover::before {
    opacity: 1 !important;
  }
}

/* =========================================
   MOBILE – FIX TESTO STRIPES TAGLIATO
   ========================================= */

@media (max-width: 767px) {

  /* Ogni panel deve adattarsi al contenuto */
  .true-destination-panel {
    height: auto !important;
    min-height: 260px;          /* puoi aumentare se vuoi */
    padding-bottom: 2rem !important;
    overflow: visible !important;
  }

  /* Overlay sempre pienamente visibile */
  .true-destination-panel__overlay {
    inset: 1.5rem !important;   /* più spazio interno */
    padding-bottom: 1.5rem !important;
  }

  /* Testo sempre visibile e NON tagliato */
  .true-destination-panel__text {
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    display: block !important;
    margin-top: 0.8rem !important;
  }

  /* Disattiva qualsiasi effetto hover che interferisce */
  .true-destinations-rail:hover .true-destination-panel,
  .true-destinations-rail:hover .true-destination-panel:hover {
    flex: 1 !important;
    transform: none !important;
  }

  .true-destinations-rail:hover .true-destination-panel:hover::before {
    opacity: 1 !important;
  }
}/* End custom CSS */