/* ==========================================================
   TUTTOLED PROFESSIONAL V11
   Banner puliti: nessun velo globale sulle immagini.
   Testi backend leggibili in pannelli locali e discreti.
   ========================================================== */

/* HERO PRINCIPALE: l'immagine resta esattamente luminosa come caricata. */
.tl-v7-custom-hero .tl-v7-hero-shade{
  display:none!important;
  background:none!important;
  opacity:0!important;
}

.tl-v7-custom-hero .tl-v7-hero-picture,
.tl-v7-custom-hero .tl-v7-hero-picture img{
  filter:none!important;
  opacity:1!important;
}

/* Il pannello occupa solo la zona del testo: non altera il resto della foto. */
.tl-v7-custom-hero .tl-v7-hero-content{
  left:5.5%!important;
  width:min(540px,55%)!important;
  padding:22px 24px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.91)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
  box-shadow:0 12px 34px rgba(13,43,80,.14)!important;
  color:#0d2748!important;
}
.tl-v7-custom-hero .tl-v7-hero-content small{
  margin-bottom:10px!important;
  padding:6px 10px!important;
  background:#086ee8!important;
  color:#fff!important;
  border-radius:6px!important;
  text-shadow:none!important;
}
.tl-v7-custom-hero .tl-v7-hero-content strong{
  color:#0b2342!important;
  font-size:clamp(34px,3vw,54px)!important;
  text-shadow:none!important;
}
.tl-v7-custom-hero .tl-v7-hero-content em{
  display:block!important;
  margin-top:12px!important;
  color:#4c6078!important;
  font-size:16px!important;
  font-style:normal!important;
  text-shadow:none!important;
}
.tl-v7-custom-hero .tl-v7-hero-button{
  margin-top:17px!important;
  background:#086ee8!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(8,110,232,.22)!important;
}

/* Se viene usato il vecchio modulo Slides come fallback, rimuove comunque il velo globale. */
.tl-hero-main #box-slides .item:after,
.tl-v7-slides-fallback #box-slides .item:after{
  display:none!important;
  content:none!important;
  background:none!important;
}
.tl-hero-main #box-slides .item img,
.tl-v7-slides-fallback #box-slides .item img{
  filter:none!important;
  opacity:1!important;
}
.tl-hero-main #box-slides .carousel-caption,
.tl-v7-slides-fallback #box-slides .carousel-caption{
  padding:18px 20px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.90)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
  box-shadow:0 10px 28px rgba(13,43,80,.14)!important;
}
.tl-hero-main #box-slides .carousel-caption h1,
.tl-hero-main #box-slides .carousel-caption h2,
.tl-hero-main #box-slides .carousel-caption h3,
.tl-v7-slides-fallback #box-slides .carousel-caption h1,
.tl-v7-slides-fallback #box-slides .carousel-caption h2,
.tl-v7-slides-fallback #box-slides .carousel-caption h3{
  color:#0b2342!important;
  text-shadow:none!important;
}
.tl-hero-main #box-slides .carousel-caption p,
.tl-v7-slides-fallback #box-slides .carousel-caption p{
  color:#4c6078!important;
  text-shadow:none!important;
}

/* 3 BANNER LATERALI: foto pienamente visibile, senza gradiente. */
.tl-hero-side .tl-promo-card{
  background:#eef4fb!important;
}
.tl-hero-side .tl-promo-card img{
  filter:none!important;
  opacity:1!important;
}
.tl-hero-side .tl-promo-shade{
  display:none!important;
  background:none!important;
  opacity:0!important;
}

/* Pannello testo compatto, solo in basso a sinistra. */
.tl-hero-side .tl-promo-content{
  left:14px!important;
  right:auto!important;
  bottom:12px!important;
  width:min(72%,300px)!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  backdrop-filter:blur(6px)!important;
  box-shadow:0 7px 20px rgba(13,43,80,.12)!important;
  color:#0b2342!important;
}
.tl-hero-side .tl-promo-content small{
  display:none!important;
}
.tl-hero-side .tl-promo-content strong{
  display:block!important;
  color:#0b2342!important;
  font-size:15px!important;
  line-height:1.15!important;
  text-shadow:none!important;
}
.tl-hero-side .tl-promo-content em{
  display:-webkit-box!important;
  margin-top:4px!important;
  color:#55677e!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-style:normal!important;
  text-shadow:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.tl-hero-side .tl-promo-link{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:7px!important;
  padding:5px 8px!important;
  border-radius:6px!important;
  background:#086ee8!important;
  color:#fff!important;
  font-size:8.5px!important;
  font-weight:800!important;
}

/* Tablet */
@media (max-width:1199px) and (min-width:992px){
  .tl-v7-custom-hero .tl-v7-hero-content{
    left:4.5%!important;
    width:58%!important;
    padding:18px 20px!important;
  }
  .tl-v7-custom-hero .tl-v7-hero-content strong{font-size:34px!important;}
  .tl-hero-side .tl-promo-content{width:76%!important;padding:8px 10px!important;}
  .tl-hero-side .tl-promo-content strong{font-size:13px!important;}
}

/* Smartphone/tablet: mantiene la foto chiara e rende i testi compatti. */
@media (max-width:991px){
  .tl-v7-custom-hero .tl-v7-hero-content{
    left:4%!important;
    right:auto!important;
    top:auto!important;
    bottom:5%!important;
    width:min(70%,470px)!important;
    padding:13px 14px!important;
    border-radius:11px!important;
    transform:none!important;
  }
  .tl-v7-custom-hero .tl-v7-hero-content small{
    margin-bottom:6px!important;
    padding:4px 7px!important;
    font-size:7.5px!important;
  }
  .tl-v7-custom-hero .tl-v7-hero-content strong{
    max-width:none!important;
    font-size:clamp(20px,4.6vw,31px)!important;
    line-height:1.05!important;
  }
  .tl-v7-custom-hero .tl-v7-hero-content em{
    max-width:none!important;
    margin-top:6px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .tl-v7-custom-hero .tl-v7-hero-button{
    margin-top:8px!important;
    padding:7px 10px!important;
    font-size:8px!important;
  }

  .tl-hero-side .tl-promo-content{
    left:8px!important;
    bottom:8px!important;
    width:72%!important;
    padding:7px 8px!important;
    border-radius:8px!important;
  }
  .tl-hero-side .tl-promo-content strong{font-size:11px!important;}
  .tl-hero-side .tl-promo-content em{font-size:8px!important;-webkit-line-clamp:1!important;}
  .tl-hero-side .tl-promo-link{margin-top:4px!important;padding:4px 6px!important;font-size:7px!important;}
}

/* Telefoni stretti: non lascia che il box del testo copra mezza immagine. */
@media (max-width:640px){
  .tl-v7-custom-hero .tl-v7-hero-content{
    width:72%!important;
    padding:10px 11px!important;
  }
  .tl-v7-custom-hero .tl-v7-hero-content strong{font-size:20px!important;}
  .tl-v7-custom-hero .tl-v7-hero-content em{font-size:9px!important;}
  .tl-hero-side .tl-promo-content{width:68%!important;}
}