@charset "UTF-8";
/* CSS Document */

			
	.lightbox-2-css {
    position: fixed;            /* Fondamentale: si ancora al vetro del browser */
    top: 50%;                   /* Sposta il bordo superiore al 50% dello schermo */
    left: 50%;                  /* Sposta il bordo sinistro al 50% dello schermo */
    transform: translate(-50%, -50%); /* Centra l'elemento spostandolo del 50% della sua stessa dimensione */
    width: 80vw;                
    height: 80vh;               
    background: rgba(128, 128, 128, 0); /* Fondo grigio opaco */
    z-index: 99999;            /* Passa sopra a qualsiasi elemento, header compreso */
    
    /* STATO INIZIALE: Totalmente invisibile e incorporeo */
   	opacity: 0;
    visibility: hidden;         /* Rende il blocco invisibile ai browser */
    pointer-events: none;     /* Impedisce clic accidentali quando è nascosto */
    
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    box-sizing: border-box;
    transition: opacity 0.4s ease, visibility 1.9s ease; /* Dissolvenza fluida */
}

/* LA MAGIA DEL TARGET: Si attiva SOLO quando l'URL contiene l'ancora corretta */
.lightbox-2-css:target {
    opacity: 1;
    visibility: visible;        /* Accende la stanza a tutto schermo */
    pointer-events: auto;       /* Sblocca i clic per l'immagine e la chiusura */
}


.lightbox-2-close {
    position: absolute;
    top: 10px;                  /* Sposta l'elemento vicino al bordo superiore */
    left: 50%;                  /* Sposta il punto di inizio al 50% della larghezza */
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.5vw;
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    transition: color 0.3s ease;
}

.lightbox-2-close:hover {
               text-shadow: 2px 2px 10px rgba(0, 0, 0, 1)
}