:root {
  --background-color: #101010;
  --tangerine: #eb3d00;
  --arancione: #FF6B2C;
  --white: #ffffff;
  --font-title: "Dela Gothic One", sans-serif;
  --font-p: "Montserrat", sans-serif;
  --tangerine-opacity-50: rgba(206, 97, 57, 0.315);

}
.swiper-button-next{
    color: var(--tangerine);
}
.swiper-button-prev{
    color: var(--tangerine);
}
im
.tags h6{
    font-weight: 100;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--tangerine);
}
.titoloParagrafo{
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    text-align: center;
}
body{
    padding-bottom: 50px;
}
.img-slide {
    width: 100%;       /* occupa tutta la larghezza del container */
    max-height: 600px; /* massimo su desktop */
    object-fit: contain; /* mantiene proporzioni, centra l’immagine */
    
}
.fotoDesktop{
    display: none;
    
}
#backgroundColorBlack{
    background-color: #282828
}
.cardIstruzione h3,h5{
    font-family: var(--font-p) !important;
    
}
.colorGray{
    background-color: var(--background-color);
    border: 1px solid var(--tangerine-opacity-50);
    border-radius: 15px;
}
.colorGray p{
    text-align: start;
}
.colorGray p strong{
    color: var(--arancione);
    font-weight: 300;
    
}
.titoloContatto{
    font-size: 30px;
    color: var(--tangerine);
    text-transform: uppercase;
    text-align: center;
}



@media (min-width: 576px) {  }


@media (min-width: 768px) { 
    .fotoMobile{
        display: none;
    }
    .fotoDesktop{
    display: block;
    border: none;
}
.titoloContatto{
    font-size: 42px;
}
 }


@media (min-width: 992px) {  }


@media (min-width: 1200px) {
    .titoloContatto{
    font-size: 58px;
    text-align: start;
}
 }


@media (min-width: 1400px) { }