{"id":12,"date":"2026-07-11T22:48:10","date_gmt":"2026-07-12T01:48:10","guid":{"rendered":"http:\/\/imperiumcards.com.br\/?page_id=12"},"modified":"2026-07-11T22:49:16","modified_gmt":"2026-07-12T01:49:16","slug":"mperium-cards","status":"publish","type":"page","link":"https:\/\/imperiumcards.com.br\/?page_id=12","title":{"rendered":"Imperium Cards"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.imperium-site-wrapper {\n    background: #000000 !important;\n    color: #f3f4f6 !important;\n    min-height: 100vh;\n    width: 100%;\n    padding: 40px 0;\n    position: relative;\n    z-index: 10;\n}\n\n.imperium-site-wrapper * {\n    box-sizing: border-box;\n    font-family: 'Inter', sans-serif;\n}\n\n.imperium-site-wrapper .grid-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: \n        linear-gradient(to right, rgba(255, 255, 255, 0.01) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 1px, transparent 1px);\n    background-size: 80px 80px;\n    pointer-events: none;\n}\n\n.imperium-site-wrapper .main-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 5% 30px 5%;\n    position: relative;\n    z-index: 20;\n}\n\n.imperium-site-wrapper .logo-container {\n    display: flex;\n    align-items: center;\n    background: transparent !important;\n}\n\n.imperium-site-wrapper .logo-img {\n    max-height: 225px !important; \n    width: auto !important;      \n    object-fit: contain !important;\n    border: none !important;\n    background: transparent !important;\n    mix-blend-mode: screen !important; \n}\n\n.imperium-site-wrapper .status-badge {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(212, 175, 55, 0.15);\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    letter-spacing: 1px;\n    color: #9ca3af !important;\n}\n\n.imperium-site-wrapper .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 5%;\n    position: relative;\n    z-index: 15;\n}\n\n.imperium-site-wrapper .hero-section {\n    text-align: center;\n    margin-top: 40px;\n    margin-bottom: 80px;\n}\n\n.imperium-site-wrapper .main-title {\n    font-size: 3rem;\n    font-weight: 300;\n    letter-spacing: -1px;\n    max-width: 800px;\n    margin: 0 auto 24px auto;\n    line-height: 1.2;\n    color: #f3f4f6 !important;\n}\n\n.imperium-site-wrapper .subtitle {\n    color: #9ca3af !important;\n    font-size: 1.1rem;\n    max-width: 500px;\n    margin: 0 auto 48px auto;\n    font-weight: 300;\n}\n\n.imperium-site-wrapper .card-container {\n    perspective: 1000px;\n    width: 280px;\n    height: 390px;\n    margin: 0 auto;\n    cursor: pointer;\n}\n\n.imperium-site-wrapper .booster-card {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    transform-style: preserve-3d;\n    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.imperium-site-wrapper .booster-card.is-flipped {\n    transform: rotateY(180deg);\n}\n\n.imperium-site-wrapper .card-face {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    backface-visibility: hidden;\n    border-radius: 16px;\n    border: 1px solid rgba(212, 175, 55, 0.15);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 24px;\n}\n\n.imperium-site-wrapper .card-front {\n    background: radial-gradient(circle at center, #141417 0%, #08080a 100%);\n    box-shadow: 0 0 40px rgba(212, 175, 55, 0.25);\n}\n\n.imperium-site-wrapper .mystery-glow {\n    position: absolute;\n    width: 80%;\n    height: 80%;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);\n}\n\n.imperium-site-wrapper .mystery-icon {\n    font-size: 3.5rem;\n    font-weight: 300;\n    color: rgba(212, 175, 55, 0.2) !important;\n    margin-bottom: 20px;\n}\n\n.imperium-site-wrapper .card-instruction {\n    font-size: 0.8rem;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #9ca3af !important;\n}\n\n.imperium-site-wrapper .card-back {\n    background: linear-gradient(135deg, #0f0f12 0%, #17171e 100%);\n    transform: rotateY(180deg);\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    overflow: hidden;\n}\n\n.imperium-site-wrapper .holo-shine {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.08) 40%, rgba(212,175,55,0.15) 50%, rgba(150,120,40,0.08) 60%, transparent 80%);\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n    transition: transform 0.1s ease;\n}\n\n.imperium-site-wrapper .card-content {\n    text-align: center;\n    z-index: 2;\n}\n\n.imperium-site-wrapper .card-rarity {\n    font-size: 0.7rem;\n    letter-spacing: 3px;\n    color: #d4af37 !important;\n    font-weight: 600;\n    display: block;\n    margin-bottom: 12px;\n}\n\n.imperium-site-wrapper .card-back h3 {\n    font-size: 1.8rem;\n    letter-spacing: 2px;\n    margin-bottom: 16px;\n    font-weight: 600;\n    color: #f3f4f6 !important;\n}\n\n.imperium-site-wrapper .card-back p {\n    font-size: 0.9rem;\n    color: #9ca3af !important;\n    line-height: 1.5;\n}\n\n.imperium-site-wrapper .action-section {\n    max-width: 550px;\n    margin: 0 auto 100px auto;\n    text-align: center;\n    opacity: 0.4;\n    transition: opacity 0.5s ease;\n}\n\n.imperium-site-wrapper .action-section.highlight {\n    opacity: 1;\n}\n\n.imperium-site-wrapper .reveal-content h2 {\n    font-weight: 400;\n    font-size: 1.8rem;\n    margin-bottom: 12px;\n    letter-spacing: -0.5px;\n    color: #f3f4f6 !important;\n}\n\n.imperium-site-wrapper .reveal-content p {\n    color: #9ca3af !important;\n    font-size: 0.95rem;\n    margin-bottom: 32px;\n}\n\n.imperium-site-wrapper .lead-form {\n    display: flex;\n    gap: 12px;\n    background: rgba(255, 255, 255, 0.02);\n    padding: 6px;\n    border-radius: 30px;\n    border: 1px solid rgba(212, 175, 55, 0.15);\n    margin-bottom: 24px;\n}\n\n.imperium-site-wrapper .lead-form input {\n    flex: 1;\n    background: transparent;\n    border: none;\n    padding: 0 20px;\n    color: #fff !important;\n    font-size: 0.95rem;\n    outline: none;\n}\n\n.imperium-site-wrapper .lead-form button {\n    background: #fff !important;\n    color: #000 !important;\n    border: none;\n    padding: 12px 28px;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    cursor: pointer;\n    transition: background 0.3s ease;\n}\n\n.imperium-site-wrapper .lead-form button:hover {\n    background: #9ca3af !important;\n}\n\n.imperium-site-wrapper .counter-vagas {\n    max-width: 300px;\n    margin: 0 auto;\n}\n\n.imperium-site-wrapper .progress-bar {\n    background: rgba(255, 255, 255, 0.05);\n    height: 4px;\n    border-radius: 2px;\n    margin-bottom: 10px;\n    overflow: hidden;\n}\n\n.imperium-site-wrapper .progress-fill {\n    width: 74%;\n    height: 100%;\n    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%) !important;\n}\n\n.imperium-site-wrapper .counter-vagas p {\n    font-size: 0.8rem;\n    letter-spacing: 1px;\n    color: #9ca3af !important;\n}\n\n.imperium-site-wrapper .counter-vagas span {\n    color: #d4af37 !important;\n    font-weight: 600;\n}\n\n.imperium-site-wrapper .features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    border-top: 1px solid rgba(212, 175, 55, 0.15);\n    padding-top: 60px;\n    margin-bottom: 80px;\n}\n\n.imperium-site-wrapper .feature-item h3 {\n    font-size: 1.1rem;\n    font-weight: 400;\n    margin-bottom: 12px;\n    letter-spacing: 0.5px;\n    color: #f3f4f6 !important;\n}\n\n.imperium-site-wrapper .feature-item p {\n    color: #9ca3af !important;\n    font-size: 0.9rem;\n    line-height: 1.6;\n    font-weight: 300;\n}\n\n.imperium-site-wrapper .main-footer {\n    border-top: 1px solid rgba(255, 255, 255, 0.03);\n    padding: 40px 0;\n    text-align: center;\n    font-size: 0.8rem;\n    color: rgba(255, 255, 255, 0.2) !important;\n    letter-spacing: 0.5px;\n}\n\n@media (max-width: 768px) {\n    .imperium-site-wrapper .main-title { font-size: 2.2rem; }\n    .imperium-site-wrapper .features-grid { grid-template-columns: 1fr; gap: 32px; }\n    .imperium-site-wrapper .logo-img { max-height: 120px !important; } \n    .imperium-site-wrapper .lead-form { flex-direction: column; background: transparent; border: none; padding: 0; }\n    .imperium-site-wrapper .lead-form input { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(212, 175, 55, 0.15); height: 50px; border-radius: 25px; margin-bottom: 10px; }\n    .imperium-site-wrapper .lead-form button { height: 50px; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ Data final calculada uma \u00fanica vez fora do escopo de repeti\u00e7\u00e3o do interval\nconst targetDate = new Date();\ntargetDate.setDate(targetDate.getDate() + 21);\n\n\/\/ FUN\u00c7\u00d5ES EXPUESTAS NO ESCOPO GLOBAL WINDOW PARA IGNORAR A ORDEM DO WP\nwindow.revealCard = function() {\n    const card = document.getElementById('interactiveCard');\n    const actionSection = document.getElementById('actionSection');\n    if (card && actionSection) {\n        card.classList.toggle('is-flipped');\n        if(card.classList.contains('is-flipped')) {\n            actionSection.classList.add('highlight');\n        } else {\n            actionSection.classList.remove('highlight');\n        }\n    }\n};\n\nwindow.tiltCard = function(e, card) {\n    if (!card.classList.contains('is-flipped')) return;\n    const holoShine = card.querySelector('.holo-shine');\n    const rect = card.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n    const centerX = rect.width \/ 2;\n    const centerY = rect.height \/ 2;\n    const rotateX = ((centerY - y) \/ centerY) * 15;\n    const rotateY = ((x - centerX) \/ centerX) * 15;\n\n    card.style.transform = `rotateY(${180 + rotateY}deg) rotateX(${rotateX}deg)`;\n\n    const percentX = (x \/ rect.width) * 100;\n    const percentY = (y \/ rect.height) * 100;\n    if (holoShine) {\n        holoShine.style.transform = `translate(${-50 + (percentX - 50) \/ 2}%, ${-50 + (percentY - 50) \/ 2}%)`;\n    }\n};\n\nwindow.resetCard = function(card) {\n    if (card.classList.contains('is-flipped')) {\n        card.style.transform = 'rotateY(180deg) rotateX(0deg)';\n    } else {\n        card.style.transform = 'rotateY(0deg) rotateX(0deg)';\n    }\n};\n\nfunction updateCountdown() {\n    const countdownEl = document.getElementById('countdown');\n    if (!countdownEl) return;\n    \n    const now = new Date().getTime();\n    const difference = targetDate - now;\n    const days = Math.floor(difference \/ (1000 * 60 * 60 * 24));\n    const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n    const minutes = Math.floor((difference % (1000 * 60 * 60)) \/ (1000 * 60));\n\n    const formatDays = days < 10 ? '0' + days : days;\n    const formatHours = hours < 10 ? '0' + hours : hours;\n    const formatMinutes = minutes < 10 ? '0' + minutes : minutes;\n\n    countdownEl.innerHTML = `${formatDays}d ${formatHours}h ${formatMinutes}m`;\n}\n\n\/\/ Inicializa a contagem imediatamente\nupdateCountdown();\nsetInterval(updateCountdown, 60000);\n<\/script>\n\n<div class=\"imperium-site-wrapper\">\n    <div class=\"grid-overlay\"><\/div>\n\n    <header class=\"main-header\">\n        <div class=\"logo-container\">\n            <img decoding=\"async\" src=\"https:\/\/imperiumcards.s2-tastewp.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_bb2sf7bb2sf7bb2s.png\" alt=\"Imperium Card Games\" class=\"logo-img\">\n        <\/div>\n        <div class=\"status-badge\">Abertura em <span id=\"countdown\">21d 00h 00m<\/span><\/div>\n    <\/header>\n\n    <main class=\"container\">\n        <section class=\"hero-section\">\n            <h1 class=\"main-title\">O mercado de colecion\u00e1veis de alto padr\u00e3o est\u00e1 prestes a mudar.<\/h1>\n            <p class=\"subtitle\">Uma experi\u00eancia in\u00e9dita para investidores e entusiastas de Pok\u00e9mon TCG.<\/p>\n\n            <div class=\"card-container\">\n                <!-- Gatilhos nativos inseridos diretamente no elemento para for\u00e7ar a execu\u00e7\u00e3o -->\n                <div class=\"booster-card\" id=\"interactiveCard\" onclick=\"window.revealCard()\" onmousemove=\"window.tiltCard(event, this)\" onmouseleave=\"window.resetCard(this)\">\n                    <div class=\"card-face card-front\">\n                        <div class=\"mystery-glow\"><\/div>\n                        <div class=\"mystery-icon\">?<\/div>\n                        <p class=\"card-instruction\">Clique para revelar o segredo<\/p>\n                    <\/div>\n                    <div class=\"card-face card-back\">\n                        <div class=\"holo-shine\"><\/div>\n                        <div class=\"card-content\">\n                            <span class=\"card-rarity\">\u2605 ULTRA RARE<\/span>\n                            <h3>LOTE ZERO<\/h3>\n                            <p>Acesso priorit\u00e1rio a cartas graduadas e leil\u00f5es fechados.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"action-section\" id=\"actionSection\">\n            <div class=\"reveal-content\">\n                <h2>Garanta sua vaga no Lote Zero<\/h2>\n                <p>Apenas 151 colecionadores ter\u00e3o acesso antecipado \u00e0 curadoria f\u00edsica e digital.<\/p>\n                \n                <form class=\"lead-form\" onsubmit=\"event.preventDefault();\">\n                    <input type=\"email\" placeholder=\"Seu melhor e-mail\" required>\n                    <button type=\"submit\">Pleitear Acesso<\/button>\n                <\/form>\n\n                <div class=\"counter-vagas\">\n                    <div class=\"progress-bar\"><div class=\"progress-fill\"><\/div><\/div>\n                    <p><span>112<\/span> \/ 151 vagas preenchidas<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"features-grid\">\n            <div class=\"feature-item\">\n                <h3>Curadoria de Elite<\/h3>\n                <p>Garantia estrita de autenticidade e an\u00e1lise criteriosa do estado de conserva\u00e7\u00e3o (Grading).<\/p>\n            <\/div>\n            <div class=\"feature-item\">\n                <h3>Liquidez & Investimento<\/h3>\n                <p>Intermedia\u00e7\u00e3o segura para ativos de alto valor e pe\u00e7as raras do mercado global.<\/p>\n            <\/div>\n            <div class=\"feature-item\">\n                <h3>Clube Fechado<\/h3>\n                <p>Ambiente privado voltado a negocia\u00e7\u00f5es de grande porte e cole\u00e7\u00f5es completas.<\/p>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <footer class=\"main-footer\">\n        <p>&copy; 2026 Imperium Card Games. Todos os direitos reservados. Pr\u00f3xima inaugura\u00e7\u00e3o f\u00edsica.<\/p>\n    <\/footer>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Abertura em 21d 00h 00m O mercado de colecion\u00e1veis de alto padr\u00e3o est\u00e1 prestes a mudar. Uma experi\u00eancia in\u00e9dita para investidores e entusiastas de Pok\u00e9mon TCG. ? Clique para revelar o segredo \u2605 ULTRA RARE LOTE ZERO Acesso priorit\u00e1rio a cartas graduadas e leil\u00f5es fechados. Garanta sua vaga no Lote Zero Apenas 151 colecionadores ter\u00e3o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imperiumcards.com.br\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imperiumcards.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imperiumcards.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imperiumcards.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imperiumcards.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":2,"href":"https:\/\/imperiumcards.com.br\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/imperiumcards.com.br\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/imperiumcards.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}