/* ── TEMPLATE 1: Artigo + Sidebar ── */

        /* Sidebar */
        #sidebar { padding-left: 2em; }
        #sidebar hr { top: 2em; margin-bottom: 4em; }
        #sidebar section { margin-bottom: 2em; }
        #sidebar .row.half { gap: 0.5em; margin-bottom: 1em; }
        #sidebar .row.half .image { margin: 0; }
        #sidebar .row.half h4 { font-size: 0.9em; margin-bottom: 0.2em; }
        #sidebar .row.half p  { font-size: 0.8em; line-height: 1.4; }

        /* Artigo principal */
        #content article > section { margin-bottom: 3em; }
        #content .image.featured { margin-bottom: 1.5em; }
        #content .image.featured img { border-radius: 4px; }

        /* Linha separadora entre artigos relacionados no rodapé */
        .related-articles { margin-top: 2em; }

        /* Responsivo, sidebar vai para baixo no mobile */
        @media (max-width: 760px) {
            #sidebar { padding-left: 0; border-top: solid 1px rgba(128,128,128,0.2); padding-top: 2em; }
        }

/* variável global */
:root {
    --z-overlay: 100;
}

#lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: var(--z-overlay);
}

#lightbox-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

#lightbox-img {
    max-width: 90vw;
    max-height: 90vh;
    transform: scale(0.94);
    transition: transform 0.4s ease, opacity 0.3s ease;
}

#lightbox-overlay.active #lightbox-img {
    transform: scale(1);
}

.zoomable {
    cursor: zoom-in;
    position: relative;
    z-index: 1;
}