{"id":8362,"date":"2025-12-17T05:06:39","date_gmt":"2025-12-17T05:06:39","guid":{"rendered":"https:\/\/elinformatico.cat\/?page_id=8362"},"modified":"2026-05-29T03:37:37","modified_gmt":"2026-05-29T03:37:37","slug":"blindaje","status":"publish","type":"page","link":"https:\/\/elinformatico.cat\/ca\/blindaje\/","title":{"rendered":"BLINDAJE"},"content":{"rendered":"\n<style>\n  \/* --- ESTILOS CYBER-CORP V7.9.22 (ALINEACI\u00d3N 2 PASOS) --- *\/\n  :root {\n    --c-verde: #B8EF02;\n    --c-azul: #00069F;\n    --c-oscuro: #000230;\n    --c-blanco: #ffffff;\n    --c-gris: #f4f4f4;\n    --c-neon: 0 0 10px rgba(184, 239, 2, 0.6);\n    --c-alerta: #ffcc00;\n  }\n\n  @property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\n  @keyframes rotateNeon { to { --angle: 360deg; } }\n\n  .cyber-container {\n    width: 95%; max-width: 1100px; \n    margin: -30px auto 0 auto; \/* Desktop *\/\n    background: var(--c-blanco); border-radius: 16px; \n    box-shadow: 0 20px 60px rgba(0,6,159,0.2); \n    overflow: hidden; min-height: 750px; position: relative; \n    font-family: 'Segoe UI', system-ui, sans-serif; z-index: 0; \n  }\n\n  @media (max-width: 900px) { .cyber-container { margin-top: -40px !important; } }\n\n  .cyber-container.neon-mode::after {\n      content: ''; position: absolute; inset: 0; padding: 3px; \n      border-radius: 16px; pointer-events: none; z-index: 10;\n      background: conic-gradient(from var(--angle), transparent 40%, var(--c-verde), var(--c-azul), transparent 60%);\n      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n      -webkit-mask-composite: xor; mask-composite: exclude;\n      animation: rotateNeon 4s linear infinite;\n  }\n\n  .cyber-header { background: linear-gradient(135deg, var(--c-azul) 0%, var(--c-oscuro) 100%); color: var(--c-verde); padding: 30px 20px; text-align: center; border-bottom: 4px solid var(--c-verde); }\n  .cyber-header h1 { margin: 0; font-size: 2rem; text-transform: uppercase; letter-spacing: 2px; color: #B8EF02; text-shadow: 0 0 15px rgba(184, 239, 2, 0.4); line-height: 1.2; }\n  .cyber-header p { color: #fff; opacity: 0.9; margin: 5px 0 0 0; font-size: 1rem; letter-spacing: 1px; }\n\n  .view-section { padding: 30px; display: none; animation: fadeIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards; position: relative; }\n  .view-active { display: block; }\n  @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n\n  .btn-back-floating { position: absolute; top: 15px; left: 15px; width: 35px; height: 35px; background: #f0f4ff; border: 1px solid #ccd; border-radius: 50%; color: var(--c-azul); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem; cursor: pointer; z-index: 50; transition: all 0.2s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }\n  .btn-back-floating:hover { background: var(--c-azul); color: #fff; transform: translateX(-3px); }\n\n  \/* --- LOGIN & CARDS --- *\/\n  .login-split-wrapper { display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap; }\n\n  \/* ESTILOS NUEVA CAJA VIP *\/\n  .vip-exclusivo-card {\n      background: linear-gradient(145deg, #000230, #00069F);\n      border: 2px solid #B8EF02;\n      border-radius: 16px;\n      padding: 20px;\n      width: 100%;\n      max-width: 250px;\n      text-align: center;\n      box-shadow: 0 0 30px rgba(184, 239, 2, 0.2);\n      position: relative;\n      overflow: hidden;\n      min-height: 350px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      transition: transform 0.3s;\n  }\n  .vip-exclusivo-card:hover { transform: translateY(-5px); }\n  \n  .vip-blur-bg {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      font-weight: 900;\n      font-size: 1.5rem;\n      line-height: 1.5;\n      color: rgba(255,255,255,0.07);\n      filter: blur(3px);\n      z-index: 0;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      align-content: center;\n      text-transform: uppercase;\n      pointer-events: none;\n      user-select: none;\n  }\n  \n  .vip-content-front { position: relative; z-index: 2; width: 100%; }\n  \n  .vip-crown { font-size: 3.5rem; display: block; margin-bottom: 10px; animation: float 3s infinite ease-in-out; }\n  .vip-title-box { color: #B8EF02; font-weight: 900; font-size: 1.2rem; margin: 10px 0; text-transform: uppercase; line-height: 1.2; text-shadow: 0 0 10px rgba(184,239,2,0.5); }\n  .vip-badge-free { background: #fff; color: #00069F; padding: 4px 10px; border-radius: 4px; font-weight: 900; font-size: 0.8rem; display: inline-block; margin-bottom: 15px; }\n  \n  .vip-btn-link { \n      display: block; \n      background: #B8EF02; \n      color: #00069F; \n      padding: 12px 10px; \n      border-radius: 50px; \n      text-decoration: none; \n      font-weight: 900; \n      font-size: 0.95rem; \n      text-transform: uppercase; \n      margin-top: 10px;\n      transition: 0.2s;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n  }\n  .vip-btn-link:hover { background: #fff; color: #000; transform: scale(1.05); }\n\n\n  \/* --- LOGIN CARD DERECHA --- *\/\n  .login-interface-card { background: #f8faff; border-radius: 20px; padding: 30px 25px; max-width: 480px; width:100%; position: relative; box-shadow: 0 10px 30px rgba(0,6,159,0.05); overflow: hidden; z-index: 1; margin: 0; }\n  .login-interface-card::after { content: ''; position: absolute; inset: 0; padding: 3px; border-radius: 20px; pointer-events: none; background: conic-gradient(from var(--angle), transparent 30%, var(--c-azul), var(--c-verde), transparent 70%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: rotateNeon 3s linear infinite reverse; }\n  .lock-big { font-size: 3.5rem; display: block; animation: float 3s infinite ease-in-out; margin-bottom: 15px; filter: drop-shadow(0 5px 5px rgba(0,0,0,0.1)); line-height: 1; }\n  @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\n  .status-bar-tech { background: rgba(0,6,159,0.06); color: var(--c-azul); font-family: 'Courier New', monospace; padding: 6px 14px; border-radius: 50px; display: inline-flex; align-items: center; gap: 8px; font-size: 0.75rem; font-weight: 800; border: 1px solid rgba(0,6,159,0.1); margin-bottom: 20px; }\n  .blink-dot { width: 8px; height: 8px; background: #00c853; border-radius: 50%; box-shadow: 0 0 8px #00c853; animation: blink 1s infinite; }\n  @keyframes blink { 50% { opacity: 0.3; } }\n  .key-highlight { background-color: var(--c-verde); color: var(--c-azul); padding: 2px 6px; border-radius: 4px; font-weight: 900; text-transform: uppercase; box-shadow: var(--c-neon); animation: pulseKey 2s infinite; }\n  .input-modern-wrapper { position: relative; margin: 20px 0; background: #eaeff5; border-radius: 12px; padding: 4px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 2px solid transparent; }\n  .input-modern-wrapper:focus-within { background: #fff; border-color: var(--c-verde); box-shadow: 0 10px 25px rgba(184, 239, 2, 0.25); transform: scale(1.01); }\n  .input-cyber { width: 100%; padding: 12px; font-size: 1.3rem; text-align: center; border: none; outline: none; background: transparent; font-weight: bold; color: var(--c-azul); letter-spacing: 2px; margin: 0; }\n  .btn-cyber { background: var(--c-azul); color: #fff; border: none; padding: 16px 30px; border-radius: 50px; font-size: 1.1rem; font-weight: 900; cursor: pointer; transition: all 0.2s; width: 100%; text-transform: uppercase; box-shadow: 0 8px 20px rgba(0,6,159,0.2); letter-spacing: 1px; position: relative; overflow: hidden; }\n  .btn-cyber:hover { background: #00046b; transform: translateY(-2px); box-shadow: 0 12px 25px rgba(0,6,159,0.3); }\n\n  .disclaimer-screen-box { background: #fff; border: 3px solid var(--c-azul); padding: 30px; border-radius: 12px; text-align: center; max-width: 600px; margin: 20px auto; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }\n  .warn-icon { font-size: 3rem; margin-bottom: 10px; display: block; }\n  .av-info-box { background: #fff; border: 2px dashed #ffb300; padding: 30px; border-radius: 12px; text-align: center; max-width: 650px; margin: 20px auto; box-shadow: 0 10px 40px rgba(255, 179, 0, 0.15); position: relative; }\n  .av-info-icon { font-size: 2.5rem; margin-bottom: 15px; display: block; }\n  .av-badge { background: #fff3cd; color: #856404; padding: 4px 10px; border-radius: 6px; font-weight: bold; font-size: 0.8rem; text-transform: uppercase; display: inline-block; margin-bottom: 10px; }\n  .av-text { font-size: 1rem; color: #444; line-height: 1.6; text-align: left; margin-bottom: 20px; }\n  .vt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 20px 0; text-align: left; }\n  .vt-card { background: #f9f9f9; padding: 15px; border-radius: 8px; border-left: 4px solid #ccc; font-size: 0.9rem; }\n  .vt-green { border-left-color: #28a745; }\n  .vt-red { border-left-color: #dc3545; }\n\n  .os-big-selector { display: flex; gap: 20px; justify-content: center; margin-top: 30px; }\n  .os-card-btn { flex: 1; padding: 30px; border: 2px solid #ddd; border-radius: 12px; cursor: pointer; text-align: center; transition: all 0.3s; max-width: 250px; background: #fff; position: relative; overflow: hidden; }\n  .os-card-btn:hover { border-color: var(--c-verde); transform: translateY(-5px); box-shadow: var(--c-neon); }\n  .os-icon { font-size: 3.5rem; display: block; margin-bottom: 10px; }\n  .os-name { font-size: 1.2rem; font-weight: 800; color: var(--c-azul); }\n\n  .disclaimer-box-small { background: #f9f9f9; border-left: 4px solid var(--c-verde); padding: 15px; font-size: 0.9rem; color: #555; margin-bottom: 25px; border-radius: 4px; }\n  .grid-guias { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; margin-bottom: 30px; max-height: 350px; overflow-y: auto; padding: 5px; }\n  .check-card { background: #f9f9f9; border: 1px solid #ddd; border-radius: 10px; padding: 12px; text-align: center; cursor: pointer; transition: all 0.2s; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n  .check-card:hover { background: #fff; border-color: var(--c-verde); box-shadow: var(--c-neon); }\n  .check-card.selected { border: 2px solid var(--c-verde); background: #f4ffe6; box-shadow: var(--c-neon); transform: scale(1.03); z-index: 2; }\n  .icon-soft { font-size: 1.8rem; margin-bottom: 5px; }\n  .name-soft { font-size: 0.85rem; font-weight: 700; color: #555; }\n\n  \/* M\u00d3DULOS ACTIVOS *\/\n  .active-modules-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 40px; }\n  .module-card { background: #fdfdfd; border: 1px solid #ddd; border-radius: 12px; padding: 15px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 5px rgba(0,0,0,0.02); border-left: 6px solid var(--c-verde); animation: slideIn 0.4s ease; transition: all 0.3s; cursor: help; }\n  .module-card:hover { background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }\n  .module-text h3 { margin: 0; font-size: 1.1rem; color: var(--c-azul); font-weight:900; }\n  .module-info-box { background: #f0f4ff; border-left: 4px solid var(--c-azul); padding: 8px 12px; margin: 8px 0; border-radius: 4px; font-size: 0.85rem; color: #444; line-height: 1.4; }\n  .session-badge-tech { background: var(--c-azul); color: #fff; padding: 8px 12px; border-radius: 8px; font-size: 0.7rem; font-weight: 800; box-shadow: 0 4px 10px rgba(0,6,159,0.2); text-align: center; border: 1px solid var(--c-verde); white-space: nowrap; align-self: flex-start; margin-top: 10px; }\n\n  \/* ALERTAS Y BOTONES DE BLINDAJE *\/\n  #blindaje-warning-block { text-align: center; padding: 30px; border: 3px solid #ffcc00; background: #fffdf0; border-radius: 12px; margin-bottom: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\n  #steps-global-wrapper { display: none; animation: fadeIn 0.5s ease; }\n  #final-confirmation-block { display: none; text-align: center; margin-top: 40px; padding: 30px; background: #f4fff8; border: 2px dashed var(--c-verde); border-radius: 12px; }\n\n  .av-float-btn { background: #fff; color: #d63031; border: 2px solid #d63031; padding: 10px 20px; border-radius: 50px; font-weight: 800; cursor: pointer; box-shadow: 0 5px 15px rgba(214, 48, 49, 0.15); transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; font-size: 0.9rem; margin-bottom: 20px; }\n  .av-float-btn:hover { background: #d63031; color: white; transform: scale(1.05); }\n  #av-help-modal { display: none; background: #fff8f8; border: 2px solid #ffcccc; padding: 20px; border-radius: 12px; margin-bottom: 30px; animation: slideDown 0.3s ease; }\n  .av-help-title { color: #d63031; font-weight: 900; margin-top: 0; display: flex; align-items: center; gap: 10px; }\n  .av-instruction-box { background: #fff; padding: 15px; border-radius: 8px; margin-top: 10px; border: 1px solid #eee; font-size: 0.95rem; color: #555; }\n  .av-instruction-box strong { color: #333; }\n\n  .btn-action-vt { background: #394eff; color: white !important; text-decoration: none; padding: 12px; display: block; text-align: center; border-radius: 8px; margin-top: 10px; font-weight: bold; cursor: pointer; transition: 0.2s; }\n  .btn-action-vt:hover { background: #2a3bc0; box-shadow: 0 5px 15px rgba(57, 78, 255, 0.4); }\n  .btn-action-dl { background: #7b519d; color: white !important; text-decoration: none; padding: 12px; display: block; text-align: center; border-radius: 8px; margin-top: 10px; font-weight: bold; cursor: pointer; transition: 0.2s; }\n  .btn-action-dl:hover { background: #613a82; box-shadow: 0 5px 15px rgba(123, 81, 157, 0.4); }\n\n  #vip-section-wrapper { position: relative; margin-top: 50px; padding: 30px; background: #f9f9f9; border-radius: 16px; border: 1px solid #eee; transition: all 0.5s ease; }\n  #vip-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.85); border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10; backdrop-filter: blur(2px); border: 2px dashed #ccc; transition: all 0.5s ease; }\n  .overlay-lock-icon { font-size: 3rem; color: #999; margin-bottom: 10px; }\n  .overlay-text { font-weight: bold; color: #666; text-transform: uppercase; letter-spacing: 1px; }\n  #vip-section-wrapper.unlocked { background: #f4fff8; border: 3px solid var(--c-verde); box-shadow: 0 0 30px rgba(184, 239, 2, 0.3); }\n  #vip-section-wrapper.unlocked #vip-overlay { opacity: 0; pointer-events: none; transform: scale(1.1); }\n  .vip-ghost-content { opacity: 0.3; transition: opacity 0.5s; pointer-events: none; }\n  #vip-section-wrapper.unlocked .vip-ghost-content { opacity: 1; pointer-events: auto; }\n\n  .vip-btn { display: block; width: 100%; padding: 18px; margin-bottom: 15px; border-radius: 12px; font-weight: 800; font-size: 1.1rem; text-transform: uppercase; cursor: pointer; border: none; text-align: center; transition: all 0.2s; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }\n  .vip-btn:hover { transform:translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }\n  .btn-radar { background: var(--c-verde); color: var(--c-azul); }\n  .btn-salvavidas { background: #fff; border: 3px solid var(--c-azul); color: var(--c-azul); }\n  .final-book-btn { display: block; width: 100%; text-align: center; background-color: var(--c-azul); color: white !important; text-decoration: none; padding: 18px; border-radius: 50px; font-weight: 900; text-transform: uppercase; margin-top: 20px; font-size:1.1rem; box-shadow: 0 5px 15px rgba(0,6,159,0.3); cursor: pointer; }\n  \n  \/* ALINEACI\u00d3N CENTRAL DE LAS CAJAS *\/\n  .info-toggle-box { display: none; background: #fff; padding: 25px; border-radius: 12px; text-align: center; margin-bottom: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: 1px solid #ddd; position: relative; z-index: 20; }\n\n  \/* --- MISIONES (RESUMEN) --- *\/\n  .mission-brief-card { background: #fdfdfd; border: 2px solid #aec4ff; border-radius: 16px; padding: 30px; max-width: 700px; margin: 0 auto 30px auto; text-align: left; box-shadow: 0 10px 25px rgba(0,6,159,0.05); position: relative; overflow: hidden; }\n  .mission-brief-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--c-azul); }\n  .mission-brief-title { color: var(--c-azul); font-weight: 900; display: flex; align-items: center; gap: 12px; font-size: 1.3rem; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #eee; letter-spacing: 0.5px; }\n  .mission-step-list { margin: 0; padding: 0; list-style: none; }\n  .mission-step-list li { margin-bottom: 15px; display: flex; gap: 12px; align-items: flex-start; color: #444; font-size: 1rem; line-height: 1.5; }\n  .ms-icon { font-size: 1.4rem; min-width: 30px; }\n  .mission-footer-note { font-size: 0.9rem; color: #666; background: #f0f7ff; padding: 12px; border-radius: 8px; margin-top: 15px; border-left: 4px solid var(--c-verde); font-style: italic; }\n\n  \/* --- LAYOUT GRID DE PASOS --- *\/\n  .steps-title-header { text-align:center; color:var(--c-azul); margin-bottom:30px; font-size:1.4rem; font-weight:900; text-transform: uppercase; letter-spacing: 1px; }\n  \n  .steps-roadmap-row { \n      display: grid; \n      grid-template-columns: 1fr 1fr;\n      gap: 20px; \n      align-items: start;\n      margin-bottom: 40px; \n  }\n\n  .step-module { \n      background: #fff; border: 2px solid #e0e0e0; border-radius: 16px; padding: 25px; text-align: center; \n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: hidden; \n      cursor: pointer; display: flex; flex-direction: column; box-shadow: 0 5px 15px rgba(0,0,0,0.05); \n  }\n  .step-module:hover { border-color: var(--c-azul); transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,6,159,0.15); }\n  .step-module.completed { border-color: #28a745; background: #f4fff8; box-shadow: 0 0 15px rgba(40, 167, 69, 0.4); }\n  .step-check-indicator { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; border-radius: 50%; background: #e0e0e0; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; transition: all 0.3s; }\n  .step-module.completed .step-check-indicator { background: #28a745; transform: scale(1.2); box-shadow: 0 0 10px #28a745; }\n  .step-module.completed .step-check-indicator::after { content: '\u2713'; }\n  .step-icon { font-size: 3.5rem; margin-bottom: 15px; display: block; transition: transform 0.3s; }\n  .step-module:hover .step-icon { transform: scale(1.1); }\n  .step-title { font-weight: 900; color: var(--c-azul); margin-bottom: 8px; text-transform: uppercase; font-size: 1.1rem; }\n  .step-desc { font-size: 0.9rem; color: #555; margin-bottom: 15px; line-height:1.4; flex-grow: 1; }\n  .step-content { display: none; text-align: left; background: #fff; padding: 15px; border-radius: 12px; margin-top: 15px; font-size: 0.9rem; border: 2px solid var(--c-verde); box-shadow: inset 0 0 10px rgba(0,0,0,0.05); animation: slideDown 0.3s ease; }\n\n  #win-step1 video, #mac-step1 video {\n      width: 100%;\n      height: auto;\n      border-radius: 8px;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n      max-height: 60vh;\n  }\n\n  @media (max-width: 768px) {\n    .os-big-selector { flex-direction: column; align-items: center; }\n    .os-card-btn { width: 100%; max-width: 100%; }\n    .login-split-wrapper { flex-direction: column-reverse; }\n    .vt-grid { grid-template-columns: 1fr; }\n    \n    .steps-roadmap-row {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    \n    .step-module { width: 100%; }\n  }\n<\/style>\n\n<div class=\"cyber-container neon-mode\">\n  <div class=\"cyber-header\">\n    <h1>INICIAR BLINDAJE &#8211; DESCARGAS &#8211; AGENDA ONLINE<\/h1>\n    <p>Plataforma de DESCARGAS de Recursos y Agenda Online<\/p>\n  <\/div>\n\n  <div id=\"view-login\" class=\"view-section view-active\">\n    \n    <div class=\"login-split-wrapper\">\n        \n        <div class=\"vip-exclusivo-card\">\n            <div class=\"vip-blur-bg\">\n                Canva<br>Adobe<br>YouTube<br>Audible<br>Autodesk\n            <\/div>\n            <div class=\"vip-content-front\">\n                <span class=\"vip-crown\">\ud83d\udc51<\/span>\n                <div class=\"vip-badge-free\">P\u00c1GINA DE BLINDAJE<\/div>\n                <h3 class=\"vip-title-box\">DESCUENTO 5\u20ac EN CANVA POR SER CLIENTE<\/h3>\n                <p style=\"color:#ddd; font-size:0.85rem; margin-bottom:15px; line-height:1.4;\">Pon la CONTRASE\u00d1A MAESTRA \ud83d\udd11 para desbloquear el descuento para 6 meses Canva.<\/p>\n                \n                <div id=\"canva-lock-zone\">\n                    <input type=\"text\" id=\"pass-canva\" placeholder=\"Contrase\u00f1a Maestra...\" style=\"width: 90%; padding: 10px; border-radius: 8px; border: none; text-align: center; font-weight: bold; margin-bottom: 10px; outline: none; font-family: inherit; color: var(--c-azul);\" autocomplete=\"off\">\n                    <button onclick=\"checkCanva()\" class=\"vip-btn-link\" style=\"border: none; cursor: pointer; width: 90%; margin: 0 auto;\">\ud83d\udc49 DESBLOQUEAR<\/button>\n                    <div id=\"canva-error\" style=\"color: #ffcc00; display: none; margin-top: 10px; font-size: 0.85rem; font-weight: bold;\">\u26d4 Contrase\u00f1a Incorrecta<\/div>\n                <\/div>\n\n                <div id=\"canva-unlocked-zone\" style=\"display: none;\">\n                    <p style=\"color: #B8EF02; font-weight: 900; margin-bottom: 10px; font-size: 1.1rem; text-shadow: 0 0 10px rgba(184, 239, 2, 0.4);\">\u00a1C\u00d3DIGO ACEPTADO!<\/p>\n                    <a href=\"https:\/\/elinformatico.cat\/producto\/canva-premium-solo-clientes\/\" target=\"_blank\" class=\"vip-btn-link\" style=\"background: #ffcc00; color: #000230; font-size: 0.85rem; padding: 15px 10px; white-space: normal; line-height: 1.3;\">\ud83d\uded2 COMPRAR CANVA POR 20\u20ac EN VEZ DE 25\u20ac<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"login-interface-card\">\n            <div style=\"text-align:center;\">\n                <span class=\"lock-big\">\ud83d\udd10<\/span>\n                <div class=\"status-bar-tech\"><div class=\"blink-dot\"><\/div>\u26a1 ESTABLECIENDO CONEXI\u00d3N SEGURA&#8230;<\/div>\n                \n                <p style=\"color:#555; margin-bottom:15px; font-size:1rem; line-height: 1.5; text-align:center;\">\n                    <strong>Acceso a Apps\/Gu\u00edas permanentes<\/strong><br>\n                    Para entrar, introduce la <span class=\"key-highlight\">CONTRASE\u00d1A MAESTRA<\/span>.<br>\n                    <span style=\"font-size:0.85rem; color:#777; display:block; margin-top:8px;\">\n                        (La tienes en tu <strong>Email de Compra<\/strong> o dentro del <strong>PDF<\/strong> en tu secci\u00f3n \u00abMis Descargas\u00bb)\n                    <\/span>\n                <\/p>\n\n                <div class=\"input-modern-wrapper\">\n                    <input type=\"text\" id=\"pass-input\" class=\"input-cyber\" placeholder=\"Contrase\u00f1a Maestra...\" autocomplete=\"off\">\n                <\/div>\n                <div id=\"login-error\" style=\"color:red; display:none; margin-top:10px; font-weight:bold;\">\u26d4 Contrase\u00f1a Incorrecta<\/div>\n                <button onclick=\"checkLogin()\" class=\"btn-cyber\">\ud83d\udd13 ACCEDER AL BLINDAJE<\/button>\n                <p style=\"margin-top:20px; font-size:0.85rem;\"><span onclick=\"window.open('https:\/\/elinformatico.cat\/micuenta\/descargas\/', '_blank')\" style=\"color:#777; cursor:pointer; text-decoration:underline;\">\u00bfOlvidaste tu clave?<\/span><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"view-disclaimer\" class=\"view-section\">\n      \n      <div style=\"text-align: center; margin-bottom: 25px;\">\n          <button onclick=\"fastTrackClient()\" class=\"btn-cyber\" style=\"background:transparent; border: 2px solid var(--c-azul); color:var(--c-azul); font-size:0.95rem; max-width: 700px; display: inline-block;\">\u26a1 YA SOY CLIENTE (IR DIRECTO A MIS APPS)<\/button>\n      <\/div>\n\n      <div class=\"mission-brief-card\">\n          <div class=\"mission-brief-title\">\n              <span style=\"font-size:1.5rem;\">\ud83d\ude80<\/span> CONFIRMACI\u00d3N DE OBJETIVOS\n          <\/div>\n          <p style=\"color:#555; margin-bottom:20px; font-size:1.05rem;\">\n              <strong>\u00a1Tranquilidad!<\/strong> Est\u00e1s a un paso de acceder. Antes de empezar, queremos asegurarnos de que tu experiencia sea perfecta. A continuaci\u00f3n ver\u00e1s:\n          <\/p>\n          <ul class=\"mission-step-list\">\n              <li>\n                  <span class=\"ms-icon\">\ud83d\udee1\ufe0f<\/span>\n                  <span><strong>Blindaje del Equipo:<\/strong> Te ense\u00f1amos a protegerte contra errores. (Paso Recomendado)<\/span>\n              <\/li>\n              <li>\n                  <span class=\"ms-icon\">\ud83d\udce1<\/span>\n                  <span><strong>El Radar:<\/strong> Tu zona segura para descargar, escanear y validar archivos.<\/span>\n              <\/li>\n              <li>\n                  <span class=\"ms-icon\">\ud83d\udcc5<\/span>\n                  <span><strong>Agenda Privada:<\/strong> Desbloqueo del calendario para reservar tu Soporte Remoto.<\/span>\n              <\/li>\n          <\/ul>\n          <div class=\"mission-footer-note\">\n              \ud83d\udca1 Nota: Puedes omitir los pasos si ya eres un usuario experto, pero te recomendamos encarecidamente seguirlos para garantizar el \u00e9xito de la instalaci\u00f3n.\n          <\/div>\n      <\/div>\n\n      <div class=\"disclaimer-screen-box\">\n          <span class=\"warn-icon\">\u26a0\ufe0f<\/span>\n          <h2 style=\"color:var(--c-azul); margin-top:0;\">PROTOCOLO DE SEGURIDAD<\/h2>\n          <p style=\"font-size:1.1rem; line-height:1.6; color:#555;\">Por motivos de privacidad y seguridad, esta sesi\u00f3n opera en <strong>Memoria Vol\u00e1til<\/strong>.<\/p>\n          <p style=\"font-size:1.1rem; line-height:1.6; color:#555; font-weight:bold; background:#fff3cd; padding:15px; border-radius:8px;\">Toda la informaci\u00f3n y validaciones se autodestruir\u00e1n al cerrar esta ventana o finalizar la sesi\u00f3n.<\/p>\n          \n          <button onclick=\"acceptDisclaimer()\" class=\"btn-cyber\" style=\"background:var(--c-verde); color:var(--c-azul); margin-bottom: 12px;\">ACEPTAR Y CONTINUAR \u2794<\/button>\n          <button onclick=\"fastTrackClient()\" class=\"btn-cyber\" style=\"background:transparent; border: 2px solid var(--c-azul); color:var(--c-azul); font-size:0.95rem;\">\u26a1 YA SOY CLIENTE (IR DIRECTO A MIS APPS)<\/button>\n      <\/div>\n  <\/div>\n\n  <div id=\"view-av-info\" class=\"view-section\">\n      <div class=\"av-info-box\">\n         <span class=\"av-info-icon\">\ud83d\udee1\ufe0f<\/span>\n         <h2 style=\"color:#444; margin-top:0;\">INFORMACI\u00d3N IMPORTANTE<\/h2>\n         <div class=\"av-badge\">Lectura recomendada<\/div>\n         <div class=\"av-text\">\n            <p><strong>Bloqueos de Seguridad:<\/strong> Windows y macOS suelen bloquear por defecto herramientas de desarrollo o no oficiales. Esto es un comportamiento normal (Falsos Positivos) y no implica malware activo.<\/p>\n            <p>En ocasiones ser\u00e1 necesario <strong>desactivar moment\u00e1neamente la protecci\u00f3n<\/strong> para completar la instalaci\u00f3n con \u00e9xito. Estamos aqu\u00ed para ayudarte a hacerlo de forma segura.<\/p>\n            <div class=\"vt-grid\">\n               <div class=\"vt-card vt-green\"><strong>\u2705 VirusTotal: Criterio Seguro<\/strong><br>De 0 a 3 alertas rojas es habitual en herramientas de este tipo. Se consideran falsos positivos seguros.<\/div>\n               <div class=\"vt-card vt-red\"><strong>\u26d4 Criterio de Riesgo<\/strong><br>Si ves m\u00e1s de 4-5 alertas rojas, <strong>NO instales ese archivo<\/strong>. Busca otra versi\u00f3n del mismo a\u00f1o.<\/div>\n            <\/div>\n         <\/div>\n         <button onclick=\"closeAVInfo()\" class=\"btn-cyber\" style=\"width:auto; padding: 12px 40px;\">ENTENDIDO, CONTINUAR<\/button>\n      <\/div>\n  <\/div>\n\n  <div id=\"view-os\" class=\"view-section\">\n    <div class=\"btn-back-floating\" onclick=\"changeView('view-os', 'view-av-info')\">\u21a9<\/div>\n    <h2 style=\"text-align:center; color:var(--c-azul);\">Selecciona tu Entorno<\/h2>\n    <div class=\"os-big-selector\">\n      <div class=\"os-card-btn\" onclick=\"selectOS('win')\"><span class=\"os-icon\">\ud83d\udcbb<\/span><span class=\"os-name\">WINDOWS<\/span><\/div>\n      <div class=\"os-card-btn\" onclick=\"selectOS('mac')\"><span class=\"os-icon\">\ud83c\udf4e<\/span><span class=\"os-name\">MACOS<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"view-select\" class=\"view-section\">\n    <div class=\"btn-back-floating\" onclick=\"changeView('view-select', 'view-os')\">\u21a9<\/div>\n    <h2 style=\"color:var(--c-azul); text-align:center;\">\ud83d\udcc2 Carga de M\u00f3dulos<\/h2>\n    <div class=\"disclaimer-box-small\"><strong>\u2139\ufe0f RECORDATORIO:<\/strong> Selecciona <strong>SOLO \/ \u00daNICAMENTE<\/strong> las gu\u00edas que has adquirido para activarlas. Seleccionar otras <strong>no cubre sesi\u00f3n privada<\/strong> con los ingenieros, ya que comprueban las gu\u00edas asociadas a cada usuario.<\/div>\n    <div class=\"grid-guias\" id=\"grid-container\"><\/div>\n    <div style=\"text-align:center;\">\n      <button onclick=\"loadDashboard()\" class=\"btn-cyber\" style=\"background:var(--c-verde); color:var(--c-azul);\">\ud83d\ude80 ACTIVAR GU\u00cdAS Y SESIONES<\/button>\n      <p id=\"select-error\" style=\"color:red; display:none; margin-top:10px;\">\u26a0\ufe0f Selecciona al menos una gu\u00eda.<\/p>\n    <\/div>\n  <\/div>\n\n  <div id=\"view-dashboard\" class=\"view-section\">\n    <div class=\"btn-back-floating\" onclick=\"changeView('view-dashboard', 'view-select')\">\u21a9<\/div>\n    <div style=\"display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:15px;\">\n        <button onclick=\"switchOS()\" style=\"margin-left: 50px; background:none; border:none; text-decoration:underline; cursor:pointer; color:#666; font-size:0.9rem;\">Cambiar Sistema OP<\/button>\n    <\/div>\n    <div style=\"text-align:center;\">\n        <div class=\"av-float-btn\" onclick=\"toggleAVHelp()\"><span>\ud83d\udee1\ufe0f<\/span> \u00bfBloqueos de Antivirus \/ Error de Instalaci\u00f3n?<\/div>\n    <\/div>\n    <div id=\"av-help-modal\">\n        <h4 class=\"av-help-title\">\u26a0\ufe0f C\u00f3mo desbloquear la instalaci\u00f3n<\/h4>\n        <p style=\"font-size:0.9rem; margin-bottom:15px;\">Si tu sistema elimina el archivo o no te deja abrirlo, sigue estos pasos seg\u00fan tu sistema:<\/p>\n        <div id=\"av-content-win\" style=\"display:none;\">\n            <div class=\"av-instruction-box\">\n                <strong>\ud83d\udda5\ufe0f WINDOWS DEFENDER \/ ANTIVIRUS:<\/strong><br><br>\n                1. Ve a <em>Seguridad de Windows &gt; Protecci\u00f3n contra virus y amenazas<\/em>.<br>\n                2. Entra en <em>Administrar configuraci\u00f3n<\/em>.<br>\n                3. Desactiva el interruptor <strong>\u00abProtecci\u00f3n en tiempo real\u00bb<\/strong>.<br>\n                4. Instala tu herramienta.<br>\n                5. Vuelve a activarlo al terminar.\n            <\/div>\n        <\/div>\n        <div id=\"av-content-mac\" style=\"display:none;\">\n            <div class=\"av-instruction-box\">\n                <strong>\ud83c\udf4e MACOS (Desarrollador no identificado):<\/strong><br><br>\n                1. Si sale error al abrir, ve a <em>Preferencias del Sistema &gt; Privacidad y Seguridad<\/em>.<br>\n                2. Busca el mensaje abajo que dice \u00abSe impidi\u00f3 el uso de&#8230;\u00bb y pulsa <strong>Abrir de todos modos<\/strong>.<br>\n                3. Confirma con tu contrase\u00f1a de Mac.\n            <\/div>\n        <\/div>\n        <div style=\"text-align:center; margin-top:15px;\">\n             <button onclick=\"toggleAVHelp()\" style=\"background:#ddd; border:none; padding:8px 20px; border-radius:20px; cursor:pointer;\">Cerrar Ayuda<\/button>\n        <\/div>\n    <\/div>\n\n    <h3 style=\"color:#444; margin-bottom:15px; text-transform:uppercase; border-bottom:1px solid #ddd; padding-bottom:5px; margin-top:20px;\">\n        M\u00f3dulos Desbloqueados (Solo Informaci\u00f3n):\n    <\/h3>\n    \n    <div id=\"modules-container\" class=\"active-modules-container\"><\/div>\n\n    <div style=\"margin-top:50px;\"><\/div>\n\n    <div id=\"steps-anchor\" class=\"steps-title-header\">\u26a1 PREPARA TU EQUIPO (OBLIGATORIO)<\/div>\n\n    <div id=\"blindaje-warning-block\">\n        <span style=\"font-size:3rem; display:block; margin-bottom:10px;\">\u26a0\ufe0f<\/span>\n        <h3 style=\"color:#d35400; text-transform:uppercase; margin-top:0;\">Recomendaci\u00f3n de Seguridad<\/h3>\n        <p style=\"font-size:1.1rem; line-height:1.5; color:#555;\">\n            Para instalar cualquier aplicaci\u00f3n de Internet sin errores, es <strong>MUY RECOMENDABLE<\/strong> realizar los pasos de Blindaje (Restauraci\u00f3n y Descompresor).\n        <\/p>\n        <p style=\"font-size:1rem; color:#777;\">Haz clic abajo para ver las herramientas y continuar.<\/p>\n        <button onclick=\"revealShieldingSteps()\" class=\"btn-cyber\" style=\"background:var(--c-alerta); color:#000;\">\ud83d\udc47 ENTENDIDO, MOSTRAR PASOS<\/button>\n    <\/div>\n\n    <div id=\"steps-global-wrapper\">\n        <div id=\"steps-win\" class=\"steps-roadmap-row\">\n          \n          <div class=\"step-module\" id=\"win-step1\" onclick=\"toggleStep('win-step1')\">\n            <div class=\"step-check-indicator\"><\/div><span class=\"step-icon\">\ud83d\ude91<\/span><div class=\"step-title\">1. Restauraci\u00f3n<\/div><div class=\"step-desc\">Tu salvavidas antes de empezar.<\/div>\n            <div class=\"step-content\">\n                <p style=\"margin-top:0; font-weight:bold;\">C\u00f3mo crearlo en 1 minuto:<\/p>\n                <p style=\"font-size:0.85rem; color:#666;\">Esto te permite \u00abvolver atr\u00e1s\u00bb en el tiempo si algo sale mal.<\/p>\n                <video controls=\"\" playsinline=\"\" webkit-playsinline=\"\" disablepictureinpicture=\"\" controlslist=\"nodownload nofullscreen\">\n                    <source src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2026\/01\/TUTO-TUTO-RIAL-.mp4\" type=\"video\/mp4\">\n                <\/video>\n            <\/div>\n          <\/div>\n\n          <div class=\"step-module\" id=\"win-step2\" onclick=\"toggleStep('win-step2')\">\n            <div class=\"step-check-indicator\"><\/div><span class=\"step-icon\">\ud83d\udce6<\/span><div class=\"step-title\">2. WinRAR<\/div><div class=\"step-desc\">Herramienta obligatoria.<\/div>\n            <div class=\"step-content\">\n                <p>El descompresor de Windows falla. Instala este.<\/p>\n                <p style=\"font-size:0.85rem; color:#666;\">Sin esto, te dar\u00e1 error de \u00abfichero da\u00f1ado\u00bb o \u00abcontrase\u00f1a incorrecta\u00bb.<\/p>\n                <div class=\"btn-action-dl\" onclick=\"window.open('https:\/\/www.win-rar.com\/download.html', '_blank'); event.stopPropagation();\">\u2b07\ufe0f DESCARGAR<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div id=\"steps-mac\" class=\"steps-roadmap-row\" style=\"display:none;\">\n          \n          <div class=\"step-module\" id=\"mac-step1\" onclick=\"toggleStep('mac-step1')\">\n            <div class=\"step-check-indicator\"><\/div><span class=\"step-icon\">\u23f1\ufe0f<\/span><div class=\"step-title\">1. Time Machine<\/div><div class=\"step-desc\">Copia de seguridad esencial.<\/div>\n            <div class=\"step-content\">\n                <p style=\"font-size:0.85rem; color:#666;\">Asegura tus datos de Mac antes de cambios importantes.<\/p>\n                <video controls=\"\" playsinline=\"\" webkit-playsinline=\"\" disablepictureinpicture=\"\" controlslist=\"nodownload nofullscreen\">\n                    <source src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2025\/12\/YTDown.com_YouTube_Como-hacer-una-copia-de-seguridad-en-el_Media_OcJnRoArYB0_001_1080p.mp4\" type=\"video\/mp4\">\n                <\/video>\n            <\/div>\n          <\/div>\n\n          <div class=\"step-module\" id=\"mac-step2\" onclick=\"toggleStep('mac-step2')\">\n            <div class=\"step-check-indicator\"><\/div><span class=\"step-icon\">\ud83d\udce6<\/span><div class=\"step-title\">2. The Unarchiver<\/div><div class=\"step-desc\">Obligatorio en Mac.<\/div>\n            <div class=\"step-content\">\n                <p>Evita errores al descomprimir RAR\/7z.<\/p>\n                <div class=\"btn-action-dl\" onclick=\"window.open('https:\/\/theunarchiver.com\/', '_blank'); event.stopPropagation();\">\u2b07\ufe0f DESCARGAR<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div id=\"final-confirmation-block\">\n            <h3 style=\"color:var(--c-azul);\">\u00bfHas revisado los pasos anteriores?<\/h3>\n            <p style=\"color:#555;\">Si ya tienes tu equipo listo, pulsa abajo para acceder al Chatbot y a la Agenda.<\/p>\n            <button onclick=\"confirmAndUnlockVIP()\" class=\"btn-cyber\" style=\"background:var(--c-verde); color:#000;\">\u2705 HE SIDO INFORMADO Y HE SEGUIDO LOS PASOS<\/button>\n        <\/div>\n    <\/div>\n\n    <div id=\"vip-section-wrapper\">\n        <div id=\"vip-overlay\">\n            <span class=\"overlay-lock-icon\">\ud83d\udd12<\/span>\n            <span class=\"overlay-text\">\ud83d\udca1 Completa la confirmaci\u00f3n de arriba para desbloquear<\/span>\n        <\/div>\n\n        <div class=\"vip-ghost-content\">\n          <div style=\"font-weight:900; color:var(--c-azul); margin-bottom:20px; font-size:1.3rem; text-transform:uppercase; text-align:center;\">\ud83c\udf89 SESI\u00d3N LISTA PARA INICIAR<\/div>\n          \n          <button type=\"button\" class=\"vip-btn btn-radar\" onclick=\"toggleInfo('radarBox')\">\ud83d\udce5 Descargar \/ Instalar mis apps \ud83d\ude80<\/button>\n          <div id=\"radarBox\" class=\"info-toggle-box\">\n              <h4 style=\"margin-top:0; color:var(--c-azul); border-bottom:2px solid var(--c-verde); padding-bottom:10px; display:inline-block;\">\ud83d\udce1 Analista de Reputaci\u00f3n<\/h4>\n              <p>Antes de instalar, valida con nuestro Chatbot experto si la fuente es segura.<\/p>\n              <div class=\"final-book-btn\" onclick=\"grantAccessAndGo('https:\/\/elinformatico.cat\/el-experto\/')\">\ud83d\udee1\ufe0f ENTRAR ZONA SEGURA DE DESCARGAS<\/div>\n          <\/div>\n\n          <button type=\"button\" class=\"vip-btn btn-salvavidas\" onclick=\"toggleInfo('salvavidasBox')\">\ud83c\udd98 Canjear cup\u00f3n para RESERVAR AGENDA PRIVADA \ud83c\udf9f\ufe0f<\/button>\n          <div id=\"salvavidasBox\" class=\"info-toggle-box\">\n              <h4 style=\"margin-top:0; color:var(--c-azul); border-bottom:2px solid var(--c-verde); padding-bottom:10px; display:inline-block;\">\ud83d\udee0\ufe0f Sesi\u00f3n Privada con Ingeniero<\/h4>\n              <p>Un experto se conectar\u00e1 para realizar la instalaci\u00f3n y puesta a punto de tu gu\u00eda seleccionada.<\/p>\n              <div class=\"final-book-btn\" onclick=\"grantAccessAndGo('https:\/\/elinformatico.cat\/agenda')\">\ud83d\udcc5 CANJEAR CITA PRIVADA<\/div>\n          <\/div>\n        <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ LISTA 1: ORIGINALES\n  const guias = [\n    { name: \"Office 2025\/26\", icon: \"\ud83d\udcdd\" }, { name: \"Photoshop\", icon: \"\ud83c\udfa8\" }, { name: \"Illustrator\", icon: \"\u2712\ufe0f\" }, \n    { name: \"InDesign\", icon: \"\ud83d\udcd6\" }, { name: \"Lightroom\", icon: \"\ud83d\udcf7\" }, { name: \"Premiere Pro\", icon: \"\ud83c\udfac\" },\n    { name: \"After Effects\", icon: \"\ud83d\udca5\" }, { name: \"Audition\", icon: \"\ud83c\udfa7\" }, { name: \"Media Encoder\", icon: \"\u2699\ufe0f\" },\n    { name: \"Acrobat Pro\", icon: \"\ud83d\udcc4\" }, { name: \"AutoCAD\", icon: \"\ud83d\udcd0\" }, { name: \"Revit\", icon: \"\ud83c\udfd7\ufe0f\" },\n    { name: \"Civil 3D\", icon: \"\ud83d\udee3\ufe0f\" }, { name: \"3ds Max\", icon: \"\ud83e\uddca\" }, { name: \"SketchUp\", icon: \"\ud83c\udfe0\" },\n    { name: \"CorelDRAW\", icon: \"\u270f\ufe0f\" }, { name: \"Final Cut Pro\", icon: \"\ud83c\udf9e\ufe0f\" }, { name: \"Capture One\", icon: \"\ud83d\udcf8\" }\n  ];\n\n  \/\/ LISTA 2: NUEVOS\n  const guiasExtra = [\n    { name: \"ABBYY FineReader PDF 2026\", icon: \"\ud83d\udc41\ufe0f\" },\n    { name: \"Affinity Designer 2026\", icon: \"\u2712\ufe0f\" },\n    { name: \"Affinity Photo 2026\", icon: \"\ud83d\uddbc\ufe0f\" },\n    { name: \"Affinity Publisher 2026\", icon: \"\ud83d\udcf0\" },\n    { name: \"Archicad 2026\", icon: \"\ud83c\udfdb\ufe0f\" },\n    { name: \"Camtasia Studio 2026\", icon: \"\ud83d\udcf9\" },\n    { name: \"Chaos V-Ray 2026\", icon: \"\ud83d\udca1\" },\n    { name: \"Cinema 4D 2026\", icon: \"\ud83e\uddca\" },\n    { name: \"CleanMyMac X 5.2.10 2026\", icon: \"\ud83e\uddf9\" },\n    { name: \"CorelDRAW Graphics Suite 2026\", icon: \"\u270f\ufe0f\" },\n    { name: \"CyberLink PowerDirector 2026\", icon: \"\ud83c\udfac\" },\n    { name: \"D5 Render 2026\", icon: \"\ud83c\udf07\" },\n    { name: \"DaVinci Resolve Studio 2026\", icon: \"\ud83c\udf9e\ufe0f\" },\n    { name: \"DxO PhotoLab 2026\", icon: \"\ud83d\udcf8\" },\n    { name: \"Enscape 2026\", icon: \"\ud83d\udd76\ufe0f\" },\n    { name: \"Foxit PDF Editor 2026\", icon: \"\ud83e\udd8a\" },\n    { name: \"Logic Pro 2026\", icon: \"\ud83c\udfb5\" },\n    { name: \"Luminar Neo 2026\", icon: \"\u2728\" },\n    { name: \"Lumion Pro 2026\", icon: \"\ud83c\udf33\" },\n    { name: \"MAGIX Vegas Pro 2026\", icon: \"\ud83d\udcfc\" },\n    { name: \"Movavi Video Suite 2026\", icon: \"\u2702\ufe0f\" },\n    { name: \"Nitro Pro (PDF) 2026\", icon: \"\ud83d\udcd1\" },\n    { name: \"PaintShop Pro 2023\", icon: \"\ud83d\udd8c\ufe0f\" },\n    { name: \"Pixelmator Pro 2026\", icon: \"\ud83e\ude84\" },\n    { name: \"Rhinoceros (Rhino 3D) 2026\", icon: \"\ud83e\udd8f\" },\n    { name: \"ScreenFlow 2026\", icon: \"\ud83c\udfa5\" },\n    { name: \"SolidWorks 2026\", icon: \"\u2699\ufe0f\" },\n    { name: \"Topaz Photo AI 2026\", icon: \"\ud83d\udc8e\" },\n    { name: \"Vectorworks 2026\", icon: \"\ud83d\udcd0\" },\n    { name: \"Wondershare Filmora 2026\", icon: \"\ud83e\udd84\" }\n  ];\n\n  let currentOS = 'win';\n  let isProtectionActive = false;\n  let isVeteran = false; \n\n  const gridContainer = document.getElementById('grid-container');\n\n  function renderGuias(lista) {\n      lista.forEach((guia) => {\n        const div = document.createElement('div');\n        div.className = 'check-card';\n        div.innerHTML = `<span class=\"icon-soft\">${guia.icon}<\/span><div class=\"name-soft\">${guia.name}<\/div>`;\n        div.onclick = function() { this.classList.toggle('selected'); };\n        div.dataset.name = guia.name;\n        gridContainer.appendChild(div);\n      });\n  }\n\n  renderGuias(guias);\n\n  const loadMoreBtn = document.createElement('div');\n  loadMoreBtn.className = 'check-card';\n  loadMoreBtn.style.background = '#f0f4ff';\n  loadMoreBtn.style.border = '2px dashed var(--c-azul)';\n  loadMoreBtn.innerHTML = `<span class=\"icon-soft\">\u2795<\/span><div class=\"name-soft\" style=\"color:var(--c-azul);\">VER OTRAS GU\u00cdAS (NUEVAS)<\/div>`;\n  loadMoreBtn.onclick = function() {\n      this.remove();\n      renderGuias(guiasExtra); \n  };\n  gridContainer.appendChild(loadMoreBtn);\n\n  function changeView(from, to) {\n    document.getElementById(from).classList.remove('view-active');\n    document.getElementById(to).classList.add('view-active');\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n\n  function checkLogin() {\n    const pass = document.getElementById('pass-input').value;\n    if(pass === \"elinformaticoHelp\" || pass === \"ElinformaticoHelp\") {\n      document.querySelector('.cyber-container').classList.remove('neon-mode');\n      isProtectionActive = true; \n      changeView('view-login', 'view-disclaimer'); \n    } else {\n      const err = document.getElementById('login-error');\n      err.style.display = 'block';\n      err.parentElement.style.animation = \"shake 0.5s\";\n      setTimeout(() => err.parentElement.style.animation = \"\", 500);\n    }\n  }\n\n  \/\/ \u26a1 V\u00cdA R\u00c1PIDA + MEMORIA LOCAL\n  function fastTrackClient() {\n      isVeteran = true;\n      const savedApps = JSON.parse(localStorage.getItem('saved_cyber_apps'));\n      const savedOS = localStorage.getItem('saved_cyber_os');\n\n      if (savedApps && savedApps.length > 0 && savedOS) {\n          \/\/ Si hay memoria: autocompletar todo y saltar al panel final\n          currentOS = savedOS;\n          \n          \/\/ Renderiza la lista extra si hace falta\n          if (document.querySelector('.check-card[data-name=\"'+savedApps[0]+'\"]') === null) {\n              if (loadMoreBtn.parentNode) loadMoreBtn.remove();\n              renderGuias(guiasExtra);\n          }\n\n          document.querySelectorAll('.check-card').forEach(c => c.classList.remove('selected'));\n          savedApps.forEach(appName => {\n              const card = document.querySelector(`.check-card[data-name=\"${appName}\"]`);\n              if (card) card.classList.add('selected');\n          });\n          \n          loadDashboard(); \/\/ Viaje directo al panel desbloqueado\n      } else {\n          \/\/ Si es un PC nuevo y no hay memoria: elegir OS y Apps manualmente\n          changeView('view-disclaimer', 'view-os');\n      }\n  }\n\n  function acceptDisclaimer() { changeView('view-disclaimer', 'view-av-info'); }\n  function closeAVInfo() { changeView('view-av-info', 'view-os'); }\n  function selectOS(os) { currentOS = os; changeView('view-os', 'view-select'); }\n\n  function loadDashboard() {\n    const selected = document.querySelectorAll('.check-card.selected');\n    if(selected.length === 0) { document.getElementById('select-error').style.display = 'block'; return; }\n    document.getElementById('select-error').style.display = 'none';\n    \n    \/\/ \ud83d\udcbe GUARDAR EN MEMORIA PARA LA PR\u00d3XIMA VEZ\n    const appNames = Array.from(selected).map(c => c.dataset.name);\n    localStorage.setItem('saved_cyber_apps', JSON.stringify(appNames));\n    localStorage.setItem('saved_cyber_os', currentOS);\n\n    const container = document.getElementById('modules-container');\n    container.innerHTML = \"\";\n    \n    selected.forEach(card => {\n      container.innerHTML += `\n        <div class=\"module-card\" onclick=\"forceScrollToSteps()\">\n          <div class=\"module-text\" style=\"width:100%;\">\n            <h3 style=\"color:var(--c-azul); margin-bottom:5px;\">${card.dataset.name}<\/h3>\n            <div class=\"module-info-box\">\n                <strong>HAS COMPRADO ESTE SOFTWARE\/GU\u00cdA:<\/strong><br>\n                Ahora, para <strong>DESBLOQUEAR<\/strong> la instalaci\u00f3n y la agenda con el t\u00e9cnico, es <strong>OBLIGATORIO<\/strong> hacer los <strong>Pasos de abajo \ud83d\udc47<\/strong>\n            <\/div>\n            <span style=\"font-size:0.8rem; color:#d63031; font-weight:bold; display:block; margin-top:5px;\">\u26d4 No hagas clic aqu\u00ed, baja al PASO 1 \u2b07\ufe0f<\/span>\n          <\/div>\n          <div class=\"session-badge-tech\" style=\"min-width:110px;\">\ud83d\udc68\u200d\ud83d\udcbb SOPORTE INCLUIDO<\/div>\n        <\/div>`;\n    });\n    \n    updateDashboardOS();\n    changeView('view-select', 'view-dashboard');\n\n    \/\/ Desbloqueo instant\u00e1neo si entr\u00f3 por la V\u00eda R\u00e1pida\n    if (isVeteran) {\n        document.getElementById('blindaje-warning-block').style.display = 'none';\n        document.getElementById('steps-global-wrapper').style.display = 'none';\n        document.getElementById('steps-anchor').style.display = 'none';\n        confirmAndUnlockVIP();\n    }\n  }\n\n  function forceScrollToSteps() {\n      if (isVeteran) return; \n\n      const stepsDiv = document.getElementById('steps-anchor'); \n      if(stepsDiv) {\n          stepsDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });\n          const activeSteps = (currentOS === 'win') ? document.getElementById('steps-win') : document.getElementById('steps-mac');\n          activeSteps.classList.add('highlight-steps-anim');\n          setTimeout(() => activeSteps.classList.remove('highlight-steps-anim'), 1000);\n      }\n  }\n\n  function updateDashboardOS() {\n    const isWin = currentOS === 'win';\n    document.getElementById('blindaje-warning-block').style.display = 'block';\n    document.getElementById('steps-global-wrapper').style.display = 'none';\n    \n    document.getElementById('steps-win').style.display = isWin ? 'grid' : 'none'; \n    document.getElementById('steps-mac').style.display = isWin ? 'none' : 'grid'; \n    document.getElementById('av-content-win').style.display = isWin ? 'block' : 'none';\n    document.getElementById('av-content-mac').style.display = isWin ? 'none' : 'block';\n    \n    document.getElementById('vip-section-wrapper').classList.remove('unlocked');\n  }\n\n  function revealShieldingSteps() {\n      document.getElementById('blindaje-warning-block').style.display = 'none';\n      const wrapper = document.getElementById('steps-global-wrapper');\n      wrapper.style.display = 'block';\n      document.getElementById('final-confirmation-block').style.display = 'block';\n  }\n\n  function confirmAndUnlockVIP() {\n      const vipWrapper = document.getElementById('vip-section-wrapper');\n      vipWrapper.classList.add('unlocked');\n      vipWrapper.scrollIntoView({ behavior: 'smooth', block: 'center' });\n  }\n\n  function switchOS() { currentOS = (currentOS === 'win') ? 'mac' : 'win'; updateDashboardOS(); }\n  \n  function toggleAVHelp() {\n      const modal = document.getElementById('av-help-modal');\n      const isVisible = modal.style.display === 'block';\n      modal.style.display = isVisible ? 'none' : 'block';\n  }\n\n  function toggleStep(id) {\n    const box = document.getElementById(id);\n    const content = box.querySelector('.step-content');\n    const isHidden = content.style.display === 'none' || content.style.display === '';\n    content.style.display = isHidden ? 'block' : 'none';\n\n    if (!box.classList.contains('completed')) {\n        box.classList.add('completed');\n    }\n  }\n\n  function toggleInfo(id) {\n    if(!document.getElementById('vip-section-wrapper').classList.contains('unlocked')) return;\n    const box = document.getElementById(id);\n    box.style.display = (box.style.display === 'block') ? 'none' : 'block';\n  }\n\n  function grantAccessAndGo(url) {\n      localStorage.setItem('cyber_vip_access', 'true');\n      window.open(url, '_blank');\n  }\n\n  document.getElementById('pass-input').addEventListener('keypress', function (e) { if (e.key === 'Enter') checkLogin(); });\n\n  const style = document.createElement('style');\n  style.innerHTML = `@keyframes shake { 0% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } 100% { transform: translateX(0); } }`;\n  document.head.appendChild(style);\n\n  \/\/ NUEVO: Funci\u00f3n para comprobar contrase\u00f1a de Canva\n  function checkCanva() {\n    const pass = document.getElementById('pass-canva').value;\n    if(pass === \"elinformaticoHelp\" || pass === \"ElinformaticoHelp\") {\n      document.getElementById('canva-lock-zone').style.display = 'none';\n      document.getElementById('canva-unlocked-zone').style.display = 'block';\n    } else {\n      const err = document.getElementById('canva-error');\n      err.style.display = 'block';\n      setTimeout(() => err.style.display = \"none\", 2000);\n    }\n  }\n\n  window.onbeforeunload = function(e) {\n      if (!isProtectionActive) return;\n      var msg = \"\u26a0\ufe0f \u00a1CUIDADO! Si recargas pierdes la sesi\u00f3n y el progreso.\";\n      e = e || window.event;\n      if(e) e.returnValue = msg;\n      return msg;\n  };\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\" data-block-type=\"core\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>INICIAR BLINDAJE &#8211; DESCARGAS &#8211; AGENDA ONLINE Plataforma de DESCARGAS de Recursos y Agenda Online CanvaAdobeYouTubeAudibleAutodesk \ud83d\udc51 P\u00c1GINA DE BLINDAJE DESCUENTO 5\u20ac EN CANVA POR SER CLIENTE Pon la CONTRASE\u00d1A MAESTRA \ud83d\udd11 para desbloquear el descuento para 6 meses Canva. \ud83d\udc49 DESBLOQUEAR \u26d4 Contrase\u00f1a Incorrecta \u00a1C\u00d3DIGO ACEPTADO! \ud83d\uded2 COMPRAR CANVA POR 20\u20ac EN VEZ DE [&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-8362","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\/8362","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=8362"}],"version-history":[{"count":7,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/8362\/revisions"}],"predecessor-version":[{"id":9742,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/8362\/revisions\/9742"}],"wp:attachment":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/media?parent=8362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}