{"id":327,"date":"2025-06-06T16:02:40","date_gmt":"2025-06-06T19:02:40","guid":{"rendered":"https:\/\/fotosport.com.br\/?page_id=327"},"modified":"2025-07-24T15:28:08","modified_gmt":"2025-07-24T18:28:08","slug":"home","status":"publish","type":"page","link":"https:\/\/fotosport.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"327\" class=\"elementor elementor-327\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dbb0c3 elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"6dbb0c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fb3338 e-flex e-con-boxed e-con e-parent\" data-id=\"5fb3338\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26b0bcb e-flex e-con-boxed e-con e-parent\" data-id=\"26b0bcb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e2f71d e-transform elementor-widget elementor-widget-html\" data-id=\"5e2f71d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-18,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <style>\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.woocommerce-message {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t\n\t    .inicial-container {\n\t\t\tmax-width: 1400px;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 0 20px;\n\t\t\tfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n\t\t}\n\n\t\t.busca-container {\n\t\t\tbackground: transparent;\n\t\t\tpadding: 40px 0;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.campo-busca {\n\t\t\tposition: relative;\n\t\t\tmax-width: 600px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t.campo-busca input {\n\t\t\twidth: 100%;\n\t\t\tpadding: 18px 60px 18px 24px;\n\t\t\tborder: 2px solid #333;\n\t\t\tborder-radius: 12px;\n\t\t\tbackground: #1a1a1a;\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 400;\n\t\t\ttransition: all 0.3s ease;\n\t\t\toutline: none;\n\t\t}\n\n\t\t.campo-busca input:focus {\n\t\t\tborder-color: #cc5500;\n\t\t\tbackground: #000;\n\t\t\tbox-shadow: 0 0 0 3px rgba(204, 85, 0, 0.1);\n\t\t}\n\n\t\t.campo-busca input::placeholder {\n\t\t\tcolor: #888;\n\t\t\tfont-weight: 300;\n\t\t}\n\n\t\t.campo-busca .icone-busca {\n\t\t\tposition: absolute;\n\t\t\tright: 20px;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\tcolor: #666;\n\t\t\tfont-size: 18px;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.campo-busca .limpar-busca {\n\t\t\tposition: absolute;\n\t\t\tright: 50px;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\t\t\tcolor: #666;\n\t\t\tfont-size: 16px;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: none;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t\tpadding: 0;\n\t\t\ttransition: color 0.2s ease;\n\t\t}\n\n\t\t.campo-busca .limpar-busca:hover {\n\t\t\tcolor: #cc5500;\n\t\t}\n\n\t\t.controles-filtro {\n\t\t\tmargin: 30px 0;\n\t\t\tdisplay: none;\n\t\t\tjustify-content: center;\n\t\t\tgap: 24px;\n\t\t}\n\n\t\t.filtro-checkbox {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 500;\n\t\t\tcursor: pointer;\n\t\t\tuser-select: none;\n\t\t\tpadding: 12px 20px;\n\t\t\tborder-radius: 8px;\n\t\t\ttransition: all 0.2s ease;\n\t\t\tbackground: rgba(255, 255, 255, 0.02);\n\t\t}\n\n\t\t.filtro-checkbox:hover {\n\t\t\tbackground: rgba(204, 85, 0, 0.08);\n\t\t}\n\n\t\t.filtro-checkbox input[type=\"checkbox\"] {\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tborder: 2px solid #444;\n\t\t\tborder-radius: 4px;\n\t\t\tbackground: transparent;\n\t\t\tcursor: pointer;\n\t\t\taccent-color: #cc5500;\n\t\t\ttransition: all 0.2s ease;\n\t\t}\n\n\t\t.filtro-checkbox input[type=\"checkbox\"]:checked {\n\t\t\tbackground: #cc5500;\n\t\t\tborder-color: #cc5500;\n\t\t}\n\n\t\t.resultado-busca {\n\t\t\tmargin-top: 20px;\n\t\t\tcolor: #ccc;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 400;\n\t\t}\n\n\t\t\/* Novo estilo para loading *\/\n\t\t.loading-produtos {\n\t\t\ttext-align: center;\n\t\t\tpadding: 40px;\n\t\t\tcolor: #cc5500;\n\t\t\tfont-size: 16px;\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.loading-produtos::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t\tborder: 2px solid #cc5500;\n\t\t\tborder-radius: 50%;\n\t\t\tborder-top-color: transparent;\n\t\t\tanimation: spin 1s linear infinite;\n\t\t\tmargin-left: 10px;\n\t\t}\n\n\t\t@keyframes spin {\n\t\t\tto { transform: rotate(360deg); }\n\t\t}\n\n\t\t\/* Estilos para pagina\u00e7\u00e3o *\/\n\t\t.paginacao-container {\n\t\t\tdisplay: none;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tgap: 15px;\n\t\t\tmargin: 30px 0;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\t.paginacao-info {\n\t\t\tcolor: #ccc;\n\t\t\tfont-size: 14px;\n\t\t\tmargin: 0 15px;\n\t\t}\n\n\t\t.paginacao-btn {\n\t\t\tbackground: #2a2a2a;\n\t\t\tcolor: #fff;\n\t\t\tborder: 1px solid #444;\n\t\t\tpadding: 10px 15px;\n\t\t\tborder-radius: 8px;\n\t\t\tcursor: pointer;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 500;\n\t\t\ttransition: all 0.3s ease;\n\t\t\tmin-width: 40px;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.paginacao-btn:hover:not(:disabled) {\n\t\t\tbackground: #cc5500;\n\t\t\tborder-color: #cc5500;\n\t\t\ttransform: translateY(-1px);\n\t\t}\n\n\t\t.paginacao-btn.ativo {\n\t\t\tbackground: #cc5500;\n\t\t\tborder-color: #cc5500;\n\t\t\tcolor: #fff;\n\t\t}\n\n\t\t.paginacao-btn:disabled {\n\t\t\tbackground: #1a1a1a;\n\t\t\tcolor: #666;\n\t\t\tcursor: not-allowed;\n\t\t\tborder-color: #333;\n\t\t}\n\n\t\t.paginacao-navegacao {\n\t\t\tdisplay: flex;\n\t\t\tgap: 10px;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t.eventos-grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fit, minmax(250px, 250px));\n\t\t\tgap: 24px;\n\t\t\tmargin-bottom: 60px;\n\t\t\tjustify-content: center;\n\t\t\tjustify-items: center;\n\t\t}\n\n\t\t.evento-card-link {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\ttext-decoration: none;\n\t\t\tcolor: inherit;\n\t\t}\n\n\t\t.evento-card {\n\t\t\tbackground: #1a1a1a;\n\t\t\tborder-radius: 16px;\n\t\t\toverflow: hidden;\n\t\t\tborder: 1px solid #2a2a2a;\n\t\t\ttransition: all 0.3s ease;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\twidth: 100%;\n\t\t\theight: auto;\n\t\t\tmin-height: 450px;\n\t\t}\n\n\t\t.evento-card:hover {\n\t\t\ttransform: translateY(-4px);\n\t\t\tbox-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n\t\t\tborder-color: #800000;\n\t\t}\n\n\t\t.evento-card-imagem {\n\t\t\twidth: 100%;\n\t\t\theight: 200px; \/* Modifica\u00e7\u00e3o 5: Altura fixa mais adequada *\/\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\t\t\tbackground: #1a1a1a; \/* Fundo mais claro para contrastar com a imagem *\/\n\t\t\tdisplay: flex; \/* Garante centraliza\u00e7\u00e3o *\/\n\t\t\talign-items: center; \/* Centraliza verticalmente *\/\n\t\t\tjustify-content: center; \/* Centraliza horizontalmente *\/\n\t\t}\n\n\t\t.evento-card-imagem img {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: contain; \/* Modifica\u00e7\u00e3o 6: Mudado para contain para mostrar imagem inteira *\/\n\t\t\tobject-position: center; \/* Centraliza a imagem *\/\n\t\t\ttransition: transform 0.4s ease;\n\t\t\tbackground: #0a0a0a; \/* Fundo escuro para \u00e1reas vazias *\/\n\t\t}\n\n\t\t.evento-card:hover .evento-card-imagem img {\n\t\t\ttransform: scale(1.05);\n\t\t}\n\n\t\t.evento-card-imagem.sem-imagem {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tbackground: #2a2a2a;\n\t\t}\n\n\t\t.evento-card-imagem.sem-imagem::after {\n\t\t\tcontent: \"\ud83d\udcf7\";\n\t\t\tfont-size: 40px;\n\t\t\topacity: 0.3;\n\t\t}\n\n\t\t.evento-card-conteudo {\n\t\t\tpadding: 24px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t.evento-card h3 {\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: 600;\n\t\t\tmargin: 0;\n\t\t\tline-height: 1.3;\n\t\t}\n\n\t\t.evento-card p {\n\t\t\tcolor: #999;\n\t\t\tfont-size: 14px;\n\t\t\tmargin: 0;\n\t\t\tline-height: 1.5;\n\t\t\tflex-grow: 1;\n\t\t\tmax-height: 470px;\n\t\t\toverflow-y: auto;\n\t\t\twhite-space: pre-line;\n\t\t\toverflow: visible;\n\t\t\ttext-overflow: clip;\n\t\t\tdisplay: block;\n\t\t\t-webkit-line-clamp: none;\n\t\t\t-webkit-box-orient: unset;\n\t\t}\n\n\t\t.evento-card .contador-fotos {\n\t\t\tcolor: #cc5500;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 13px;\n\t\t\tmargin: 8px 0 0 0;\n\t\t}\n\n\t\t.evento-card .ver-fotos-btn {\n\t\t\tbackground: #800000;\n\t\t\tcolor: #fff;\n\t\t\tpadding: 12px 20px;\n\t\t\tborder: none;\n\t\t\tborder-radius: 8px;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 14px;\n\t\t\ttext-decoration: none;\n\t\t\tdisplay: inline-block;\n\t\t\ttransition: all 0.2s ease;\n\t\t\tcursor: pointer;\n\t\t\tmargin-top: auto;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.evento-card .ver-fotos-btn:hover {\n\t\t\tbackground: #a00000;\n\t\t\ttransform: translateY(-1px);\n\t\t}\n\n\t\t.produtos-container {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.produtos-grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n\t\t\tgap: 24px;\n\t\t\tmargin-bottom: 60px;\n\t\t}\n\n\t\t.foto-produto {\n\t\t\tbackground: #1a1a1a;\n\t\t\tborder-radius: 12px;\n\t\t\toverflow: hidden;\n\t\t\tborder: 1px solid #2a2a2a;\n\t\t\ttransition: all 0.3s ease;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tmin-height: 280px;\n\t\t}\n\n\t\t.foto-produto:hover {\n\t\t\ttransform: translateY(-6px);\n\t\t\tbox-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);\n\t\t\tborder-color: #cc5500;\n\t\t}\n\n\t\t.foto-produto.oculta {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t.foto-produto p {\n\t\t\tmargin: 12px 16px 0;\n\t\t\tcolor: #cc5500;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\t.imagem-container {\n\t\t\tposition: relative;\n\t\t\toverflow: hidden;\n\t\t\tbackground: #1a1a1a; \/* Fundo mais claro para contrastar *\/\n\t\t\theight: 180px;\n\t\t\tflex-grow: 1;\n\t\t\tdisplay: flex; \/* Garante centraliza\u00e7\u00e3o *\/\n\t\t\talign-items: center; \/* Centraliza verticalmente *\/\n\t\t\tjustify-content: center; \/* Centraliza horizontalmente *\/\n\t\t}\n\n\t\t.imagem-container img {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: contain; \/* Mudan\u00e7a: contain para mostrar imagem inteira *\/\n\t\t\tobject-position: center; \/* Centraliza a imagem *\/\n\t\t\ttransition: transform 0.4s ease;\n\t\t}\n\n\t\t.foto-produto:hover .imagem-container img {\n\t\t\ttransform: scale(1.05);\n\t\t}\n\n\t\t\/* \u00c1rea de clique dividida na imagem *\/\n\t\t.imagem-clickable-areas {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.imagem-area-esquerda,\n\t\t.imagem-area-direita {\n\t\t\twidth: 50%;\n\t\t\theight: 100%;\n\t\t\tposition: relative;\n\t\t\tcursor: pointer;\n\t\t\ttransition: all 0.3s ease;\n\t\t}\n\n\t\t.imagem-area-esquerda:hover,\n\t\t.imagem-area-direita:hover {\n\t\t\tbackground: rgba(0, 0, 0, 0.1);\n\t\t}\n\n\t\t\/* Indicadores visuais nas metades *\/\n\t\t.imagem-area-esquerda::before,\n\t\t.imagem-area-direita::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tbackground: rgba(0, 0, 0, 0.7);\n\t\t\tborder-radius: 50%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\topacity: 0;\n\t\t\ttransition: all 0.3s ease;\n\t\t\tfont-size: 18px;\n\t\t\tcolor: #fff;\n\t\t}\n\n\t\t.imagem-area-esquerda:hover::before {\n\t\t\topacity: 1;\n\t\t\tcontent: '\ud83d\udd17';\n\t\t}\n\n\t\t.imagem-area-direita:hover::before {\n\t\t\topacity: 1;\n\t\t\tcontent: '\ud83d\udd0d';\n\t\t}\n\n\t\t\/* Linha divis\u00f3ria sutil *\/\n\t\t.imagem-container::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop: 20%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t\twidth: 1px;\n\t\t\theight: 60%;\n\t\t\tbackground: rgba(255, 255, 255, 0.1);\n\t\t\topacity: 0;\n\t\t\ttransition: opacity 0.3s ease;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.imagem-container:hover::after {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t.acoes-container {\n\t\t\tdisplay: flex;\n\t\t\theight: 50px;\n\t\t\tborder-top: 1px solid #2a2a2a;\n\t\t\tbackground: #1a1a1a;\n\t\t\ttransition: all 0.3s ease;\n\t\t}\n\n\t\t.foto-produto:hover .acoes-container {\n\t\t\tbackground: #2a2a2a;\n\t\t\tborder-top-color: #cc5500;\n\t\t}\n\n\t\t.acao-link {\n\t\t\tflex: 1;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\ttext-decoration: none;\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 18px;\n\t\t\ttransition: all 0.3s ease;\n\t\t\tbackground: #1a1a1a;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.acao-link:first-child {\n\t\t\tborder-right: 1px solid #2a2a2a;\n\t\t}\n\n\t\t.acao-link:hover {\n\t\t\tbackground: linear-gradient(135deg, #cc5500, #ff6600);\n\t\t\tcolor: #fff;\n\t\t\ttransform: translateY(-2px);\n\t\t\tbox-shadow: 0 4px 12px rgba(204, 85, 0, 0.4);\n\t\t}\n\n\t\t.acao-link::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 0;\n\t\t\theight: 2px;\n\t\t\tbackground: #cc5500;\n\t\t\ttransition: width 0.3s ease;\n\t\t}\n\n\t\t.acao-link:hover::before {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.acao-link .acao-texto {\n\t\t\tmargin-left: 8px;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 500;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t#popup-foto {\n\t\t\tposition: fixed !important;\n\t\t\ttop: 0 !important;\n\t\t\tleft: 0 !important;\n\t\t\twidth: 100vw !important;\n\t\t\theight: 100vh !important;\n\t\t\tbackground: rgba(0, 0, 0, 0.9) !important;\n\t\t\tz-index: 999999 !important;\n\t\t\tdisplay: none !important;\n\t\t\talign-items: center !important;\n\t\t\tjustify-content: center !important;\n\t\t}\n\n\t\t#popup-foto.ativo {\n\t\t\tdisplay: flex !important;\n\t\t}\n\n\t\t#popup-foto img {\n\t\t\tmax-height: 80vh !important;\n\t\t\tmax-width: 80vw !important;\n\t\t\tobject-fit: contain !important;\n\t\t\tborder-radius: 8px !important;\n\t\t\tbox-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;\n\t\t}\n\n\t\t.fechar-popup {\n\t\t\tposition: absolute;\n\t\t\ttop: 20px;\n\t\t\tright: 30px;\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 30px;\n\t\t\tcursor: pointer;\n\t\t\tbackground: rgba(0, 0, 0, 0.7);\n\t\t\twidth: 50px;\n\t\t\theight: 50px;\n\t\t\tborder-radius: 50%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\ttransition: all 0.2s ease;\n\t\t}\n\n\t\t.fechar-popup:hover {\n\t\t\tbackground: rgba(204, 85, 0, 0.8);\n\t\t\ttransform: scale(1.1);\n\t\t}\n\t\t@media (max-width: 768px) {\n\t\t  .evento-card h3, p {\n\t\t\ttext-align: center;\n\t\t  }\n\t\t}\n\n\t\t@media (max-width: 1200px) {\n\t\t\t.eventos-grid {\n\t\t\t\tgrid-template-columns: repeat(3, 1fr);\n\t\t\t\tgap: 20px;\n\t\t\t}\n\t\t\t\n\t\t\t.produtos-grid {\n\t\t\t\tgrid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n\t\t\t\tgap: 20px;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: 900px) {\n\t\t\t.eventos-grid {\n\t\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t\t\tgap: 18px;\n\t\t\t}\n\t\t\t\n\t\t\t.produtos-grid {\n\t\t\t\tgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n\t\t\t\tgap: 18px;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: 600px) {\n\t\t\t.inicial-container {\n\t\t\t\tpadding: 0 16px;\n\t\t\t}\n\n\t\t\t.busca-container {\n\t\t\t\tpadding: 30px 0;\n\t\t\t}\n\n\t\t\t.campo-busca input {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tpadding: 16px 50px 16px 20px;\n\t\t\t}\n\n\t\t\t.eventos-grid {\n\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\tjustify-content: center;\n\t\t\t\tgap: 16px;\n\t\t\t}\n\t\t\t\n\t\t\t.produtos-grid {\n\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\tgap: 16px;\n\t\t\t}\n\n\t\t\t.acao-link .acao-texto {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.acoes-container {\n\t\t\t\theight: 45px;\n\t\t\t}\n\n\t\t\t.acao-link {\n\t\t\t\tfont-size: 20px;\n\t\t\t}\n\n\t\t\t\/* Ajustes mobile para as \u00e1reas clic\u00e1veis *\/\n\t\t\t.imagem-area-esquerda::before,\n\t\t\t.imagem-area-direita::before {\n\t\t\t\twidth: 35px;\n\t\t\t\theight: 35px;\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\n\t\t\t\/* Modifica\u00e7\u00e3o 7: Altura menor em mobile *\/\n\t\t\t.evento-card-imagem {\n\t\t\t\theight: 180px;\n\t\t\t}\n\n\t\t\t\/* Ajustes mobile para pagina\u00e7\u00e3o *\/\n\t\t\t.paginacao-container {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 10px;\n\t\t\t}\n\n\t\t\t.paginacao-navegacao {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.paginacao-info {\n\t\t\t\torder: -1;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t.ver-mais-container {\n\t\t\ttext-align: center;\n\t\t\tmargin: 40px 0 60px 0;\n\t\t}\n\n\t\t.ver-mais-btn {\n\t\t\tbackground: linear-gradient(135deg, #cc5500, #ff6600);\n\t\t\tcolor: #fff;\n\t\t\tpadding: 16px 32px;\n\t\t\tborder: none;\n\t\t\tborder-radius: 12px;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 16px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: all 0.3s ease;\n\t\t\tbox-shadow: 0 4px 15px rgba(204, 85, 0, 0.3);\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.5px;\n\t\t}\n\n\t\t.ver-mais-btn:hover {\n\t\t\tbackground: linear-gradient(135deg, #ff6600, #ff7700);\n\t\t\ttransform: translateY(-2px);\n\t\t\tbox-shadow: 0 6px 20px rgba(204, 85, 0, 0.4);\n\t\t}\n\n\t\t.ver-mais-btn:active {\n\t\t\ttransform: translateY(0);\n\t\t}\n\n\t\t.woocommerce-error {\n\t\t\tdisplay: none !important;\n\t\t}\n    <\/style>\n    \n    <div class=\"inicial-container\">\n        <div class=\"busca-container\">\n            <div class=\"campo-busca\">\n                <input type=\"text\" id=\"busca-produto\" placeholder=\"Digite o nome do evento para buscar...\" autocomplete=\"off\">\n                <button class=\"limpar-busca\" id=\"limpar-busca\" title=\"Limpar busca\">\u2715<\/button>\n                <span class=\"icone-busca\">\ud83d\udd0d<\/span>\n            <\/div>\n            \n           <div class=\"controles-filtro\" id=\"controles-filtro\" style=\"\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 15px;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmargin: 20px auto;\n\t\t\t\tfont-family: 'Segoe UI', sans-serif;\n\t\t\t\">\n\t\t\t\t<p id=\"filtra\" style=\"\n\t\t\t\t\tmargin: 0; \n\t\t\t\t\tfont-weight: bold; \n\t\t\t\t\tfont-size: 16px; \n\t\t\t\t\tcolor: #ff6600;\n\t\t\t\t\">\n\t\t\t\t\tMostrar:\n\t\t\t\t<\/p> \n\n\t\t\t\t<label class=\"filtro-checkbox\" style=\"display: flex; align-items: center; gap: 5px;\">\n\t\t\t\t\t<input type=\"checkbox\" id=\"filtro-eventos\" checked>\n\t\t\t\t\t<span>Eventos<\/span>\n\t\t\t\t<\/label>\n\n\t\t\t\t<label class=\"filtro-checkbox\" style=\"display: flex; align-items: center; gap: 5px;\">\n\t\t\t\t\t<input type=\"checkbox\" id=\"filtro-fotos\">\n\t\t\t\t\t<span>Fotos<\/span>\n\t\t\t\t<\/label>\n\t\t\t<\/div>\n\t\n            <div class=\"resultado-busca\" id=\"resultado-busca\"><\/div>\n            <div class=\"loading-produtos\" id=\"loading-produtos\">Carregando fotos...<\/div>\n            \n            <!-- Container de pagina\u00e7\u00e3o -->\n            <div class=\"paginacao-container\" id=\"paginacao-container\">\n                <div class=\"paginacao-navegacao\">\n                    <button class=\"paginacao-btn\" id=\"primeira-pagina\" title=\"Primeira p\u00e1gina\">\u00ab\u00ab<\/button>\n                    <button class=\"paginacao-btn\" id=\"pagina-anterior\" title=\"P\u00e1gina anterior\">\u2039<\/button>\n                    \n                    <div id=\"numeros-pagina\" style=\"display: flex; gap: 5px; flex-wrap: wrap;\">\n                        <!-- N\u00fameros das p\u00e1ginas ser\u00e3o inseridos aqui dinamicamente -->\n                    <\/div>\n                    \n                    <button class=\"paginacao-btn\" id=\"proxima-pagina\" title=\"Pr\u00f3xima p\u00e1gina\">\u203a<\/button>\n                    <button class=\"paginacao-btn\" id=\"ultima-pagina\" title=\"\u00daltima p\u00e1gina\">\u00bb\u00bb<\/button>\n                <\/div>\n                \n                <div class=\"paginacao-info\" id=\"paginacao-info\">\n                    <!-- Info da pagina\u00e7\u00e3o ser\u00e1 inserida aqui -->\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"eventos-container\" id=\"eventos-container\">\n            <div class=\"eventos-grid\">\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=ca-linense-x-santa-fe-fc\" class=\"evento-card-link \" \n                       data-nome=\"ca linense x santa f\u00e9 fc\"\n                       data-evento-id=\"261\"\n                       data-index=\"0\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2026\/03\/Linense-x-Santa-Fe-sub11-FOtos-disponiveis-300x300.jpg\" alt=\"CA Linense X Santa F\u00e9 FC\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>CA Linense X Santa F\u00e9 FC<\/h3>\n                                <p>\ud83d\udcc5 S\u00e1bado, 28 de mar\u00e7o de 2026\r\n\ud83c\udfc6 Campeonato Paulista Sub-11\r\n\u23f0 Hor\u00e1rio: 14h30\r\n\ud83d\udcf7Fotos dispon\u00edveis para compra<\/p>\n                                                                    <p class=\"contador-fotos\">516 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=ec-bahea-x-falcoes\" class=\"evento-card-link \" \n                       data-nome=\"ec bahea x falc\u00f5es\"\n                       data-evento-id=\"259\"\n                       data-index=\"1\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/12\/FOTOS-DISPONVIEIS-NOVA-ARTE-300x300.jpg\" alt=\"EC Bahea x Falc\u00f5es\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>EC Bahea x Falc\u00f5es<\/h3>\n                                <p>\ud83d\udcc5 Domingo, 21 de dezembro de 2025\r\n\ud83c\udfc6 Copa Promiss\u00e3o Ouro de Futebol 2025\r\n\u23f0 09h00\r\n\ud83d\udccdEst\u00e1dio Verano Piromali-Promiss\u00e3o SP<\/p>\n                                                                    <p class=\"contador-fotos\">255 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-sao-paulo-sub-12\" class=\"evento-card-link \" \n                       data-nome=\"linense x s\u00e3o paulo sub-12\"\n                       data-evento-id=\"255\"\n                       data-index=\"2\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/09\/LINENSE-X-SAO-PAULO-SUB12-NOVA-ARTE-1-300x300.jpg\" alt=\"Linense x S\u00e3o Paulo Sub-12\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x S\u00e3o Paulo Sub-12<\/h3>\n                                <p>\ud83d\udcc5 Domingo, 21 de setembro de 2025\r\n\ud83c\udfc6 Campeonato Paulista Sub-12\r\n\u23f0 Hor\u00e1rio: 15h30\r\n\ud83d\udcf7 Fotos dispon\u00edveis<\/p>\n                                                                    <p class=\"contador-fotos\">241 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-sao-paulo-sub-11\" class=\"evento-card-link \" \n                       data-nome=\"linense x s\u00e3o paulo sub-11\"\n                       data-evento-id=\"251\"\n                       data-index=\"3\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/09\/LINENSE-X-SAO-PAULO-SUB11-NOVA-ARTE-300x300.jpg\" alt=\"Linense x S\u00e3o Paulo Sub-11\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x S\u00e3o Paulo Sub-11<\/h3>\n                                <p>\ud83d\udcc5 Domingo, 21 de setembro de 2025\r\n\ud83c\udfc6 Campeonato Paulista Sub-11\r\n\u23f0 Hor\u00e1rio: 14h00\r\n\ud83d\udcf7 Fotos dispon\u00edveis<\/p>\n                                                                    <p class=\"contador-fotos\">407 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-santos-fc\" class=\"evento-card-link \" \n                       data-nome=\"linense x santos fc\"\n                       data-evento-id=\"250\"\n                       data-index=\"4\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/09\/LINENSE-X-SANTOS-SUB15-NOVA-ARTE-300x300.jpg\" alt=\"Linense x Santos FC\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x Santos FC<\/h3>\n                                <p>\ud83d\udcc5 S\u00e1bado, 20 de setembro de 2025\r\n\ud83c\udfc6 Campeonato Paulista sub-15\r\n\u23f0 09h00\r\n\ud83d\udcf7 Fotos dispon\u00edveis<\/p>\n                                                                    <p class=\"contador-fotos\">523 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-inter-de-limeira\" class=\"evento-card-link \" \n                       data-nome=\"linense x inter de limeira\"\n                       data-evento-id=\"248\"\n                       data-index=\"5\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/09\/Fotos-1-300x300.jpg\" alt=\"Linense x Inter de Limeira\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x Inter de Limeira<\/h3>\n                                <p>\ud83d\udcc5S\u00e1bado, 13 de setembro de 2025\r\n\ud83c\udfc6 Campeonato Paulista sub-15\r\n\u23f0 09h00\r\n\ud83d\udcf7 Fotos dispon\u00edveis<\/p>\n                                                                    <p class=\"contador-fotos\">446 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-noroeste-sub-12\" class=\"evento-card-link \" \n                       data-nome=\"linense x noroeste sub-12\"\n                       data-evento-id=\"242\"\n                       data-index=\"6\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/09\/Fotos-300x300.jpg\" alt=\"Linense x Noroeste Sub-12\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x Noroeste Sub-12<\/h3>\n                                <p>\ud83d\udcc5 Domingo, 07 de setembro de 2025\r\n\ud83c\udfc6 Campeonato Paulista sub-12\r\n\u23f0 15h30\r\n\ud83d\udcf7 Fotos dispon\u00edveis<\/p>\n                                                                    <p class=\"contador-fotos\">255 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-noroeste-sub-11\" class=\"evento-card-link \" \n                       data-nome=\"linense x noroeste sub-11\"\n                       data-evento-id=\"241\"\n                       data-index=\"7\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/09\/Noroeste-300x300.jpg\" alt=\"Linense x Noroeste Sub-11\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x Noroeste Sub-11<\/h3>\n                                <p>\ud83d\udcc5 Domingo, 07 de setembro de 2025\r\n\ud83c\udfc6 Campeonato Paulista sub-11\r\n\u23f0 14h00\r\n\ud83d\udcf7 Fotos dispon\u00edveis<\/p>\n                                                                    <p class=\"contador-fotos\">468 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-rb-bragantino\" class=\"evento-card-link \" \n                       data-nome=\"linense x rb bragantino\"\n                       data-evento-id=\"239\"\n                       data-index=\"8\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/09\/CAL-X-BRAGA--300x300.jpg\" alt=\"Linense x RB Bragantino\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x RB Bragantino<\/h3>\n                                <p>\ud83d\udcc5 Domingo, 07 de setembro de 2025\r\n\ud83c\udfc6 Campeonato Paulista sub-14 2025\r\n\u23f0 10h40\r\n\ud83d\udcf7 Fotos dispon\u00edveis<\/p>\n                                                                    <p class=\"contador-fotos\">274 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-novohorizontino-sub-14\" class=\"evento-card-link \" \n                       data-nome=\"linense x novorizontino (sub-14)\"\n                       data-evento-id=\"213\"\n                       data-index=\"9\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/08\/SUB14-300x300.jpg\" alt=\"Linense x Novorizontino (sub-14)\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x Novorizontino (sub-14)<\/h3>\n                                <p>\ud83d\udcc5 Domingo, 10 de agosto de 2025\r\n\ud83c\udfc6 Campeonato Paulista Sub-14<\/p>\n                                                                    <p class=\"contador-fotos\">331 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-novorizontino-sub-13\" class=\"evento-card-link \" \n                       data-nome=\"linense x novorizontino (sub-13)\"\n                       data-evento-id=\"211\"\n                       data-index=\"10\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/08\/jls-81-3-300x300.jpg\" alt=\"Linense x Novorizontino (sub-13)\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x Novorizontino (sub-13)<\/h3>\n                                <p>\ud83d\udcc5 Domingo, 10 de agosto de 2025\r\n\ud83c\udfc6 Campeonato Paulista Sub-13<\/p>\n                                                                    <p class=\"contador-fotos\">331 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-mirassol\" class=\"evento-card-link \" \n                       data-nome=\"linense x mirassol\"\n                       data-evento-id=\"210\"\n                       data-index=\"11\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/08\/jls-156-300x300.jpg\" alt=\"Linense x Mirassol\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x Mirassol<\/h3>\n                                <p>\ud83d\udcc5 S\u00e1bado, 09 de agosto de 2025\r\n\ud83c\udfc6 Campeonato Paulista Sub-15<\/p>\n                                                                    <p class=\"contador-fotos\">303 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/fotosport.com.br\/?page_id=600&#038;evento=linense-x-meia-noite-saf\" class=\"evento-card-link evento-oculto\" \n                       data-nome=\"linense x meia noite saf (sub-15)\"\n                       data-evento-id=\"207\"\n                       data-index=\"12\">\n                        <div class=\"evento-card\">\n                            <div class=\"evento-card-imagem \">\n                                                                    <img decoding=\"async\" src=\"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/08\/jls-116-1-300x300.jpg\" alt=\"Linense x Meia Noite SAF (sub-15)\" loading=\"lazy\">\n                                                            <\/div>\n                            <div class=\"evento-card-conteudo\">\n                                <h3>Linense x Meia Noite SAF (sub-15)<\/h3>\n                                <p>\ud83d\udcc5 S\u00e1bado, 02 de agosto de 2025\r\n\ud83c\udfc6 Campeonato Paulista Sub-15<\/p>\n                                                                    <p class=\"contador-fotos\">388 foto(s) dispon\u00edvel(is)<\/p>\n                                                                <span class=\"ver-fotos-btn\">Ver Fotos<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                            <\/div>\n            \n                            <div class=\"ver-mais-container\">\n                    <button class=\"ver-mais-btn\" id=\"ver-mais-eventos\">\n                        Ver Mais Eventos\n                    <\/button>\n                <\/div>\n                    <\/div>\n\n        <div class=\"produtos-container\" id=\"produtos-container\">\n            <div class=\"produtos-grid\" id=\"produtos-grid\">\n                <!-- Os produtos ser\u00e3o carregados dinamicamente via AJAX -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"popup-foto\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"popup-title\">\n        <span class=\"fechar-popup\" tabindex=\"0\" role=\"button\" aria-label=\"Fechar popup\">&#10005;<\/span>\n        <img decoding=\"async\" src=\"\" alt=\"Imagem ampliada\" \/>\n    <\/div>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const campoBusca = document.getElementById('busca-produto');\n        const limparBusca = document.getElementById('limpar-busca');\n        const resultadoBusca = document.getElementById('resultado-busca');\n        const controlesFiltro = document.getElementById('controles-filtro');\n        const filtroEventos = document.getElementById('filtro-eventos');\n        const filtroFotos = document.getElementById('filtro-fotos');\n        const eventosContainer = document.getElementById('eventos-container');\n        const produtosContainer = document.getElementById('produtos-container');\n        const produtosGrid = document.getElementById('produtos-grid');\n        const loadingProdutos = document.getElementById('loading-produtos');\n        const todosEventos = document.querySelectorAll('.evento-card-link');\n        const verMaisBtn = document.getElementById('ver-mais-eventos');\n        const paginacaoContainer = document.getElementById('paginacao-container');\n\n        \/\/ Vari\u00e1veis de pagina\u00e7\u00e3o\n        let paginaAtual = 1;\n        const itensPorPagina = 501;\n        let totalProdutos = 0;\n        let totalPaginas = 0;\n        let produtosFiltrados = [];\n\n        let eventosVisiveis = 12;\n        let produtosCarregados = false;\n        let todosProdutos = [];\n\n        const popupFoto = document.getElementById('popup-foto');\n        const popupImg = popupFoto.querySelector('img');\n        const fecharPopup = popupFoto.querySelector('.fechar-popup');\n\n        function inicializarEstado() {\n            eventosContainer.style.display = 'block';\n            produtosContainer.style.display = 'none';\n            paginacaoContainer.style.display = 'none';\n            controlesFiltro.style.display = 'none';\n            resultadoBusca.textContent = '';\n            limparBusca.style.display = 'none';\n            loadingProdutos.style.display = 'none';\n            \n            if (filtroEventos) filtroEventos.checked = true;\n            if (filtroFotos) filtroFotos.checked = false;\n            \n            \/\/ Reset para mostrar apenas os primeiros 12 eventos\n            eventosVisiveis = 12;\n            atualizarVisibilidadeEventos();\n            \n            \/\/ Reset pagina\u00e7\u00e3o\n            paginaAtual = 1;\n            produtosFiltrados = [];\n            \n            if (verMaisBtn) {\n                verMaisBtn.style.display = todosEventos.length > 12 ? 'inline-block' : 'none';\n                verMaisBtn.textContent = 'Ver Mais Eventos';\n            }\n        }\n\n        function atualizarVisibilidadeEventos() {\n            todosEventos.forEach(function(evento, index) {\n                if (index < eventosVisiveis) {\n                    evento.style.display = 'flex';\n                    evento.classList.remove('oculta', 'evento-oculto');\n                } else {\n                    evento.style.display = 'none';\n                    evento.classList.add('evento-oculto');\n                }\n            });\n            \n            \/\/ Atualizar bot\u00e3o \"Ver Mais\"\n            if (verMaisBtn) {\n                if (eventosVisiveis >= todosEventos.length) {\n                    verMaisBtn.style.display = 'none';\n                } else {\n                    verMaisBtn.style.display = 'inline-block';\n                    const restantes = todosEventos.length - eventosVisiveis;\n                    const proximos = Math.min(12, restantes);\n                    verMaisBtn.textContent = `Ver Mais ${proximos} Eventos`;\n                }\n            }\n        }\n\n        \/\/ Fun\u00e7\u00e3o para carregar produtos via AJAX\n        function carregarProdutos() {\n            if (produtosCarregados) {\n                return Promise.resolve(todosProdutos);\n            }\n\n            return new Promise((resolve, reject) => {\n                const xhr = new XMLHttpRequest();\n                xhr.open('POST', 'https:\/\/fotosport.com.br\/wp-admin\/admin-ajax.php', true);\n                xhr.setRequestHeader('Content-Type', 'application\/x-www-form-urlencoded');\n                \n                xhr.onreadystatechange = function() {\n                    if (xhr.readyState === 4) {\n                        if (xhr.status === 200) {\n                            try {\n                                console.log('Resposta do servidor:', xhr.responseText);\n                                const response = JSON.parse(xhr.responseText);\n                                if (response.success) {\n                                    todosProdutos = response.data;\n                                    produtosCarregados = true;\n                                    resolve(todosProdutos);\n                                } else {\n                                    console.error('Erro na resposta:', response);\n                                    reject(new Error(response.data?.message || 'Erro ao carregar produtos'));\n                                }\n                            } catch (e) {\n                                console.error('Erro ao processar JSON:', e, xhr.responseText);\n                                reject(new Error('Erro ao processar resposta do servidor'));\n                            }\n                        } else {\n                            console.error('Erro HTTP:', xhr.status, xhr.statusText);\n                            reject(new Error(`Erro de conex\u00e3o: ${xhr.status}`));\n                        }\n                    }\n                };\n                \n                xhr.onerror = function() {\n                    console.error('Erro na requisi\u00e7\u00e3o AJAX');\n                    reject(new Error('Erro de rede'));\n                };\n                \n                console.log('Enviando requisi\u00e7\u00e3o AJAX...');\n                xhr.send('action=carregar_produtos_galeria');\n            });\n        }\n\n        \/\/ Fun\u00e7\u00e3o para filtrar produtos baseado no termo de busca\n        function filtrarProdutos(termo) {\n            return todosProdutos.filter(function(produto) {\n                const nomeProduto = produto.nome.toLowerCase();\n                const nomeEvento = produto.evento.toLowerCase();\n                return nomeProduto.includes(termo) || nomeEvento.includes(termo);\n            });\n        }\n\n        \/\/ Fun\u00e7\u00e3o para renderizar produtos da p\u00e1gina atual\n        function renderizarProdutosPagina() {\n            produtosGrid.innerHTML = '';\n            \n            const inicio = (paginaAtual - 1) * itensPorPagina;\n            const fim = inicio + itensPorPagina;\n            const produtosPagina = produtosFiltrados.slice(inicio, fim);\n            \n            produtosPagina.forEach(function(produto) {\n                const produtoDiv = document.createElement('div');\n                produtoDiv.className = 'foto-produto';\n                produtoDiv.setAttribute('data-product-id', produto.id);\n                produtoDiv.setAttribute('data-evento', produto.evento.toLowerCase());\n                produtoDiv.setAttribute('data-nome', produto.nome.toLowerCase());\n                \n                produtoDiv.innerHTML = `\n                    ${produto.nome_evento ? `<p>Evento:&nbsp;${produto.nome_evento}<\/p>` : ''}\n                    <div class=\"imagem-container\">\n                        <img decoding=\"async\" src=\"${produto.imagem}\" alt=\"${produto.nome}\" loading=\"lazy\">\n                        \n                        <div class=\"imagem-clickable-areas\">\n                            <div class=\"imagem-area-esquerda\" \n                                 data-link=\"${produto.link}\"\n                                 title=\"Abrir p\u00e1gina do produto\"><\/div>\n                            <div class=\"imagem-area-direita\" \n                                 data-image=\"${produto.imagem_grande}\"\n                                 title=\"Visualizar imagem ampliada\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"acoes-container\">\n                        <a href=\"${produto.link}\" class=\"acao-link\" title=\"Abrir Foto\" aria-label=\"Abrir Foto\">\n                            <span>\ud83d\udd17<\/span>\n                            <span class=\"acao-texto\">Abrir<\/span>\n                        <\/a>\n                        <a href=\"#\" class=\"acao-link icon-camera\" title=\"Visualizar imagem ampliada\" aria-label=\"Visualizar imagem ampliada\" data-image=\"${produto.imagem_grande}\">\n                            <span>\ud83d\udd0d<\/span>\n                            <span class=\"acao-texto\">Ampliar<\/span>\n                        <\/a>\n                    <\/div>\n                `;\n                \n                produtosGrid.appendChild(produtoDiv);\n            });\n            \n            \/\/ Re-aplicar event listeners nos novos elementos\n            aplicarEventListenersProdutos();\n        }\n\n        \/\/ Fun\u00e7\u00e3o para criar controles de pagina\u00e7\u00e3o\n        function criarPaginacao() {\n            totalProdutos = produtosFiltrados.length;\n            totalPaginas = Math.ceil(totalProdutos \/ itensPorPagina);\n            \n            if (totalPaginas <= 1) {\n                paginacaoContainer.style.display = 'none';\n                return;\n            }\n            \n            paginacaoContainer.style.display = 'flex';\n            \n            \/\/ Atualizar informa\u00e7\u00f5es\n            const paginacaoInfo = document.getElementById('paginacao-info');\n            const inicio = (paginaAtual - 1) * itensPorPagina + 1;\n            const fim = Math.min(paginaAtual * itensPorPagina, totalProdutos);\n            paginacaoInfo.textContent = `${inicio}-${fim} de ${totalProdutos} fotos`;\n            \n            \/\/ Atualizar bot\u00f5es de navega\u00e7\u00e3o\n            const primeiraPagina = document.getElementById('primeira-pagina');\n            const paginaAnterior = document.getElementById('pagina-anterior');\n            const proximaPagina = document.getElementById('proxima-pagina');\n            const ultimaPagina = document.getElementById('ultima-pagina');\n            \n            primeiraPagina.disabled = paginaAtual === 1;\n            paginaAnterior.disabled = paginaAtual === 1;\n            proximaPagina.disabled = paginaAtual === totalPaginas;\n            ultimaPagina.disabled = paginaAtual === totalPaginas;\n            \n            \/\/ Criar n\u00fameros das p\u00e1ginas\n            const numerosPagina = document.getElementById('numeros-pagina');\n            numerosPagina.innerHTML = '';\n            \n            \/\/ Calcular range de p\u00e1ginas para mostrar\n            let inicioRange = Math.max(1, paginaAtual - 2);\n            let fimRange = Math.min(totalPaginas, paginaAtual + 2);\n            \n            \/\/ Ajustar range para sempre mostrar 5 p\u00e1ginas quando poss\u00edvel\n            if (fimRange - inicioRange < 4) {\n                if (inicioRange === 1) {\n                    fimRange = Math.min(totalPaginas, inicioRange + 4);\n                } else if (fimRange === totalPaginas) {\n                    inicioRange = Math.max(1, fimRange - 4);\n                }\n            }\n            \n            \/\/ Adicionar primeira p\u00e1gina e \"...\" se necess\u00e1rio\n            if (inicioRange > 1) {\n                criarBotaoPagina(1);\n                if (inicioRange > 2) {\n                    const reticencias = document.createElement('span');\n                    reticencias.textContent = '...';\n                    reticencias.style.color = '#666';\n                    reticencias.style.padding = '0 5px';\n                    numerosPagina.appendChild(reticencias);\n                }\n            }\n            \n            \/\/ Adicionar p\u00e1ginas no range\n            for (let i = inicioRange; i <= fimRange; i++) {\n                criarBotaoPagina(i);\n            }\n            \n            \/\/ Adicionar \"...\" e \u00faltima p\u00e1gina se necess\u00e1rio\n            if (fimRange < totalPaginas) {\n                if (fimRange < totalPaginas - 1) {\n                    const reticencias = document.createElement('span');\n                    reticencias.textContent = '...';\n                    reticencias.style.color = '#666';\n                    reticencias.style.padding = '0 5px';\n                    numerosPagina.appendChild(reticencias);\n                }\n                criarBotaoPagina(totalPaginas);\n            }\n        }\n\n        function criarBotaoPagina(numeroPagina) {\n            const numerosPagina = document.getElementById('numeros-pagina');\n            const botao = document.createElement('button');\n            botao.className = 'paginacao-btn';\n            botao.textContent = numeroPagina;\n            \n            if (numeroPagina === paginaAtual) {\n                botao.classList.add('ativo');\n            }\n            \n            botao.addEventListener('click', function() {\n                if (numeroPagina !== paginaAtual) {\n                    paginaAtual = numeroPagina;\n                    renderizarProdutosPagina();\n                    criarPaginacao();\n                    \n                    \/\/ Scroll para o topo dos produtos\n                    produtosContainer.scrollIntoView({ \n                        behavior: 'smooth', \n                        block: 'start' \n                    });\n                }\n            });\n            \n            numerosPagina.appendChild(botao);\n        }\n\n        \/\/ Event listeners para navega\u00e7\u00e3o de pagina\u00e7\u00e3o\n        document.getElementById('primeira-pagina').addEventListener('click', function() {\n            if (paginaAtual !== 1) {\n                paginaAtual = 1;\n                renderizarProdutosPagina();\n                criarPaginacao();\n                produtosContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n\n        document.getElementById('pagina-anterior').addEventListener('click', function() {\n            if (paginaAtual > 1) {\n                paginaAtual--;\n                renderizarProdutosPagina();\n                criarPaginacao();\n                produtosContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n\n        document.getElementById('proxima-pagina').addEventListener('click', function() {\n            if (paginaAtual < totalPaginas) {\n                paginaAtual++;\n                renderizarProdutosPagina();\n                criarPaginacao();\n                produtosContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n\n        document.getElementById('ultima-pagina').addEventListener('click', function() {\n            if (paginaAtual !== totalPaginas) {\n                paginaAtual = totalPaginas;\n                renderizarProdutosPagina();\n                criarPaginacao();\n                produtosContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n\n        \/\/ Fun\u00e7\u00e3o para aplicar event listeners nos produtos\n        function aplicarEventListenersProdutos() {\n            \/\/ Event listeners para os \u00edcones de a\u00e7\u00e3o\n            document.querySelectorAll('.icon-camera').forEach(function(el) {\n                el.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const src = el.getAttribute('data-image');\n                    abrirPopup(src);\n                });\n            });\n\n            \/\/ Event listeners para as \u00e1reas clic\u00e1veis da imagem\n            document.querySelectorAll('.imagem-area-esquerda').forEach(function(el) {\n                el.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    const link = el.getAttribute('data-link');\n                    if (link) {\n                        window.location.href = link;\n                    }\n                });\n            });\n\n            document.querySelectorAll('.imagem-area-direita').forEach(function(el) {\n                el.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    const src = el.getAttribute('data-image');\n                    abrirPopup(src);\n                });\n            });\n        }\n\n        function buscarConteudo() {\n            const termo = campoBusca.value.toLowerCase().trim();\n            \n            if (termo === '') {\n                inicializarEstado();\n                return;\n            }\n            \n            controlesFiltro.style.display = 'flex';\n            limparBusca.style.display = 'block';\n            \n            realizarBusca(termo);\n        }\n\n        async function realizarBusca(termo) {\n            const mostrarEventos = filtroEventos.checked;\n            const mostrarFotos = filtroFotos.checked;\n            \n            if (mostrarEventos) {\n                eventosContainer.style.display = 'block';\n                produtosContainer.style.display = 'none';\n                paginacaoContainer.style.display = 'none';\n                loadingProdutos.style.display = 'none';\n                \n                let eventosEncontrados = 0;\n                \n                todosEventos.forEach(function(evento) {\n                    const nomeEvento = evento.getAttribute('data-nome');\n                    \n                    if (nomeEvento && nomeEvento.includes(termo)) {\n                        evento.style.display = 'flex';\n                        evento.classList.remove('oculta', 'evento-oculto');\n                        eventosEncontrados++;\n                    } else {\n                        evento.style.display = 'none';\n                        evento.classList.add('oculta');\n                    }\n                });\n                \n                \/\/ Ocultar bot\u00e3o \"Ver Mais\" durante a busca\n                if (verMaisBtn) {\n                    verMaisBtn.style.display = 'none';\n                }\n                \n                if (eventosEncontrados === 0) {\n                    resultadoBusca.textContent = 'Nenhum evento encontrado.';\n                    resultadoBusca.style.color = '#800000';\n                } else {\n                    resultadoBusca.textContent = eventosEncontrados + ' evento(s) encontrado(s).';\n                    resultadoBusca.style.color = '#cc5500';\n                }\n                \n            } else if (mostrarFotos) {\n                eventosContainer.style.display = 'none';\n                produtosContainer.style.display = 'block';\n                \n                \/\/ Mostrar loading se produtos n\u00e3o foram carregados ainda\n                if (!produtosCarregados) {\n                    loadingProdutos.style.display = 'block';\n                    paginacaoContainer.style.display = 'none';\n                    resultadoBusca.textContent = '';\n                    \n                    try {\n                        await carregarProdutos();\n                        loadingProdutos.style.display = 'none';\n                    } catch (error) {\n                        console.error('Erro ao carregar produtos:', error);\n                        loadingProdutos.style.display = 'none';\n                        paginacaoContainer.style.display = 'none';\n                        resultadoBusca.textContent = `Erro ao carregar fotos: ${error.message}. Tente novamente.`;\n                        resultadoBusca.style.color = '#800000';\n                        return;\n                    }\n                }\n                \n                \/\/ Filtrar produtos\n                produtosFiltrados = filtrarProdutos(termo);\n                \n                if (produtosFiltrados.length === 0) {\n                    resultadoBusca.textContent = 'Nenhuma foto encontrada.';\n                    resultadoBusca.style.color = '#800000';\n                    paginacaoContainer.style.display = 'none';\n                    produtosGrid.innerHTML = '';\n                } else {\n                    resultadoBusca.textContent = produtosFiltrados.length + ' foto(s) encontrada(s).';\n                    resultadoBusca.style.color = '#cc5500';\n                    \n                    \/\/ Reset para primeira p\u00e1gina\n                    paginaAtual = 1;\n                    renderizarProdutosPagina();\n                    criarPaginacao();\n                }\n            }\n        }\n        \n        if (campoBusca) {\n            campoBusca.addEventListener('input', buscarConteudo);\n            campoBusca.addEventListener('keydown', function(e) {\n                if (e.key === 'Escape') {\n                    campoBusca.value = '';\n                    buscarConteudo();\n                }\n            });\n        }\n        \n        if (filtroEventos) {\n            filtroEventos.addEventListener('change', function() {\n                if (this.checked) {\n                    if (filtroFotos) filtroFotos.checked = false;\n                    \n                    const termo = campoBusca.value.toLowerCase().trim();\n                    if (termo !== '') {\n                        realizarBusca(termo);\n                    }\n                } else {\n                    this.checked = true;\n                }\n            });\n        }\n        \n        if (filtroFotos) {\n            filtroFotos.addEventListener('change', function() {\n                if (this.checked) {\n                    if (filtroEventos) filtroEventos.checked = false;\n                    \n                    const termo = campoBusca.value.toLowerCase().trim();\n                    if (termo !== '') {\n                        realizarBusca(termo);\n                    }\n                } else {\n                    this.checked = true;\n                }\n            });\n        }\n        \n        if (limparBusca) {\n            limparBusca.addEventListener('click', function() {\n                campoBusca.value = '';\n                buscarConteudo();\n                campoBusca.focus();\n            });\n        }\n\n        \/\/ Event listener para o bot\u00e3o \"Ver Mais\"\n        if (verMaisBtn) {\n            verMaisBtn.addEventListener('click', function() {\n                eventosVisiveis += 12;\n                atualizarVisibilidadeEventos();\n                \n                \/\/ Scroll suave para o pr\u00f3ximo conjunto de eventos\n                setTimeout(() => {\n                    const proximoEvento = document.querySelector(`.evento-card-link[data-index=\"${eventosVisiveis - 12}\"]`);\n                    if (proximoEvento) {\n                        proximoEvento.scrollIntoView({ \n                            behavior: 'smooth', \n                            block: 'start',\n                            inline: 'nearest'\n                        });\n                    }\n                }, 100);\n            });\n        }\n\n        \/\/ Fun\u00e7\u00e3o para abrir popup REALMENTE fixo na viewport\n        function abrirPopup(src) {\n            if (src && popupImg && popupFoto) {\n                popupImg.src = src;\n                \n                \/\/ Remove qualquer estilo inline anterior\n                popupFoto.removeAttribute('style');\n                \n                \/\/ Move o popup para o body para garantir que n\u00e3o herde posicionamento\n                if (popupFoto.parentNode !== document.body) {\n                    document.body.appendChild(popupFoto);\n                }\n                \n                \/\/ For\u00e7a o posicionamento via JavaScript AP\u00d3S mover para body\n                setTimeout(() => {\n                    popupFoto.style.cssText = `\n                        position: fixed !important;\n                        top: 0 !important;\n                        left: 0 !important;\n                        right: 0 !important;\n                        bottom: 0 !important;\n                        width: 100vw !important;\n                        height: 100vh !important;\n                        background: rgba(0, 0, 0, 0.9) !important;\n                        z-index: 999999 !important;\n                        display: flex !important;\n                        align-items: center !important;\n                        justify-content: center !important;\n                        margin: 0 !important;\n                        padding: 0 !important;\n                        transform: none !important;\n                        box-sizing: border-box !important;\n                    `;\n                    \n                    \/\/ For\u00e7a o popup a ser realmente fixo na viewport\n                    popupFoto.style.setProperty('position', 'fixed', 'important');\n                    popupFoto.style.setProperty('top', '0', 'important');\n                    popupFoto.style.setProperty('left', '0', 'important');\n                    \n                }, 0);\n                \n                popupFoto.classList.add('ativo');\n            }\n        }\n\n        \/\/ Fun\u00e7\u00e3o para fechar popup\n        function fecharPopupFoto() {\n            popupFoto.classList.remove('ativo');\n            popupFoto.removeAttribute('style');\n        }\n\n        \/\/ Event listeners para popup\n        if (fecharPopup) {\n            fecharPopup.addEventListener('click', fecharPopupFoto);\n\n            fecharPopup.addEventListener('keydown', function(e) {\n                if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    fecharPopupFoto();\n                }\n            });\n        }\n\n        if (popupFoto) {\n            popupFoto.addEventListener('click', function(e) {\n                if (e.target === popupFoto) {\n                    fecharPopupFoto();\n                }\n            });\n\n            \/\/ Fechar popup com tecla ESC\n            document.addEventListener('keydown', function(e) {\n                if (e.key === 'Escape' && popupFoto.classList.contains('ativo')) {\n                    fecharPopupFoto();\n                }\n            });\n        }\n\n        inicializarEstado();\n    });\n    <\/script>\n    \n    \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7fd93c e-flex e-con-boxed e-con e-parent\" data-id=\"d7fd93c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b24f57 elementor-widget elementor-widget-html\" data-id=\"7b24f57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <style>\n        .woocommerce-error {\n            display: none !important;\n        }\n        .woocommerce-message{\n            display: none !important;\n        }\n\n        #cart-popup-btn {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            background: linear-gradient(135deg, #800000, #a00000) !important;\n            color: #fff;\n            padding: 16px 20px;\n            border-radius: 50px;\n            cursor: pointer;\n            z-index: 9999;\n            transition: all 0.3s ease;\n            border: none;\n            font-size: 16px;\n            font-weight: 600;\n            box-shadow: 0 4px 20px rgba(128, 0, 0, 0.4);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        #cart-popup-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px rgba(128, 0, 0, 0.5);\n            background: linear-gradient(135deg, #a00000, #cc0000);\n        }\n\n        #cart-popup-btn .cart-count {\n            background: #cc5500;\n            color: #fff;\n            border-radius: 50%;\n            padding: 4px 10px;\n            font-size: 13px;\n            font-weight: bold;\n            min-width: 24px;\n            text-align: center;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n        }\n\n        #cart-popup {\n            display: none;\n            position: fixed;\n            right: 30px;\n            bottom: 100px;\n            background: #1a1a1a !important;\n            color: #fff !important;\n            border: 1px solid #2a2a2a;\n            border-radius: 16px;\n            width: 380px;\n            max-width: calc(100vw - 60px);\n            max-height: 500px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n            z-index: 9998;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            flex-direction: column;\n        }\n\n        #cart-popup[style*=\"display: block\"] {\n            display: flex !important;\n        }\n\n        #cart-popup header {\n            background: #800000;\n            color: #fff;\n            padding: 16px 20px;\n            font-weight: 600;\n            font-size: 16px;\n            margin: 0;\n            text-align: center;\n            flex-shrink: 0;\n        }\n\n        #cart-popup-items {\n            flex: 1;\n            overflow-y: auto;\n            padding: 0;\n            min-height: 0;\n        }\n\n        #cart-popup-items::-webkit-scrollbar {\n            width: 6px;\n        }\n\n        #cart-popup-items::-webkit-scrollbar-track {\n            background: #2a2a2a;\n        }\n\n        #cart-popup-items::-webkit-scrollbar-thumb {\n            background: #800000;\n            border-radius: 3px;\n        }\n\n        .cart-item {\n            display: flex;\n            align-items: center;\n            padding: 16px 20px;\n            border-bottom: 1px solid #2a2a2a;\n            position: relative;\n            transition: background 0.2s ease;\n        }\n\n        .cart-item:hover {\n            background: rgba(128, 0, 0, 0.1);\n        }\n\n        .cart-item:last-child {\n            border-bottom: none;\n        }\n\n        .cart-item .product-link {\n            display: block;\n            margin-right: 12px;\n            flex-shrink: 0;\n        }\n\n        .cart-item img {\n            width: 50px;\n            height: 50px;\n            object-fit: cover;\n            border-radius: 8px;\n            border: 1px solid #2a2a2a;\n            transition: transform 0.2s ease;\n        }\n\n        .cart-item .product-link:hover img {\n            transform: scale(1.05);\n        }\n\n        .cart-item-info {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .cart-item-name {\n            font-weight: 600;\n            font-size: 14px;\n            line-height: 1.3;\n        }\n\n        .cart-item-name a {\n            color: #fff;\n            text-decoration: none;\n            transition: color 0.2s ease;\n        }\n\n        .cart-item-name a:hover {\n            color: #cc5500;\n        }\n\n        .cart-item-details {\n            font-size: 12px;\n            color: #ccc;\n            display: flex;\n            gap: 8px;\n            align-items: center;\n        }\n\n        .cart-item-price {\n            color: #cc5500;\n            font-weight: 600;\n        }\n\n        .remove-item {\n            position: absolute;\n            top: 8px;\n            right: 8px;\n            border: none;\n            background: rgba(128, 0, 0, 0.8);\n            color: #fff;\n            font-size: 16px;\n            cursor: pointer;\n            padding: 4px 8px;\n            border-radius: 50%;\n            width: 24px;\n            height: 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.2s ease;\n            font-weight: bold;\n        }\n\n        .remove-item:hover {\n            background: #800000;\n            transform: scale(1.1);\n        }\n\n        #cart-popup-footer {\n            padding: 16px 20px;\n            border-top: 1px solid #2a2a2a;\n            background: #161616;\n            flex-shrink: 0;\n        }\n\n        #cart-popup-footer .total {\n            font-weight: 600;\n            font-size: 16px;\n            margin-bottom: 12px;\n            text-align: center;\n            color: #cc5500;\n        }\n\n        .cart-actions {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n        }\n\n        .cart-actions a, \n        .cart-actions button {\n            flex: 1;\n            min-width: 80px;\n            display: inline-block;\n            background: #800000;\n            color: #fff;\n            padding: 10px 12px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-size: 13px;\n            font-weight: 600;\n            text-align: center;\n            border: none;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n\n        .cart-actions a:hover,\n        .cart-actions button:hover {\n            background: #a00000;\n            transform: translateY(-1px);\n        }\n\n        .cart-actions a.disabled {\n            background: #444 !important;\n            color: #888 !important;\n            cursor: not-allowed !important;\n            pointer-events: none !important;\n            opacity: 0.5;\n        }\n\n        #clear-cart {\n            background: #666 !important;\n        }\n\n        #clear-cart:hover {\n            background: #888 !important;\n        }\n\n        .cart-empty {\n            padding: 40px 20px;\n            text-align: center;\n            color: #ccc;\n        }\n\n        .cart-empty-icon {\n            font-size: 48px;\n            margin-bottom: 16px;\n            opacity: 0.5;\n        }\n\n        @media (max-width: 768px) {\n            #cart-popup-btn {\n                bottom: 20px;\n                right: 20px;\n                padding: 14px 18px;\n                font-size: 14px;\n            }\n\n            #cart-popup {\n                right: 20px;\n                bottom: 80px;\n                width: calc(100vw - 40px);\n                max-width: none;\n                max-height: calc(100vh - 120px);\n            }\n\n            .cart-item {\n                padding: 12px 16px;\n            }\n\n            .cart-item img {\n                width: 45px;\n                height: 45px;\n            }\n\n            #cart-popup-footer {\n                padding: 12px 16px;\n            }\n\n            .cart-actions {\n                flex-direction: column;\n                gap: 6px;\n            }\n\n            .cart-actions a,\n            .cart-actions button {\n                flex: none;\n                padding: 8px 12px;\n                font-size: 12px;\n            }\n        }\n    <\/style>\n\n    <button id=\"cart-popup-btn\">\n        \ud83d\uded2 <span class=\"cart-count\">0<\/span>\n    <\/button>\n\n    <div id=\"cart-popup\">\n        <header>Seu Carrinho<\/header>\n        <div id=\"cart-popup-items\">\n            <div class=\"cart-empty\">\n                <div class=\"cart-empty-icon\">\ud83d\uded2<\/div>\n                <p>Carregando...<\/p>\n            <\/div>\n        <\/div>\n        <div id=\"cart-popup-footer\">\n            <div class=\"total\">Total: R$ 0,00<\/div>\n            <div class=\"cart-actions\">\n                <a href=\"https:\/\/fotosport.com.br\/?page_id=798\" class=\"ver-carrinho\" >Ver carrinho<\/a>\n                <a href=\"https:\/\/fotosport.com.br\/?page_id=57\" class=\"finalizar-compra\" >Finalizar<\/a>\n                <button id=\"clear-cart\">Limpar<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        window.atualizarCarrinhoPopup = function(){\n            fetch('https:\/\/fotosport.com.br\/wp-admin\/admin-ajax.php?action=get_cart_contents', {\n                method: 'GET',\n                headers: {\n                    'X-Requested-With': 'XMLHttpRequest'\n                },\n                credentials: 'same-origin'\n            })\n            .then(res => res.json())\n            .then(data => {\n                if(data.success){\n                    const btn = document.getElementById('cart-popup-btn');\n                    const countElement = btn ? btn.querySelector('.cart-count') : null;\n                    const itemsElement = document.getElementById('cart-popup-items');\n                    const totalElement = document.querySelector('#cart-popup-footer .total');\n                    const finalizarBtn = document.querySelector('.finalizar-compra');\n                    \n                    if (countElement) {\n                        countElement.textContent = data.data.count;\n                    }\n                    \n                    if (itemsElement) {\n                        itemsElement.innerHTML = data.data.html;\n                    }\n                    \n                    if (totalElement) {\n                        totalElement.innerHTML = 'Total: ' + data.data.total;\n                    }\n                    \n                    if (finalizarBtn) {\n                        if (data.data.count > 0) {\n                            finalizarBtn.classList.remove('disabled');\n                        } else {\n                            finalizarBtn.classList.add('disabled');\n                        }\n                    }\n                } else {\n                    console.error('Erro na resposta:', data);\n                }\n            })\n            .catch(error => {\n                console.error('Erro ao atualizar carrinho:', error);\n            });\n        };\n\n        const popup = document.getElementById('cart-popup');\n        const btn = document.getElementById('cart-popup-btn');\n        const clearBtn = document.getElementById('clear-cart');\n\n        if (!popup || !btn) {\n            console.error('Elementos do carrinho n\u00e3o encontrados!');\n            return;\n        }\n\n        btn.addEventListener('click', function(e) {\n            e.preventDefault();\n            const isVisible = popup.style.display === 'block';\n            popup.style.display = isVisible ? 'none' : 'block';\n        });\n\n        document.addEventListener('click', function(e) {\n            if (!popup.contains(e.target) && !btn.contains(e.target)) {\n                if (popup.style.display === 'block') {\n                    popup.style.display = 'none';\n                }\n            }\n        });\n\n        if (clearBtn) {\n            clearBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                if (!confirm('Deseja limpar todo o carrinho?')) return;\n                \n                fetch('https:\/\/fotosport.com.br\/wp-admin\/admin-ajax.php', { \n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/x-www-form-urlencoded',\n                        'X-Requested-With': 'XMLHttpRequest'\n                    },\n                    body: new URLSearchParams({\n                        action: 'clear_cart'\n                    }),\n                    credentials: 'same-origin'\n                })\n                .then(res => res.json())\n                .then(data => {\n                    if (data.success) {\n                        window.atualizarCarrinhoPopup();\n                        \n                        if (typeof window.atualizarTodosStatusCarrinho === 'function') {\n                            window.atualizarTodosStatusCarrinho();\n                        } else {\n                            const produtos = document.querySelectorAll('.foto-produto.no-carrinho');\n                            produtos.forEach(produto => {\n                                produto.classList.remove('no-carrinho');\n                            });\n                        }\n                    }\n                })\n                .catch(error => {\n                    console.error('Erro ao limpar carrinho:', error);\n                });\n            });\n        }\n\n        window.atualizarCarrinhoPopup();\n\n        if (typeof jQuery !== 'undefined') {\n            jQuery(document.body).on('added_to_cart', function(){\n                setTimeout(function() {\n                    window.atualizarCarrinhoPopup();\n                }, 600);\n            });\n        }\n\n        document.addEventListener('click', function(e) {\n            if (e.target.classList.contains('finalizar-compra') && e.target.classList.contains('disabled')) {\n                e.preventDefault();\n                e.stopPropagation();\n                return false;\n            }\n        });\n    });\n\n    document.addEventListener('click', function(e){\n        if (e.target.classList.contains('remove-item')) {\n            e.preventDefault();\n            \n            const key = e.target.dataset.key;\n            const productId = e.target.dataset.productId;\n            const variationId = e.target.dataset.variationId;\n            \n            if (!key) {\n                console.error('Chave do item n\u00e3o encontrada');\n                return;\n            }\n            \n            fetch('https:\/\/fotosport.com.br\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                headers: { \n                    'Content-Type': 'application\/x-www-form-urlencoded',\n                    'X-Requested-With': 'XMLHttpRequest'\n                },\n                body: new URLSearchParams({ \n                    action: 'remove_cart_item',\n                    key: key \n                }),\n                credentials: 'same-origin'\n            })\n            .then(res => res.json())\n            .then(data => {\n                if (data.success) {\n                    window.atualizarCarrinhoPopup();\n                    if (typeof window.atualizarStatusCarrinho === 'function') {\n                        window.atualizarStatusCarrinho(productId, variationId, false);\n                    }\n                }\n            })\n            .catch(error => {\n                console.error('Erro ao remover item:', error);\n            });\n        }\n    });\n    <\/script>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contato D\u00favidas Home X<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-327","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FotoSport &#8226; Home<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fotosport.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FotoSport &#8226; Home\" \/>\n<meta property=\"og:description\" content=\"Contato D\u00favidas Home X\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fotosport.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"FotoSport\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-24T18:28:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/\",\"url\":\"https:\\\/\\\/fotosport.com.br\\\/\",\"name\":\"FotoSport &#8226; Home\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/#website\"},\"datePublished\":\"2025-06-06T19:02:40+00:00\",\"dateModified\":\"2025-07-24T18:28:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fotosport.com.br\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/fotosport.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/#website\",\"url\":\"https:\\\/\\\/fotosport.com.br\\\/\",\"name\":\"FotoSport\",\"description\":\"A sua melhor foto, no seu melhor momento!\",\"publisher\":{\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fotosport.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/#organization\",\"name\":\"FotoSport\",\"url\":\"https:\\\/\\\/fotosport.com.br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/fotosport.com.br\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-logofoto-768x298-2.png\",\"contentUrl\":\"https:\\\/\\\/fotosport.com.br\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-logofoto-768x298-2.png\",\"width\":745,\"height\":298,\"caption\":\"FotoSport\"},\"image\":{\"@id\":\"https:\\\/\\\/fotosport.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/fotosport_fotos\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FotoSport &#8226; Home","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fotosport.com.br\/","og_locale":"pt_BR","og_type":"article","og_title":"FotoSport &#8226; Home","og_description":"Contato D\u00favidas Home X","og_url":"https:\/\/fotosport.com.br\/","og_site_name":"FotoSport","article_modified_time":"2025-07-24T18:28:08+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fotosport.com.br\/","url":"https:\/\/fotosport.com.br\/","name":"FotoSport &#8226; Home","isPartOf":{"@id":"https:\/\/fotosport.com.br\/#website"},"datePublished":"2025-06-06T19:02:40+00:00","dateModified":"2025-07-24T18:28:08+00:00","breadcrumb":{"@id":"https:\/\/fotosport.com.br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fotosport.com.br\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fotosport.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/fotosport.com.br\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/fotosport.com.br\/#website","url":"https:\/\/fotosport.com.br\/","name":"FotoSport","description":"A sua melhor foto, no seu melhor momento!","publisher":{"@id":"https:\/\/fotosport.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fotosport.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/fotosport.com.br\/#organization","name":"FotoSport","url":"https:\/\/fotosport.com.br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fotosport.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/07\/cropped-logofoto-768x298-2.png","contentUrl":"https:\/\/fotosport.com.br\/wp-content\/uploads\/2025\/07\/cropped-logofoto-768x298-2.png","width":745,"height":298,"caption":"FotoSport"},"image":{"@id":"https:\/\/fotosport.com.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/fotosport_fotos\/"]}]}},"_links":{"self":[{"href":"https:\/\/fotosport.com.br\/index.php?rest_route=\/wp\/v2\/pages\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fotosport.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fotosport.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fotosport.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fotosport.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=327"}],"version-history":[{"count":270,"href":"https:\/\/fotosport.com.br\/index.php?rest_route=\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":21350,"href":"https:\/\/fotosport.com.br\/index.php?rest_route=\/wp\/v2\/pages\/327\/revisions\/21350"}],"wp:attachment":[{"href":"https:\/\/fotosport.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}