{"id":7454,"date":"2026-01-25T18:20:34","date_gmt":"2026-01-25T18:20:34","guid":{"rendered":"https:\/\/jairohdz.com\/f1-unlocked\/?page_id=7454"},"modified":"2026-01-26T01:15:04","modified_gmt":"2026-01-26T01:15:04","slug":"all-games","status":"publish","type":"page","link":"https:\/\/jairohdz.com\/f1-unlocked\/all-games\/","title":{"rendered":"All Games"},"content":{"rendered":"\n    <style>\n        :root { --f1-dark: #15151e; --f1-red: #e10600; --f1-yellow: #dfff00; --f1-green: #009E60; --font-head: 'Rajdhani', sans-serif; }\n        \n        .f1-arcade-wrapper { font-family: var(--font-head); max-width: 1200px; margin: 0 auto; padding: 20px; color: #fff; }\n        \n        \/* FILTROS *\/\n        .arcade-filters { display: flex; gap: 15px; margin-bottom: 30px; border-bottom: 1px solid #333; padding-bottom: 15px; }\n        .arcade-filter-btn { background: transparent; border: none; color: #888; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: 0.3s; padding: 5px 15px; border-radius: 4px; }\n        .arcade-filter-btn.active, .arcade-filter-btn:hover { color: #fff; background: #333; }\n\n        \/* GRID *\/\n        .arcade-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; }\n\n        \/* CARD DE JUEGO *\/\n        .f1-game-card { background: var(--f1-dark); border: 1px solid #333; border-radius: 8px; overflow: hidden; position: relative; transition: 0.3s; display: flex; flex-direction: column; text-decoration: none; }\n        .f1-game-card:hover { transform: translateY(-5px); border-color: var(--f1-red); box-shadow: 0 10px 20px rgba(225,6,0,0.2); }\n\n        .game-thumb { height: 160px; background-size: cover; background-position: center; position: relative; border-bottom: 3px solid var(--f1-red); }\n        \n        \/* ETIQUETAS Y BADGES *\/\n        .game-type-badge { position: absolute; top: 10px; left: 10px; background: rgba(0,0,0,0.8); color: #fff; font-size: 0.7rem; font-weight: 800; padding: 4px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #555; }\n        .game-status { position: absolute; top: 10px; right: 10px; font-size: 0.7rem; font-weight: 800; padding: 4px 8px; border-radius: 4px; text-transform: uppercase; }\n        .status-open { background: var(--f1-green); color: #fff; }\n        .status-completed { background: #333; color: #aaa; border: 1px solid #555; }\n        .status-locked { background: var(--f1-yellow); color: #000; }\n\n        \/* CONTENIDO CARD *\/\n        .game-info { padding: 20px; flex: 1; display: flex; flex-direction: column; }\n        .game-sub { color: var(--f1-yellow); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }\n        .game-title { color: #fff; font-size: 1.5rem; font-weight: 800; text-transform: uppercase; line-height: 1.1; margin: 0 0 15px 0; font-style: italic; }\n        \n        \/* RECOMPENSAS *\/\n        .game-rewards { margin-top: auto; display: flex; gap: 10px; border-top: 1px solid #333; padding-top: 15px; }\n        .reward-pill { background: rgba(255,255,255,0.05); padding: 5px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 800; display: flex; align-items: center; gap: 5px; }\n        .reward-pill.laps { color: var(--f1-red); }\n        .reward-pill.hotlaps { color: var(--f1-yellow); }\n\n        .btn-play { background: var(--f1-red); color: white; text-align: center; padding: 12px; font-weight: 800; text-transform: uppercase; transition: 0.3s; margin-top: 15px; border-radius: 4px; }\n        .btn-play:hover { background: #b30500; }\n        .btn-play.completed { background: #333; color: #888; }\n    <\/style>\n\n    <div class=\"f1-arcade-wrapper\">\n        \n        <h1 style=\"font-size:3.5rem; font-style:italic; font-weight:900; margin-bottom:0; line-height:1;\">F1 ARCADE<\/h1>\n        <p style=\"color:#aaa; font-size:1.1rem; margin-bottom:30px;\">Complete challenges to earn LAPS and climb the leaderboard.<\/p>\n\n        <div class=\"arcade-filters\">\n            <button class=\"arcade-filter-btn active\" data-filter=\"all\">All Games<\/button>\n            <button class=\"arcade-filter-btn\" data-filter=\"f1_memory\">Memory Match<\/button>\n            <!--<button class=\"arcade-filter-btn\" data-filter=\"f1_predictor\">Predictors<\/button>\n            <button class=\"arcade-filter-btn\" data-filter=\"f1_quiz\">Quizzes<\/button>-->\n        <\/div>\n\n        <div class=\"arcade-grid\">\n            \n            <a href=\"https:\/\/jairohdz.com\/f1-unlocked\/f1-memory\/memory-match-mexicogp-3\/\" class=\"f1-game-card\" data-type=\"f1_memory\">\n                <div class=\"game-thumb\" style=\"background-image: url('https:\/\/jairohdz.com\/f1-unlocked\/wp-content\/uploads\/sites\/2\/2026\/01\/1018893055-LAT-20211107-GP2118_201644_2ST7652-300x200.jpg');\">\n                    <span class=\"game-type-badge\">Memory Match<\/span>\n                                            <span class=\"game-status status-open\">LIVE<\/span>\n                                    <\/div>\n\n                <div class=\"game-info\">\n                    <span class=\"game-sub\">Mexico Edition<\/span>\n                    <h3 class=\"game-title\">Memory Match MexicoGP<\/h3>\n\n                    <div class=\"game-rewards\">\n                                                    <span class=\"reward-pill laps\">+100 LAPS<\/span>\n                                                                            <span class=\"reward-pill hotlaps\" style=\"color: black !important;\">+50 HOTLAPS<\/span>\n                                            <\/div>\n\n                    <div class=\"btn-play \">\n                        PLAY NOW                    <\/div>\n                <\/div>\n            <\/a>\n\n                    <\/div>\n    <\/div>\n\n    <script>\n        jQuery(document).ready(function($) {\n            $('.arcade-filter-btn').click(function() {\n                \/\/ UI Toggle\n                $('.arcade-filter-btn').removeClass('active');\n                $(this).addClass('active');\n\n                \/\/ Filter Logic\n                let filterType = $(this).attr('data-filter');\n                if (filterType === 'all') {\n                    $('.f1-game-card').fadeIn();\n                } else {\n                    $('.f1-game-card').hide();\n                    $(`.f1-game-card[data-type=\"${filterType}\"]`).fadeIn();\n                }\n            });\n        });\n    <\/script>\n\n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7454","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/pages\/7454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/comments?post=7454"}],"version-history":[{"count":7,"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/pages\/7454\/revisions"}],"predecessor-version":[{"id":7596,"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/pages\/7454\/revisions\/7596"}],"wp:attachment":[{"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/media?parent=7454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}