.elementor-3394 .elementor-element.elementor-element-3f658a6{--display:flex;--min-height:10vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:7vh;--padding-bottom:0;--padding-left:0;--padding-right:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3394 .elementor-element.elementor-element-6adcc12 img{width:35vh;}.elementor-3394 .elementor-element.elementor-element-a4dbde7{--display:flex;}.elementor-3394 .elementor-element.elementor-element-05ac5f2{--display:flex;}.elementor-3394 .elementor-element.elementor-element-874da1e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3394 .elementor-element.elementor-element-b153f46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3394 .elementor-element.elementor-element-a08e167 img{border-radius:36px 36px 36px 36px;}.elementor-3394 .elementor-element.elementor-element-9586fc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3394 .elementor-element.elementor-element-9586fc2.e-con{--align-self:center;}.elementor-3394 .elementor-element.elementor-element-939bf1c img{width:50vh;}.elementor-3394 .elementor-element.elementor-element-5563d33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5vh;--padding-bottom:10vh;--padding-left:0;--padding-right:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3394 .elementor-element.elementor-element-0c48987{text-align:center;}.elementor-3394 .elementor-element.elementor-element-0c48987 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2em;font-weight:700;color:#000000;}.elementor-3394 .elementor-element.elementor-element-f3acf06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0;--padding-bottom:10vh;--padding-left:0;--padding-right:0;}.elementor-3394 .elementor-element.elementor-element-375b797 img{width:200px;}.elementor-3394 .elementor-element.elementor-element-95682a5 img{width:500px;}.elementor-3394 .elementor-element.elementor-element-2e85923{--display:flex;--min-height:40px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:020px 020px;--row-gap:020px;--column-gap:020px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3394 .elementor-element.elementor-element-2e85923:not(.elementor-motion-effects-element-type-background), .elementor-3394 .elementor-element.elementor-element-2e85923 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#444444;}body.elementor-page-3394:not(.elementor-motion-effects-element-type-background), body.elementor-page-3394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.daitona.it/wp-content/uploads/2025/10/tiresp-bg.jpg");background-size:cover;}@media(min-width:768px){.elementor-3394 .elementor-element.elementor-element-b153f46{--width:50%;}.elementor-3394 .elementor-element.elementor-element-9586fc2{--width:50%;}}@media(min-width:1025px){body.elementor-page-3394:not(.elementor-motion-effects-element-type-background), body.elementor-page-3394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-3394 .elementor-element.elementor-element-a08e167 img{border-radius:36px 36px 36px 36px;}.elementor-3394 .elementor-element.elementor-element-9586fc2{--padding-top:2em;--padding-bottom:0em;--padding-left:1em;--padding-right:01em;}.elementor-3394 .elementor-element.elementor-element-5563d33{--padding-top:0em;--padding-bottom:5em;--padding-left:00.5em;--padding-right:0.5em;}.elementor-3394 .elementor-element.elementor-element-0c48987 > .elementor-widget-container{padding:10vh 0 0 0;}.elementor-3394 .elementor-element.elementor-element-0c48987 .elementor-heading-title{font-size:1em;}.elementor-3394 .elementor-element.elementor-element-f3acf06{--padding-top:0;--padding-bottom:10vh;--padding-left:4vh;--padding-right:4vh;}.elementor-3394 .elementor-element.elementor-element-375b797 img{width:180px;}}/* Start custom CSS */.hero {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6rem 1.5rem;
}

.hero-headline {
  font-size: clamp(2rem, 4.5vw, 4rem);
  font-weight: 700;
  line-height: 1.15;
  max-width: 70ch;
  margin: 0 auto;
}

/* Testo digitato con a capo naturale */
#hero-typed {
  display: inline;
  max-width: 100%;
  overflow-wrap: anywhere;
  position: relative;
}

/* Caret che segue il testo */
#hero-typed::after {
  content: "";
  display: inline-block;
  width: .08em;
  height: 1em;
  margin-left: .12em;
  background: currentColor;
  vertical-align: -.1em;
  animation: caret-blink 1s steps(2, jump-none) infinite;
}
@keyframes caret-blink { 50% { opacity: 0; } }

/* Stati fine digitazione */
#hero-typed.caret-off::after { animation: none; opacity: 0; }
#hero-typed.caret-static::after { animation: none; opacity: .25; }

/* Stile bottone (puoi sovrascrivere con i tuoi token) */
/* headline invariata */
/* Bottone: nascosto di default per evitare FOUC */
.hero-btn {
    font-family: 'Montserrat';
  margin-top: 1.75rem;
  padding: .6rem 1rem;
  font-size: .95rem;
  border-radius: 999px;
  border: 0;
  font-weight: 600;
  cursor: pointer;
  background: #d62d24;
  color: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);

  /* stato di default = nascosto */
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  filter: blur(2px);
  transition: opacity .35s ease, transform .35s ease, filter .35s ease, box-shadow .15s ease;
}

