* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
html, body {
  margin: 0; 
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
   overflow: hidden; 
}
body  {
    display: flex; /* Attiva il layout Flexbox */
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra orizzontalmente (opzionale) */
    height: 100vh; /* Altezza pari all'intera finestra, modifica secondo necessità */
}

        .bg {
            font-family: Arial, sans-serif;
            background-position:  center center;
            background-size: contain;
  
			display: flex;
			margin: auto;
            overflow: hidden;
			background-repeat: no-repeat;
			position: relative;
        }

@media (orientation: landscape) {
    .bg {
            width: 133vh;
            height: 100vh;
    }
}

/* Per schermi verticali (portrait) */
@media (orientation: portrait) {
    .bg {
            width: 100vw;
            height: 75vw;
    }
}

        .navigation {
     
        }

.last-page-nav {
	
}
.last-page-nav a {
			display: block;
            
            text-decoration: none;
            padding: 10px 20px;
			height: 8%;
            border-radius: 5px;
			z-index: 2;
			position: absolute;
			bottom: 0px;
			
	width: 11.5%;
	height: 11.5%;
	
}
.last-page-nav a:nth-child(1) {
	left:39%;
	top: 2%;
	width: 22%;
	height: 22%;
}


.last-page-nav a:nth-child(2) {
	left:41.5%;
	top: 27.5%;
}
.last-page-nav a:nth-child(3) {
	left:55.3%;
	top: 27.5%;
}
.last-page-nav a:nth-child(4) {
	left:41.5%;
	top: 42.4%;
}
.last-page-nav a:nth-child(5) {
	left:41.5%;
	top: 57.5%;
}
.last-page-nav a:nth-child(6) {
	left:55.3%;
	top: 57.5%;
}
.last-page-nav a:nth-child(7) {
	left:69.2%;
	top: 57.5%;
}    
.last-page-nav a:nth-child(8) {
	left:83.2%;
	top: 57.5%;
}    
.last-page-nav a:nth-child(9) {
	left:41.5%;
	top: 72.1%;
}
        .navigation a {
			display: block;
            
            text-decoration: none;
            padding: 10px 20px;
			height: 8%;
            border-radius: 5px;
			z-index: 2;
			position: absolute;
			bottom: 0px;
			display: none;
			
			
        }
		.navigation a:nth-child(1) {
			
			left: 3%;
			width: 17%;
			display: block;
			
			}
		.navigation a:nth-child(2) {
			
			left: 27.6%;
			width: 8.9%;
			display: block;
			
			}
		.navigation a:nth-child(3) {
			
			left: 36.5%;
			width: 16.2%;
			display: block;
			
			}
		.navigation a:nth-child(4) {
			
			left: 52.7%;
			width: 11.9%;
			display: block;
			
			}
		.navigation a:nth-child(5) {
			
			left: 64.6%;
			width: 7.9%;
			display: block;
			
			}
		.navigation a:nth-child(6) {
			
			right: 5%;
			width: 5.5%;
			display: block;
			
			}
		.navigation a:nth-child(7) {
			
			right: 0px;
			width: 5%;
			display: block;
			
			}
        .btn-open-popup {
            position: absolute;
            height: 8%;
			width: 4%;
            background: transparent;
			border: none;
			
		
			width: 5.7%;
			display: block;
        }
.btn-popup-0 {
		
    right: 4.8%;			bottom: 0px;
}
.btn-popup-1 {
	right:35.5%;
	bottom: 10.5%;
}
.btn-popup-2 {
	right:31%;
	bottom: 11%;
}
.btn-popup-5grafico {
	right:2%;
	bottom: 30%;
}
.btn-popup-51 {
	right:23.6%;
	bottom: 12.1%;
}
.btn-popup-52 {
    right: 18%;
    bottom: 32%;
}

.btn-popup-6 {
	right:15%;
	top: 30%;
	width: 10%;
	height: 30%;
}
        .popup {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: no-repeat center center;
            background-size: contain;
            z-index: 1000;
        }

        .popup .close {
            position: absolute;
            top: 3.2%;
            right: 2.5%;
			
            border: none;
            padding: 10px;
			
            cursor: pointer;
			width: 6%;
			  aspect-ratio: 1 / 1; 

            background: transparent;        }

#exitButton {
    position: absolute;
    height: 6.6%;
    width: 4%;
    background: transparent;
    border: none;
    width: 6%;
    display: block;
    bottom: 10.8%;
    right: 0%;
}
#nextVisualButton {
    position: absolute;
    height: 7.5%;
    background: transparent;
    border: none;
    width: 5.7%;
    display: block;
    bottom: 8%;
    right: 0%;
}


#pdf-siler {
	background: transparent;
	position: absolute;
    height: 8%;
	border: none;
	width: 4.8%;
	display: block;
	bottom: 0px;
	right: 0px;
}