{"id":9008,"date":"2026-01-07T03:03:13","date_gmt":"2026-01-07T03:03:13","guid":{"rendered":"https:\/\/elinformatico.cat\/?page_id=9008"},"modified":"2026-05-29T03:49:36","modified_gmt":"2026-05-29T03:49:36","slug":"sesion","status":"publish","type":"page","link":"https:\/\/elinformatico.cat\/ca\/sesion\/","title":{"rendered":"Conexi\u00f3n remota"},"content":{"rendered":"\n<style>\n    \/* --- ESTILOS VISUALES ORIGINALES (INTACTOS) --- *\/\n    :root {\n        --c-azul: #00069F;\n        --c-neon: #B8EF02;\n        --c-dark: #000A28;\n        --c-white: #ffffff;\n    }\n\n    .remote-room-container {\n        font-family: 'Segoe UI', system-ui, sans-serif;\n        background: radial-gradient(circle at center top, #001A72 0%, var(--c-dark) 100%);\n        color: var(--c-white);\n        padding: 40px 20px;\n        border-radius: 20px;\n        max-width: 1200px; \/* AUMENTADO PARA ESCRITORIO *\/\n        margin: 0 auto;\n        box-shadow: 0 30px 80px rgba(0,0,0,0.6);\n        border: 1px solid rgba(255,255,255,0.1);\n        text-align: center;\n    }\n\n    \/* CABECERA SALA *\/\n    .room-header h2 { font-size: 2.5rem; font-weight: 900; text-transform: uppercase; margin: 0; line-height: 1.1; color: #ffffff; }\n    .room-header span { color: var(--c-neon); }\n    .room-subtitle { font-size: 1.1rem; opacity: 0.9; margin-top: 10px; color: #ddd; margin-bottom: 30px; }\n    .privacy-badge { display: inline-block; background: rgba(184, 239, 2, 0.1); border: 1px solid var(--c-neon); color: var(--c-neon); padding: 5px 15px; border-radius: 20px; font-size: 0.9rem; font-weight: bold; margin-bottom: 20px; }\n\n    \/* --- NUEVOS ESTILOS VISUALES (VIDEO \u00daNICO GRANDE) --- *\/\n    .mini-steps-container {\n        max-width: 800px; \n        margin: 0 auto 40px auto;\n    }\n    .mini-steps-grid {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n    }\n    .ms-item {\n        display: flex; justify-content: center; align-items: center; width: 100%;\n    }\n    .ms-item img, .ms-item video {\n        width: 100%;\n        max-width: 600px; \n        height: auto;\n        border-radius: 12px; \n        box-shadow: 0 5px 15px rgba(0,0,0,0.3); \n    }\n\n    \/* AVISO WHATSAPP *\/\n    .mobile-warning {\n        background: rgba(255, 255, 255, 0.1);\n        border-left: 5px solid var(--c-neon);\n        text-align: left;\n        padding: 20px;\n        margin: 30px auto;\n        border-radius: 10px;\n        max-width: 800px;\n        display: flex; gap: 20px; align-items: center;\n    }\n    .mobile-icon { font-size: 40px; }\n    .mobile-text h4 { margin: 0 0 5px 0; color: var(--c-neon); font-size: 1.2rem; }\n    .mobile-text p { margin: 0; font-size: 0.95rem; line-height: 1.5; color: #eee; }\n\n    \/* TABS *\/\n    .os-tabs { display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; }\n    .os-btn {\n        background: transparent; border: 2px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.6);\n        padding: 15px 40px; border-radius: 50px; font-size: 1.1rem; font-weight: 800;\n        cursor: pointer; transition: 0.3s; text-transform: uppercase;\n    }\n    .os-btn:hover { border-color: var(--c-neon); color: white; }\n    .os-btn.active { background: var(--c-neon); color: var(--c-azul); border-color: var(--c-neon); box-shadow: 0 0 20px rgba(184, 239, 2, 0.3); }\n\n    \/* PANELES *\/\n    .os-panel { display: none; animation: slideUp 0.5s ease; text-align: left; max-width: 900px; margin: 0 auto; \/* AUMENTADO PARA ESCRITORIO *\/ }\n    .os-panel.active { display: block; }\n    @keyframes slideUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }\n\n    \/* BOTON DESCARGA (WEB) *\/\n    .dl-btn {\n        display: block; background: linear-gradient(90deg, var(--c-neon) 0%, #8ebd02 100%); color: var(--c-azul);\n        text-align: center; padding: 20px; border-radius: 12px; font-size: 1.3rem; font-weight: 900;\n        text-decoration: none; box-shadow: 0 10px 20px rgba(0,0,0,0.3); transition: 0.2s; border: none;\n        cursor: pointer; width: 100%; margin-bottom: 10px;\n    }\n    .dl-btn:hover { transform: scale(1.02); box-shadow: 0 15px 30px rgba(184, 239, 2, 0.4); }\n    .dl-sub { display: block; font-size: 0.8rem; font-weight: normal; margin-top: 5px; opacity: 0.8; }\n\n    \/* CAJA COPIAR (App) *\/\n    .app-copy-box {\n        display: none; \n        background: rgba(255, 60, 60, 0.25); \n        border: 2px dashed #ff4d4d; \n        padding: 20px; \n        border-radius: 15px; \n        margin-bottom: 10px;\n        text-align: center;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n    }\n    .copy-input-group { display: flex; gap: 10px; margin-top: 15px; }\n    .url-input {\n        flex: 1; padding: 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.3);\n        background: rgba(0,0,0,0.5); color: var(--c-neon); font-family: monospace; font-size: 0.9rem;\n    }\n    .copy-action-btn {\n        background: #ff4d4d; color: white; border: none; padding: 0 25px; border-radius: 8px;\n        font-weight: 900; cursor: pointer; box-shadow: 0 4px 0 #b30000; transition: 0.2s;\n    }\n    .copy-action-btn:active { transform:translateY(2px); box-shadow: 0 2px 0 #b30000; }\n\n    \/* FLECHAS *\/\n    .step-arrow {\n        text-align: center; font-size: 28px; color: var(--c-neon); margin: 5px 0 15px 0;\n        text-shadow: 0 0 10px rgba(184, 239, 2, 0.4); animation: floatArrow 2s infinite ease-in-out;\n    }\n    @keyframes floatArrow { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }\n\n    \/* PASOS (Estilo original) *\/\n    .step-box { background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; padding: 25px; margin-bottom: 10px; }\n    .step-title { color: var(--c-neon); font-weight: 800; font-size: 1.1rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }\n    .step-num { background: var(--c-azul); color: white; width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; }\n    .step-desc { font-size: 0.95rem; line-height: 1.6; color: #ccc; margin-bottom: 15px; }\n    .step-media { width: 100%; border-radius: 8px; border: 2px solid rgba(255,255,255,0.2); margin-top: 10px; background: #000; min-height: 200px; }\n\n    \/* FOOTER NOTE *\/\n    .footer-note { \n        margin-top: 30px; background: rgba(0, 10, 40, 0.6); border: 1px solid var(--c-neon); \n        padding: 15px; border-radius: 10px; text-align: left; font-size: 0.9rem;\n    }\n    .footer-note h4 { font-size: 1.1rem; margin: 0 0 10px 0; color: var(--c-neon); }\n    .footer-note p { margin: 0; line-height: 1.5; }\n\n    \/* BLOQUE DE LIMPIEZA PARA MODO APP *\/\n    body.app-mode header, body.app-mode #masthead, body.app-mode .site-header, body.app-mode .elementor-location-header, body.app-mode div[data-elementor-type=\"header\"] { display: none !important; }\n    body.app-mode .elementor-section-wrap { margin-top: 0 !important; padding-top: 0 !important; }\n    \n    \/* Adaptar m\u00f3vil *\/\n    @media (max-width: 768px) {\n        .mobile-warning { flex-direction: column; text-align: center; }\n        .os-btn { padding: 12px 20px; font-size: 0.9rem; }\n        .room-header h2 { font-size: 1.8rem; }\n        .copy-input-group { flex-direction: column; }\n        .copy-action-btn { padding: 15px; }\n        .mini-steps-grid { gap: 15px; } \n    }\n<\/style>\n\n<div class=\"remote-room-container\">\n    \n    <div class=\"room-header\">\n        <div class=\"privacy-badge\">\ud83d\udd12 CONEXI\u00d3N ANYDESK OFICIAL<\/div>\n        <h2>SALA DE <span style=\"color:#B8EF02\">SOPORTE<\/span><\/h2>\n        <p class=\"room-subtitle\">Conexi\u00f3n remota profesional<\/p>\n        \n        <div class=\"mini-steps-container\">\n            <div class=\"mini-steps-grid\">\n                <div class=\"ms-item\">\n                    <video src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2026\/01\/video-remoto-ok.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\"><\/video>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"mobile-warning\">\n        <div class=\"mobile-icon\">\ud83d\udcf1<\/div>\n        <div class=\"mobile-text\">\n            <h4>COMUNICACI\u00d3N POR WHATSAPP (M\u00d3VIL)<\/h4>\n            <p>\n                Para hablar durante la sesi\u00f3n, usa <strong>WhatsApp en tu tel\u00e9fono m\u00f3vil<\/strong>.<br>\n                Por favor, <strong>cierra WhatsApp Web<\/strong> en el ordenador para no tapar la pantalla y mantener la fluidez del soporte remoto.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"os-tabs\">\n        <button class=\"os-btn active\" onclick=\"showOS('win')\">\ud83e\ude9f WINDOWS<\/button>\n        <button class=\"os-btn\" onclick=\"showOS('mac')\">\ud83c\udf4e MAC OS<\/button>\n    <\/div>\n\n    <div id=\"panel-win\" class=\"os-panel active\">\n        \n        <button class=\"dl-btn normal-mode-el\" onclick=\"window.location.href='https:\/\/download.anydesk.com\/AnyDesk.exe'\">\n            \ud83d\udda5\ufe0f DESCARGAR ANYDESK (WINDOWS)\n            <span class=\"dl-sub\">\u2728 Versi\u00f3n Oficial Directa<\/span>\n        <\/button>\n\n        <div class=\"app-copy-box app-mode-el\">\n            <h4 style=\"color:#ffcccc; margin:0; text-transform:uppercase;\">\u26a0\ufe0f Bloqueo de Seguridad Detectado<\/h4>\n            <p style=\"font-size:0.9rem; margin: 10px 0; color:#fff;\">La App no permite descargar archivos ejecutables (.exe). <strong>Copia el enlace y p\u00e9galo en Chrome o Edge:<\/strong><\/p>\n            <div class=\"copy-input-group\">\n                <input type=\"text\" class=\"url-input\" id=\"link-win\" value=\"https:\/\/download.anydesk.com\/AnyDesk.exe\" readonly=\"\">\n                <button class=\"copy-action-btn\" onclick=\"copyLink('link-win')\">\ud83d\udccb COPIAR LINK<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"step-arrow\">\u2b07<\/div>\n\n        <div class=\"step-box\">\n            <div class=\"step-title\"><span class=\"step-num\">1<\/span> Ejecutar AnyDesk<\/div>\n            <div class=\"step-desc\">\n                Abre el archivo descargado. \n            <\/div>\n        <\/div>\n\n        <div class=\"step-arrow\">\u2b07<\/div>\n\n        <div class=\"step-box\">\n            <div class=\"step-title\"><span class=\"step-num\">2<\/span> Compartir Puesto de Trabajo<\/div>\n            <div class=\"step-desc\">\n                Una vez abierto AnyDesk, facil\u00edtame tu <strong>N\u00famero de Puesto de Trabajo<\/strong> (9 cifras). Cuando intente entrar, dale a <strong>ACEPTAR<\/strong>.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"panel-mac\" class=\"os-panel\">\n        \n        <button class=\"dl-btn normal-mode-el\" onclick=\"window.location.href='https:\/\/download.anydesk.com\/anydesk.dmg'\">\n            \ud83c\udf4f DESCARGAR ANYDESK (MAC)\n            <span class=\"dl-sub\">\u2728 Versi\u00f3n Oficial. Requiere permisos manuales.<\/span>\n        <\/button>\n\n        <div class=\"app-copy-box app-mode-el\">\n            <h4 style=\"color:#ffcccc; margin:0; text-transform:uppercase;\">\u26a0\ufe0f Bloqueo de Seguridad Detectado<\/h4>\n            <p style=\"font-size:0.9rem; margin: 10px 0; color:#fff;\">La App no permite descargar archivos (.dmg) directamente. <strong>Copia el enlace y p\u00e9galo en Safari o Chrome:<\/strong><\/p>\n            <div class=\"copy-input-group\">\n                <input type=\"text\" class=\"url-input\" id=\"link-mac\" value=\"https:\/\/download.anydesk.com\/anydesk.dmg\" readonly=\"\">\n                <button class=\"copy-action-btn\" onclick=\"copyLink('link-mac')\">\ud83d\udccb COPIAR LINK<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"step-arrow\">\u2b07<\/div>\n\n        <div class=\"step-box\" style=\"border-color:orange;\">\n            <div class=\"step-title\" style=\"color:orange;\"><span class=\"step-num\" style=\"background:orange;\">!<\/span> PERMISOS OBLIGATORIOS<\/div>\n            <div class=\"step-desc\">\n                Para que funcione, debes dar permiso de \u00abGrabaci\u00f3n de Pantalla\u00bb y \u00abAccesibilidad\u00bb en los Ajustes del Mac. Sigue los v\u00eddeos de abajo:\n            <\/div>\n        <\/div>\n\n        <div class=\"step-arrow\">\u2b07<\/div>\n\n        <div class=\"step-box\">\n            <div class=\"step-title\"><span class=\"step-num\">1<\/span> Instalar la App<\/div>\n            <div class=\"step-desc\">\n                <strong>Arrastrar a Aplicaciones:<\/strong> Abre el archivo descargado. Arrastra el icono de AnyDesk a la carpeta azul. Luego b\u00fascalo en el Launchpad y \u00e1brelo.\n            <\/div>\n            <img decoding=\"async\" class=\"step-media\" src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2026\/05\/INSTALAR-ANY-DESK-EN-MAC-GIF.gif\">\n        <\/div>\n\n        <div class=\"step-arrow\">\u2b07<\/div>\n\n        <div class=\"step-box\">\n            <div class=\"step-title\"><span class=\"step-num\">2<\/span> Activar Permisos<\/div>\n            <div class=\"step-desc\">\n                <strong>Privacidad y Seguridad:<\/strong> Ve a Ajustes del Sistema. Entra en \u00abPrivacidad\u00bb. Activa los interruptores de <strong style=\"color: var(--c-neon);\">\u00abGrabaci\u00f3n de Pantalla\u00bb<\/strong> y <strong style=\"color: var(--c-neon);\">\u00abAccesibilidad\u00bb<\/strong> para AnyDesk.\n            <\/div>\n            <video class=\"step-media\" src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2026\/05\/ACTIVAR-PERMISOS-ANYDESKMAC.mp4\" controls=\"\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" oncanplay=\"this.playbackRate = 0.9;\"><\/video>\n        <\/div>\n    <\/div>\n\n    <div class=\"footer-note\">\n        <h4>\ud83d\udc41\ufe0f \u00bfTienes dudas o no quieres que entre en tu equipo?<\/h4>\n        <p>\n            <strong>Solo compartes pantalla<\/strong> y te guiamos paso a paso si tienes conocimientos b\u00e1sicos.\n            <br><br>\n            \u26a0\ufe0f <strong>IMPORTANTE:<\/strong> Debes descargar e instalar la herramienta AnyDesk igualmente para que podamos ver tu pantalla (\u00abModo Solo Ver\u00bb). Nosotros veremos lo que ocurre, pero t\u00fa mantienes el control del rat\u00f3n. Hablaremos exclusivamente por <strong>WhatsApp desde el m\u00f3vil<\/strong> para facilitar el proceso.\n        <\/p>\n    <\/div>\n\n<\/div>\n\n<script>\n    \/\/ 1. DETECCI\u00d3N DE SI VIENE DE LA APP\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const urlParams = new URLSearchParams(window.location.search);\n        const isApp = urlParams.get('source') === 'app';\n\n        if (isApp) {\n            \/\/ Activar clase CSS para ocultar cabeceras WP\n            document.body.classList.add('app-mode');\n\n            \/\/ Intercambiar botones por cajas de copiar\n            document.querySelectorAll('.normal-mode-el').forEach(el => el.style.display = 'none');\n            document.querySelectorAll('.app-mode-el').forEach(el => el.style.display = 'block');\n        }\n    });\n\n    function showOS(os) {\n        document.querySelectorAll('.os-btn').forEach(b => b.classList.remove('active'));\n        document.querySelectorAll('.os-panel').forEach(p => p.classList.remove('active'));\n        \n        if(os === 'win') {\n            document.querySelectorAll('.os-btn')[0].classList.add('active');\n            document.getElementById('panel-win').classList.add('active');\n        } else {\n            document.querySelectorAll('.os-btn')[1].classList.add('active');\n            document.getElementById('panel-mac').classList.add('active');\n        }\n    }\n\n    function copyLink(elementId) {\n        var copyText = document.getElementById(elementId);\n        copyText.select();\n        copyText.setSelectionRange(0, 99999); \/\/ Para m\u00f3viles\n        navigator.clipboard.writeText(copyText.value).then(function() {\n            alert(\"\u2705 ENLACE COPIADO\\n\\nAbre tu navegador (Chrome\/Edge\/Safari) y p\u00e9galo en la barra de direcciones para descargar.\");\n        }, function(err) {\n            alert(\"Error al copiar. Por favor selecciona el texto y c\u00f3pialo manualmente.\");\n        });\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd12 CONEXI\u00d3N ANYDESK OFICIAL SALA DE SOPORTE Conexi\u00f3n remota profesional \ud83d\udcf1 COMUNICACI\u00d3N POR WHATSAPP (M\u00d3VIL) Para hablar durante la sesi\u00f3n, usa WhatsApp en tu tel\u00e9fono m\u00f3vil. Por favor, cierra WhatsApp Web en el ordenador para no tapar la pantalla y mantener la fluidez del soporte remoto. \ud83e\ude9f WINDOWS \ud83c\udf4e MAC OS \ud83d\udda5\ufe0f DESCARGAR ANYDESK (WINDOWS) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":{"view":"no"},"footnotes":""},"class_list":["post-9008","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/9008","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=9008"}],"version-history":[{"count":5,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/9008\/revisions"}],"predecessor-version":[{"id":9748,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/9008\/revisions\/9748"}],"wp:attachment":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/media?parent=9008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}