/* Responsive */
@media (max-width:600px) {
  .loader-logo {
    width: clamp(40%, 50vw, 60%);
  }
}

* { box-sizing: border-box; margin: 0; padding: 0; }

/* Schermata di caricamento */
#page-loader {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: #fefefe; /* Colore di sfondo */
z-index: 9999;
transition: opacity 400ms ease, visibility 400ms ease;
opacity: 1;
visibility: visible;
}

/* Quando viene nascosto */
#page-loader.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}

/* Logo */
.loader-logo {
display: block;
width: 13%; /* Modifica la dimensione se vuoi */
height: auto;
}

/* Contenuto principale */
#main {
opacity: 0;
transition: opacity 400ms ease;
}

body.loaded #main {
opacity: 1;
}