{"id":9134,"date":"2026-01-18T03:27:52","date_gmt":"2026-01-18T03:27:52","guid":{"rendered":"https:\/\/mediumblue-vulture-959980.hostingersite.com\/?page_id=9134"},"modified":"2026-05-17T23:44:07","modified_gmt":"2026-05-17T23:44:07","slug":"acceso-exclusivo","status":"publish","type":"page","link":"https:\/\/elinformatico.cat\/ca\/acceso-exclusivo\/","title":{"rendered":"Recursos para clientes"},"content":{"rendered":"<style>\n    \/* --- PALETA CORPORATIVA --- *\/\n    :root {\n        --c-azul: #00069F;\n        --c-verde: #B8EF02;\n        --c-blanco: #FFFBF1;\n        --c-negro: #050510;\n        --font-tech: 'Segoe UI', system-ui, -apple-system, sans-serif;\n    }\n\n    \/* CONTENEDOR PRINCIPAL *\/\n    .vip-system-wrapper {\n        font-family: var(--font-tech);\n        background-color: #f0f2f5;\n        border-radius: 20px;\n        position: relative;\n        overflow: hidden; \n        border: 2px solid #e0e0e0;\n        max-width: 1200px;\n        margin: 0 auto;\n        height: 650px; \n        transition: height 0.8s ease-in-out;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    }\n\n    .vip-system-wrapper.system-unlocked {\n        height: auto !important;\n        overflow: visible;\n    }\n\n    \/* --- CAPA DE BLOQUEO --- *\/\n    .lock-gate {\n        position: absolute; \n        inset: 0;\n        background: rgba(0, 6, 159, 0.15); \n        backdrop-filter: blur(4px); \n        -webkit-backdrop-filter: blur(4px);\n        z-index: 100;\n        display: flex; \n        flex-direction: column;\n        align-items: center; \n        justify-content: flex-start; \n        padding-top: 40px; \n        transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .lock-panel {\n        background: #ffffff; \n        padding: 35px; \n        border-radius: 16px;\n        box-shadow: 0 30px 60px rgba(0, 6, 159, 0.4); \n        text-align: center;\n        max-width: 450px; \n        width: 90%; \n        border-top: 6px solid var(--c-azul);\n        position: relative;\n    }\n\n    .vip-status-badge {\n        background: var(--c-verde); color: var(--c-azul);\n        padding: 6px 15px; border-radius: 4px; font-weight: 900;\n        font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px;\n        display: inline-block; margin-bottom: 15px;\n    }\n\n    .lock-title { \n        color: #111; margin: 0 0 10px 0; \n        font-weight: 900; font-size: 2rem; line-height: 1.1; \n        text-transform: uppercase;\n    }\n\n    .lock-desc { \n        color: #555; font-size: 1rem; margin: 0 auto 20px auto; \n        line-height: 1.5; font-weight: 500;\n    }\n\n    .pass-label {\n        display: block; font-size: 0.8rem; color: #cc0000; font-weight: 800;\n        margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px;\n    }\n\n    .input-group { margin-bottom: 15px; }\n    \n    .lock-input {\n        width: 100%; \n        background: #f8f9fa; \n        border: 2px solid #ccc; \n        padding: 16px; border-radius: 8px; font-size: 1.2rem;\n        text-align: center; font-weight: 800; color: #000;\n        outline: none; transition: 0.3s; box-sizing: border-box;\n    }\n    .lock-input:focus { border-color: var(--c-azul); background: #fff; box-shadow: 0 0 0 4px rgba(0,6,159,0.1); }\n\n    .lock-btn {\n        width: 100%; background: var(--c-azul); \n        color: #fff; font-weight: 900; text-transform: uppercase; padding: 16px;\n        border: none; border-radius: 50px; font-size: 1.1rem;\n        cursor: pointer; transition: 0.2s; \n        box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n    }\n    .lock-btn:hover { background: #00046b; transform: translateY(-2px); }\n\n    .btn-preview {\n        background: transparent; \n        border: 2px solid #ddd; \n        color: #666; \n        font-weight: 800; text-transform: uppercase; padding: 10px 20px;\n        border-radius: 50px; font-size: 0.85rem;\n        cursor: pointer; transition: 0.3s;\n        margin-top: 15px;\n        display: inline-flex; align-items: center; gap: 8px;\n    }\n    .btn-preview:hover { border-color: var(--c-azul); color: var(--c-azul); background: #f0f4ff; }\n\n    .help-actions {\n        margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px;\n        display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;\n    }\n    .help-link {\n        font-size: 0.85rem; color: #666; text-decoration: none; font-weight: 600;\n        display: flex; align-items: center; gap: 5px;\n        padding: 8px 12px; border-radius: 6px; background: #f9f9f9;\n    }\n    .help-link:hover { background: #eee; color: #333; }\n    .help-whatsapp { color: #25D366; background: #eafff0; }\n    .help-whatsapp:hover { background: #d4ffde; }\n\n    .error-toast {\n        color: #fff; background: #ef4444; font-weight: 700; font-size: 0.9rem;\n        margin-top: 15px; display: none; padding: 10px; border-radius: 8px;\n    }\n\n    .system-unlocked .lock-gate { \n        opacity: 0; pointer-events: none; transform: translateY(-100px); \n    }\n\n    \/* HEADER *\/\n    .vip-header { text-align: center; padding: 20px 20px 10px 20px; position: relative; z-index: 1; }\n    .vip-tag-top { \n        background: var(--c-azul); color: #fff; \n        padding: 4px 12px; border-radius: 4px; font-weight: 800; \n        font-size: 0.75rem; display: inline-block; margin-bottom: 5px;\n    }\n    .vip-main-title { color: #222; font-size: 1.8rem; font-weight: 900; margin: 0; }\n\n    \/* GRID Y EFECTOS *\/\n    .vip-content-grid {\n        display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 20px; padding: 0 20px 40px 20px;\n        pointer-events: none; \n        opacity: 0.5; \n        filter: blur(3px); \n        transition: all 0.8s ease;\n    }\n\n    .system-unlocked .vip-content-grid {\n        opacity: 1; filter: blur(0); pointer-events: auto;\n    }\n\n    \/* TARJETAS *\/\n    .v-item {\n        background: #fff; border-radius: 12px; padding: 20px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.05); border: 1px solid #eee;\n        display: flex; flex-direction: column; position: relative; overflow: hidden;\n        transition: transform 0.3s ease;\n    }\n    .v-item:hover { transform: translateY(-5px); }\n    \n    .v-badge {\n        position: absolute; top: 0; right: 0;\n        padding: 5px 10px; font-size: 0.7rem; font-weight: 900;\n        text-transform: uppercase; border-bottom-left-radius: 10px; color: #fff;\n    }\n    .brand-spotify .v-badge { background: #1DB954; }\n    .brand-adobe .v-badge { background: #FF0000; }\n    .brand-autodesk .v-badge { background: #0696D7; }\n    .brand-canva .v-badge { background: #00C4CC; }\n    .brand-hbo .v-badge { background: #9900FF; }\n    .type-free .v-badge { background: #00c853; }\n    .type-tool .v-badge { background: #ff9900; }\n    .type-vip .v-badge { background: var(--c-azul); }\n\n    \/* ICONOS 3D POR CSS *\/\n    .v-icon-3d { \n        font-size: 4.5rem; \n        margin: 0 auto 15px auto; \n        display: block; \n        text-align: center;\n        line-height: 1;\n        filter: drop-shadow(0px 10px 8px rgba(0,0,0,0.2));\n        transform: translateZ(0);\n        transition: transform 0.3s ease;\n    }\n    .v-item:hover .v-icon-3d {\n        transform: scale(1.1) translateY(-5px);\n    }\n\n    .v-title { color: #222; font-weight: 800; font-size: 1.15rem; margin: 0 0 5px 0; text-align: center; }\n    .v-desc { color: #666; font-size: 0.9rem; line-height: 1.4; margin-bottom: 15px; flex-grow: 1; text-align: center; }\n    .v-price { font-weight: bold; color: var(--c-azul); font-size: 1.1rem; margin-bottom: 15px; display: block; text-align: center; }\n\n    .v-btn {\n        display: block; width: 100%; text-align: center;\n        padding: 12px; border-radius: 8px; text-decoration: none !important; \n        font-weight: 800; font-size: 0.9rem; text-transform: uppercase;\n        transition: all 0.2s ease;\n        border: none;\n        cursor: pointer;\n    }\n    .btn-download { background: #333; color: #fff !important; }\n    .btn-vip { background: var(--c-verde); color: var(--c-azul) !important; }\n    .btn-spotify { background: #1DB954; color: #fff !important; }\n    .btn-canva { background: #00C4CC; color: #fff !important; }\n    .btn-autodesk { background: #0696D7; color: #fff !important; }\n    .btn-hbo { background: #9900FF; color: #fff !important; }\n    .btn-adobe { background: #FF0000; color: #ffffff !important; } \n    .btn-info { background: #e2e8f0; color: #333 !important; margin-bottom: 15px; }\n\n    .v-btn:hover { opacity: 0.9; transform: scale(1.02); }\n\n    \/* --- ESTILOS PARA DESTACAR VIP PLUS --- *\/\n    .type-vip.v-item {\n        grid-column: 1 \/ -1; \n        background: linear-gradient(180deg, #fff 0%, #f0ffe0 100%); \n        border: 4px solid var(--c-verde); \n        animation: vipPulse 2s infinite; \n    }\n\n    @keyframes vipPulse {\n        0% { box-shadow: 0 5px 20px rgba(184, 239, 2, 0.2); }\n        50% { box-shadow: 0 5px 30px rgba(184, 239, 2, 0.5); }\n        100% { box-shadow: 0 5px 20px rgba(184, 239, 2, 0.2); }\n    }\n\n    .vip-descuento-main {\n        background: var(--c-verde); color: var(--c-azul);\n        font-weight: 900; font-size: 2.5rem; text-transform: uppercase;\n        padding: 10px 20px; border-radius: 8px; margin-bottom: 15px;\n        display: inline-block; line-height: 1; text-align: center;\n    }\n\n    \/* --- TABLA EXPANDIDA VIP --- *\/\n    .vip-details-container {\n        display: none;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n        margin-top: 15px;\n        margin-bottom: 15px;\n        border-top: 2px dashed rgba(0,0,0,0.1);\n        padding-top: 25px;\n        animation: fadeInDown 0.4s ease forwards;\n    }\n    .vip-details-container.active { display: grid; }\n    \n    @media (max-width: 768px) {\n        .vip-details-container { grid-template-columns: 1fr; }\n    }\n\n    .plan-card {\n        border-radius: 16px; padding: 25px; position: relative;\n        display: flex; flex-direction: column;\n        transition: transform 0.3s ease;\n    }\n    \n    \/* Plan Avanzado (Claro) *\/\n    .plan-basic { \n        background: #fff; \n        border: 2px solid #e0e6ed; \n        box-shadow: 0 10px 25px rgba(0,0,0,0.05); \n    }\n    \/* Plan VIP Plus (Oscuro\/Premium) *\/\n    .plan-premium { \n        background: linear-gradient(145deg, #151515, #000000); \n        border: 2px solid #FFD700; \n        box-shadow: 0 15px 35px rgba(0,0,0,0.3); \n    }\n    \n    .plan-badge { \n        position: absolute; top: -14px; left: 50%; transform: translateX(-50%); \n        padding: 6px 16px; border-radius: 20px; font-weight: 900; font-size: 0.8rem; \n        color: #fff; white-space: nowrap; box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n    }\n    .plan-badge.blue { background: #3b82f6; }\n    .plan-badge.orange { background: #ffb703; color: #000; }\n    \n    .plan-title { text-align: center; font-size: 1.6rem; font-weight: 900; margin: 15px 0 5px 0; text-transform: uppercase; }\n    .plan-title.blue { color: #1d4ed8; }\n    .plan-title.gold { color: #FFD700; }\n    \n    .plan-price { text-align: center; font-size: 3rem; font-weight: 900; margin-bottom: 20px; line-height: 1; }\n    .plan-price span { font-size: 1.2rem; font-weight: 600; }\n    .plan-price.white { color: #fff; }\n    .plan-price span.gray { color: #888; }\n    \n    .plan-promo { text-align: center; font-weight: 800; padding: 12px; border-radius: 8px; margin-bottom: 20px; font-size: 0.95rem; }\n    .plan-promo.light { background: #fef3c7; color: #d97706; }\n    .plan-promo.dark { background: #292524; color: #fbbf24; border: 1px solid #444; }\n    \n    .plan-highlight { background: #f59e0b; color: #000; font-weight: 900; padding: 12px; border-radius: 8px; text-align: center; font-size: 0.9rem; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3); }\n    \n    .plan-features { list-style: none; padding: 0; margin: 0; flex-grow: 1; }\n    .plan-features li { padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,0.06); font-size: 0.95rem; font-weight: 600; display: flex; gap: 10px; align-items: flex-start; }\n    .plan-features.white-text li { color: #e5e7eb; border-bottom: 1px solid rgba(255,255,255,0.1); }\n    .plan-features.dark-text li { color: #374151; }\n    \n    .plan-features li:last-child { border-bottom: none; }\n    .plan-features li.highlight-row { background: #eff6ff; color: #1e3a8a; padding: 10px; border-radius: 8px; border: none; margin: 5px 0; }\n    \n    @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-15px); } 100% { opacity: 1; transform: translateY(0); } }\n\n    \/* --- ESTILOS DEL POPUP MUESTRA --- *\/\n    .vip-modal-overlay {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(0, 0, 0, 0.85);\n        z-index: 99999;\n        display: none;\n        align-items: center; justify-content: center;\n        backdrop-filter: blur(5px);\n        padding: 10px;\n    }\n    \n    .vip-modal-overlay.active { display: flex; animation: fadeIn 0.3s ease; }\n\n    .vip-modal-box {\n        background: #f0f2f5; \n        width: 100%; max-width: 600px;\n        border-radius: 15px; \n        padding: 20px;\n        position: relative;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n        border: 4px solid var(--c-verde);\n        max-height: 85vh; \n        overflow-y: auto; \n        display: flex; flex-direction: column;\n    }\n\n    .close-modal {\n        position: absolute; top: 10px; right: 15px;\n        background: #fff;\n        width: 35px; height: 35px; border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        font-size: 1.8rem; font-weight: bold; color: #333;\n        cursor: pointer; line-height: 1;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n        z-index: 10;\n    }\n    .close-modal:hover { color: red; transform: scale(1.1); }\n\n    .modal-title {\n        color: var(--c-azul); text-transform: uppercase; margin-top: 15px;\n        text-align: center; font-size: 1.5rem; border-bottom: 2px solid #ccc;\n        padding-bottom: 15px; margin-bottom: 20px;\n    }\n\n    .modal-teaser-wrapper {\n        position: relative;\n        max-height: 400px;\n        overflow: hidden;\n    }\n    .modal-teaser-wrapper::after {\n        content: '';\n        position: absolute; bottom: 0; left: 0; width: 100%;\n        height: 120px;\n        background: linear-gradient(to bottom, rgba(240,242,245,0) 0%, rgba(240,242,245,1) 90%);\n        display: flex; align-items: flex-end; justify-content: center;\n        padding-bottom: 20px;\n        font-weight: 700; color: var(--c-azul); font-size: 0.9rem;\n        content: \"\ud83d\udd12 Y mucho m\u00e1s... Desbloquea para ver todo.\";\n        pointer-events: none;\n    }\n\n    .modal-grid {\n        display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n        gap: 15px;\n        padding-bottom: 50px;\n    }\n\n    @keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\n\n    @media (max-width: 768px) {\n        .vip-system-wrapper { height: 750px; }\n        .help-actions { flex-direction: column; }\n        .vip-modal-box { padding: 15px; max-height: 80vh; }\n        .modal-teaser-wrapper { max-height: 350px; }\n    }\n<\/style>\n\n<div class=\"vip-system-wrapper\" id=\"vipSystem\">\n    \n    <div class=\"vip-header\">\n        <span class=\"vip-tag-top\">ZONA PRIVADA<\/span>\n        <h2 class=\"vip-main-title\">B\u00d3VEDA DEL INFORM\u00c1TICO<\/h2>\n    <\/div>\n\n    <div class=\"lock-gate\" id=\"lockGate\">\n        <div class=\"lock-panel\">\n            <span class=\"vip-status-badge\">\ud83d\udd12 ZONA EXCLUSIVA<\/span>\n            <h3 class=\"lock-title\">ACCESO CLIENTES<\/h3>\n            <p class=\"lock-desc\">\n                Contenido reservado para usuarios que han realizado \n                <strong>al menos una compra<\/strong> en la tienda.\n            <\/p>\n            <span class=\"pass-label\">\u26a0\ufe0f Introduce la CONTRASE\u00d1A MAESTRA:<\/span>\n            \n            <div class=\"input-group\">\n                <input type=\"text\" id=\"vipPass\" class=\"lock-input\" placeholder=\"Tu Clave VIP...\" autocomplete=\"off\">\n            <\/div>\n            \n            <button onclick=\"unlockSystem()\" class=\"lock-btn\">\n                <span>\ud83d\udd13 DESBLOQUEAR AHORA<\/span>\n            <\/button>\n            <div id=\"vipError\" class=\"error-toast\">\u26d4 CONTRASE\u00d1A INCORRECTA<\/div>\n\n            <button onclick=\"openModal()\" class=\"btn-preview\">\n                \ud83d\udc41\ufe0f Ver ejemplos del contenido\n            <\/button>\n\n            <div class=\"help-actions\">\n                <a href=\"#\" class=\"help-link\" style=\"cursor: default;\">\n                    \u2139\ufe0f Clave en: Mi Cuenta > Descargas\n                <\/a>\n                <a href=\"https:\/\/wa.me\/34630264609?text=Hola,%20soy%20cliente%20y%20no%20encuentro%20la%20clave%20MAESTRA.\" target=\"_blank\" class=\"help-link help-whatsapp\">\n                    \ud83d\udfe2 Pedir Clave por WhatsApp\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"vip-content-grid\">\n        <div class=\"v-item brand-canva\">\n            <div class=\"v-badge\">NUEVO<\/div> \n            <span class=\"v-icon-3d\">\u2728<\/span>\n            <h3 class=\"v-title\">Canva Premium<\/h3> <p class=\"v-desc\">6 Meses Oficial Premium.<\/p>\n            <div class=\"v-price\"><span class=\"vp-old\" style=\"text-decoration:line-through; color:#999; font-size:0.9rem; margin-right:5px;\">35\u20ac<\/span> 20\u20ac<\/div>\n            <a href=\"https:\/\/elinformatico.cat\/ca\/producte\/canva-premium-solo-clientes\/\" target=\"_blank\" class=\"v-btn btn-canva\">\ud83d\uded2 CONSEGUIR<\/a>\n        <\/div>\n\n        <div class=\"v-item type-free\">\n            <div class=\"v-badge\">GU\u00cdA GRATIS<\/div> \n            <span class=\"v-icon-3d\">\u2601\ufe0f<\/span>\n            <h3 class=\"v-title\">Nube Gratis<\/h3> <p class=\"v-desc\">Manual: Almacenamiento masivo seguro sin pagar.<\/p>\n            <a href=\"https:\/\/elinformatico.cat\/ca\/almacenamiento-en-la-nube-gratis\/\" target=\"_blank\" class=\"v-btn btn-download\">\ud83d\udcd6 LEER GU\u00cdA<\/a>\n        <\/div>\n\n        <div class=\"v-item type-free\">\n            <div class=\"v-badge\">GRATIS<\/div> \n            <span class=\"v-icon-3d\">\ud83d\udcda<\/span>\n            <h3 class=\"v-title\">Pack Audiolibros Gratis<\/h3> <p class=\"v-desc\">Colecci\u00f3n \u00abBest Sellers\u00bb. Incluye: El Marciano, Proyecto Hail Mary y Stephen King.<\/p>\n            <a href=\"https:\/\/drive.google.com\/drive\/folders\/18TLz2aLagE2ciNbh5oko-XhlVq3rteb_?usp=drive_link\" target=\"_blank\" class=\"v-btn btn-download\">\u2b07\ufe0f DESCARGAR<\/a>\n        <\/div>\n\n        <div class=\"v-item type-tool\">\n            <div class=\"v-badge\">UTILIDAD free<\/div> \n            <span class=\"v-icon-3d\">\ud83d\udee1\ufe0f<\/span>\n            <h3 class=\"v-title\">YouTube SIN ANUNCIOS<\/h3> <p class=\"v-desc\">Tutorial bloqueo de publicidad + oferta VPN.<\/p>\n            <a href=\"https:\/\/elinformatico.cat\/ca\/truco-youtube-sin-anuncios-gratis\/\" target=\"_blank\" class=\"v-btn btn-download\">\ud83d\udc41\ufe0f VER TRUCO<\/a>\n        <\/div>\n\n        <div class=\"v-item brand-autodesk\">\n            <div class=\"v-badge\">OFERTAZO<\/div> \n            <span class=\"v-icon-3d\">\ud83c\udfd7\ufe0f<\/span>\n            <h3 class=\"v-title\">Autodesk All Apps<\/h3> <p class=\"v-desc\">1 A\u00f1o Oficial CON TU CORREO.<\/p>\n            <div class=\"v-price\"><span class=\"vp-old\" style=\"text-decoration:line-through; color:#999; font-size:0.9rem; margin-right:5px;\">79\u20ac<\/span> 60\u20ac<\/div>\n            <a href=\"https:\/\/elinformatico.cat\/ca\/producte\/todas-las-apps-de-autodesk-official-1-ano-copia\/\" target=\"_blank\" class=\"v-btn btn-autodesk\">\ud83d\uded2 CONSEGUIR<\/a>\n        <\/div>\n\n        <div class=\"v-item brand-adobe\">\n            <div class=\"v-badge\">MEJOR PRECIO<\/div> \n            <span class=\"v-icon-3d\">\ud83c\udfa8<\/span>\n            <h3 class=\"v-title\">Adobe Creative Cloud<\/h3> <p class=\"v-desc\">1 A\u00f1o Oficial CON TU CORREO + IA.<\/p>\n            <div class=\"v-price\"><span class=\"vp-old\" style=\"text-decoration:line-through; color:#999; font-size:0.9rem; margin-right:5px;\">350\u20ac<\/span> 290\u20ac<\/div>\n            <a href=\"https:\/\/elinformatico.cat\/ca\/producte\/adobe-creative-cloud-2026-1-ano-con-ia-precio-solo-clientes\/\" target=\"_blank\" class=\"v-btn btn-adobe\">\ud83d\udd8c\ufe0f ACTIVAR<\/a>\n        <\/div>\n\n        <div class=\"v-item brand-spotify\">\n            <div class=\"v-badge\">EXCLUSIVO<\/div> \n            <span class=\"v-icon-3d\">\ud83c\udfa7<\/span>\n            <h3 class=\"v-title\">Spotify 1 A\u00f1o<\/h3> <p class=\"v-desc\">Cuenta oficial CON TU CORREO sin cortes.<\/p>\n            <div class=\"v-price\"><span class=\"vp-old\" style=\"text-decoration:line-through; color:#999; font-size:0.9rem; margin-right:5px;\">50\u20ac<\/span> 45\u20ac<\/div>\n            <a href=\"https:\/\/elinformatico.cat\/ca\/producte\/spotify-premium-1-ano-acceso-oferta\/\" target=\"_blank\" class=\"v-btn btn-spotify\">\ud83d\uded2 COMPRAR<\/a>\n        <\/div>\n\n        <div class=\"v-item brand-spotify\">\n            <div class=\"v-badge\">MINI<\/div> \n            <span class=\"v-icon-3d\">\ud83c\udfb5<\/span>\n            <h3 class=\"v-title\">Spotify 6 Meses<\/h3> <p class=\"v-desc\">Formato reducido. Ideal para probar.<\/p>\n            <div class=\"v-price\"><span class=\"vp-old\" style=\"text-decoration:line-through; color:#999; font-size:0.9rem; margin-right:5px;\">30\u20ac<\/span> 25\u20ac<\/div>\n            <a href=\"https:\/\/elinformatico.cat\/ca\/producte\/spotify-premium-6-meses-acceso-oferta\/\" target=\"_blank\" class=\"v-btn btn-spotify\">\ud83d\uded2 COMPRAR<\/a>\n        <\/div>\n\n        <div class=\"v-item brand-hbo\">\n            <div class=\"v-badge\">CINE<\/div> \n            <span class=\"v-icon-3d\">\ud83c\udfac<\/span>\n            <h3 class=\"v-title\">HBO Max 1 A\u00f1o<\/h3> <p class=\"v-desc\">Calidad 4K oficial.<\/p>\n            <div class=\"v-price\"><span class=\"vp-old\" style=\"text-decoration:line-through; color:#999; font-size:0.9rem; margin-right:5px;\">50\u20ac<\/span> 40\u20ac<\/div>\n            <a href=\"https:\/\/elinformatico.cat\/ca\/producte\/hbo-max-1-ano-precio-solo-clientes\/\" target=\"_blank\" class=\"v-btn btn-hbo\">\ud83d\uded2 COMPRAR<\/a>\n        <\/div>\n\n        <div class=\"v-item type-vip\">\n            <div class=\"v-badge\" style=\"background:#00069F;\">ILIMITADO<\/div> \n            \n            <div style=\"text-align:center;\">\n                <span class=\"v-icon-3d\">\ud83d\udcbc<\/span>\n            <\/div>\n\n            <h3 class=\"v-title\" style=\"color:#00069F; font-size: 1.5rem;\">\u00bfHas comprado 3 apps o m\u00e1s?<\/h3> \n            <p class=\"v-desc\" style=\"color: #444; font-size: 1rem;\">Puedes ser cliente <strong>SOPORTE ILIMITADO 24H<\/strong> y tener todo tu ecosistema de trabajo blindado.<\/p>\n            \n            <a href=\"https:\/\/elinformatico.cat\/ca\/producte\/soporte-ilimitado-24h-recomendado-100-tarifa-plana\/\" target=\"_blank\" class=\"v-btn btn-vip\" style=\"margin-top: 10px;\">\ud83d\ude80 VER TARIFA PLANA<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"vip-modal-overlay\" id=\"exampleModal\" onclick=\"closeModal(event)\">\n    <div class=\"vip-modal-box\">\n        <div class=\"close-modal\" onclick=\"closeModalBtn()\">\u00d7<\/div>\n        \n        <h3 class=\"modal-title\">Ejemplos de la B\u00f3veda<\/h3>\n        <p style=\"text-align:center; color:#666; margin-bottom:20px;\">\n            Esto es una peque\u00f1a muestra de lo que desbloquear\u00e1s:\n        <\/p>\n        \n        <div class=\"modal-teaser-wrapper\">\n            <div class=\"modal-grid\">\n                <div class=\"v-item type-free\" style=\"pointer-events:none; box-shadow:none;\">\n                    <span class=\"v-icon-3d\">\ud83d\udcda<\/span>\n                    <h3 class=\"v-title\">Pack Audiolibros Gratis<\/h3> <p class=\"v-desc\">Colecci\u00f3n \u00abBest Sellers\u00bb. Incluye: El Marciano.<\/p>\n                    <div class=\"v-btn btn-download\">\u2b07\ufe0f DESCARGAR<\/div>\n                <\/div>\n\n                <div class=\"v-item type-tool\" style=\"pointer-events:none; box-shadow:none;\">\n                    <span class=\"v-icon-3d\">\ud83d\udee1\ufe0f<\/span>\n                    <h3 class=\"v-title\">YouTube SIN ANUNCIOS<\/h3> <p class=\"v-desc\">Tutorial bloqueo de publicidad + oferta VPN.<\/p>\n                    <div class=\"v-btn btn-download\">\ud83d\udc41\ufe0f VER TRUCO<\/div>\n                <\/div>\n                \n                <div class=\"v-item brand-adobe\" style=\"pointer-events:none; box-shadow:none;\">\n                    <span class=\"v-icon-3d\">\ud83c\udfa8<\/span>\n                    <h3 class=\"v-title\">Adobe Creative Cloud<\/h3> <p class=\"v-desc\">1 A\u00f1o Oficial CON TU CORREO.<\/p>\n                    <div class=\"v-btn btn-adobe\">\ud83d\udd8c\ufe0f ACTIVAR<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function openModal() {\n        document.getElementById('exampleModal').classList.add('active');\n    }\n\n    function closeModalBtn() {\n        document.getElementById('exampleModal').classList.remove('active');\n    }\n\n    function closeModal(event) {\n        if (event.target.id === 'exampleModal') {\n            document.getElementById('exampleModal').classList.remove('active');\n        }\n    }\n\n    function unlockSystem() {\n        const passInput = document.getElementById('vipPass');\n        const pass = passInput.value;\n        const errorMsg = document.getElementById('vipError');\n        const system = document.getElementById('vipSystem');\n\n        if(pass.toLowerCase() === \"elinformaticohelp\") {\n            system.classList.add('system-unlocked');\n            passInput.blur();\n        } else {\n            errorMsg.style.display = 'block';\n            passInput.style.borderColor = '#ef4444';\n            setTimeout(() => {\n                errorMsg.style.display = 'none';\n                passInput.style.borderColor = '#ccc';\n            }, 2000);\n        }\n    }\n\n    document.getElementById('vipPass').addEventListener('keypress', function (e) {\n        if (e.key === 'Enter') unlockSystem();\n    });\n\n    \/\/ Funci\u00f3n para el bot\u00f3n M\u00c1S INFORMACI\u00d3N (Mantenida por compatibilidad si decides usarla luego)\n    function toggleVipDetails(btn) {\n        const detailsBox = document.getElementById('vipDetails');\n        if(detailsBox) {\n            detailsBox.classList.toggle('active');\n            \n            if (detailsBox.classList.contains('active')) {\n                btn.innerHTML = '\u2796 OCULTAR INFORMACI\u00d3N';\n            } else {\n                btn.innerHTML = '\u2795 M\u00c1S INFORMACI\u00d3N';\n            }\n        }\n    }\n<\/script>","protected":false},"excerpt":{"rendered":"<p>ZONA PRIVADA B\u00d3VEDA DEL INFORM\u00c1TICO \ud83d\udd12 ZONA EXCLUSIVA ACCESO CLIENTES Contenido reservado para usuarios que han realizado al menos una compra en la tienda. \u26a0\ufe0f Introduce la CONTRASE\u00d1A MAESTRA: \ud83d\udd13 DESBLOQUEAR AHORA \u26d4 CONTRASE\u00d1A INCORRECTA \ud83d\udc41\ufe0f Ver ejemplos del contenido \u2139\ufe0f Clave en: Mi Cuenta > Descargas \ud83d\udfe2 Pedir Clave por WhatsApp NUEVO \u2728 Canva [&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-9134","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\/9134","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=9134"}],"version-history":[{"count":9,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/9134\/revisions"}],"predecessor-version":[{"id":9675,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/9134\/revisions\/9675"}],"wp:attachment":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/media?parent=9134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}