/* stato visibile (dopo fine typing) */
.hero-btn.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  filter: none;
}

.hero-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.16); }
.hero-btn:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.12); }


.logo-header {
  transition: all 0.3s ease;
}

.header-tiresp .logo-header:hover {
    transform: scale(0.8);
}

.header-tiresp.shrink .logo-header {
  transform: scale(0.8); /* riduzione proporzionale */
}

.hero-text li {
    font-family: 'Montserrat';
}

.hero h1 {
    font-family: 'Montserrat'!important;
}

.hero h1 a {
  color: #d62d24;
   transition: color 0.3s ease; /* transizione fluida */
}


.hero h1 a:hover {
  color: #000000;
  text-decoration: underline;
}

 h3 {
    font-family: 'Montserrat'!important;
    font-size: 3vh!important;
    margin-top: 3vh!important;
    text-align: center!important;
}

.info-film h2 {
    margin-top: 5vh;
        font-family: 'Montserrat';
        font-size: 3vh;
        text-align: center;
    }

.info-film p {
    margin-top:5vh;
    
        font-family: 'Montserrat';
        font-size: 2.5vh;
        text-align: center;
    }

.info-film {
    text-align: center;
}
    
.tiresp-btn {
    font-family: 'Montserrat';
  margin-top: 1.75rem;
  padding: .6rem 1rem;
  font-size: .95rem;
  border-radius: 999px;
  border: 0;
  font-weight: 600;
  cursor: pointer;
  background: #d62d24;
  color: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);transition: opacity .35s ease, transform .35s ease, filter .35s ease, box-shadow .15s ease;
}

.tiresp-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.16); }
.tiresp-btn:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.12); }

@media only screen and (max-width: 786px) {
    h3 {
    font-family: 'Montserrat'!important;
    font-size: 3vh !important;
    margin-top: 3vh !important;
    text-align: center !important;
}
.hero-tiresp {
    padding-right: 2em;
    padding-left: 2em;
}
.info-film p {
    margin-top:2em;
}
.info-film h2 {
    margin-top:2em;
}
.hero-headline {
    
  margin-top: -10vh;
}
}
.tirespiro-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

/* Card base */
.ti-card {
  display: block;
  border-radius: 36px;
  overflow: hidden;
  transform: scale(1);
  transition: transform .28s ease, box-shadow .28s ease;
  will-change: transform;
}
.ti-card img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

/* --- MOBILE EFFECT --- */
@media (max-width: 767px) {
  .ti-card:hover,
  .ti-card:active {
    transform: scale(1.03);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  }
}

/* --- DESKTOP EFFECT --- */
@media (min-width: 768px) {
  .tirespiro-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Origini per ciascun vertice */
  .ti-card:nth-child(1) { transform-origin: top left; }
  .ti-card:nth-child(2) { transform-origin: top right; }
  .ti-card:nth-child(3) { transform-origin: bottom left; }
  .ti-card:nth-child(4) { transform-origin: bottom right; }

  /* Tutte leggermente ridotte di base al passaggio su griglia */
  .tirespiro-grid:hover .ti-card {
    transform: scale(0.97);
  }

  /* Card attiva: cresce dal suo vertice */
  .tirespiro-grid:hover .ti-card:hover {
    transform: scale(1.02);
    box-shadow: 0 18px 45px rgba(0,0,0,0.28);
    z-index: 2;
  }
}

/* Accessibilità */
@media (prefers-reduced-motion: reduce) {
  .ti-card { transition: none; }
}


.footer-content {
    width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: auto;
}

.logo {
    width: 20px; /* Personalizza la dimensione */
    height: auto;
    cursor: pointer;
    transition: transform 0.5s ease-in-out;
    z-index: 2;
}

.logotitolo, .made-possible {
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: absolute;
}

/* POSIZIONAMENTO DI PARTENZA */
.logotitolo {
    width: 100px;
    transform: translateX(0);
    left: 50%;
    margin-left: 3px; /* Sposta leggermente per centrare */
}

.made-possible {
    width: 100px;
    transform: translateX(0);
    right: 50%;
    margin-right: 3px;
}

/* ANIMAZIONE HOVER */
.footer-content:hover .logo {
    transform: rotate(360deg);
}

.footer-content:hover .logotitolo {
    opacity: 1;
    transform: translateX(10px); /* Muove verso DESTRA */
}

.footer-content:hover .made-possible {
    opacity: 1;
    transform: translateX(-10px); /* Muove verso SINISTRA */
}

/* ANIMAZIONE INVERSA */
.footer-content:not(:hover) .logotitolo, 
.footer-content:not(:hover) .made-possible {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.projects-footer{
    overflow: hidden;
}/* End custom CSS */