{"id":890,"date":"2025-07-27T00:47:01","date_gmt":"2025-07-27T03:47:01","guid":{"rendered":"https:\/\/futbol360.online\/futbol-360\/?page_id=890"},"modified":"2025-07-27T23:52:38","modified_gmt":"2025-07-28T02:52:38","slug":"planilla-de-pelota-detenida","status":"publish","type":"page","link":"https:\/\/futbol360.online\/futbol-360\/planilla-de-pelota-detenida\/","title":{"rendered":"Planilla de Pelota Detenida"},"content":{"rendered":"\n
\n\u2190 Volver<\/a>\n<\/div>\n\n\n\n\n\n\n \n \n Contador de Eventos de Partido<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;700&display=swap');\n \n :root {\n --bg-color: #2c3e50;\n --card-bg: #34495e;\n --text-color: #ecf0f1;\n --green: #27ae60;\n --red: #c0392b;\n --blue: #2980b9;\n --yellow: #f1c40f;\n --grey: #7f8c8d;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: var(--bg-color);\n color: var(--text-color);\n margin: 0;\n padding: 20px;\n }\n\n .main-container {\n max-width: 1000px;\n margin: auto;\n }\n\n h1 {\n text-align: center;\n font-size: 2em;\n margin-bottom: 30px;\n }\n\n .event-group {\n background-color: var(--card-bg);\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n .event-group h2 {\n margin: 0 0 20px 0;\n font-size: 1.5em;\n border-bottom: 2px solid var(--text-color);\n padding-bottom: 10px;\n }\n\n .buttons-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 15px;\n }\n\n .tally-button {\n padding: 15px;\n border: none;\n border-radius: 8px;\n color: white;\n font-size: 1em;\n font-weight: 500;\n cursor: pointer;\n transition: transform 0.1s ease, box-shadow 0.2s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n min-height: 100px;\n }\n .tally-button:active {\n transform: scale(0.95);\n }\n\n .button-counter {\n font-size: 2.5em;\n font-weight: 700;\n display: block;\n margin-bottom: 5px;\n }\n\n \/* Colores de botones *\/\n .btn-green { background-color: var(--green); }\n .btn-red { background-color: var(--red); }\n .btn-blue { background-color: var(--blue); }\n .btn-yellow { background-color: var(--yellow); color: #333; }\n \/* --- NUEVA CLASE PARA TARJETA ROJA --- *\/\n .btn-red-card { background-color: var(--red); }\n \n \/* --- CSS MEJORADO PARA CENTRAR EL BOT\u00d3N DE REINICIO --- *\/\n .reset-container {\n display: flex;\n justify-content: center;\n margin-top: 30px;\n }\n .reset-button {\n background-color: var(--grey);\n padding: 12px 30px;\n font-size: 1.1em;\n }\n\n <\/style>\n<\/head>\n<body>\n\n <div class=\"main-container\">\n <h1>Contador de Eventos en Vivo<\/h1>\n\n <div class=\"event-group\">\n <h2>A Favor<\/h2>\n <div class=\"buttons-grid\">\n <button class=\"tally-button btn-green\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Corner a Favor<\/span>\n <\/button>\n <button class=\"tally-button btn-green\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Tiro Libre Ofensivo<\/span>\n <\/button>\n <button class=\"tally-button btn-green\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Remate a Puerta<\/span>\n <\/button>\n <button class=\"tally-button btn-green\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Gol a Favor<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <h2>En Contra<\/h2>\n <div class=\"buttons-grid\">\n <button class=\"tally-button btn-red\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Corner en Contra<\/span>\n <\/button>\n <button class=\"tally-button btn-red\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Tiro Libre Defensivo<\/span>\n <\/button>\n <button class=\"tally-button btn-red\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Remate Recibido<\/span>\n <\/button>\n <button class=\"tally-button btn-red\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Gol en Contra<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <h2>Disputas y Tarjetas<\/h2>\n <div class=\"buttons-grid\">\n <button class=\"tally-button btn-blue\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Falta Cometida<\/span>\n <\/button>\n <button class=\"tally-button btn-blue\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Falta Recibida<\/span>\n <\/button>\n <button class=\"tally-button btn-yellow\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Tarjeta Amarilla<\/span>\n <\/button>\n <button class=\"tally-button btn-red-card\" onclick=\"incrementCounter(this)\">\n <span class=\"button-counter\">0<\/span>\n <span>Tarjeta Roja<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"reset-container\">\n <button class=\"tally-button reset-button\" onclick=\"resetAll()\">Reiniciar Contadores<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Funci\u00f3n para incrementar el contador del bot\u00f3n presionado\n function incrementCounter(buttonElement) {\n const counterSpan = buttonElement.querySelector('.button-counter');\n let currentCount = parseInt(counterSpan.textContent);\n currentCount++;\n counterSpan.textContent = currentCount;\n }\n\n \/\/ Funci\u00f3n para reiniciar todos los contadores a cero\n function resetAll() {\n if (confirm('\u00bfEst\u00e1s seguro de que quieres reiniciar todos los contadores a cero?')) {\n const allCounters = document.querySelectorAll('.button-counter');\n allCounters.forEach(counter => {\n counter.textContent = '0';\n });\n }\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n\n<\/p>\n<div class=\"main-container\">\n<div class=\"reset-container\">\u00a0<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u2190 Volver Contador de Eventos de Partido Contador de Eventos en Vivo A Favor 0 Corner a Favor 0 Tiro Libre Ofensivo 0 Remate a Puerta 0 Gol a Favor En Contra 0 Corner en Contra 0 Tiro Libre Defensivo 0 Remate Recibido 0 Gol en Contra Disputas y Tarjetas 0 Falta Cometida 0 Falta […]<\/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-890","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/890","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=890"}],"version-history":[{"count":9,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/890\/revisions"}],"predecessor-version":[{"id":963,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/890\/revisions\/963"}],"wp:attachment":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/media?parent=890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}