#wpcm-block-tribunapopularji33xw { all: initial; display: block; box-sizing: border-box; } #wpcm-block-tribunapopularji33xw, #wpcm-block-tribunapopularji33xw * { font-family: inherit; } #wpcm-block-tribunapopularji33xw *, #wpcm-block-tribunapopularji33xw *::before, #wpcm-block-tribunapopularji33xw *::after { box-sizing: inherit; } #wpcm-block-tribunapopularji33xw .tp-gallery-wrap {
max-width: 1100px;
margin: 36px auto;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
} #wpcm-block-tribunapopularji33xw

.tp-gallery-title {
font-size: 26px;
font-weight: 800;
text-align: center;
margin-bottom: 6px;
color: #0a6e2e;
} #wpcm-block-tribunapopularji33xw

.tp-gallery-sub {
text-align: center;
font-size: 14px;
color: #8a7a4f;
margin-bottom: 24px;
} #wpcm-block-tribunapopularji33xw

.tp-gallery-sub::before, #wpcm-block-tribunapopularji33xw
.tp-gallery-sub::after {
content: " 2014 ";
color: #c79a3c;
} #wpcm-block-tribunapopularji33xw

.tp-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 14px;
} #wpcm-block-tribunapopularji33xw

.tp-gallery a {
display: block;
position: relative;
overflow: hidden;
border-radius: 14px;
box-shadow: 0 8px 22px rgba(0,0,0,0.18);
background: #111;
aspect-ratio: 4 / 3;
} #wpcm-block-tribunapopularji33xw

.tp-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s ease, opacity .35s ease;
} #wpcm-block-tribunapopularji33xw

.tp-gallery a:hover img {
transform: scale(1.08);
opacity: .82;
} #wpcm-block-tribunapopularji33xw

.tp-gallery a::after {
content: "1F50D Ampliar";
position: absolute;
left: 12px;
bottom: 12px;
padding: 6px 12px;
border-radius: 999px;
background: rgba(10,110,46,.85);
color: #fff;
font-size: 13px;
font-family: Arial, sans-serif;
opacity: 0;
transform: translateY(8px);
transition: all .3s ease;
} #wpcm-block-tribunapopularji33xw

.tp-gallery a:hover::after {
opacity: 1;
transform: translateY(0);
} #wpcm-block-tribunapopularji33xw

.tp-lightbox {
position: fixed;
inset: 0;
background: rgba(0,0,0,.94);
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
} #wpcm-block-tribunapopularji33xw

.tp-lightbox.active {
display: flex;
} #wpcm-block-tribunapopularji33xw

.tp-lightbox img {
max-width: 94vw;
max-height: 86vh;
object-fit: contain;
border-radius: 10px;
box-shadow: 0 0 40px rgba(0,0,0,.6);
} #wpcm-block-tribunapopularji33xw

.tp-lightbox-close, #wpcm-block-tribunapopularji33xw
.tp-lightbox-prev, #wpcm-block-tribunapopularji33xw
.tp-lightbox-next {
position: fixed;
border: none;
cursor: pointer;
color: #fff;
background: rgba(255,255,255,.14);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
transition: background .25s ease, transform .25s ease;
z-index: 1000000;
} #wpcm-block-tribunapopularji33xw

.tp-lightbox-close:hover, #wpcm-block-tribunapopularji33xw
.tp-lightbox-prev:hover, #wpcm-block-tribunapopularji33xw
.tp-lightbox-next:hover {
background: rgba(199,154,60,.55);
transform: scale(1.05);
} #wpcm-block-tribunapopularji33xw

.tp-lightbox-close {
top: 22px;
right: 24px;
width: 48px;
height: 48px;
border-radius: 50%;
font-size: 30px;
line-height: 48px;
} #wpcm-block-tribunapopularji33xw

.tp-lightbox-prev, #wpcm-block-tribunapopularji33xw
.tp-lightbox-next {
top: 50%;
transform: translateY(-50%);
width: 54px;
height: 54px;
border-radius: 50%;
font-size: 34px;
line-height: 54px;
} #wpcm-block-tribunapopularji33xw

.tp-lightbox-prev:hover, #wpcm-block-tribunapopularji33xw
.tp-lightbox-next:hover {
transform: translateY(-50%) scale(1.05);
} #wpcm-block-tribunapopularji33xw

.tp-lightbox-prev {
left: 22px;
} #wpcm-block-tribunapopularji33xw

.tp-lightbox-next {
right: 22px;
} #wpcm-block-tribunapopularji33xw

.tp-lightbox-counter {
position: fixed;
left: 50%;
bottom: 22px;
transform: translateX(-50%);
color: #fff;
font-family: Arial, sans-serif;
font-size: 14px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255,255,255,.14);
} #wpcm-block-tribunapopularji33xw

@media (max-width: 700px) {
.tp-gallery {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}

.tp-lightbox-prev,
.tp-lightbox-next {
width: 44px;
height: 44px;
font-size: 28px;
}

.tp-lightbox-prev {
left: 10px;
}

.tp-lightbox-next {
right: 10px;
}

.tp-lightbox-close {
right: 12px;
top: 12px;
}
}

document.addEventListener("DOMContentLoaded", function () { var galleryLinks = Array.prototype.slice.call(document.querySelectorAll("#tpGallery a")); var lightbox = document.getElementById("tpLightbox"); var lightboxImg = document.getElementById("tpLightboxImg"); var closeBtn = document.getElementById("tpClose"); var prevBtn = document.getElementById("tpPrev"); var nextBtn = document.getElementById("tpNext"); var counter = document.getElementById("tpCounter"); if (!lightbox || galleryLinks.length === 0) return; var currentIndex = 0; function openLightbox(index) { currentIndex = index; lightboxImg.src = galleryLinks[currentIndex].href; counter.textContent = (currentIndex + 1) + " / " + galleryLinks.length; lightbox.classList.add("active"); document.body.style.overflow = "hidden"; } function closeLightbox() { lightbox.classList.remove("active"); lightboxImg.src = ""; document.body.style.overflow = ""; } function showPrev() { currentIndex = (currentIndex - 1 + galleryLinks.length) % galleryLinks.length; openLightbox(currentIndex); } function showNext() { currentIndex = (currentIndex + 1) % galleryLinks.length; openLightbox(currentIndex); } galleryLinks.forEach(function (link, index) { link.addEventListener("click", function (e) { e.preventDefault(); openLightbox(index); }); }); closeBtn.addEventListener("click", closeLightbox); prevBtn.addEventListener("click", showPrev); nextBtn.addEventListener("click", showNext); lightbox.addEventListener("click", function (e) { if (e.target === lightbox) closeLightbox(); }); document.addEventListener("keydown", function (e) { if (!lightbox.classList.contains("active")) return; if (e.key === "Escape") closeLightbox(); if (e.key === "ArrowLeft") showPrev(); if (e.key === "ArrowRight") showNext(); }); });