{"id":8894,"date":"2025-12-31T08:15:46","date_gmt":"2025-12-31T08:15:46","guid":{"rendered":"https:\/\/elinformatico.cat\/?page_id=8894"},"modified":"2025-12-31T13:52:18","modified_gmt":"2025-12-31T13:52:18","slug":"nuestra-app","status":"publish","type":"page","link":"https:\/\/elinformatico.cat\/ca\/nuestra-app\/","title":{"rendered":"Nuestra APP para Windows y macOS"},"content":{"rendered":"\n<style>\n    :root {\n        --core-verde: #B8EF02;\n        --core-azul: #00069F;\n        --core-dark: #000A28;\n        --core-glass: rgba(255, 255, 255, 0.05);\n        --core-white: #FFFBF1;\n        --core-red: #FF3B30;\n    }\n\n    .landing-wrapper {\n        font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n        background: radial-gradient(circle at top, #001A72 0%, var(--core-dark) 100%);\n        color: var(--core-white);\n        padding: 60px 20px;\n        border-radius: 30px;\n        max-width: 1000px;\n        margin: 0 auto;\n        box-shadow: 0 50px 100px rgba(0,0,0,0.8);\n        text-align: center;\n        border: 2px solid rgba(255,255,255,0.1);\n    }\n\n    .landing-header h2 {\n        font-size: 3em;\n        font-weight: 900;\n        margin: 0 0 10px 0;\n        text-transform: uppercase;\n        letter-spacing: -2px;\n        color: var(--core-white);\n        line-height: 1.1;\n    }\n    \n    .landing-header span { color: var(--core-verde); }\n    .landing-sub { font-size: 1.2em; opacity: 0.8; margin-bottom: 20px; }\n    \n    .landing-desc {\n        font-size: 1.1em;\n        opacity: 0.9;\n        margin-bottom: 40px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n        line-height: 1.6;\n        color: #ddd;\n    }\n\n    \/* SELECTOR DE SO *\/\n    .os-switch {\n        display: flex;\n        justify-content: center;\n        gap: 20px;\n        margin-bottom: 50px;\n        background: rgba(0,0,0,0.3);\n        padding: 10px;\n        border-radius: 60px;\n        width: fit-content;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .os-tab {\n        padding: 15px 50px;\n        border-radius: 50px;\n        border: 2px solid transparent;\n        background: transparent;\n        color: rgba(255,255,255,0.6);\n        font-weight: 900;\n        font-size: 18px;\n        cursor: pointer;\n        transition: 0.3s;\n        text-transform: uppercase;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .os-tab:hover { color: #fff; }\n    \n    .os-tab.active {\n        background: var(--core-verde);\n        color: var(--core-azul);\n        box-shadow: 0 0 30px rgba(184, 239, 2, 0.4);\n    }\n\n    \/* CONTENIDO *\/\n    .os-content { display: none; animation: fadeIn 0.5s ease; }\n    .os-content.active { display: block; }\n    @keyframes fadeIn { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }\n\n    \/* PREVIEW DE LA APP (PLACEHOLDER) *\/\n    .app-preview {\n        background: #000;\n        border: 4px solid var(--core-azul);\n        border-radius: 20px;\n        overflow: hidden;\n        margin: 0 auto 40px auto;\n        max-width: 700px;\n        box-shadow: 0 20px 60px rgba(0,0,0,0.6);\n        position: relative;\n    }\n    \n    .app-preview img, .app-preview video {\n        width: 100%;\n        display: block;\n        height: auto;\n    }\n\n    \/* BOT\u00d3N DE DESCARGA (Forzado con JS) *\/\n    .btn-download {\n        display: inline-block;\n        background: var(--core-verde);\n        color: var(--core-azul);\n        padding: 25px 80px;\n        border-radius: 50px;\n        font-size: 24px;\n        font-weight: 900;\n        text-decoration: none;\n        text-transform: uppercase;\n        box-shadow: 0 10px 0 #89b302, 0 20px 40px rgba(0,0,0,0.4);\n        transition: 0.2s;\n        margin-bottom: 50px;\n        cursor: pointer;\n        border: none; \/* Asegura que parezca bot\u00f3n si es tag button *\/\n    }\n    .btn-download:hover { transform: translateY(-5px); box-shadow: 0 15px 0 #89b302, 0 30px 60px rgba(184,239,2,0.4); }\n    .btn-download:active { transform: translateY(5px); box-shadow: 0 2px 0 #89b302; }\n\n    \/* GUIA DE INSTALACI\u00d3N *\/\n    .install-guide {\n        background: rgba(255,255,255,0.05);\n        border: 2px solid rgba(255,255,255,0.1);\n        border-radius: 30px;\n        padding: 40px;\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: left;\n    }\n    \n    .install-guide h3 { color: var(--core-verde); font-size: 22px; margin-top: 0; text-transform: uppercase; display: flex; align-items: center; gap: 10px; }\n    .install-step { \n        display: flex; \n        gap: 20px; \n        margin-bottom: 25px; \n        align-items: flex-start;\n        padding-bottom: 20px;\n        border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n    .install-step:last-child { border-bottom: none; margin-bottom: 0; }\n    \n    .step-num { \n        background: var(--core-azul); color: var(--core-verde); \n        width: 40px; height: 40px; border-radius: 50%; \n        display: flex; align-items: center; justify-content: center; \n        font-weight: bold; flex-shrink: 0; border: 2px solid var(--core-verde);\n    }\n    \n    .step-text h4 { margin: 0 0 5px 0; color: #fff; font-size: 18px; }\n    .step-text p { margin: 0; opacity: 0.7; font-size: 15px; line-height: 1.5; }\n    \n    .alert-box {\n        border: 2px dashed var(--core-verde);\n        background: rgba(184, 239, 2, 0.05);\n        padding: 15px;\n        border-radius: 15px;\n        margin-top: 10px;\n        font-size: 13px;\n        color: var(--core-verde);\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 768px) {\n        .landing-header h2 { font-size: 2em; }\n        .os-tab { padding: 10px 20px; font-size: 14px; }\n        .btn-download { padding: 20px 40px; font-size: 18px; width: 90%; }\n        .install-guide { padding: 20px; }\n    }\n<\/style>\n\n<div class=\"landing-wrapper\">\n    \n    <div class=\"landing-header\">\n        <h2>EL INFORMATICO<span>.CAT<\/span><\/h2>\n        <p class=\"landing-sub\">SISTEMA OFICIAL DE GESTI\u00d3N Y SOPORTE V2<\/p>\n        <p class=\"landing-desc\">\n            Esta es la aplicaci\u00f3n oficial para gestionar tus descargas, acceder a soporte t\u00e9cnico premium y mantener tu equipo optimizado. \n            Es una herramienta <strong>100% gratuita y segura<\/strong>, dise\u00f1ada para facilitar el acceso a todos los servicios de El Inform\u00e1tico sin complicaciones. \n            Disponible para Windows y macOS.\n        <\/p>\n    <\/div>\n\n    <div class=\"os-switch\">\n        <button class=\"os-tab active\" onclick=\"switchOS('win')\">\ud83d\udcbb WINDOWS<\/button>\n        <button class=\"os-tab\" onclick=\"switchOS('mac')\">\ud83c\udf4e macOS<\/button>\n    <\/div>\n\n    <div id=\"view-win\" class=\"os-content active\">\n        <div class=\"app-preview\">\n            <video controls autoplay loop muted playsinline poster=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2023\/10\/placeholder-poster.jpg\">\n                <source src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2025\/12\/1231.mp4\" type=\"video\/mp4\">\n            <\/video>\n        <\/div>\n\n        <div class=\"btn-download no-ajax\" onclick=\"forceDownload('https:\/\/elinformatico.cat\/wp-content\/uploads\/2025\/12\/App_elinformatico.zip')\">\n            \u2b07\ufe0f DESCARGAR GRATIS PARA WINDOWS\n        <\/div>\n\n        <div class=\"install-guide\">\n            <h3>\u26a0\ufe0f IMPORTANTE: PRIMER INICIO EN WINDOWS<\/h3>\n            \n            <div class=\"install-step\">\n                <div class=\"step-num\">1<\/div>\n                <div class=\"step-text\">\n                    <h4>Pantalla Azul de SmartScreen<\/h4>\n                    <p>Al ser una app privada, Windows te proteger\u00e1. Si sale una pantalla azul diciendo \u00abWindows protegi\u00f3 su PC\u00bb:<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"install-step\">\n                <div class=\"step-num\">2<\/div>\n                <div class=\"step-text\">\n                    <h4>Desbloquear Acceso<\/h4>\n                    <p>Haz clic en el texto peque\u00f1o <u>\u00abM\u00e1s informaci\u00f3n\u00bb<\/u>.<\/p>\n                    <img decoding=\"async\" src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2025\/12\/Captura-de-pantalla-2025-12-31-071215.jpg\" style=\"width: 100%; max-width: 450px; border-radius: 10px; margin-top: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); border: 2px solid var(--core-azul);\">\n                <\/div>\n            <\/div>\n\n            <div class=\"install-step\">\n                <div class=\"step-num\">3<\/div>\n                <div class=\"step-text\">\n                    <h4>Ejecutar de todas formas<\/h4>\n                    <p>Aparecer\u00e1 un bot\u00f3n nuevo abajo. Haz clic en <strong>\u00abEjecutar de todas formas\u00bb<\/strong>. Esto solo ocurre la primera vez.<\/p>\n                    <img decoding=\"async\" src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2025\/12\/Captura-de-pantalla-2025-12-31-071256.jpg\" style=\"width: 100%; max-width: 450px; border-radius: 10px; margin-top: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); border: 2px solid var(--core-azul);\">\n                    <div class=\"alert-box\">\u2705 La app es 100% segura y conecta directamente con el servidor de la web.<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"view-mac\" class=\"os-content\">\n        <div class=\"app-preview\">\n            <video controls autoplay loop muted playsinline poster=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2023\/10\/placeholder-poster-mac.jpg\">\n                <source src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2025\/12\/1231-1.mp4\" type=\"video\/mp4\">\n            <\/video>\n        <\/div>\n\n        <div class=\"btn-download no-ajax\" onclick=\"forceDownload('https:\/\/elinformatico.cat\/wp-content\/uploads\/2025\/12\/App.elinformatico.zip')\">\n            \u2b07\ufe0f DESCARGAR GRATIS PARA MAC\n        <\/div>\n\n        <div class=\"install-guide\">\n            <h3>\u26a0\ufe0f IMPORTANTE: SI SALE \u00abDESARROLLADOR NO IDENTIFICADO\u00bb<\/h3>\n            \n            <div class=\"install-step\">\n                <div class=\"step-num\">1<\/div>\n                <div class=\"step-text\">\n                    <h4>Ve a Ajustes del Sistema<\/h4>\n                    <p>Abre los Ajustes de tu Mac y ve a la secci\u00f3n <strong>\u00abPrivacidad y Seguridad\u00bb<\/strong>.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"install-step\">\n                <div class=\"step-num\">2<\/div>\n                <div class=\"step-text\">\n                    <h4>Baja hasta el final<\/h4>\n                    <p>Haz scroll hasta abajo del todo. Ver\u00e1s un mensaje diciendo que se ha bloqueado el uso de \u00abEl Informatico\u00bb.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"install-step\">\n                <div class=\"step-num\">3<\/div>\n                <div class=\"step-text\">\n                    <h4>Abrir Igualmente<\/h4>\n                    <p>Haz clic en el bot\u00f3n <strong>\u00abAbrir igualmente\u00bb<\/strong>. Te pedir\u00e1 tu contrase\u00f1a de usuario o TouchID para confirmar.<\/p>\n                    <img decoding=\"async\" src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2025\/12\/Captura-de-pantalla-2025-12-31-a-las-9.14.43.jpg\" style=\"width: 100%; max-width: 450px; border-radius: 10px; margin-top: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); border: 2px solid var(--core-azul);\">\n                    <div class=\"alert-box\">\ud83c\udf4e Una vez hecho esto, la app ya quedar\u00e1 autorizada para siempre.<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n    function switchOS(os) {\n        document.querySelectorAll('.os-tab').forEach(t => t.classList.remove('active'));\n        document.querySelectorAll('.os-content').forEach(c => c.classList.remove('active'));\n\n        if(os === 'win') {\n            document.querySelector('#view-win').classList.add('active');\n            document.querySelectorAll('.os-tab')[0].classList.add('active');\n        } else {\n            document.querySelector('#view-mac').classList.add('active');\n            document.querySelectorAll('.os-tab')[1].classList.add('active');\n        }\n    }\n\n    \/\/ FUERZA LA DESCARGA SALTANDO EL TEMA DE WORDPRESS\n    function forceDownload(url) {\n        window.location.assign(url);\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>EL INFORMATICO.CAT SISTEMA OFICIAL DE GESTI\u00d3N Y SOPORTE V2 Esta es la aplicaci\u00f3n oficial para gestionar tus descargas, acceder a soporte t\u00e9cnico premium y mantener tu equipo optimizado. Es una herramienta 100% gratuita y segura, dise\u00f1ada para facilitar el acceso a todos los servicios de El Inform\u00e1tico sin complicaciones. Disponible para Windows y macOS. \ud83d\udcbb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-8894","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/8894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/comments?post=8894"}],"version-history":[{"count":0,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/8894\/revisions"}],"wp:attachment":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/media?parent=8894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}