/* W3.CSS 4.07 December 2017 by Jan Egil and Borge Refsnes */
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

html, body{
height:95%;
width:100%;
overflow:hidden;}

#videoSfondo {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100; /* Sposta il video dietro al testo */
    transform: translate(-50%, -50%); /* Centra perfettamente il video */
    object-fit: cover;
}

#br1 {display:none;}
#br2 {display:none;}
#cont-slides{position:absolute;top:0px;}
#bg {position: fixed;width:30%;}

#logo2{
position:fixed; 
top:0px;
left:0px;
width:28%;
height:auto;
z-index:1;
margin-left:1%;
margin-right:1%;}

#my-menu1{
margin:0px 1% 0px 1%;
background-color:#003366;    
position:fixed; 
top:0px;
left:0px;
float:none;
z-index:9;
width:98%;
border-radius: 10px 10px 10px 10px;
border:1px;
border-color:#fff;
border-style:solid;}

.hr1{
color: #A87E00; 
background: #A87E00; 
border: 0; 
height: 0.9vw;
width:80%}

.hr2{
color: #A87E00; 
background: #A87E00; 
border: 0; 
height: 0.3vw; 
width:80%}

#cont-profile{
position:absolute;
top:0;
right:1%;
display: -webkit-flex;
display: flex;
flex-direction: column;
height:100%;
width:98%;
}

#profile{
border-left:1px #003366 solid;
border-right:1px #003366 solid;
border-color:#fff;
text-align:center;
font-family:'Microsoft Sans Serif';
font-size:12px;
color:#fff;
overflow:auto;
scrollbar-width: none;
padding: 0px 1% 0% 1%;
color:#fff;
background-color: rgba(37,55,100,0.5);
display: flex;
flex-direction: row;
gap: 1%;
-webkit-flex: 2;
flex: 2;
width:100%;
height:auto;
}

#prof-vuoto{
display: flex; none;
flex: none;
width:100%;
height:25px;
}

#prof-alto{
flex: initial;
width:100%;
height:35px;
border-radius: 10px 10px 0px 0px;
border-left:1px #003366 solid;
border-top:1px #003366 solid;
border-right:1px #003366 solid;
border-color:#fff;
font-size:25px;
background-color: rgba(37,55,100,0.5);
}

#prof-basso{
-webkit-flex: none;
flex: none;
width:100%;
height:40px;
border-radius: 0px 0px 10px 10px;
border-left:1px #003366 solid;
border-right:1px #003366 solid;
border-bottom:1px #003366 solid;
border-color:#fff;
padding-top:10px;
background-color:#003366;
color:#fff;
}

#ctrlAudio {
    position: relative;
    top:3px;
    left: 0px;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.100);
    border: none;
    cursor: pointer;
    padding: 0px;
 /*    border-radius: 50%; Lo rende rotondo */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
  }
#ctrlAudio:hover {background: rgba(0, 0, 0, 0.100);}

#iconaAudio {width: 150px;height: 20px;/* Rende l'icona bianca se usi immagini nere (opzionale) *// filter: invert(1); /}

#scheda-cornice {
width:49.5%;
overflow-y: auto;
padding: 1%; 
scrollbar-width:thin;
scrollbar-color: #000000 #33a1fd;
background-color: rgba(37,55,100,0.5);
border-radius: 10px 10px 10px 10px;
border-left:1px #003366 solid;
border-right:1px #003366 solid;
border-bottom:1px #003366 solid;
border-top:1px #003366 solid;
border-color:#fff;
}

.testo-respo {
  /* clamp(minimo, ideale, massimo) */
  font-size: clamp(30px, 3vw + 1rem,70px); 
  text-decoration: none;
  font-family: "Arial", sans-serif;
}
 .testo-piccolo {
  font-size: clamp(30px, 3vw + 1rem,60px); 
  text-decoration: none;
  font-family: "Arial", sans-serif;
} 
.testo-piccolo2 {
 font-size: clamp(30px, 3vw + 1rem,40px); 
  text-decoration: none;
  font-family: "Arial", sans-serif;
} 
.testo-piccolo3 {
 font-size: clamp(8px, 2vw + 1rem,19px); 
  text-decoration: none;
  font-family: "Arial", sans-serif;
} 

ul.custom-list {
list-style-type: none; /* Rimuove il pallino di default */
padding-left: 0px;    /* Spazio standard a sinistra dell'elenco */
}

ul.custom-list li {
position: relative;
padding-left: 15px;    /* Spazio davanti al testo per non sovrapporsi al meno */
margin-bottom: 5px;    /* Distanza tra i vari punti */
}

ul.custom-list li::before {
content: "-";          /* Inserisce il segno meno */
position: absolute;
left: 0;               /* Blocca il meno a sinistra */
top: 0;                /* Allinea il meno alla prima riga */
}

.img1 {
width:20vw;
padding:5px;
} 

.contenitore {
  width: 100%;
  max-width: 98%;
  margin: 0 auto;
}

.img-fluida-S {
  float: left; /* Sposta l'immagine a sinistra e fa avvolgere il testo */
  width: 40%;  /* Ridimensionamento percentuale in base al div */
  height: auto;
  margin-right: 15px;
  margin-bottom: 10px;
}

.img-fluida-D {
  float: right; /* Sposta l'immagine a sinistra e fa avvolgere il testo */
  width: 40%;  /* Ridimensionamento percentuale in base al div */
  height: auto;
  margin-left: 15px;
  margin-bottom: 10px;
}

#filepdf-1 {
width: 100%;  
height: 100%;
} 






@media only screen and (max-width: 1000px){



}





@media only screen and (max-width: 600px){

#cont-profile{width:98%;}

#cont-slides{display:none;}

#logo2{display:none;}

#prof-vuoto{height:35px;}

#profile{display: flex;flex-direction: column;gap: 1%;scrollbar-width: thin;overflow-y: visible;scrollbar-color: #000000 #33a1fd;}

#scheda-cornice {width:99.5%;height:auto;border:0;padding: 15px;flex-shrink: 0;scrollbar-width: none;overflow: visible;}

#prof-basso{font-size:3.09vw;height:60px;}

#filepdf-1 {min-height:68vw;} 

.vertical-container {min-height:68vw;}

.img1 {width:40vw;padding:5px;} 

}