{"id":2351,"date":"2026-07-27T03:09:49","date_gmt":"2026-07-27T03:09:49","guid":{"rendered":"https:\/\/efra.in\/?p=2351"},"modified":"2026-07-27T04:53:34","modified_gmt":"2026-07-27T04:53:34","slug":"billetes","status":"publish","type":"post","link":"https:\/\/efra.in\/?p=2351","title":{"rendered":"Billetes"},"content":{"rendered":"\t\r\n<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n   \r\n    <style>\r\n        body {\r\n            font-family: 'Arial', sans-serif;\r\n            background-color: #f5f5f5;\r\n            margin: 0;\r\n            padding: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n        }\r\n\r\n\r\n        h1 {\r\n            color: #2c3e50;\r\n            margin-bottom: 30px;\r\n            font-size: 28px;\r\n        }\r\n        \r\n        .simbolos-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 15px;\r\n            max-width: 900px;\r\n            width: 100%;\r\n        }\r\n        \r\n        .simbolo {\r\n            background-color: #fff;\r\n            border: 2px solid #bdc3c7;\r\n            border-radius: 10px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            font-size: 30px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n            color: #2c3e50;\r\n        }\r\n        \r\n        .simbolo-D {\r\n            background-color: #008000;\r\n            color: #fff;\r\n            border-color: #27ae60;\r\n        }\r\n        \r\n        .simbolo-E {\r\n            background-color: #3498db;\r\n            color: #fff;\r\n            border-color: #2980b9;\r\n        }\r\n        \r\n        .simbolo-F {\r\n            background-color: #e74c3c;\r\n            color: #fff;\r\n            border-color: #c0392b;\r\n        }\r\n        \r\n        .simbolo:hover {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .simbolo.tachado {\r\n            background-color: #e0e0e0 !important;\r\n            color: #7f8c8d !important;\r\n            text-decoration: line-through;\r\n            border-color: #95a5a6 !important;\r\n            opacity: 0.7;\r\n        }\r\n        \r\n        .simbolo.tachado::after {\r\n            content: \"?\";\r\n            display: block;\r\n            font-size: 24px;\r\n            margin-top: 5px;\r\n            color: #27ae60;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n   \r\n    \r\n    <div class=\"simbolos-container\" id=\"simbolosContainer\">\r\n        <!-- Los s\u00edmbolos se insertar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Generar todas las combinaciones para A, D, E y F, excluyendo I y O\r\n        const letrasBase = ['A', 'D', 'E', 'F'];\r\n        const letrasSegundas = [];\r\n   \r\n   \r\n        \/\/ Generar letras de la A a la Z, excluyendo I y O\r\n        for (let i = 65; i <= 90; i++) {\r\n            const letra = String.fromCharCode(i);\r\n            if (letra !== 'I' && letra !== 'O') {\r\n                letrasSegundas.push(letra);\r\n            }\r\n        }\r\n        \r\n        \/\/ Generar todas las combinaciones\r\n        const simbolos = [];\r\n        letrasBase.forEach(base => {\r\n            letrasSegundas.forEach(segunda => {\r\n                simbolos.push(base + segunda);\r\n            });\r\n        });\r\n\r\n        \/\/ Cargar el estado desde localStorage\r\n        let estadoTachados = JSON.parse(localStorage.getItem('estadoTachados')) || {};\r\n\r\n        \/\/ Funci\u00f3n para renderizar los s\u00edmbolos\r\n        function renderizarSimbolos() {\r\n            const container = document.getElementById('simbolosContainer');\r\n            container.innerHTML = '';\r\n\r\n            simbolos.forEach((simbolo, index) => {\r\n                const elementoSimbolo = document.createElement('div');\r\n                \r\n                \/\/ Asignar clase seg\u00fan la primera letra\r\n                let claseBase = '';\r\n                if (simbolo.startsWith('D')) {\r\n                    claseBase = 'simbolo-D';\r\n                } else if (simbolo.startsWith('E')) {\r\n                    claseBase = 'simbolo-E';\r\n                } else if (simbolo.startsWith('F')) {\r\n                    claseBase = 'simbolo-F';\r\n                }\r\n                \r\n                elementoSimbolo.className = `simbolo ${claseBase} ${estadoTachados[index] ? 'tachado' : ''}`;\r\n                elementoSimbolo.textContent = simbolo;\r\n                elementoSimbolo.addEventListener('click', () => {\r\n                    \/\/ Alternar el estado de tachado\r\n                    estadoTachados[index] = !estadoTachados[index];\r\n                    elementoSimbolo.classList.toggle('tachado');\r\n                    \r\n                    \/\/ Guardar el estado en localStorage\r\n                    localStorage.setItem('estadoTachados', JSON.stringify(estadoTachados));\r\n                });\r\n\r\n                container.appendChild(elementoSimbolo);\r\n            });\r\n        }\r\n\r\n        \/\/ Inicializar la aplicaci\u00f3n\r\n        renderizarSimbolos();\r\n    <\/script>\r\n\t\r\n\t\r\n\t\r\n\t<div class=\"uk-width-1-1\" data-uk-margin=\"\" bis_skin_checked=\"1\">\r\n\r\n                <div class=\"uk-button-group\" bis_skin_checked=\"1\">\r\n                    <button class=\"uk-button\">Button<\/button>\r\n                    <div data-uk-dropdown=\"{mode:'click'}\" bis_skin_checked=\"1\">\r\n                        <button class=\"uk-button\"><i class=\"uk-icon-caret-down\"><\/i><\/button>\r\n                        <div class=\"uk-dropdown uk-dropdown-width-2\" bis_skin_checked=\"1\">\r\n\r\n                            <div class=\"uk-grid uk-dropdown-grid\" bis_skin_checked=\"1\">\r\n\r\n                                <div class=\"uk-width-1-2\" bis_skin_checked=\"1\">\r\n                                    <ul class=\"uk-nav uk-nav-dropdown uk-panel\">\r\n                                        <li class=\"uk-nav-header\">Header<\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li class=\"uk-nav-divider\"><\/li>\r\n                                        <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                        <li class=\"uk-parent\">\r\n                                            <a href=\"#\">Parent<\/a>\r\n                                            <ul class=\"uk-nav-sub\">\r\n                                                <li><a href=\"#\">Sub item<\/a>\r\n                                                    <ul>\r\n                                                        <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                                    <\/ul>\r\n                                                <\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"uk-width-1-2\" bis_skin_checked=\"1\">\r\n                                    <ul class=\"uk-nav uk-nav-dropdown uk-panel\">\r\n                                        <li class=\"uk-nav-header\">Header<\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li class=\"uk-nav-divider\"><\/li>\r\n                                        <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                        <li class=\"uk-parent\">\r\n                                            <a href=\"#\">Parent<\/a>\r\n                                            <ul class=\"uk-nav-sub\">\r\n                                                <li><a href=\"#\">Sub item<\/a>\r\n                                                    <ul>\r\n                                                        <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                                    <\/ul>\r\n                                                <\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"uk-button-group\" bis_skin_checked=\"1\">\r\n                    <button class=\"uk-button uk-button-primary\">Primary<\/button>\r\n                    <div data-uk-dropdown=\"{mode:'click'}\" bis_skin_checked=\"1\">\r\n                        <button class=\"uk-button uk-button-primary\"><i class=\"uk-icon-caret-down\"><\/i><\/button>\r\n                        <div class=\"uk-dropdown uk-dropdown-small\" bis_skin_checked=\"1\">\r\n                            <ul class=\"uk-nav uk-nav-dropdown\">\r\n                                <li class=\"uk-nav-header\">Header<\/li>\r\n                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                <li class=\"uk-nav-divider\"><\/li>\r\n                                <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                <li class=\"uk-parent\">\r\n                                    <a href=\"#\">Parent<\/a>\r\n                                    <ul class=\"uk-nav-sub\">\r\n                                        <li><a href=\"#\">Sub item<\/a>\r\n                                            <ul>\r\n                                                <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"uk-button-group\" bis_skin_checked=\"1\">\r\n                    <button class=\"uk-button uk-button-success\">Success<\/button>\r\n                    <div data-uk-dropdown=\"{mode:'click'}\" bis_skin_checked=\"1\">\r\n                        <button class=\"uk-button uk-button-success\"><i class=\"uk-icon-caret-down\"><\/i><\/button>\r\n                        <div class=\"uk-dropdown\" bis_skin_checked=\"1\">\r\n                            <ul class=\"uk-nav uk-nav-dropdown\">\r\n                                <li class=\"uk-nav-header\">Header<\/li>\r\n                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                <li class=\"uk-nav-divider\"><\/li>\r\n                                <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                <li class=\"uk-parent\">\r\n                                    <a href=\"#\">Parent<\/a>\r\n                                    <ul class=\"uk-nav-sub\">\r\n                                        <li><a href=\"#\">Sub item<\/a>\r\n                                            <ul>\r\n                                                <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"uk-button-group uk-margin-small-top\" bis_skin_checked=\"1\">\r\n                    <button class=\"uk-button uk-button-danger\">Danger<\/button>\r\n                    <div data-uk-dropdown=\"{mode:'click'}\" bis_skin_checked=\"1\">\r\n                        <button class=\"uk-button uk-button-danger\"><i class=\"uk-icon-caret-down\"><\/i><\/button>\r\n                        <div class=\"uk-dropdown\" bis_skin_checked=\"1\">\r\n                            <ul class=\"uk-nav uk-nav-dropdown\">\r\n                                <li class=\"uk-nav-header\">Header<\/li>\r\n                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                <li class=\"uk-nav-divider\"><\/li>\r\n                                <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                <li class=\"uk-parent\">\r\n                                    <a href=\"#\">Parent<\/a>\r\n                                    <ul class=\"uk-nav-sub\">\r\n                                        <li><a href=\"#\">Sub item<\/a>\r\n                                            <ul>\r\n                                                <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button class=\"uk-button uk-margin-small-top\" disabled=\"\">Disabled<\/button>\r\n                <button class=\"uk-button uk-margin-small-top\" data-uk-tooltip=\"\" title=\"\" data-cached-title=\"Bazinga!\">Tooltip<\/button>\r\n                <button class=\"uk-button uk-margin-small-top\" data-uk-modal=\"{target:'#modal-1'}\">Modal<\/button>\r\n                <button class=\"uk-button uk-margin-small-top\" data-uk-offcanvas=\"{target:'#offcanvas-1'}\">Off-canvas<\/button>\r\n                <button class=\"uk-button uk-button-link uk-margin-small-top\">Button link<\/button>\r\n\r\n            <\/div>\r\n\t\r\n\t\r\n\t\r\n\t\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2351","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/efra.in\/index.php?rest_route=\/wp\/v2\/posts\/2351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/efra.in\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/efra.in\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/efra.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/efra.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2351"}],"version-history":[{"count":5,"href":"https:\/\/efra.in\/index.php?rest_route=\/wp\/v2\/posts\/2351\/revisions"}],"predecessor-version":[{"id":2356,"href":"https:\/\/efra.in\/index.php?rest_route=\/wp\/v2\/posts\/2351\/revisions\/2356"}],"wp:attachment":[{"href":"https:\/\/efra.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/efra.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/efra.in\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}