/* ========================================================= 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)+''+ '

'+ ''+ '

'; $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