@font-face { font-family: '365 Sans'; src: url('/wp-content/uploads/fonts/365-Sans-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: '365 Sans'; src: url('/wp-content/uploads/fonts/365-Sans-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } #scores-article-template { --primary: #3B82F6; --primary-hover: #2563EB; --page-bg: #ffffff; --surface-bg: #ffffff; --card-bg: #ffffff; --border: #F3F4F6; --text: #111827; --muted: #4B5563; --soft: #F3F4F6; --soft-hover: #E5E7EB; --shadow: rgba(15, 23, 42, 0.12); --overlay: rgba(0, 0, 0, 0.52); font-family: '365 Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; background: var(--page-bg) !important; color: var(--text) !important; min-height: 100vh !important; scroll-behavior: smooth; position: relative; z-index: 1; line-height: 1.5; } #scores-article-template.scores-dark { --page-bg: #020617; --surface-bg: #0F172A; --card-bg: #111827; --border: #1F2937; --text: #F9FAFB; --muted: #D1D5DB; --soft: #1F2937; --soft-hover: #374151; --shadow: rgba(0, 0, 0, 0.42); --overlay: rgba(0, 0, 0, 0.75); } #scores-article-template * { box-sizing: border-box !important; } #scores-article-template .scores-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 99999 !important; background: var(--surface-bg); border-bottom: 1px solid var(--border); box-shadow: 0 2px 10px var(--shadow); } button.scores-next-button { width: 145px; background-color: #3b82f6; color: white; border-radius: 15px; margin-top: 30px; min-height: 40px; } .scores-header-inner { max-width: 1280px; margin: 0 auto; padding: 14px 16px; display: flex; align-items: center; gap: 16px; } .scores-nav { display: flex; gap: 8px; overflow-x: auto; flex: 1; scrollbar-width: none; } .scores-nav::-webkit-scrollbar { display: none; } .scores-nav-button { min-width: 40px; height: 40px; padding: 0 13px; border-radius: 999px; background: var(--soft); color: var(--muted); font-weight: 600; border: none; cursor: pointer; white-space: nowrap; transition: none; } .scores-nav-button.is-active { background: var(--primary); color: #fff !important; } .scores-hero { min-height: 72vh; position: relative; display: flex; align-items: center; justify-content: center; padding: 112px 16px 52px; text-align: left; color: #fff !important; background-color: #020617; overflow: hidden; } .scores-hero::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(2, 6, 23, 0.50) 0%, rgba(2, 6, 23, 0.28) 46%, rgba(2, 6, 23, 0.58) 100%); } .scores-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center 28%; z-index: 0; opacity: 1; transform: scale(1.02); overflow: hidden; } .scores-hero-bg-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; filter: brightness(0.72); } .scores-hero-content { position: relative; z-index: 2; width: 100%; max-width: 1180px; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr); gap: 34px; align-items: center; } .scores-hero-text { min-width: 0; } .scores-hero-kicker { display: inline-flex; align-items: center; width: max-content; max-width: 100%; margin-bottom: 14px; padding: 7px 12px; border-radius: 999px; background: rgba(59, 130, 246, 0.24); border: 1px solid rgba(147, 197, 253, 0.5); color: #DBEAFE !important; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; } .scores-hero-title { font-size: clamp(34px, 6.8vw, 68px) !important; font-weight: 800; margin: 0 0 14px; color: #fff !important; line-height: 1.05 !important; text-wrap: balance; } .scores-hero-subtitle { margin: 0 0 18px; font-size: clamp(18px, 2.3vw, 24px); font-weight: 700!important; color: #fff !important; text-shadow: 0 0 20px rgba(59, 130, 246, 0.85), 0 2px 10px rgba(0, 0, 0, 0.5); } .scores-hero-copy p { max-width: 720px; margin: 0; color: #E5E7EB !important; font-size: clamp(16px, 1.9vw, 19px); line-height: 1.65; } .scores-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .scores-start-button, .scores-hero-secondary-button { min-height: 46px; padding: 12px 24px; border-radius: 999px; border: 1px solid transparent; font-weight: 800; cursor: pointer; line-height: 1; } .scores-start-button { background: var(--primary); color: #fff !important; box-shadow: 0 12px 24px rgba(37, 99, 235, 0.32); } .scores-hero-secondary-button { background: rgba(255, 255, 255, 0.12); color: #fff !important; border-color: rgba(255, 255, 255, 0.26); } .scores-hero-preview { width: 100%; padding: 18px; border-radius: 24px; background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34); backdrop-filter: blur(12px); } .scores-hero-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; color: #DBEAFE !important; } .scores-hero-preview-head span { font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .scores-hero-preview-head strong { color: #fff !important; font-size: 13px; font-weight: 800; white-space: nowrap; } .scores-hero-preview-list { display: grid; gap: 10px; } .scores-hero-preview-item { width: 100%; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; background: rgba(2, 6, 23, 0.56); color: #fff !important; text-align: left; cursor: pointer; } .scores-hero-preview-item:hover { background: rgba(59, 130, 246, 0.22); } .scores-hero-preview-thumb, .scores-hero-preview-rank-chip { width: 58px; height: 48px; border-radius: 12px; overflow: hidden; background: rgba(59, 130, 246, 0.26); } .scores-hero-preview-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; display: block; } .scores-hero-preview-rank-chip { display: flex; align-items: center; justify-content: center; color: #fff !important; font-weight: 800; font-size: 18px; } .scores-hero-preview-text { min-width: 0; display: grid; gap: 3px; } .scores-hero-preview-rankline { color: #93C5FD !important; font-size: 12px; font-weight: 800; line-height: 1.1; } .scores-hero-preview-name { color: #fff !important; font-size: 15px; font-weight: 800; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 760px) { .scores-hero { min-height: auto; padding: 96px 14px 34px; } .scores-hero::after { background: linear-gradient(180deg, rgba(2, 6, 23, 0.92) 0%, rgba(2, 6, 23, 0.84) 54%, rgba(2, 6, 23, 0.96) 100%); } .scores-hero-bg { opacity: 0.36; background-position: center top; } .scores-hero-content { grid-template-columns: 1fr; gap: 22px; } .scores-hero-title { font-size: clamp(30px, 9vw, 46px) !important; } .scores-hero-subtitle { font-size: 18px; margin-bottom: 14px; } .scores-hero-actions { gap: 10px; margin-top: 20px; } .scores-start-button, .scores-hero-secondary-button { flex: 1 1 150px; padding-left: 16px; padding-right: 16px; } .scores-hero-preview { padding: 14px; border-radius: 20px; } .scores-hero-preview-item { grid-template-columns: 52px minmax(0, 1fr); padding: 9px; } .scores-hero-preview-thumb, .scores-hero-preview-rank-chip { width: 52px; height: 44px; } .scores-hero-preview-name { font-size: 14px; } .scores-hero-preview-item:nth-child(n+4) { display: none; } } .scores-section-shell { min-height: 100vh; scroll-margin-top: 80px; } .scores-card { max-width: 800px; margin: 90px auto; background: var(--card-bg); border-radius: 24px; border: 1px solid var(--border); box-shadow: 0 10px 30px var(--shadow); overflow: hidden; } .scores-card-header { padding: 30px 30px 12px; border-bottom: 0; } .scores-card-header h2 { margin: 0; font-size: 28px; font-weight: 800; } .scores-card-body { padding: 10px 30px 30px; color: var(--muted); font-size: 18px; line-height: 1.7; } .scores-card-body > p:first-child { margin-top: 0; } .scores-image-wrap { width: 100%; height: 250px; background: #eee; margin: 20px 0; border-radius: 12px; overflow: hidden; } .scores-image-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: var(--image-position, center 22%); } .scores-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 25px; align-items: stretch; } .scores-stats-grid.is-empty { display: none; } .scores-stats-count-1 { grid-template-columns: minmax(0, 260px); justify-content: center; } .scores-stats-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .scores-stats-count-3 .scores-stat:last-child { grid-column: 1 / -1; justify-self: center; width: min(100%, 260px); } .scores-stat { min-width: 0; padding: 18px 12px; background: var(--soft); border-radius: 16px; text-align: center; border: 1px solid var(--border); display: flex; flex-direction: column; align-items: center; justify-content: center; } .scores-stat-icon { width: 32px; height: 32px; margin: 0 auto 10px; color: var(--primary); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .scores-stat-icon img { width: 100%; height: 100%; object-fit: contain; } .scores-stat.no-icon .scores-stat-value { margin-top: 0; } .scores-stat-value { font-size: 24px; font-weight: 800; color: var(--text); line-height: 1.15; margin-bottom: 4px; overflow-wrap: anywhere; } .scores-stat-label { font-size: 11px; color: var(--muted); text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; line-height: 1.3; } @media (max-width: 599px) { .scores-card { margin: 56px 12px; border-radius: 20px; } .scores-card-header { padding: 22px 18px 14px; } .scores-card-header h2 { font-size: 24px; line-height: 1.2; } .scores-card-body { padding: 8px 18px 24px; font-size: 16px; line-height: 1.65; } .scores-image-wrap { height: 230px; margin: 18px 0; } .scores-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; } .scores-stats-count-1 { grid-template-columns: minmax(0, 1fr); } .scores-stats-count-3 .scores-stat:last-child { grid-column: 1 / -1; justify-self: center; width: min(100%, 260px); } .scores-stat { min-height: 118px; padding: 14px 10px; } .scores-stat-icon { width: 28px; height: 28px; margin-bottom: 8px; } .scores-stat-value { font-size: 20px; line-height: 1.15; } .scores-stat-label { font-size: 10px; line-height: 1.3; } button.scores-next-button { width: 100%; margin-top: 24px; } } @media (min-width: 600px) { .scores-stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .scores-stats-count-1 { grid-template-columns: minmax(0, 260px); justify-content: center; } .scores-stats-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 520px; margin-left: auto; margin-right: auto; } .scores-stats-count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 690px; margin-left: auto; margin-right: auto; } .scores-stats-count-3 .scores-stat:last-child { grid-column: auto; justify-self: stretch; width: auto; } .scores-stats-count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; } .scores-image-wrap { height: 400px; } } .scores-icon-button { background: var(--soft); border: none; width: 40px; height: 40px; border-radius: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--text); } .scores-toc-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 300px; background: var(--surface-bg); z-index: 100000; transform: translateX(100%); transition: transform 0.3s ease; padding: 20px; box-shadow: -5px 0 15px var(--shadow); overflow-y: auto; } .scores-toc-drawer.is-open { transform: translateX(0); } .scores-toc-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 99999; display: none; } .scores-toc-overlay.is-open { display: block; } .scores-hero-first-item { width: 100%; padding: 18px; border-radius: 24px; background: rgba(15, 23, 42, 0.78); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34); backdrop-filter: blur(12px); color: #fff !important; } .scores-hero-first-kicker { display: inline-flex; margin-bottom: 10px; padding: 6px 10px; border-radius: 999px; background: rgba(59, 130, 246, 0.26); color: #DBEAFE !important; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .scores-hero-first-title { margin: 0 0 12px; color: #fff !important; font-size: clamp(22px, 3vw, 32px); font-weight: 800; line-height: 1.12; } .scores-hero-first-image { width: 100%; height: 230px; margin: 12px 0 14px; border-radius: 18px; overflow: hidden; background: rgba(255,255,255,0.1); } .scores-hero-first-image img { width: 100%; height: 100%; object-fit: cover; object-position: var(--image-position, center 22%); display: block; } .scores-hero-first-copy { display: grid; gap: 10px; } .scores-hero-first-copy p { margin: 0; color: #E5E7EB !important; font-size: 15px; line-height: 1.55; } .scores-hero-first-copy p:nth-child(2) { color: #CBD5E1 !important; } .scores-hero-first-actions { margin-top: 16px; display: flex; gap: 10px; flex-wrap: wrap; } .scores-hero-first-actions .scores-next-button { margin-top: 0; } @media (max-width: 760px) { .scores-hero-first-item { padding: 14px; border-radius: 20px; } .scores-hero-first-image { height: 190px; border-radius: 16px; } .scores-hero-first-title { font-size: 23px; } .scores-hero-first-copy p { font-size: 14px; line-height: 1.5; } } /* Traditional first-item landing variant */ .scores-hero { min-height: auto; align-items: flex-start; justify-content: center; padding: 104px 16px 56px; text-align: center; } .scores-hero::after { background: linear-gradient(180deg, rgba(2, 6, 23, 0.38) 0%, rgba(2, 6, 23, 0.30) 45%, rgba(2, 6, 23, 0.48) 100%); } .scores-hero-bg { opacity: 1; background-position: center top; } .scores-hero-bg-img { opacity: 1; } .scores-hero-content { max-width: 860px; display: flex; flex-direction: column; gap: 20px; align-items: stretch; } .scores-hero-text { text-align: center; } .scores-hero-kicker { margin-left: auto; margin-right: auto; margin-bottom: 12px; } .scores-hero-title { max-width: 820px; margin: 0 auto 12px; font-size: clamp(30px, 5.2vw, 54px) !important; line-height: 1.08 !important; } .scores-hero-copy p { max-width: 760px; margin: 0 auto; font-size: clamp(15px, 1.7vw, 18px); line-height: 1.55; } .scores-hero-actions { justify-content: center; margin-top: 2px; } .scores-hero-first-item { width: 100%; padding: 0; border-radius: 24px; background: var(--card-bg); border: 1px solid var(--border); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28); backdrop-filter: none; color: var(--text) !important; overflow: hidden; text-align: left; } .scores-hero-first-kicker { margin: 28px 30px 8px; background: rgba(59, 130, 246, 0.12); color: var(--primary) !important; } .scores-hero-first-title { margin: 0 30px 10px; color: var(--text) !important; font-size: clamp(23px, 3.2vw, 32px); line-height: 1.16; } .scores-hero-first-copy { display: block; padding: 0 30px; } .scores-hero-first-copy p { margin: 0 0 16px; color: var(--muted) !important; font-size: 17px; line-height: 1.65; } .scores-hero-first-copy p:nth-child(2) { color: var(--muted) !important; } .scores-hero-first-image { width: auto; height: 360px; margin: 16px 30px 18px; border-radius: 16px; background: #E5E7EB; } .scores-hero-first-actions { margin: 18px 30px 30px; } @media (max-width: 760px) { .scores-hero { padding: 88px 12px 34px; } .scores-hero-content { gap: 16px; } .scores-hero-title { font-size: clamp(28px, 8.4vw, 40px) !important; } .scores-hero-copy p { font-size: 15px; line-height: 1.5; } .scores-hero-first-item { border-radius: 20px; } .scores-hero-first-kicker { margin: 20px 18px 8px; } .scores-hero-first-title { margin: 0 18px 10px; font-size: 22px; line-height: 1.18; } .scores-hero-first-copy { padding: 0 18px; } .scores-hero-first-copy p { font-size: 15px; line-height: 1.55; margin-bottom: 14px; } .scores-hero-first-image { height: 210px; margin: 14px 18px 16px; border-radius: 14px; } .scores-hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; } .scores-start-button, .scores-hero-secondary-button { width: 100%; } } /* Align the featured landing item title with the regular article-card layout */ .scores-hero-first-title { display: block !important; margin: 0 0 10px !important; padding: 0 30px !important; width: 100% !important; box-sizing: border-box !important; } .scores-hero-first-copy { padding-left: 30px !important; padding-right: 30px !important; } @media (max-width: 599px) { .scores-hero-first-kicker { margin: 22px 18px 8px !important; } .scores-hero-first-title { padding-left: 18px !important; padding-right: 18px !important; margin-bottom: 10px !important; font-size: 24px !important; line-height: 1.2 !important; } .scores-hero-first-copy { padding-left: 18px !important; padding-right: 18px !important; } } ☰ Continuar Lendo Índice × let scoresProgrammaticScroll = false; let scoresScrollSettleTimer = null; let scoresProgrammaticFallbackTimer = null; function setActiveNavButton(id) { const activeId = String(id); const nav = document.getElementById('js-nav'); if (!nav) return; nav.querySelectorAll('.scores-nav-button').forEach(button => { button.classList.toggle('is-active', button.dataset.articleId === activeId || button.textContent.trim() === activeId); }); } function finishProgrammaticScroll() { scoresProgrammaticScroll = false; if (scoresScrollSettleTimer) window.clearTimeout(scoresScrollSettleTimer); if (scoresProgrammaticFallbackTimer) window.clearTimeout(scoresProgrammaticFallbackTimer); scoresScrollSettleTimer = null; scoresProgrammaticFallbackTimer = null; } window.addEventListener('scroll', function() { if (!scoresProgrammaticScroll) return; if (scoresScrollSettleTimer) window.clearTimeout(scoresScrollSettleTimer); scoresScrollSettleTimer = window.setTimeout(finishProgrammaticScroll, 180); }, { passive: true }); function scrollToSection(id) { scoresProgrammaticScroll = true; setActiveNavButton(id); if (scoresProgrammaticFallbackTimer) window.clearTimeout(scoresProgrammaticFallbackTimer); scoresProgrammaticFallbackTimer = window.setTimeout(finishProgrammaticScroll, 2200); const el = document.getElementById(`article-item-${id}`); if (el) { const offset = 80; const bodyRect = document.body.getBoundingClientRect().top; const elementRect = el.getBoundingClientRect().top; const elementPosition = elementRect - bodyRect; const offsetPosition = elementPosition - offset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } } document.addEventListener('DOMContentLoaded', function() { const data = { "logo": "G", "hero": { "title": "O ranking dos 15 goleiros de maior impacto na Copa 2026", "subtitle": "", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Vozinhaa", "copy": "As avaliações de impacto dos goleiros na Copa do Mundo de 2026 mostram como os defensores moldam o destino de suas equipes no torneio. Utilizando dados exclusivos do 365Scores, este ranking avalia os 15 goleiros mais influentes com base em suas contribuições individuais e sua influência direta em levar suas equipes a campanhas vitoriosas no torneio." }, "items": [ { "id": 15, "name": "Eloy Room - Curaçao", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-room", "imagePosition": "center 22%", "textTop": "O goleiro de Curaçao, Eloy Room, escreveu um capítulo icônico na Copa do Mundo, apesar da eliminação precoce de sua equipe na fase de grupos. Enfrentando um ataque implacável do Equador, o veterano produziu uma incrível atuação com 16 defesas para garantir o primeiro ponto da história de seu país na Copa do Mundo em um empate histórico de 0 a 0. Room pareceu totalmente imbatível, mantendo sozinho a nação estreante competitiva e demonstrando como um goleiro pode afetar drasticamente as chances de vitória.", "textBottom": "Embora seus feitos heroicos tenham igualado o recorde de defesas em uma única partida do torneio, o impacto de Room foi, em última análise, limitado pela eliminação de Curaçao na fase de grupos. O modelo analítico recompensa fortemente seu enorme volume de defesas, mas a vulnerabilidade defensiva de sua equipe e a incapacidade de chegar ao mata-mata o relegam à base do nosso ranking ajustado por profundidade no torneio.", "stats": [ { "icon": "", "value": "32.95", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "35.42", "label": "Impacto do Goleiro" }, { "icon": "", "value": "20", "label": "Total de Defesas" } ] }, { "id": 14, "name": "Bart Verbruggen - Holanda", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Verbruggen", "imagePosition": "center 22%", "textTop": "Bart Verbruggen ancorou a defesa da Holanda com uma compostura excepcional, ajudando a garantir o primeiro lugar no Grupo F. Operando atrás de um time ofensivo, seus reflexos aguçados e rápida tomada de decisão evitaram transições perigosas dos adversários. No entanto, sua campanha no torneio chegou a um fim abrupto nos 16-avos de final.", "textBottom": "O jovem goleiro foi eliminado em uma dramática disputa de pênaltis contra o Marrocos. Apesar de mostrar alta eficiência técnica e registrar 16 defesas, sua saída precoce na primeira rodada do mata-mata o impede de subir mais neste ranking.", "stats": [ { "icon": "", "value": "33.03", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "33.21", "label": "Impacto do Goleiro" }, { "icon": "", "value": "16", "label": "Total de Defesas" } ] }, { "id": 13, "name": "Patrick Beach - Austrália", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-patrickbeach", "imagePosition": "center 22%", "textTop": "O jovem goleiro australiano Patrick Beach surgiu como uma estrela revelação, com atuações heroicas para guiar os Socceroos aos 16-avos de final. Em um confronto tenso contra o Egito, Beach exibiu reflexos espetaculares para defender uma cabeçada com endereço certo para o gol. Suas defesas corajosas manteve a Austrália altamente competitiva ao longo de sua desafiadora campanha.", "textBottom": "Embora Beach tenha liderado o torneio em gols evitados, sua capacidade de levar sua equipe mais longe foi interrompida por uma substituição polêmica pouco antes da disputa de pênaltis. Com a Austrália eliminada nos 16-avos de final, seu impacto estatístico permanece limitado, demonstrando como as decisões táticas podem limitar o potencial final de um goleiro em afetar vitórias.", "stats": [ { "icon": "", "value": "36.26", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "34.29", "label": "Impacto do Goleiro" }, { "icon": "", "value": "14", "label": "Total de Defesas" } ] }, { "id": 12, "name": "Ronwen Williams - África do Sul", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Ronwen", "imagePosition": "center 22%", "textTop": "O capitão da África do Sul, Ronwen Williams, entregou uma campanha histórica e quebra de recordes que impulsionou seu país para os 16-avos de final. Williams quebrou um jejum nacional de 24 anos com um jogo sem sofrer gols contra a Coreia do Sul, e então quebrou um recorde da Copa do Mundo de 60 anos ao completar 77 passes bem-sucedidos contra o Canadá. Sua liderança vocal transformou o jogo dos Bafana Bafana.", "textBottom": "Williams conquista o 12º lugar, combinando habilidades de criação de jogadas de elite com uma robusta defesa debaixo das traves. Embora seu estilo revolucionário atuando como um jogador de linha extra tenha elevado dramaticamente sua avaliação de impacto individual, a saída precoce da África do Sul nos 16-avos de final limita sua classificação atrás daqueles goleiros que avançaram mais na chave.", "stats": [ { "icon": "", "value": "51.84", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "45.4", "label": "Impacto do Goleiro" }, { "icon": "", "value": "11", "label": "Total de Defesas" } ] }, { "id": 11, "name": "Zion Suzuki - Japão", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-suzuki", "imagePosition": "center 22%", "textTop": "Zion Suzuki, do Japão, demonstrou imenso atletismo e forte concentração, ancorando um esquadrão japonês altamente competitivo até os 16-avos de final. Jogando com excelente compostura contra ataques de elite como o da Holanda, Suzuki executou defesas críticas e comandou sua área com maturidade. Seu manuseio rápido manteve o Japão competitivo repetidamente durante os jogos de alto risco da fase de grupos.", "textBottom": "A jornada de Suzuki no torneio terminou nos 16-avos de final após uma derrota dura para o Brasil, limitando sua oportunidade de afetar vitórias nas rodadas mais decisivas. Sua avaliação como goleiro reflete alta eficiência, mas a saída precoce no mata-mata limita sua posição em comparação com colegas que guiaram suas equipes mais adiante.", "stats": [ { "icon": "", "value": "45.97", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "39.48", "label": "Impacto do Goleiro" }, { "icon": "", "value": "12", "label": "Total de Defesas" } ] }, { "id": 10, "name": "Jacob Zetterström - Suécia", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Zetterstrom", "imagePosition": "center 22%", "textTop": "O goleiro sueco Zetterström emergiu como uma muralha absoluta, mantendo sozinho a Suécia competitiva sob implacável pressão ofensiva. Durante um confronto desafiador nos 16-avos de final contra uma equipe estelar da França, Zetterström produziu 9 defesas espetaculares para evitar uma goleada. Seus reflexos excepcionais para negar gols a atacantes franceses de classe mundial lhe renderam elogios generalizados.", "textBottom": "A alta avaliação de Zetterström reflete seu imenso impacto individual atrás de uma defesa sueca vulnerável que foi frequentemente contornada pela oposição de elite. No entanto, com a Suécia eliminada nos 16-avos de final, suas brilhantes atuações em defesas não puderam se traduzir em uma campanha longa no torneio, mantendo-o no décimo lugar neste ranking ajustado por progressão.", "stats": [ { "icon": "", "value": "39.66", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "43.5", "label": "Impacto do Goleiro" }, { "icon": "", "value": "11", "label": "Total de Defesas" } ] }, { "id": 9, "name": "Vozinha - Cabo Verde", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Vozinhaa", "imagePosition": "center 22%", "textTop": "O goleiro de Cabo Verde, Vozinha, tornou-se uma sensação global, guiando a pequena nação insular a uma histórica vaga nos 16-avos de final. O veterano de 40 anos frustrou a Espanha durante um empate sem gols e fez sete defesas espetaculares contra a Argentina antes de uma derrota apertada na prorrogação. Suas defesas acrobáticas contra atacantes de elite eletrizaram o torneio.", "textBottom": "Sua avaliação excepcional lhe garante o 9º lugar, impulsionada por um volume massivo de defesas sob imensa pressão defensiva. Embora a campanha de conto de fadas de Cabo Verde tenha terminado na primeira rodada do mata-mata contra os atuais campeões, sua heroica atuação individual provou que um goleiro veterano e agente livre pode elevar drasticamente o teto competitivo de uma nação menor.", "stats": [ { "icon": "", "value": "40.82", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "36.52", "label": "Impacto do Goleiro" }, { "icon": "", "value": "18", "label": "Total de Defesas" } ] }, { "id": 8, "name": "Raúl Rangel - México", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Rangel", "imagePosition": "center 22%", "textTop": "O goleiro mexicano Raúl Rangel navegou pela intensa pressão de co-sediar, ajudando o México a vencer o Grupo A com três jogos consecutivos sem sofrer gols. Comandando sua área no icônico Estádio Azteca, Rangel dirigiu sua linha defensiva com autoridade vocal. Suas saídas rápidas e forte domínio aéreo impulsionaram o El Tri para as oitavas de final.", "textBottom": "A jornada de Rangel no torneio foi concluída nas oitavas após uma emocionante derrota para a Inglaterra, impedindo uma campanha mais profunda em casa. Embora o sistema defensivo altamente disciplinado do México o tenha protegido de enfrentar um alto volume de chutes, sua liderança vocal e execução clínica em vitórias críticas na fase de grupos garantem a ele o 8º lugar.", "stats": [ { "icon": "", "value": "41.58", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "33.38", "label": "Impacto do Goleiro" }, { "icon": "", "value": "8", "label": "Total de Defesas" } ] }, { "id": 7, "name": "Thibaut Courtois - Bélgica", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Courtois", "imagePosition": "center 22%", "textTop": "O veterano belga Thibaut Courtois ancorou sua seleção nacional até as oitavas de final, proporcionando uma estabilidade crucial durante uma campanha de alta transição. Superando Scifo como o jogador belga com mais partidas na história das Copas do Mundo, Courtois comandou sua área enquanto os Diabos Vermelhos lideravam o Grupo G. Seu posicionamento de elite e força mental permaneceram centrais para a estrutura defensiva da Bélgica.", "textBottom": "Courtois ocupa a sétima posição, equilibrando seu comando tático com a sólida progressão de sua equipe até as oitavas de final. Embora o esquema defensivo da Bélgica o tenha protegido de enfrentar um número esmagador de chutes, sua presença veterana e foco capaz de afetar vitórias em partidas de alto risco garantiram que os Diabos Vermelhos permanecessem altamente competitivos antes de sua eventual eliminação do torneio.", "stats": [ { "icon": "", "value": "42.01", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "34.35", "label": "Impacto do Goleiro" }, { "icon": "", "value": "9", "label": "Total de Defesas" } ] }, { "id": 6, "name": "Unai Simón - Espanha", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Simon", "imagePosition": "center 22%", "textTop": "O goleiro espanhol Unai Simón operou com precisão absoluta, quebrando o recorde de 36 anos de invencibilidade na Copa do Mundo ao alcançar 519 minutos consecutivos sem sofrer gols. Simón manteve quatro jogos seguidos sem sofrer gols para impulsionar a Espanha para as oitavas de final. Sua compostura e distribuição atuando como goleiro-linha muito fora de sua área lançaram as bases para a campanha invicta da Espanha.", "textBottom": "A sequência defensiva recorde de Simón foi o principal motor da progressão da Espanha para as oitavas de final. O sistema defensivo da Espanha foi tão dominante que ele enfrentou muito poucos chutes, o que mantém sua avaliação bruta de defesas modesta. No entanto, sua contribuição histórica para vencer partidas no cenário mundial lhe rende o 6º lugar.", "stats": [ { "icon": "", "value": "48.11", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "34.58", "label": "Impacto do Goleiro" }, { "icon": "", "value": "4", "label": "Total de Defesas" } ] }, { "id": 5, "name": "Gregor Kobel - Suíça", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Kobel", "imagePosition": "center 22%", "textTop": "O goleiro suíço Gregor Kobel assumiu os holofotes de forma impecável como o inquestionável número 1 da Suíça, ancorando a equipe até as oitavas de final. O goleiro do Dortmund não sofreu gols em uma vitória contundente por 2 a 0 sobre a Argélia nos 16-avos de final. Suas interceptações proativas e autoridade calma dentro da grande área proporcionaram imensa segurança psicológica.", "textBottom": "Kobel fica em quinto lugar, refletindo seu impacto altamente equilibrado em garantir vitórias vitais no mata-mata para a Suíça. Ao combinar uma distribuição limpa com atuações responsivas, ele alcançou uma alta avaliação de impacto como goleiro. Sua capacidade de instilar calma durante as partidas de eliminação simples foi vital para a longa campanha da Suíça até as oitavas de final.", "stats": [ { "icon": "", "value": "43.98", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "36.5", "label": "Impacto do Goleiro" }, { "icon": "", "value": "13", "label": "Total de Defesas" } ] }, { "id": 4, "name": "Diogo Costa - Portugal", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Costa", "imagePosition": "center 22%", "textTop": "O goleiro português Diogo Costa entregou atuações altamente refinadas, impulsionando Portugal para as oitavas de final após uma competitiva vitória nos 16-avos de final sobre a Croácia. Costa fez cinco defesas críticas naquele confronto de mata-mata para preservar uma vantagem estreita. Seus reflexos rápidos e saídas agressivas do gol interromperam repetidamente os perigosos contra-ataques adversários.", "textBottom": "A quarta posição de Costa destaca sua excepcional capacidade de lidar com as duplas exigências dos goleiros modernos durante uma campanha longa em um torneio. Sua classificação específica como goleiro foi impulsionada por iniciar as jogadas de construção e executar transições defensivas de alta pressão. O modelo analítico recompensa fortemente suas contribuições determinantes em guiar Portugal fundo na fase de mata-mata.", "stats": [ { "icon": "", "value": "45.55", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "38.07", "label": "Impacto do Goleiro" }, { "icon": "", "value": "14", "label": "Total de Defesas" } ] }, { "id": 3, "name": "Orlando Gill - Paraguai", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-gil", "imagePosition": "center 22%", "textTop": "O goleiro paraguaio Orlando Gill escreveu um conto de fadas inesquecível na Copa do Mundo, impulsionando o Paraguai para as oitavas de final. Gill entregou uma obra-prima nos 16-avos de final, fazendo seis defesas contra a Alemanha e defendendo dois pênaltis em uma histórica vitória nas penalidades. Seus feitos de tirar o fôlego conquistaram os corações dos fãs em todo o mundo.", "textBottom": "A excepcional terceira posição de Gill é um resultado direto de seu volume de defesas incomparável, registrando 23 defesas no total sob pressão implacável. O modelo analítico recompensa muito suas defesas de pênalti e intervenções críticas, ilustrando como seu desempenho afetou diretamente as vitórias e permitiu que o Paraguai eliminasse um gigante global para chegar às históricas oitavas de final.", "stats": [ { "icon": "", "value": "37.82", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "41", "label": "Impacto do Goleiro" }, { "icon": "", "value": "23", "label": "Total de Defesas" } ] }, { "id": 2, "name": "Bono - Marrocos", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-bounou", "imagePosition": "center 22%", "textTop": "O goleiro do Marrocos, Yassine Bounou, impulsionou seu time fundo no torneio, culminando em uma histórica vaga nas quartas de final após uma vitória nas oitavas de final sobre o Canadá. Carinhosamente conhecido como Bono, o veterano goleiro organizou uma linha defensiva altamente disciplinada. Sua compostura em momentos cruciais, incluindo uma vitória na disputa de pênaltis sobre a Holanda, provou ser absolutamente vital.", "textBottom": "Bono conquista o segundo lugar em nossa lista ajustada por progressão por sua influência direta em conduzir a campanha mais profunda da história do Marrocos no torneio. Embora a robusta organização defensiva do Marrocos tenha limitado seu volume geral de defesas, suas defesas decisivas de pênaltis e excelente liderança em partidas de mata-mata garantiram diretamente a histórica vaga de sua nação nas Quartas de final.", "stats": [ { "icon": "", "value": "29.14", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "24.98", "label": "Impacto do Goleiro" }, { "icon": "", "value": "9", "label": "Total de Defesas" } ] }, { "id": 1, "name": "Jordan Pickford - Inglaterra", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC-IR-GK/GettyImages-Pickford", "imagePosition": "center 22%", "textTop": "O goleiro da Inglaterra, Jordan Pickford, trouxe grande experiência para o campo, impulsionando os Três Leões a um confronto altamente antecipado nas quartas de final. Igualando o recorde de aparições de Peter Shilton em Copas do Mundo, Pickford comandou a defesa da Inglaterra para liderar o Grupo L e navegar pelas tensas rodadas do mata-mata. Sua intensidade vocal e posicionamento garantiram que a defesa da Inglaterra permanecesse excepcionalmente segura.", "textBottom": "Pickford conquista a posição de liderança incontestável, refletindo sua eficiência de elite e presença inigualável que afeta vitórias para um dos favoritos do torneio. Embora a estrutura defensiva da Inglaterra o tenha protegido de enfrentar altos volumes de chutes, sua execução impecável em partidas de alto risco e liderança vocal têm sido fundamentais para guiar os Três Leões até as quartas de final.", "stats": [ { "icon": "", "value": "46.04", "label": "Avaliação Média de Impacto" }, { "icon": "", "value": "36.61", "label": "Impacto do Goleiro" }, { "icon": "", "value": "9", "label": "Total de Defesas" } ] } ] }; const nav = document.getElementById('js-nav'); const sections = document.getElementById('js-sections'); const tocList = document.getElementById('js-toc-list'); // Init Hero document.getElementById('js-hero-title').textContent = data.hero.title; const heroBg = document.getElementById('js-hero-bg'); const heroImg = document.getElementById('js-hero-img'); if (heroBg) heroBg.style.backgroundImage = data.hero.img ? `url("${data.hero.img}")` : 'none'; if (heroImg) { if (data.hero.img) { heroImg.src = data.hero.img; heroImg.style.display = 'block'; } else { heroImg.removeAttribute('src'); heroImg.style.display = 'none'; } } document.getElementById('js-hero-copy').innerHTML = data.hero.copy ? `${data.hero.copy}` : ''; const heroSection = document.querySelector('.scores-hero'); const firstItem = data.items && data.items.length ? data.items[0] : null; if (heroSection && firstItem) heroSection.id = `article-item-${firstItem.id}`; const heroFirstItem = document.getElementById('js-hero-first-item'); if (heroFirstItem) { if (firstItem) { const secondItem = data.items[1] || null; const visibleStats = (firstItem.stats || []).filter(s => s && ( String(s.icon || '').trim() || String(s.value || '').trim() || String(s.label || '').trim() )); const statsHtml = visibleStats.map(s => { const hasIcon = Boolean(String(s.icon || '').trim()); const iconHtml = hasIcon ? `` : ''; return ` ${iconHtml} ${s.value || ''} ${s.label || ''} `; }).join(''); heroFirstItem.innerHTML = ` ${firstItem.id}. ${firstItem.name || ''} ${firstItem.textTop ? `${firstItem.textTop}` : ''} ${firstItem.img ? `` : ''} ${firstItem.textBottom ? `${firstItem.textBottom}` : ''} ${visibleStats.length ? `${statsHtml}` : ''} `; } else { heroFirstItem.style.display = 'none'; } } // Build article items data.items.forEach((d, index) => { const nextDriver = data.items[index + 1]; const nextId = nextDriver ? nextDriver.id : null; // Nav button const btn = document.createElement('button'); btn.className = 'scores-nav-button'; btn.textContent = d.id; btn.dataset.articleId = String(d.id); btn.onclick = () => scrollToSection(d.id); nav.appendChild(btn); // ToC entry const tocBtn = document.createElement('button'); tocBtn.style = 'display:block; width:100%; text-align:left; padding:12px; margin-bottom:8px; border:none; background:var(--soft); cursor:pointer; border-radius:12px; font-weight:700; color:var(--text);'; tocBtn.textContent = `${d.id}. ${d.name}`; tocBtn.onclick = () => { scrollToSection(d.id); toggleToC(false); }; tocList.appendChild(tocBtn); if (index === 0) return; // Stats HTML const visibleStats = (d.stats || []).filter(s => s && ( String(s.icon || '').trim() || String(s.value || '').trim() || String(s.label || '').trim() )); const statsHtml = visibleStats.map(s => { const hasIcon = Boolean(String(s.icon || '').trim()); const iconHtml = hasIcon ? `` : ''; return ` ${iconHtml} ${s.value || ''} ${s.label || ''} `; }).join(''); // Card const sect = document.createElement('section'); sect.className = 'scores-section-shell'; sect.id = `article-item-${d.id}`; sect.innerHTML = ` ${d.id}. ${d.name} ${d.textTop} ${d.img ? `` : ''} ${d.textBottom} ${visibleStats.length ? `${statsHtml}` : ''} ${nextId ? `Próximo ›` : ''} `; sections.appendChild(sect); }); // ToC controls function toggleToC(open) { document.getElementById('js-toc-drawer').classList.toggle('is-open', open); document.getElementById('js-toc-overlay').classList.toggle('is-open', open); } document.getElementById('js-toc-open').onclick = () => toggleToC(true); document.getElementById('js-toc-close').onclick = () => toggleToC(false); document.getElementById('js-toc-overlay').onclick = () => toggleToC(false); document.getElementById('js-start').onclick = () => { if (data.items.length > 1) scrollToSection(data.items[1].id); else if (data.items.length) scrollToSection(data.items[0].id); }; // Active nav highlight for manual scrolling only. Clicks set the active state immediately. const observer = new IntersectionObserver((entries) => { if (scoresProgrammaticScroll) return; entries.forEach(entry => { if (entry.isIntersecting) { const id = entry.target.id.replace('article-item-', ''); setActiveNavButton(id); } }); }, { rootMargin: '-20% 0px -70% 0px' }); const observedHero = document.querySelector('.scores-hero[id^="article-item-"]'); if (observedHero) observer.observe(observedHero); document.querySelectorAll('.scores-section-shell').forEach(s => observer.observe(s)); });
