{"id":153,"date":"2025-07-18T03:52:58","date_gmt":"2025-07-18T06:52:58","guid":{"rendered":"https:\/\/nerdti.tech\/sistema\/?page_id=153"},"modified":"2025-11-09T19:18:09","modified_gmt":"2025-11-09T22:18:09","slug":"pagina-inicial","status":"publish","type":"page","link":"https:\/\/nerdti.tech\/sistema\/","title":{"rendered":"Pagina inicial"},"content":{"rendered":"\n\n \n \n Menu Moderno<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-color: #4361ee;\n --secondary-color: #3f37c9;\n --accent-color: #4895ef;\n --dark-color: #3a0ca3;\n --light-color: #f8f9fa;\n --text-color: #2b2d42;\n --shadow: 0 10px 20px rgba(0,0,0,0.1);\n --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: #f5f7ff;\n padding: 20px;\n color: var(--text-color);\n }\n\n .metro-menu {\n display: none;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n padding: 30px;\n background: linear-gradient(135deg, #ffffff 0%, #f5f7ff 100%);\n border-radius: 16px;\n box-shadow: var(--shadow);\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .metro-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);\n color: var(--light-color);\n border-radius: 12px;\n padding: 25px 15px;\n transition: var(--transition);\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n aspect-ratio: 1\/1;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .metro-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);\n z-index: 1;\n }\n\n .metro-item:hover {\n transform: translateY(-5px) scale(1.03);\n box-shadow: 0 15px 30px rgba(67, 97, 238, 0.3);\n }\n\n .metro-item:nth-child(2) {\n background: linear-gradient(135deg, #7209b7 0%, #560bad 100%);\n }\n\n .metro-item:nth-child(3) {\n background: linear-gradient(135deg, #2b2b2b 0%, #1a1a1a 100%);\n }\n\n .metro-item:nth-child(3):hover {\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\n background: linear-gradient(135deg, #1a1a1a 0%, #2b2b2b 100%);\n }\n\n .metro-item:nth-child(4) {\n background: linear-gradient(135deg, #4cc9f0 0%, #4895ef 100%);\n }\n\n .metro-item:nth-child(5) {\n background: linear-gradient(135deg, #2ec4b6 0%, #1b9aaa 100%);\n }\n\n .metro-item i {\n font-size: 36px;\n margin-bottom: 15px;\n z-index: 2;\n text-shadow: 0 2px 5px rgba(0,0,0,0.2);\n }\n\n .metro-item span {\n font-weight: 600;\n font-size: 15px;\n text-align: center;\n z-index: 2;\n text-shadow: 0 1px 3px rgba(0,0,0,0.2);\n }\n\n .metro-item .badge {\n position: absolute;\n top: 10px;\n right: 10px;\n background-color: #ff3e3e;\n color: white;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 10px;\n font-weight: bold;\n z-index: 3;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n }\n\n @media (max-width: 768px) {\n .metro-menu {\n grid-template-columns: repeat(2, 1fr);\n padding: 15px;\n gap: 15px;\n }\n \n .metro-item {\n padding: 20px 10px;\n }\n \n .metro-item i {\n font-size: 30px;\n margin-bottom: 10px;\n }\n }\n\n @media (max-width: 480px) {\n .metro-menu {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <nav class=\"metro-menu\">\n <a href=\"https:\/\/nerdti.tech\/sistema\/drive-conta-demo\/\" class=\"metro-item\">\n <i class=\"fas fa-folder-open\"><\/i>\n <span>DRIVE<\/span>\n <div class=\"badge\">3<\/div>\n <\/a>\n <a href=\"https:\/\/nerdti.tech\/sistema\/agenda\/mes\/\" class=\"metro-item\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n <span>AGENDA<\/span>\n <\/a>\n <a href=\"https:\/\/nerdti.tech\/mail\" class=\"metro-item\" target=\"_blank\">\n <i class=\"fas fa-envelope\"><\/i>\n <span>WEBMAIL<\/span>\n <div class=\"badge\">12<\/div>\n <\/a>\n <a href=\"#\" class=\"metro-item\">\n <i class=\"fas fa-users\"><\/i>\n <span>SINDICATOS<\/span>\n <\/a>\n <a href=\"#\" class=\"metro-item\">\n <i class=\"fas fa-file-contract\"><\/i>\n <span>PROCESSOS<\/span>\n <div class=\"badge\">5<\/div>\n <\/a>\n <\/nav>\n","protected":false},"excerpt":{"rendered":"<p>Menu Moderno DRIVE 3 AGENDA WEBMAIL 12 SINDICATOS PROCESSOS 5<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nerdti.tech\/sistema\/wp-json\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdti.tech\/sistema\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nerdti.tech\/sistema\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nerdti.tech\/sistema\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdti.tech\/sistema\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":9,"href":"https:\/\/nerdti.tech\/sistema\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":735,"href":"https:\/\/nerdti.tech\/sistema\/wp-json\/wp\/v2\/pages\/153\/revisions\/735"}],"wp:attachment":[{"href":"https:\/\/nerdti.tech\/sistema\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}