{"id":2620,"date":"2025-12-17T19:04:46","date_gmt":"2025-12-17T22:04:46","guid":{"rendered":"https:\/\/futbol360.online\/futbol-360\/?page_id=2620"},"modified":"2025-12-18T15:57:47","modified_gmt":"2025-12-18T18:57:47","slug":"m-c-de-estadisticas-f1","status":"publish","type":"page","link":"https:\/\/futbol360.online\/futbol-360\/m-c-de-estadisticas-f1\/","title":{"rendered":"M &#8211; C de estad\u00edsticas &#8211; F1"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div class=\"partido-dashboard-modern\">\n  <header class=\"dashboard-header\" id=\"header-dinamico\"><\/header>\n\n  <div class=\"main-grid\">\n    <button class=\"menu-card\" data-section=\"planificador\" style=\"--accent: #2c3e50;\"><i class=\"fa-solid fa-clipboard-list\"><\/i><span>An\u00e1lisis Rival<\/span><\/button>\n    <button class=\"menu-card\" data-section=\"arquero\" style=\"--accent: #0073aa;\"><i class=\"fa-solid fa-hands-holding-child\"><\/i><span>An\u00e1lisis Arquero<\/span><\/button>\n    <button class=\"menu-card\" data-section=\"secuencias\" style=\"--accent: #a93226;\"><i class=\"fa-solid fa-film\"><\/i><span>Secuencias Video<\/span><\/button>\n    <button class=\"menu-card\" data-section=\"estadisticas\" style=\"--accent: #16a085;\"><i class=\"fa-solid fa-chart-line\"><\/i><span>Estad\u00edsticas<\/span><\/button>\n    <button class=\"menu-card\" data-section=\"jugadores\" style=\"--accent: #9b59b6;\"><i class=\"fa-solid fa-users\"><\/i><span>An\u00e1lisis Jugadores<\/span><\/button>\n    <button class=\"menu-card\" data-section=\"observaciones\" style=\"--accent: #f39c12;\"><i class=\"fa-solid fa-hotel\"><\/i><span>Concentraci\u00f3n<\/span><\/button>\n  <\/div>\n\n  <div id=\"dynamic-content\" class=\"content-wrapper\" style=\"display:none;\"><\/div>\n<\/div>\n\n<style>\n:root { --bg-soft: #f4f7f6; --text-dark: #2d3436; --white: #ffffff; }\n\n.partido-dashboard-modern { font-family: 'Inter', sans-serif; max-width: 1000px; margin: 20px auto; background: var(--bg-soft); padding: 30px; border-radius: 20px; color: var(--text-dark); }\n\n.dashboard-header { text-align: center; margin-bottom: 40px; }\n.dashboard-header h2 { font-size: 28px; margin: 10px 0; }\n.badge { background: #dfe6e9; display: inline-block; padding: 5px 15px; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; }\n.vs { color: #e74c3c; font-style: italic; margin: 0 10px; }\n\n.main-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }\n\n\/* --- MEJORA DE BOTONES --- *\/\n.menu-card { \n    background: var(--white); \n    border: none; \n    padding: 20px; \n    border-radius: 15px; \n    cursor: pointer; \n    display: flex; \n    flex-direction: column; \n    align-items: center; \n    gap: 10px; \n    box-shadow: 0 4px 6px rgba(0,0,0,0.05); \n    border-bottom: 4px solid var(--accent); \n    transition: all 0.3s ease;\n    \/* Color del texto igual al borde *\/\n    color: var(--accent); \n    font-weight: 700;\n}\n\n.menu-card i { \n    font-size: 26px; \n    color: var(--accent); \n    transition: all 0.3s ease;\n}\n\n.menu-card:hover { \n    transform: translateY(-5px); \n    background: var(--accent); \/* Se llena de color *\/\n    color: white !important;   \/* Letra blanca *\/\n}\n\n.menu-card:hover i { \n    color: white !important;   \/* Icono blanco *\/\n}\n\n\/* --- RESTO DE ESTILOS --- *\/\n.content-wrapper { margin-top: 30px; background: var(--white); padding: 25px; border-radius: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }\n.input-persist { width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ddd; border-radius: 5px; font-size: 13px; }\n.video-container { margin-top: 10px; background: #000; border-radius: 8px; overflow: hidden; aspect-ratio: 16\/9; display: flex; align-items: center; justify-content: center; color: white; }\n.jugadores-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }\n.jugador-card { background: #f8f9fa; padding: 15px; border-radius: 10px; text-align: center; border: 1px solid #eee; }\n.cronograma-item { display: grid; grid-template-columns: 40px 100px 1fr; gap: 15px; align-items: center; padding: 12px; background: #fdfdfd; border: 1px solid #eee; border-radius: 100px; margin-bottom: 8px; }\n.time-box { font-weight: 700; color: #2c3e50; border: none; background: transparent; text-align: center; border-bottom: 1px dashed #ccc; width: 100%; }\n.actividad-box { border: none; background: transparent; width: 100%; outline: none; }\n.sub-btn-modern { width: 100%; text-align: left; padding: 12px; margin-bottom: 5px; border: 1px solid #eee; background: #fff; border-radius: 8px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; text-decoration: none; color: inherit; }\n<\/style>\n\n<script>\n\/\/ ==========================================\n\/\/ CONFIGURACI\u00d3N DE LA FECHA\n\/\/ ==========================================\nconst partidoID = \"f1\"; \nconst nombreLiga = \"Liga Puerto Rico \u2013 Apertura\";\nconst equipoLocal = \"Metropolitan FA\";\nconst equipoRival = \"Taurinos FC\";\nconst infoPartido = \"08\/12\/25 | Condici\u00f3n: Visitante\";\n\/\/ ==========================================\n\ndocument.getElementById('header-dinamico').innerHTML = `\n    <div class=\"badge\">${nombreLiga}<\/div>\n    <h2>${equipoLocal} <span class=\"vs\">vs<\/span> ${equipoRival}<\/h2>\n    <p><i class=\"fa-solid fa-calendar-day\"><\/i> ${infoPartido}<\/p>\n`;\n\nconst storage = {\n    save: (key, val) => localStorage.setItem('scouting_' + partidoID + '_' + key, val),\n    get: (key) => localStorage.getItem('scouting_' + partidoID + '_' + key) || ''\n};\n\nfunction renderMedia(url) {\n    if (!url) return '<p style=\"font-size:12px; opacity:0.5;\">Sin video configurado<\/p>';\n    if (url.includes('youtube.com') || url.includes('youtu.be')) {\n        const id = url.split('v=')[1] || url.split('\/').pop();\n        return `<iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/${id}\" frameborder=\"0\" allowfullscreen><\/iframe>`;\n    }\n    return `<video width=\"100%\" height=\"100%\" controls><source src=\"${url}\" type=\"video\/mp4\"><\/video>`;\n}\n\nfunction updateVideo(id, url) {\n    storage.save(id, url);\n    const prev = document.getElementById('preview-' + id);\n    if(prev) prev.innerHTML = renderMedia(url);\n}\n\nfunction videoSection(id, label) {\n    const savedUrl = storage.get(id);\n    return `\n        <div style=\"margin-bottom:20px;\">\n            <label><strong>${label}:<\/strong><\/label>\n            <input type=\"text\" class=\"input-persist\" placeholder=\"URL de video...\" oninput=\"updateVideo('${id}', this.value)\" value=\"${savedUrl}\">\n            <div id=\"preview-${id}\" class=\"video-container\">${renderMedia(savedUrl)}<\/div>\n        <\/div>`;\n}\n\nconst itinerarioDefault = [\n    { label: 'Desayuno', icon: 'fa-coffee' },\n    { label: 'Movilidad \/ Activaci\u00f3n', icon: 'fa-dumbbell' },\n    { label: 'Almuerzo', icon: 'fa-utensils' },\n    { label: 'Descanso \/ Siesta', icon: 'fa-bed' },\n    { label: 'Merienda', icon: 'fa-apple-whole' },\n    { label: 'Charla T\u00e9cnica', icon: 'fa-chalkboard-user' },\n    { label: 'Salida al Estadio', icon: 'fa-bus' },\n    { label: 'Calentamiento', icon: 'fa-person-running' },\n    { label: 'Cena Post-Partido', icon: 'fa-bowl-food' }\n];\n\ndocument.querySelectorAll('.menu-card').forEach(card => {\n    card.addEventListener('click', () => {\n        const key = card.dataset.section;\n        const container = document.getElementById('dynamic-content');\n        const color = card.style.getPropertyValue('--accent');\n        container.innerHTML = `<h3 style=\"color:${color}; border-left:5px solid ${color}; padding-left:10px; margin-bottom:20px;\">${card.innerText}<\/h3>`;\n\n        if (key === 'secuencias') {\n            container.innerHTML += videoSection('vid_ofensiva', 'Fase Ofensiva') + videoSection('vid_defensiva', 'Fase Defensiva') + videoSection('vid_resumen', 'Resumen General');\n        } \n        else if (key === 'arquero') {\n            container.innerHTML += videoSection('vid_arquero', 'Clips del Portero') + `<p><strong>Tendencia Penales:<\/strong> <input type=\"text\" class=\"input-persist\" oninput=\"storage.save('penales', this.value)\" value=\"${storage.get('penales')}\"><\/p>`;\n        }\n        else if (key === 'jugadores') {\n            let grid = `<div class=\"jugadores-grid\">`;\n            for(let i=1; i<=20; i++) {\n                const nombreGuardado = storage.get('j_n_'+i);\n                const linkTM = nombreGuardado ? `https:\/\/www.transfermarkt.es\/schnellsuche\/ergebnis\/schnellsuche?query=${encodeURIComponent(nombreGuardado)}` : 'https:\/\/www.transfermarkt.es';\n                grid += `\n                    <div class=\"jugador-card\">\n                        <strong>N\u00b0 ${i}<\/strong>\n                        <input type=\"text\" class=\"input-persist\" placeholder=\"Nombre...\" oninput=\"storage.save('j_n_${i}', this.value); document.getElementById('tm_${i}').href = 'https:\/\/www.transfermarkt.es\/schnellsuche\/ergebnis\/schnellsuche?query=' + encodeURIComponent(this.value)\" value=\"${nombreGuardado}\">\n                        <a id=\"tm_${i}\" href=\"${linkTM}\" target=\"_blank\" style=\"font-size:11px; color:#1d72b8; text-decoration:none; font-weight:bold; display:block; margin-top:8px;\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> Perfil TM<\/a>\n                    <\/div>`;\n            }\n            container.innerHTML += grid + `<\/div>`;\n        }\n        else if (key === 'observaciones') {\n            itinerarioDefault.forEach((item, i) => {\n                container.innerHTML += `\n                <div class=\"cronograma-item\">\n                    <i class=\"fa-solid ${item.icon}\"><\/i>\n                    <input type=\"text\" class=\"time-box\" placeholder=\"00:00\" oninput=\"storage.save('h_time_${i}', this.value)\" value=\"${storage.get('h_time_'+i)}\">\n                    <input type=\"text\" class=\"actividad-box\" oninput=\"storage.save('h_act_${i}', this.value)\" value=\"${storage.get('h_act_'+i) || item.label}\">\n                <\/div>`;\n            });\n        }\n        else if (key === 'estadisticas') {\n            container.innerHTML += `<div style=\"display:flex; flex-direction:column; gap:10px;\"><a href=\"https:\/\/www.ligapuertorico.com\" target=\"_blank\" class=\"sub-btn-modern\">Liga Puerto Rico <i class=\"fa-solid fa-external-link\"><\/i><\/a><a href=\"https:\/\/platform.wyscout.com\" target=\"_blank\" class=\"sub-btn-modern\">Wyscout <i class=\"fa-solid fa-external-link\"><\/i><\/a><\/div>`;\n        }\n        else if (key === 'planificador') {\n            container.innerHTML += `<p><strong>Sistema Rival:<\/strong> <input type=\"text\" class=\"input-persist\" oninput=\"storage.save('sistema', this.value)\" value=\"${storage.get('sistema')}\"><\/p>`;\n        }\n\n        container.style.display = 'block';\n        container.scrollIntoView({behavior:\"smooth\"});\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>An\u00e1lisis Rival An\u00e1lisis Arquero Secuencias Video Estad\u00edsticas An\u00e1lisis Jugadores Concentraci\u00f3n<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2620","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/2620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/comments?post=2620"}],"version-history":[{"count":11,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/2620\/revisions"}],"predecessor-version":[{"id":2687,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/2620\/revisions\/2687"}],"wp:attachment":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/media?parent=2620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}