.elementor-1853 .elementor-element.elementor-element-ccab8f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-3px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1853 .elementor-element.elementor-element-3be4c65{--e-image-carousel-slides-to-show:1;}.elementor-1853 .elementor-element.elementor-element-3be4c65 .swiper-pagination-bullet{background:#A8A8A8;}#elementor-popup-modal-1853 .dialog-widget-content{animation-duration:1.2s;box-shadow:0px -1px 11px 3px rgba(0, 0, 0, 0.03);margin:0px 20px 0px 0px;}#elementor-popup-modal-1853 .dialog-message{width:500px;height:640px;align-items:flex-start;}#elementor-popup-modal-1853{justify-content:flex-end;align-items:center;}#elementor-popup-modal-1853 .dialog-close-button{display:flex;font-size:15px;}body:not(.rtl) #elementor-popup-modal-1853 .dialog-close-button{right:4%;}body.rtl #elementor-popup-modal-1853 .dialog-close-button{left:4%;}#elementor-popup-modal-1853 .dialog-close-button i{color:#8F8F8F;}#elementor-popup-modal-1853 .dialog-close-button svg{fill:#8F8F8F;}@media(max-width:601px){#elementor-popup-modal-1853 .dialog-message{width:320px;height:418px;}#elementor-popup-modal-1853{justify-content:flex-end;}}/* Start custom CSS for image-carousel, class: .elementor-element-3be4c65 *//* 1. Inizializza il contatore sul contenitore dei pallini */
.elementor-1853 .elementor-element.elementor-element-3be4c65 .swiper-pagination {
    counter-reset: numero-opera; /* Crea un contatore chiamato 'numero-opera' */
}

/* 2. Resetta l'estetica del pallino di default di Elementor */
.elementor-1853 .elementor-element.elementor-element-3be4c65 .swiper-pagination-bullet {
    width: auto !important; 
    height: auto !important;
    background: transparent !important; /* Rende invisibile il cerchio */
    opacity: 1 !important; /* Rimuove l'opacità di default */
    border-radius: 0 !important;
    margin: 0 4px !important; /* Spaziatura tra i numeri */
    counter-increment: numero-opera; /* Incrementa il contatore di 1 per ogni pallino */
}

/* 3. Stampa il numero a video (Micro-Tipografia) */
.elementor-1853 .elementor-element.elementor-element-3be4c65 .swiper-pagination-bullet::before {
    content: counter(numero-opera); /* Inserisce il numero */
    font-family: 'Syne', 'Helvetica Neue', sans-serif; /* Assicurati di usare il font del sito */
    font-size: 13px; /* Dimensione da didascalia museale */
    font-weight: 400;
    color: #A0A0A0; /* Grigio tenue per i numeri inattivi */
    transition: all 0.4s ease;
}

/* 4. Lo stato Attivo (La pagina corrente) */
.elementor-1853 .elementor-element.elementor-element-3be4c65 .swiper-pagination-bullet-active::before {
    color: #1A1A1A; /* Antracite scuro per il numero selezionato */
    font-weight: 500;
    
}/* End custom CSS */
/* Start custom CSS */.dialog-lightbox-widget-content a.dialog-close-button.dialog-lightbox-close-button {
    top:auto;
    bottom: 12px;
    outline: none !important;
    border: none !important;
}/* End custom CSS */