/* Campagna centenario Fiorini 1926-2026 */
body.centenario-popup-open { overflow: hidden; }
#centenario-popup {
    position: fixed;
    z-index: 99999;
    top: 0; right: 0; bottom: 0; left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 22px;
    box-sizing: border-box;
    background: rgba(4, 5, 6, 0.91);
}
#centenario-popup.is-visible { display: flex; }
.centenario-popup-dialog {
    position: relative;
    width: 92%;
    max-width: 1080px;
    max-height: 94vh;
    overflow: auto;
    background: #111;
    border: 1px solid rgba(211, 166, 66, 0.72);
    box-shadow: 0 25px 90px rgba(0,0,0,.65);
}
.centenario-popup-image-link,
.centenario-popup-image { display: block; width: 100%; }
.centenario-popup-image { height: auto; max-height: 80vh; object-fit: contain; }
.centenario-popup-close {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 50%;
    background: rgba(0,0,0,.74);
    color: #fff;
    font: 300 31px/38px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}
.centenario-popup-close:hover,
.centenario-popup-close:focus { background: #c89a35; color: #111; outline: none; }
.centenario-popup-footer { padding: 12px 18px 17px; text-align: center; background: #111; }
.centenario-popup-cta {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid #c89a35;
    color: #e7c571 !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
    text-decoration: none;
}
.centenario-popup-cta:hover { background: #c89a35; color: #111 !important; }
.centenario-azienda {
    clear: both;
    margin: 24px 0 30px;
    padding: 18px;
    background: #151515;
    border-top: 3px solid #c89a35;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}
.centenario-azienda img { display:block; width:100%; height:auto; margin:0 0 18px; }
.centenario-azienda h3 { margin:0 0 8px; color:#c89a35; font-size:25px; line-height:1.25; }
.centenario-azienda p { margin:0; color:#eee; line-height:1.7; }
@media only screen and (max-width: 767px) {
    #centenario-popup { padding: 10px; }
    .centenario-popup-dialog { width: 100%; }
    .centenario-popup-image { max-height: 76vh; }
    .centenario-popup-close { top: 6px; right: 6px; width: 38px; height: 38px; font-size: 28px; line-height: 34px; }
    .centenario-popup-footer { padding: 10px; }
    .centenario-popup-cta { font-size: 12px; padding: 9px 16px; }
    .centenario-azienda { padding: 10px; }
    .centenario-azienda h3 { font-size:21px; }
}


/* Badge del centenario nella home, vicino allo slider principale */
#slideshow-container { position: relative; }
.centenario-home-badge {
    position: absolute;
    z-index: 120;
    top: 18px;
    left: 18px;
    width: 178px;
    max-width: 22%;
}
.centenario-home-badge a,
.centenario-home-badge img { display: block; width: 100%; height: auto; }
.centenario-home-badge a {
    border-radius: 50%;
    box-shadow: 0 10px 28px rgba(0,0,0,.48), 0 0 0 1px rgba(226,190,85,.25);
    transition: transform .2s ease, filter .2s ease;
}
.centenario-home-badge a:hover,
.centenario-home-badge a:focus {
    transform: translateY(-3px) scale(1.025);
    filter: brightness(1.06);
    outline: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .centenario-home-badge { top: 14px; left: 14px; width: 145px; max-width: 21%; }
}
@media only screen and (max-width: 767px) {
    .centenario-home-badge { top: 10px; left: 10px; width: 108px; max-width: 29%; }
}
@media only screen and (max-width: 479px) {
    .centenario-home-badge { top: 8px; left: 8px; width: 84px; max-width: 27%; }
}