@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%; } .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; } } /* 365Scores brand blue for metric values only */ .scores-stat-value, .scores-stat-card .scores-stat-value, .scores-stats-grid .scores-stat-value { color: #179BFF !important; } /* Correct image sizing: full card width, no side gaps, no cropping */ .scores-image-wrap, .scores-hero-first-image { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; background: transparent !important; overflow: hidden !important; margin-left: 0 !important; margin-right: 0 !important; } .scores-image-wrap img, .scores-hero-first-image img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: none !important; object-fit: initial !important; object-position: center center !important; } /* Override earlier mobile fixed image heights */ @media (max-width: 640px) { .scores-image-wrap, .scores-hero-first-image { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; } .scores-image-wrap img, .scores-hero-first-image img { width: 100% !important; height: auto !important; max-height: none !important; } } /* Slightly bigger icon terms */ .scores-stat-label, .scores-stat-card .scores-stat-label, .scores-stats-grid .scores-stat-label { font-size: 0.84rem !important; line-height: 1.18 !important; } @media (max-width: 640px) { .scores-stat-label, .scores-stat-card .scores-stat-label, .scores-stats-grid .scores-stat-label { font-size: 0.78rem !important; line-height: 1.16 !important; } } ☰ Continuar Lendo Conteúdo × 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": "", "hero": { "title": "Os 15 destaques da 1ª rodada da Premier League", "subtitle": "", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/hero_image_epl-gw-1", "copy": "A 1ª rodada da Premier League entregou vitórias marcantes, estreias de impacto imediato e drama nos minutos finais. De jogadores recém-promovidos anunciando sua chegada a criadores estabelecidos assumindo o controle, estes foram os 15 grandes destaques da rodada de abertura da temporada 2026/27, classificados do último ao primeiro." }, "items": [ { "id": 15, "name": "Emersonn", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/emerson", "imagePosition": "center center", "textTop": "Emersonn deu ao retorno do Ipswich à Premier League um ponto focal, marcando aos 24 minutos na vitória por 2-1 sobre o Sunderland. Julio Enciso puniu um erro terrível na saída de bola e cruzou para o brasileiro, cuja finalização levemente desajeitada ainda assim carregou o valor impiedoso que o Ipswich precisava. Dois chutes precisos e dois passes-chave mostraram que sua contribuição foi além do gol que abriu o placar.", "textBottom": "O centroavante jogou 65 minutos, mas forneceu a mistura que um time promovido requer: presença de área, resistência física e uma saída para aliviar a pressão. Ele venceu três duelos aéreos, completou ambos os dribles que tentou e converteu sua única grande chance. O Ipswich eventualmente precisou do gol da vitória de Jack Clarke nos minutos finais, mas a movimentação de Emersonn e seu xG (gols esperados) de 0.82 deram ao seu ataque um formato digno de Premier League.", "stats": [ { "icon": "", "value": "8.2", "label": "Avaliação 365Scores" }, { "icon": "", "value": "67.63", "label": "Avaliação Média de Impacto" } ] }, { "id": 14, "name": "Konstantinos Tzolakis", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/tzolakis", "imagePosition": "center center", "textTop": "A vitória do Hull por 2-0 sobre o Manchester United dependeu de mais do que volume defensivo, e Tzolakis forneceu a autoridade por trás disso. Ele fez cinco defesas, incluindo uma forte intervenção no início contra Bryan Mbeumo, enquanto quatro cortes pelo alto removeram a pressão antes que ela pudesse se tornar um perigo sustentado. Não sofrer gols contra um adversário de peso fez desta uma estreia enfática na Premier League.", "textBottom": "Sua distribuição de bola foi muito menos polida: apenas 17 de 49 passes e 10 de 41 bolas longas encontraram companheiros de equipe. No entanto, essa fraqueza pertenceu em parte ao jogo deliberadamente direto e de baixa posse do Hull. O goleiro recuperou a bola 22 vezes e evitou 0.6 gols de acordo com o modelo estatístico, oferecendo uma firme última linha de defesa enquanto o time promovido protegia uma extraordinária vantagem no dia de abertura.", "stats": [ { "icon": "", "value": "7.4", "label": "Avaliação 365Scores" }, { "icon": "", "value": "56.4", "label": "Avaliação Média de Impacto" } ] }, { "id": 13, "name": "Anthony Elanga", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/elanga", "imagePosition": "center center", "textTop": "O Newcastle precisou de apenas cinco minutos para Elanga expor a defesa de transição do Liverpool. William Osula o lançou no espaço, e o ponta acelerou além de Milos Kerkez antes de finalizar cruzado, vencendo Alisson. Ambas as suas tentativas acertaram o alvo, dando ao Newcastle a recompensa antecipada que sua abordagem direta merecia em um empate acirrado de 2-2 em St James' Park.", "textBottom": "A atuação foi construída com base na velocidade, em vez de um envolvimento constante. Elanga completou 15 passes e não criou chances, mas o Liverpool nunca se sentiu confortável defendendo o espaço atrás do seu lado esquerdo. Sofrer três faltas sublinhou a tensão que suas arrancadas causaram. A ameaça vertical do Newcastle parece mais aguda quando ele pode atacar cedo, e esta foi uma demonstração limpa desse papel.", "stats": [ { "icon": "", "value": "7.9", "label": "Avaliação 365Scores" }, { "icon": "", "value": "41.32", "label": "Avaliação Média de Impacto" } ] }, { "id": 12, "name": "Cody Gakpo", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/gakpo", "imagePosition": "center center", "textTop": "Gakpo buscou o empate do Liverpool em Newcastle com a força da persistência. Depois de ameaçar com chutes de longe, ele marcou no início do segundo tempo para apagar o gol de abertura de Anthony Elanga e mudar brevemente o ímpeto do jogo. Seis chutes, três passes-chave e 0.15 de assistências esperadas capturaram um atacante disposto a impulsionar o ataque do Liverpool, mesmo quando a atuação geral permanecia irregular.", "textBottom": "Apenas um desses seis esforços testou o goleiro, enquanto 17 posses de bola perdidas refletiram o risco em seu jogo. Ainda assim, seu trabalho defensivo deu substância à exibição: três interceptações, três desarmes bem-sucedidos e cinco recuperações. Em um ataque do Liverpool com uma nova cara buscando ritmo, Gakpo ofereceu volume de finalizações, contrapressão e a capacidade de criar seu próprio caminho de volta a uma difícil partida fora de casa.", "stats": [ { "icon": "", "value": "8.4", "label": "Avaliação 365Scores" }, { "icon": "", "value": "63.87", "label": "Avaliação Média de Impacto" } ] }, { "id": 11, "name": "Kiernan Dewsbury-Hall", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/dewbury-hall", "imagePosition": "center center", "textTop": "Dewsbury-Hall abriu o placar para o Everton contra o Crystal Palace com uma finalização precisa cruzada no primeiro tempo. O chute carregava apenas 0.12 xG, mas gerou 0.46 gols esperados no alvo (xGOT), uma medida clara de quão habilmente ele transformou uma oportunidade modesta em uma tentativa de alta qualidade. Ele adicionou dois passes-chave enquanto o Everton estabelecia o controle e vencia por 2-0.", "textBottom": "Operando entre o meio-campo e o ataque, ele conectou as fases do jogo com 32 passes completados de 37 tentados e sete entradas no terço final do campo. As três finalizações e duas recuperações de bola avançadas mostraram seu apetite por chegar onde o jogo poderia ser decidido. O Everton ainda precisa de criatividade consistente em torno do seu centroavante, e o timing de Dewsbury-Hall oferece uma rota valiosa para os gols sem comprometer a estrutura do meio-campo.", "stats": [ { "icon": "", "value": "8", "label": "Avaliação 365Scores" }, { "icon": "", "value": "45.62", "label": "Avaliação Média de Impacto" } ] }, { "id": 10, "name": "Marc Guéhi", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/guehi", "imagePosition": "center center", "textTop": "A tarde de Guéhi contra o Bournemouth transformou-se de frustração em salvação. Utilizado no meio-campo, ele perdeu uma chance clara de cabeça, mas retornou aos 84 minutos para cabecear forte o gol de empate, iniciando a virada tardia do Manchester City. Seu gol e mais uma grande chance criada fizeram dele um improvável pivô de ataque em uma dramática vitória por 2-1.", "textBottom": "A experiência tática de atuar em uma nova posição foi convincente com a posse de bola. Guéhi completou 58 de 61 passes, conduziu a bola rompendo as linhas de pressão em seu único drible e perdeu a bola apenas cinco vezes ao longo dos 90 minutos. Três desarmes bem-sucedidos e seis duelos no chão vencidos adicionaram pegada ao meio-campo. Sua adaptabilidade dá ao City cobertura durante um período de mudanças, embora o erro inicial tenha mostrado a diferença entre alcançar espaços valiosos e finalizar com precisão a partir deles.", "stats": [ { "icon": "", "value": "8", "label": "Avaliação 365Scores" }, { "icon": "", "value": "66.27", "label": "Avaliação Média de Impacto" } ] }, { "id": 9, "name": "Nobel Mendy", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/mendy", "imagePosition": "center center", "textTop": "Mendy fez sua introdução à Premier League parecer espetacularmente simples: domine sua área e, em seguida, marque na do adversário. Sua cabeçada aos 38 minutos dobrou a vantagem do Hull sobre o Manchester United, e 12 cortes ajudaram a preservar o 2-0 no placar. Ele completou 18 de 19 passes e cometeu apenas uma falta antes de sair aos 63 minutos com um desconforto físico.", "textBottom": "A formação defensiva recuada do Hull exigiu que seus zagueiros absorvessem cruzamentos repetidos, uma tarefa que Mendy lidou com notável calma. Seu gol veio de sua única finalização, enquanto um bloqueio e duas vitórias em duelos aéreos complementaram o enorme total de cortes (rebatidas). A saída antecipada foi a única preocupação, mas sua força e economia de movimentos sugerem que a contratação recorde do clube pode se tornar central na estratégia de sobrevivência do Hull.", "stats": [ { "icon": "", "value": "8.7", "label": "Avaliação 365Scores" }, { "icon": "", "value": "61.72", "label": "Avaliação Média de Impacto" } ] }, { "id": 8, "name": "Mamadou Sangaré", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/sangare", "imagePosition": "center center", "textTop": "A estreia de Sangaré no Brentford trouxe a segurança de um meio-campista que já está familiarizado com o ritmo do time. Ele deu uma assistência durante o desmanche por 3-0 do Tottenham, criou uma grande chance e recuperou a posse de bola sete vezes em 75 minutos. Sua capacidade de roubar a bola e de movimentar a jogada imediatamente para frente ajudou o Brentford a dominar uma equipe remodelada dos Spurs.", "textBottom": "O jogador do Mali completou 28 de 35 passes e produziu dois passes-chave, equilibrando segurança com incisão. Ter sofrido três faltas também mostrou como ele era difícil de parar uma vez que escapava da pressão. Em um meio-campo construído em torno de energia e ataques verticais rápidos, Sangaré parece naturalmente adequado: alcance defensivo suficiente para proteger transições, compostura suficiente para transformar roubadas de bola em chances de gol antes que os oponentes possam se recompor.", "stats": [ { "icon": "", "value": "8", "label": "Avaliação 365Scores" }, { "icon": "", "value": "38.62", "label": "Avaliação Média de Impacto" } ] }, { "id": 7, "name": "Iliman Ndiaye", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/ndiaye", "imagePosition": "center center", "textTop": "Ndiaye deu ao ataque do Everton seu pulso criativo mais confiável na vitória por 2-0 sobre o Crystal Palace. Sua assistência coroou uma atuação que teve três passes-chave, uma grande chance criada e dois chutes no alvo. Ele repetidamente recebia a bola na direita, conduzia o jogo para o meio e encontrava companheiros em posições de onde o Everton podia transformar o controle territorial em ameaça genuína.", "textBottom": "Seus 38 passes completados em 44 tentativas foram especialmente úteis para um atacante operando em áreas congestionadas, enquanto oito recuperações de bola refletiram seu trabalho após as mudanças de posse. As quatro tentativas de drible produziram apenas um sucesso, mas Ndiaye continuou pedindo a bola. A estrutura ofensiva do Everton se beneficia dessa ambição, pois ele pode conectar o meio-campo, isolar defensores no um contra um e entregar a ação final da jogada.", "stats": [ { "icon": "", "value": "8.1", "label": "Avaliação 365Scores" }, { "icon": "", "value": "45.82", "label": "Avaliação Média de Impacto" } ] }, { "id": 6, "name": "Keane Lewis-Potter", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/lewis-potter", "imagePosition": "center center", "textTop": "Lewis-Potter deu início à goleada do Brentford sobre o Tottenham aos 12 minutos, finalizando de perto enquanto os anfitriões repetidamente encontravam espaço ao redor da nova defesa dos Spurs. Seus dois chutes geraram 0.77 xG, e ele converteu a única grande chance que surgiu em seu caminho. A vantagem no início permitiu ao Brentford encarar a partida com crescente confiança.", "textBottom": "Começando como lateral-esquerdo em um 4-3-3, Lewis-Potter ofereceu a amplitude e o timing no ataque de um ponta natural, sem negligenciar seu trabalho defensivo. Ele completou 29 de 33 passes, entrou no terço final do campo sete vezes, fez duas interceptações e venceu dois duelos aéreos. Esse conjunto híbrido de habilidades dá ao Brentford flexibilidade tática e um atacante a mais (infiltrando vindo de trás) sem sacrificar sua estrutura de linha de quatro defensores.", "stats": [ { "icon": "", "value": "8.4", "label": "Avaliação 365Scores" }, { "icon": "", "value": "59.25", "label": "Avaliação Média de Impacto" } ] }, { "id": 5, "name": "Anton Stach", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/stach", "imagePosition": "center center", "textTop": "Stach decidiu um confronto tenso no City Ground com uma cobrança de falta aos 88 minutos que pegou Matz Sels de surpresa e garantiu a vitória do Leeds por 1-0. Foi uma finalização de alto valor a partir de uma oportunidade de baixo valor: suas três tentativas totalizaram apenas 0.10 xG, mas ele encontrou o momento de precisão que um jogo muito disputado havia negado a ambos os times.", "textBottom": "Sua taxa de acerto de passes foi irregular, com 17 acertos em 31 tentativas, mas a contribuição mais ampla no meio-campo foi robusta e influente. Stach fez quatro interceptações, quatro rebatidas e cinco recuperações de bola, além de sofrer quatro faltas. Doze passes direcionados ao terço final revelaram sua vontade de forçar o avanço territorial. Para o Leeds, essa combinação de alcance defensivo com a ameaça em bolas paradas pode virar margens estreitas fora de casa a favor da equipe.", "stats": [ { "icon": "", "value": "8.3", "label": "Avaliação 365Scores" }, { "icon": "", "value": "83.9", "label": "Avaliação Média de Impacto" } ] }, { "id": 4, "name": "João Pedro", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/pedro", "imagePosition": "center center", "textTop": "João Pedro moldou a vitória do Chelsea por 3-2 no estádio do Fulham desde os primeiros segundos, tocando a bola de primeira, com muita categoria, para a infiltração de Cole Palmer, garantindo assistência no primeiro gol, antes de ele próprio balançar as redes no início do segundo tempo. A assistência e a finalização emolduraram uma atuação de constante invenção: cinco chutes, três passes-chave, uma grande chance criada e cinco dribles bem-sucedidos em oito tentativas.", "textBottom": "Ele completou 30 de 34 passes e sofreu três faltas, escapando repetidamente da pressão para manter o fluido ataque do Chelsea conectado. Sete recuperações e três posses de bola ganhas no terço final adicionaram combatividade à habilidade técnica. Com João Pedro e Morgan Rogers se movendo ao redor dele, Palmer encontrou tanto a liberdade para ditar o ritmo quanto os jogadores atacando o espaço a quem recompensar; foi uma mensagem clara do principal criador de jogadas do Chelsea para esta temporada.", "stats": [ { "icon": "", "value": "8.3", "label": "Avaliação 365Scores" }, { "icon": "", "value": "61.99", "label": "Avaliação Média de Impacto" } ] }, { "id": 3, "name": "Martin Ødegaard", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/odegard", "imagePosition": "center center", "textTop": "Ødegaard completou a imponente vitória de 3-0 do Arsenal sobre o Coventry com um gol logo após o intervalo. Sua finalização coroou uma exibição construída com base no controle: 52 de 56 passes alcançaram seu alvo, ambas as bolas longas foram completadas e três passes-chave mantiveram os campeões avançando através das linhas defensivas do Coventry. O capitão do Arsenal fez com que o domínio parecesse ordenado e inevitável.", "textBottom": "Ele também contribuiu com dois desarmes, quatro recuperações de bola e uma retomada de posse no terço final antes de ser substituído aos 75 minutos. Esses detalhes importavam porque o Arsenal sustentava os ataques ao recuperar a bola rapidamente sempre que uma jogada era interrompida. Com quatro passes para o terço final e 72 toques na bola, Ødegaard serviu como o ditador do ritmo entre as zonas de construção e de finalização e, em seguida, adicionou o toque pessoal decisivo.", "stats": [ { "icon": "", "value": "8.3", "label": "Avaliação 365Scores" }, { "icon": "", "value": "63.11", "label": "Avaliação Média de Impacto" } ] }, { "id": 2, "name": "Jack Hinshelwood", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/hinshelwood", "imagePosition": "center center", "textTop": "Hinshelwood marcou duas vezes em pouco mais de um minuto enquanto o Brighton destroçava o Aston Villa antes do intervalo. O primeiro premiou sua chegada na área; o segundo puniu o Villa imediatamente após a saída de bola. Ambos foram classificados como grandes chances, e ele converteu os dois, produzindo 1.57 de xGOT (gols esperados no alvo) a partir de apenas duas finalizações que testaram o goleiro.", "textBottom": "A eficiência foi quase absurda: 25 toques na bola, 13 passes completados e 63 minutos em campo foram suficientes para definir uma vitória por 4-0. Hinshelwood também completou seu único drible e venceu ambos os desarmes que tentou, trazendo controle para uma função que encorajava corridas ofensivas agressivas. O uso dele pelo Brighton ao redor da linha de meio-campistas ofensivos maximiza seu timing, energia e um instinto incomum para aparecer na área sem ser marcado.", "stats": [ { "icon": "", "value": "9", "label": "Avaliação 365Scores" }, { "icon": "", "value": "96.91", "label": "Avaliação Média de Impacto" } ] }, { "id": 1, "name": "Cole Palmer", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/Premium/EN/palmer", "imagePosition": "center center", "textTop": "Palmer moldou a vitória do Chelsea por 3-2 sobre o Fulham desde os primeiros segundos, tocando rapidamente a bola para João Pedro no lance do primeiro gol antes de marcar ele mesmo no início do segundo tempo. A assistência e o gol emolduraram uma atuação de invenção constante: cinco chutes, três passes-chave, uma grande chance criada e cinco dribles bem-sucedidos em oito tentativas.", "textBottom": "Ele completou 30 de 34 passes e sofreu três faltas, escapando repetidamente da pressão para manter o ataque fluído do Chelsea sempre conectado. Sete recuperações de bola e três posses ganhas no terço final adicionaram pegada (intensidade) à sua arte. Com João Pedro e Morgan Rogers se movendo ao seu redor, Palmer encontrou tanto a liberdade para ditar o jogo quanto as infiltrações dos companheiros para acionar com seus passes precisos – um cartão de visitas ameaçador e imponente do principal criador do Chelsea na temporada.", "stats": [ { "icon": "", "value": "9.1", "label": "Avaliação 365Scores" }, { "icon": "", "value": "81.68", "label": "Avaliação Média de Impacto" } ] } ] }; 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)); });
