/* TABLET */

@media (max-width: 768px) {
/*--------------
HOME
--------------*/
body{
  background-color: rgb(255, 255, 255);
}


  .flex-design{
    display: block !important;
}
  .tour-home{
    width: 100% !important;
  }

  .destinazioni-home-schede{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  /* Centra la scheda e posiziona i bullet affianco */
  .swiper-destinazioni {
    display: flex !important;
    justify-content: center !important;
    position: relative !important;
    padding-right: 30px !important; /* Spazio per i bullet */
    max-width: 100% !important; /* Limita la larghezza per centrare meglio */
    margin: 0 auto !important; /* Centra il container */
  }
  
  .swiper-slide {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .swiper-pagination {
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
  }
  
  /* Aumenta la specificità e forza le dimensioni dei bullet */
  #destinazioni-schede-home .swiper-pagination-bullet,
  .swiper-pagination .swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    margin: 6px 0 !important; /* Spazio verticale tra i bullet */
    opacity: 1 !important;
    margin-left: -10 !important; /* Rimuovi il margine negativo */
    background-color: rgba(0, 0, 0, 0.442) !important;
   /*  position: absolute !important;
    z-index: 10000 !important; */
  }
  
  #destinazioni-schede-home .swiper-pagination-bullet-active,
  .swiper-pagination .swiper-pagination-bullet-active {
     background-color: rgb(49, 206, 175)!important; 
    transform: scale(1.2) !important;
  }

/* ############
LUOGHI DA VISITARE
############ */
.location-da-visitare{
  margin-top: 50px !important;
}
.linea-bianca{
  width: 10%;
  height: 5px;
  background-color: #FFFFFF;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 5px;
}
.immagine-posti{
  width: 100% !important;
  height: 400px !important;
  position: relative;
  overflow: hidden;
}

.immagine-posti img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* mix-blend-mode:multiply; */
 /*  opacity: 0.8; */ /* Aggiunge un po' di trasparenza per migliorare l'effetto */
}

  
.lista-posti{
  width: 100% !important;
  background-color: var(--colore-secondario-due);
  color: white;
  text-align: center;
}
.lista-posti h4{
  font-size: 33px;
  font-family: var(--font-titoloHomeHero);
  padding-top: 25px;
  line-height: 50px;
}
.location {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 15px;
  justify-content: center;
  padding-bottom: 20px;
}


.caletta {
  background-color: rgba(0, 0, 0, 0.35);
  padding: 8px 12px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* #################
ATTIVITA'
################ */
.attivita-list{
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem !important;
  width: 100%;
  justify-content: center;
}
.attivita-card{
  width: 150px !important;
}
.attivita-thumbnail{
  width: 170px !important;
  height: 150px !important;
  border: 1px solid rgba(0, 0, 0, 0.576);
  box-shadow: 10px 10px 10px -3px rgba(0, 0, 0, 0.502);
}

.attivita-thumbnail > img{
  width: 100% !important;
  height: 100% !important;
 object-fit: cover !important;

}
.titolo-attivita{
  background: var(--colore-gradient-scuro);
  color: white;
  font-size: 15px !important;
  font-weight: 600;
 display: inline-block;
 padding: 10px 10px 10px 10px !important;
 position: relative;
 bottom: 30px;
 /* border: 4px solid var(--color-secondario); */
 clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%) !important; 
}

/* ###############
BANNER SOPRA FOOTER
############### */
.logo-container{
  padding-top: 30px !important;
}
  /*
  --------------
  CONTENT
  --------------
  */

  /*
  --------------
  FOOTER
  --------------
  */

  .site-footer {
    padding: 24px 12px;
  }

  .site-footer_container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
  }

  .footer_col {
    width: 50%;
    margin-bottom: 16px;
  }

}


/* MOBILE */
@media (max-width: 576px) {

  /*-------------
      MENU
  --------------*/
  .nav-logo h1 {
    font-size: 19px;
    width: 220px;
    padding-left: 10px;
}
.nav-logo img {
  width: 60px;
}

a.nav-link.active{
text-align: center !important;
padding-top: 10px;
font-size: 18px;
color: white;
background-color: rgb(255, 136, 0);
}

a.nav-link{
text-align: center !important;
padding-top: 10px;
font-size: 18px;
}

  /*--------------
  HOME PAGE
  --------------*/

/* PREZZI HOME */



/* GALLERIA IMMAGINI */
.galleria_immagini{
  justify-content: center;
}
.spazio_gallery_Home img{
  width: 200px !important;
  border: 1px solid rgba(0, 0, 0, 0.5);
}


/* attività */
.attivita-card{
  width: 240px;
 margin-right: 20px;
}
.attivita-thumbnail{
  width: 200px;
  height: 200px;
}

/* BANNER HOME */
.testo_Banner {
    font-size: 45px !important;
    padding-top: 80px  !important;
}

.motto_Banner {
    font-size: 18px  !important;
}
	
  /*
  --------------
  FOOTER
  --------------
  */

  .site-footer {
    padding: 50px 24px;
  }

  .site-footer_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }

  .footer_col {
    width: 75%;
    padding-bottom: 12px;
    border-bottom: 1px solid #9a9dc665;
  }

  .logo_container {
    width: auto;
    height: auto;
    margin-bottom: 8px;
  }

  .logo_container img {
    width: 150px;
    height: auto;
    object-fit: contain;
  }

  .icons_container i {
    color: var(--colore-testo-secondario);
    font-size: 26px;
  }


}