{"id":5024,"date":"2026-01-17T00:45:56","date_gmt":"2026-01-17T00:45:56","guid":{"rendered":"https:\/\/jairohdz.com\/f1-unlocked\/?page_id=5024"},"modified":"2026-01-25T14:39:02","modified_gmt":"2026-01-25T14:39:02","slug":"trading-cards","status":"publish","type":"page","link":"https:\/\/jairohdz.com\/f1-unlocked\/trading-cards\/","title":{"rendered":"Trading Cards"},"content":{"rendered":"    <style>\n        \/* Contenedor Principal *\/\n        .f1-nav-wrapper {\n            display: flex;\n            justify-content: center;\n            background: linear-gradient(90deg, transparent 0%, rgba(21, 21, 30, 0.8) 20%, rgba(21, 21, 30, 0.8) 80%, transparent 100%);\n        }\n\n        .f1-nav-bar {\n            display: flex;\n            gap: 15px;\n            padding-bottom: 30px;\n        }\n\n        \/* Bot\u00f3n Base *\/\n        .f1-nav-link {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 180px;\n            height: 50px;\n            background: #1b1b24; \/* Carbono suave *\/\n            color: #fff;\n            text-decoration: none !important;\n            font-family: 'Rajdhani', sans-serif;\n            font-weight: 800;\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            \n            \/* La Magia F1: Inclinaci\u00f3n *\/\n            transform: skewX(-20deg);\n            border-left: 4px solid #444;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n            overflow: hidden;\n        }\n\n        \/* Texto (Deshacer inclinaci\u00f3n para que se lea bien) *\/\n        .f1-nav-link span {\n            transform: skewX(20deg); \/* Contrarrestar skew del padre *\/\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \/* Iconos *\/\n        .f1-nav-link i { font-size: 14px; color: #888; transition: 0.3s; }\n\n        \/* --- ESTADOS --- *\/\n\n        \/* Hover *\/\n        .f1-nav-link:hover {\n            background: #333;\n            border-left-color: #fff;\n            color: #fff !important;\n            transform: skewX(-20deg) translateY(-2px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n        }\n\n        \/* Activo (P\u00e1gina Actual) *\/\n        .f1-nav-link.active {\n            background: #e10600; \/* F1 Red *\/\n            border-left-color: #fff;\n            box-shadow: 0 0 15px rgba(225, 6, 0, 0.4);\n        }\n\n        .f1-nav-link.active i { color: #fff; }\n\n        \/* Decoraci\u00f3n Tech (L\u00ednea fina arriba) *\/\n        .f1-nav-link::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 2px;\n            background: rgba(255,255,255,0.1);\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 600px) {\n            .f1-nav-link { width: 140px; font-size: 14px; }\n            .f1-nav-wrapper { padding: 5px; }\n        }\n        \n\/* --- 1. MEN\u00da DE PESTA\u00d1AS (SUB-NAV) --- *\/\n        .f1-nav-wrapper {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 50px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n            padding-bottom: 20px;\n            background: linear-gradient(90deg, transparent 0%, rgba(21, 21, 30, 0.5) 50%, transparent 100%);\n        }\n\n        .f1-nav-bar {\n            display: flex;\n            gap: 15px;\n        }\n\n        .f1-nav-link {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 12px 30px;\n            background: rgba(255,255,255,0.05);\n            color: #888;\n            text-decoration: none !important;\n            font-weight: 800;\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transform: skewX(-15deg);\n            border: 1px solid rgba(255,255,255,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .f1-nav-link span { transform: skewX(15deg); } \/* Enderezar texto *\/\n\n        .f1-nav-link:hover {\n            background: #333;\n            color: #fff !important;\n            border-color: #666;\n            transform: skewX(-15deg) translateY(-2px);\n        }\n\n        .f1-nav-link.active {\n            background: var(--f1-red);\n            color: #fff !important;\n            border-color: var(--f1-red);\n            box-shadow: 0 0 15px rgba(225, 6, 0, 0.4);\n        }\n \/* --- RESPONSIVE MOBILE (NAV MENU SCROLL & TEXTOS) --- *\/\n        @media (max-width: 900px) {\n            \n            \/* Scroll Horizontal Men\u00fa *\/\n            .f1-nav-wrapper {\n                justify-content: flex-start; \/* Alinear izq *\/\n                overflow-x: auto; \/* Scroll *\/\n                padding: 15px 0;\n                margin-left: -20px; margin-right: -20px; \/* Desbordar contenedor *\/\n                padding-left: 20px; padding-right: 20px; \/* Relleno interno *\/\n                -webkit-overflow-scrolling: touch;\n                scrollbar-width: none; \/* Firefox *\/\n                background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%);\n            }\n            .f1-nav-wrapper::-webkit-scrollbar { display: none; } \/* Chrome *\/\n\n            .f1-nav-bar { width: max-content; gap: 10px; }\n\n            .f1-nav-link {\n                width: auto; min-width: 120px;\n                padding: 10px 15px; font-size: 12px;\n                flex: 0 0 auto; \/* No encoger *\/\n            }\n\n            \/* Ajustes Tipograf\u00eda M\u00f3vil *\/\n            h1.f1-h1 { font-size: 32px; padding-left: 15px; border-width: 4px; margin-top: 30px; }\n            h2.f1-h2 { font-size: 24px; }\n            p.f1-text { font-size: 16px; }\n            \n            .f1-btn-action { width: 100%; text-align: center; box-sizing: border-box; }\n        }\n\n\n\n\n\n    <\/style>\n\n    <div class=\"f1-nav-wrapper\">\n        <div class=\"f1-nav-bar\">\n\n            <a href=\"https:\/\/jairohdz.com\/f1-unlocked\/prizes\/\" class=\"f1-nav-link \">\n                <span>\n                    PRIZES\n                <\/span>\n            <\/a>\n\n            <a href=\"https:\/\/jairohdz.com\/f1-unlocked\/collectibles\/\" class=\"f1-nav-link \">\n                <span>\n                    COLLECTIBLES\n                <\/span>\n            <\/a>\n            \n            <a href=\"https:\/\/jairohdz.com\/f1-unlocked\/mystery-boxes\/\" class=\"f1-nav-link \">\n                <span>\n                    MYSTERY BOXES\n                <\/span>\n            <\/a>\n\n            <a href=\"https:\/\/jairohdz.com\/f1-unlocked\/trading-cards\/\" class=\"f1-nav-link \">\n                <span>\n                    TRADING CARDS\n                <\/span>\n            <\/a>\n            \n            <a href=\"https:\/\/jairohdz.com\/f1-unlocked\/card-packs\/\" class=\"f1-nav-link \">\n                <span>\n                    CARDS PACKS\n                <\/span>\n            <\/a>\n\n        <\/div>\n    <\/div>\n    \n\n\n<div class=\"f1-login-gate\">\ud83d\udd12 <a href=\"\/login\">Login<\/a> to access the Vault.<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5024","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/pages\/5024","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=5024"}],"version-history":[{"count":11,"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/pages\/5024\/revisions"}],"predecessor-version":[{"id":7322,"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/pages\/5024\/revisions\/7322"}],"wp:attachment":[{"href":"https:\/\/jairohdz.com\/f1-unlocked\/wp-json\/wp\/v2\/media?parent=5024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}