Últimas Notícias
Galeira
/* =========================================================
NAMESPACE: .tpg
Tudo prefixado para não conflitar com WordPress
========================================================= */
/* RESET */
.tpg, .tpg *, .tpg *::before, .tpg *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
/* CONTAINER */
.tpg {
max-width: 960px;
margin: 40px auto;
padding: 0 20px;
color: #1a1a2e;
}
/* HEADER */
.tpg-header {
text-align: center;
margin-bottom: 36px;
padding-bottom: 24px;
border-bottom: 2px solid #eee;
}
.tpg-header h2 {
font-size: 2rem;
font-weight: 800;
color: #1a1a2e;
margin: 0 0 8px 0;
letter-spacing: -0.02em;
}
.tpg-header p {
font-size: 0.95rem;
color: #888;
margin: 0 0 14px 0;
}
.tpg-badge {
display: inline-block;
background: #c0392b;
color: #fff;
font-size: 0.78rem;
font-weight: 700;
padding: 5px 16px;
border-radius: 50px;
letter-spacing: 0.03em;
}
/* GRID */
.tpg-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.tpg-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.tpg-grid { grid-template-columns: 1fr; }
}
/* CARD */
.tpg-card {
position: relative;
aspect-ratio: 3 / 2;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
background: #f0f0f0;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tpg-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}
.tpg-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.tpg-card:hover img {
transform: scale(1.06);
}
.tpg-card-num {
position: absolute;
top: 8px;
right: 8px;
background: rgba(0,0,0,0.6);
color: #fff;
font-size: 0.7rem;
font-weight: 700;
padding: 3px 9px;
border-radius: 50px;
z-index: 2;
}
.tpg-card-hover {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.3);
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.tpg-card:hover .tpg-card-hover {
opacity: 1;
}
.tpg-card-hover svg {
width: 40px;
height: 40px;
fill: #fff;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}
/* PAGINAÇÃO */
.tpg-pages {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.tpg-pages button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 10px;
font-size: 0.85rem;
font-weight: 600;
color: #333;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
-webkit-appearance: none;
appearance: none;
outline: none;
}
.tpg-pages button:hover {
background: #f5f5f5;
border-color: #c0392b;
color: #c0392b;
}
.tpg-pages button.tpg-cur {
background: #c0392b;
color: #fff;
border-color: #c0392b;
}
.tpg-pages button:disabled {
opacity: 0.35;
cursor: default;
pointer-events: none;
}
.tpg-pages-dots {
font-size: 0.85rem;
color: #999;
padding: 0 2px;
user-select: none;
}
.tpg-pageinfo {
text-align: center;
font-size: 0.8rem;
color: #999;
margin: 0;
padding: 0;
}
/* =========================================================
LIGHTBOX — overlay fixo, z-index altíssimo
========================================================= */
#tpgOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: rgba(0, 0, 0, 0.93);
/* Começa escondido */
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.35s ease, visibility 0.35s ease;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#tpgOverlay.tpg-show {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
/* Imagem no lightbox */
#tpgOverlayImg {
max-width: 88vw;
max-height: 80vh;
object-fit: contain;
border-radius: 6px;
opacity: 0;
transition: opacity 0.3s ease;
user-select: none;
-webkit-user-drag: none;
}
#tpgOverlayImg.tpg-visible {
opacity: 1;
}
/* Spinner */
#tpgOverlaySpinner {
width: 44px;
height: 44px;
border: 4px solid rgba(255, 255, 255, 0.15);
border-top-color: #fff;
border-radius: 50%;
animation: tpgRotate 0.7s linear infinite;
position: absolute;
}
@keyframes tpgRotate {
to { transform: rotate(360deg); }
}
/* Info (ex: "12 / 155") */
#tpgOverlayInfo {
position: absolute;
bottom: 22px;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.55);
color: #fff;
font-size: 0.82rem;
font-weight: 600;
padding: 6px 20px;
border-radius: 50px;
user-select: none;
}
/* Botão fechar */
#tpgOverlayClose {
position: absolute;
top: 18px;
right: 18px;
z-index: 10;
width: 48px;
height: 48px;
background: rgba(255, 255, 255, 0.12);
border: none;
border-radius: 50%;
color: #fff;
font-size: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
-webkit-appearance: none;
appearance: none;
outline: none;
line-height: 1;
padding: 0;
}
#tpgOverlayClose:hover {
background: rgba(255, 255, 255, 0.28);
}
/* Botões prev/next */
#tpgOverlayPrev,
#tpgOverlayNext {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 52px;
height: 52px;
background: rgba(255, 255, 255, 0.12);
border: none;
border-radius: 50%;
color: #fff;
font-size: 26px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
-webkit-appearance: none;
appearance: none;
outline: none;
line-height: 1;
padding: 0;
}
#tpgOverlayPrev { left: 16px; }
#tpgOverlayNext { right: 16px; }
#tpgOverlayPrev:hover,
#tpgOverlayNext:hover {
background: rgba(255, 255, 255, 0.28);
}
@media (max-width: 600px) {
#tpgOverlayPrev,
#tpgOverlayNext {
width: 42px; height: 42px; font-size: 20px;
}
#tpgOverlayPrev { left: 8px; }
#tpgOverlayNext { right: 8px; }
#tpgOverlayClose { width: 40px; height: 40px; font-size: 24px; top: 10px; right: 10px; }
}
/* =========================================================
NAMESPACE: .tpg
Tudo prefixado para não conflitar com WordPress
========================================================= */
/* RESET */
.tpg, .tpg *, .tpg *::before, .tpg *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
/* CONTAINER */
.tpg {
max-width: 960px;
margin: 40px auto;
padding: 0 20px;
color: #1a1a2e;
}
/* HEADER */
.tpg-header {
text-align: center;
margin-bottom: 36px;
padding-bottom: 24px;
border-bottom: 2px solid #eee;
}
.tpg-header h2 {
font-size: 2rem;
font-weight: 800;
color: #1a1a2e;
margin: 0 0 8px 0;
letter-spacing: -0.02em;
}
.tpg-header p {
font-size: 0.95rem;
color: #888;
margin: 0 0 14px 0;
}
.tpg-badge {
display: inline-block;
background: #c0392b;
color: #fff;
font-size: 0.78rem;
font-weight: 700;
padding: 5px 16px;
border-radius: 50px;
letter-spacing: 0.03em;
}
/* GRID */
.tpg-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.tpg-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.tpg-grid { grid-template-columns: 1fr; }
}
/* CARD */
.tpg-card {
position: relative;
aspect-ratio: 3 / 2;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
background: #f0f0f0;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tpg-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}
.tpg-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.tpg-card:hover img {
transform: scale(1.06);
}
.tpg-card-num {
position: absolute;
top: 8px;
right: 8px;
background: rgba(0,0,0,0.6);
color: #fff;
font-size: 0.7rem;
font-weight: 700;
padding: 3px 9px;
border-radius: 50px;
z-index: 2;
}
.tpg-card-hover {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.3);
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.tpg-card:hover .tpg-card-hover {
opacity: 1;
}
.tpg-card-hover svg {
width: 40px;
height: 40px;
fill: #fff;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}
/* PAGINAÇÃO */
.tpg-pages {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.tpg-pages button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 10px;
font-size: 0.85rem;
font-weight: 600;
color: #333;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
-webkit-appearance: none;
appearance: none;
outline: none;
}
.tpg-pages button:hover {
background: #f5f5f5;
border-color: #c0392b;
color: #c0392b;
}
.tpg-pages button.tpg-cur {
background: #c0392b;
color: #fff;
border-color: #c0392b;
}
.tpg-pages button:disabled {
opacity: 0.35;
cursor: default;
pointer-events: none;
}
.tpg-pages-dots {
font-size: 0.85rem;
color: #999;
padding: 0 2px;
user-select: none;
}
.tpg-pageinfo {
text-align: center;
font-size: 0.8rem;
color: #999;
margin: 0;
padding: 0;
}
/* =========================================================
LIGHTBOX — overlay fixo, z-index altíssimo
========================================================= */
#tpgOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: rgba(0, 0, 0, 0.93);
/* Começa escondido */
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.35s ease, visibility 0.35s ease;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#tpgOverlay.tpg-show {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
/* Imagem no lightbox */
#tpgOverlayImg {
max-width: 88vw;
max-height: 80vh;
object-fit: contain;
border-radius: 6px;
opacity: 0;
transition: opacity 0.3s ease;
user-select: none;
-webkit-user-drag: none;
}
#tpgOverlayImg.tpg-visible {
opacity: 1;
}
/* Spinner */
#tpgOverlaySpinner {
width: 44px;
height: 44px;
border: 4px solid rgba(255, 255, 255, 0.15);
border-top-color: #fff;
border-radius: 50%;
animation: tpgRotate 0.7s linear infinite;
position: absolute;
}
@keyframes tpgRotate {
to { transform: rotate(360deg); }
}
/* Info (ex: "12 / 155") */
#tpgOverlayInfo {
position: absolute;
bottom: 22px;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.55);
color: #fff;
font-size: 0.82rem;
font-weight: 600;
padding: 6px 20px;
border-radius: 50px;
user-select: none;
}
/* Botão fechar */
#tpgOverlayClose {
position: absolute;
top: 18px;
right: 18px;
z-index: 10;
width: 48px;
height: 48px;
background: rgba(255, 255, 255, 0.12);
border: none;
border-radius: 50%;
color: #fff;
font-size: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
-webkit-appearance: none;
appearance: none;
outline: none;
line-height: 1;
padding: 0;
}
#tpgOverlayClose:hover {
background: rgba(255, 255, 255, 0.28);
}
/* Botões prev/next */
#tpgOverlayPrev,
#tpgOverlayNext {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 52px;
height: 52px;
background: rgba(255, 255, 255, 0.12);
border: none;
border-radius: 50%;
color: #fff;
font-size: 26px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
-webkit-appearance: none;
appearance: none;
outline: none;
line-height: 1;
padding: 0;
}
#tpgOverlayPrev { left: 16px; }
#tpgOverlayNext { right: 16px; }
#tpgOverlayPrev:hover,
#tpgOverlayNext:hover {
background: rgba(255, 255, 255, 0.28);
}
@media (max-width: 600px) {
#tpgOverlayPrev,
#tpgOverlayNext {
width: 42px; height: 42px; font-size: 20px;
}
#tpgOverlayPrev { left: 8px; }
#tpgOverlayNext { right: 8px; }
#tpgOverlayClose { width: 40px; height: 40px; font-size: 24px; top: 10px; right: 10px; }
}
(function(){
var PER_PAGE = 6;
var IMGS = [
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1054-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1054.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1058-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1058.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1059-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1059.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1063-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1063.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1066-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1066.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1068-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1068.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1070-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1070.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1074-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1074.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1077-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1077.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1079-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1079.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1082-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1082.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1084-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1084.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1085-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1085.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1090-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1090.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1093-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1093.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1095-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1095.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1098-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1098.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1099-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1099.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1100-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1100.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1103-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1103.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1106-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1106.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1108-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1108.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1110-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1110.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1113-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1113.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1116-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1116.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1118-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1118.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1121-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1121.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1122-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1122.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1123-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1123.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1124-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1124.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1126-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1126.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1128-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1128.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1130-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1130.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1131-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1131.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1132-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1132.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1133-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1133.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1135-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1135.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1137-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1137.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1139-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1139.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1140-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1140.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1141-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1141.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1146-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1146.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1148-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1148.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1152-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1152.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1155-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1155.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1158-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1158.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1160-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1160.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1161-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1161.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1167-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1167.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1168-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1168.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1170-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1170.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1173-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1173.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1174-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1174.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1177-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1177.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1180-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1180.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1181-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1181.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1184-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1184.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1187-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1187.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1189-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1189.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1192-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1192.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1193-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1193.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1196-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1196.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1197-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1197.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1198-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1198.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1199-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1199.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1201-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1201.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1202-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1202.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1205-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1205.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1206-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1206.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1207-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1207.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1210-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1210.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1211-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1211.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1214-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1214.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1215-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1215.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1218-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1218.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1219-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1219.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1221-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1221.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1222-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1222.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1225-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1225.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1227-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1227.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1228-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1228.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1229-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1229.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1230-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1230.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1231-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1231.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1233-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1233.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1236-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1236.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1237-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1237.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1239-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1239.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1243-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1243.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1244-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1244.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1246-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1246.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1247-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1247.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1249-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1249.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1250-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1250.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1252-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1252.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1256-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1256.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1259-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1259.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1260-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1260.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1264-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1264.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1265-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1265.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1267-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1267.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1270-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1270.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1271-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1271.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1273-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1273.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1278-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1278.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1281-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1281.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1284-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1284.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1285-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1285.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1289-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1289.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1291-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1291.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1293-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1293.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1296-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1296.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1297-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1297.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1298-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1298.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1302-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1302.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1303-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1303.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1304-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1304.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1308-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1308.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1309-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1309.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1310-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1310.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1312-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1312.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1315-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1315.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1317-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1317.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1319-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1319.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1321-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1321.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1323-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1323.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1325-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1325.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1327-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1327.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1328-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1328.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1330-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1330.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1333-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1333.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1336-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1336.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1337-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1337.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1340-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1340.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1342-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1342.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1344-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1344.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1347-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1347.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1348-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1348.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1349-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1349.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1351-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1351.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1355-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1355.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1356-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1356.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1358-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1358.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1360-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1360.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1363-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1363.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1365-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1365.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1367-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1367.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1370-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1370.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1372-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1372.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1375-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1375.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1376-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1376.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1378-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1378.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1381-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1381.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1383-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1383.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1387-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1387.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1389-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1389.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1392-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1392.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1393-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1393.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1396-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1396.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1398-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1398.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1400-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1400.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1401-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1401.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1403-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1403.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1404-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1404.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1407-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1407.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1409-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1409.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1411-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1411.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1413-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1413.webp"],
["https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1415-1024x682.webp","https://tribunapopular.com.br/wp-content/uploads/2026/04/dnpx_1415.webp"]
];
/* ---------- ELEMENTOS ---------- */
var $grid = document.getElementById('tpgGrid');
var $pages = document.getElementById('tpgPages');
var $count = document.getElementById('tpgCount');
var $info = document.getElementById('tpgInfo');
var $ov = document.getElementById('tpgOverlay');
var $ovImg = document.getElementById('tpgOverlayImg');
var $ovSpin = document.getElementById('tpgOverlaySpinner');
var $ovInfo = document.getElementById('tpgOverlayInfo');
var $ovClose = document.getElementById('tpgOverlayClose');
var $ovPrev = document.getElementById('tpgOverlayPrev');
var $ovNext = document.getElementById('tpgOverlayNext');
/* ---------- ESTADO ---------- */
var page = 1;
var total = Math.ceil(IMGS.length / PER_PAGE);
var isOpen = false;
var idx = 0;
var touchX = 0;
/* ===========================================
GRID
=========================================== */
function buildGrid(){
$grid.innerHTML = '';
var s = (page - 1) * PER_PAGE;
var e = Math.min(s + PER_PAGE, IMGS.length);
for(var i = s; i < e; i++){
var d = document.createElement('div');
d.className = 'tpg-card';
d.setAttribute('data-i', i);
d.innerHTML =
'
'+
''+(i+1)+''+
'
Galeria de Fotos
Clique em qualquer imagem para ampliar
'+
''+
'
';
$grid.appendChild(d);
}
}
/* ===========================================
PAGINATION
=========================================== */
function buildPages(){
$pages.innerHTML = '';
// Prev
var bp = document.createElement('button');
bp.type = 'button';
bp.innerHTML = '❮';
bp.disabled = (page === 1);
bp.onclick = function(){ if(page > 1){ page--; draw(); scroll(); } };
$pages.appendChild(bp);
// Numbers
var nums = pageNums(page, total);
for(var n = 0; n 3) r.push('...');
for(var j = Math.max(2,c-1); j = IMGS.length) return;
idx = i;
$ovInfo.textContent = (i + 1) + ' / ' + IMGS.length;
// Reset
$ovSpin.style.display = 'block';
$ovImg.classList.remove('tpg-visible');
// Preload
var tmp = new Image();
tmp.onload = function(){
if(idx === i && isOpen){
$ovImg.src = tmp.src;
$ovSpin.style.display = 'none';
// Forçar reflow para a transição funcionar
void $ovImg.offsetWidth;
$ovImg.classList.add('tpg-visible');
}
};
tmp.onerror = function(){
// Fallback: usa o thumbnail
if(idx === i && isOpen){
$ovImg.src = IMGS[i][0];
$ovSpin.style.display = 'none';
void $ovImg.offsetWidth;
$ovImg.classList.add('tpg-visible');
}
};
tmp.src = IMGS[i][1];
}
function next(){
if(!isOpen) return;
load((idx + 1) % IMGS.length);
}
function prev(){
if(!isOpen) return;
load((idx - 1 + IMGS.length) % IMGS.length);
}
/* ===========================================
EVENTOS
=========================================== */
// Clique nos cards (delegação)
$grid.addEventListener('click', function(e){
var card = e.target;
while(card && !card.classList.contains('tpg-card')){
card = card.parentElement;
}
if(!card) return;
e.preventDefault();
e.stopPropagation();
var i = parseInt(card.getAttribute('data-i'), 10);
if(!isNaN(i)) open(i);
});
// Botões do lightbox
$ovClose.addEventListener('click', function(e){
e.stopPropagation();
close();
});
$ovPrev.addEventListener('click', function(e){
e.stopPropagation();
prev();
});
$ovNext.addEventListener('click', function(e){
e.stopPropagation();
next();
});
// Clique no fundo escuro = fechar
$ov.addEventListener('click', function(e){
if(e.target === $ov) close();
});
// Teclado
document.addEventListener('keydown', function(e){
if(!isOpen) return;
if(e.key === 'Escape') close();
else if(e.key === 'ArrowRight') next();
else if(e.key === 'ArrowLeft') prev();
});
// Swipe touch
$ov.addEventListener('touchstart', function(e){
touchX = e.changedTouches[0].screenX;
}, {passive:true});
$ov.addEventListener('touchend', function(e){
var d = e.changedTouches[0].screenX - touchX;
if(Math.abs(d) > 50){
if(d