{"id":116,"date":"2026-07-01T10:43:20","date_gmt":"2026-07-01T15:43:20","guid":{"rendered":"http:\/\/localhost\/cmswordpress\/?page_id=116"},"modified":"2026-07-22T12:01:19","modified_gmt":"2026-07-22T17:01:19","slug":"servicios","status":"publish","type":"page","link":"https:\/\/printcenter.vcsistemas.com\/?page_id=116","title":{"rendered":"SERVICIOS"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Servicios &#8211; PrintCenter<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --primary: #0a1a4a;\n            --primary-light: #1a2e6e;\n            --secondary: #ffcc00;\n            --accent: #00b4d8;\n            --dark: #0d1b2a;\n            --light: #f8f9fa;\n            --gray: #6c757d;\n            --white: #ffffff;\n            --gradient-primary: linear-gradient(135deg, #0a1a4a 0%, #1a2e6e 50%, #0a1a4a 100%);\n            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);\n            --shadow-md: 0 8px 25px rgba(0,0,0,0.12);\n            --shadow-lg: 0 15px 40px rgba(0,0,0,0.15);\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body { font-family: 'Poppins', sans-serif; background: var(--light); color: var(--dark); overflow-x: hidden; }\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n\n        \/* ========== PAGE HERO ========== *\/\n        .page-hero {\n            background: var(--gradient-primary);\n            padding: 80px 0 60px;\n            position: relative; overflow: hidden;\n        }\n        .page-hero::before {\n            content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            opacity: 0.5;\n        }\n        .page-hero .container { position: relative; z-index: 1; text-align: center; }\n        .page-hero h1 {\n            font-size: 42px; font-weight: 800; color: var(--white);\n            margin-bottom: 12px; letter-spacing: -1px;\n        }\n        .page-hero h1 span { color: var(--secondary); }\n        .page-hero p {\n            font-size: 16px; color: rgba(255,255,255,0.8);\n            max-width: 550px; margin: 0 auto;\n        }\n        .breadcrumb {\n            display: flex; justify-content: center; gap: 10px;\n            margin-top: 18px; color: rgba(255,255,255,0.6);\n            font-size: 13px;\n        }\n        .breadcrumb a { color: var(--secondary); text-decoration: none; transition: var(--transition); }\n        .breadcrumb a:hover { text-decoration: underline; }\n        .breadcrumb span { color: rgba(255,255,255,0.4); }\n\n        \/* ========== SECTION HEADER ========== *\/\n        .section-header { text-align: center; margin-bottom: 50px; }\n        .section-header h2 {\n            font-size: 32px; font-weight: 800; color: var(--primary);\n            margin-bottom: 10px; position: relative; display: inline-block;\n        }\n        .section-header h2::after {\n            content: ''; position: absolute; bottom: -8px; left: 50%;\n            transform: translateX(-50%); width: 50px; height: 4px;\n            background: var(--secondary); border-radius: 2px;\n        }\n        .section-header p {\n            font-size: 15px; color: var(--gray);\n            max-width: 480px; margin: 18px auto 0;\n        }\n\n        \/* ========== SERVICES GRID ========== *\/\n        .services-section { padding: 70px 0; background: var(--light); }\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px; margin-bottom: 50px;\n        }\n        .service-card {\n            background: var(--white); border-radius: 18px;\n            overflow: hidden; box-shadow: var(--shadow-sm);\n            transition: var(--transition); position: relative;\n            border: 1px solid rgba(0,0,0,0.04);\n            cursor: pointer;\n        }\n        .service-card:hover {\n            transform: translateY(-10px);\n            box-shadow: var(--shadow-lg);\n        }\n        .service-card::before {\n            content: ''; position: absolute; top: 0; left: 0; right: 0;\n            height: 4px; background: var(--gradient-primary);\n            transform: scaleX(0); transition: var(--transition);\n            border-radius: 18px 18px 0 0; z-index: 3;\n        }\n        .service-card:hover::before { transform: scaleX(1); }\n        .service-image {\n            width: 100%; height: 200px; overflow: hidden; position: relative;\n        }\n        .service-image img {\n            width: 100%; height: 100%; object-fit: cover;\n            transition: var(--transition);\n        }\n        .service-card:hover .service-image img { transform: scale(1.08); }\n        .service-image::after {\n            content: ''; position: absolute; inset: 0;\n            background: linear-gradient(to top, rgba(10,26,74,0.4), transparent 60%);\n        }\n        .service-badge {\n            position: absolute; top: 12px; right: 12px;\n            background: var(--secondary); color: var(--dark);\n            padding: 5px 12px; border-radius: 20px;\n            font-size: 10px; font-weight: 700;\n            z-index: 2; text-transform: uppercase; letter-spacing: 0.5px;\n        }\n        .service-content { padding: 22px; }\n        .service-content h3 {\n            font-size: 18px; font-weight: 700; color: var(--primary);\n            margin-bottom: 8px;\n        }\n        .service-content p {\n            font-size: 13px; color: var(--gray); line-height: 1.7;\n            margin-bottom: 15px;\n        }\n        .service-features {\n            display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px;\n        }\n        .service-features span {\n            background: rgba(10, 26, 74, 0.06);\n            color: var(--primary); padding: 4px 10px;\n            border-radius: 20px; font-size: 10px; font-weight: 600;\n        }\n        .service-btn {\n            display: inline-flex; align-items: center; gap: 6px;\n            color: var(--primary); font-weight: 600; font-size: 13px;\n            text-decoration: none; transition: var(--transition);\n            cursor: pointer; border: none; background: none;\n        }\n        .service-btn i { font-size: 11px; transition: var(--transition); }\n        .service-btn:hover { color: var(--accent); }\n        .service-btn:hover i { transform: translateX(4px); }\n\n        \/* ========== FEATURES BAR ========== *\/\n        .features-bar {\n            background: var(--gradient-primary);\n            border-radius: 18px; padding: 35px 30px;\n            display: grid; grid-template-columns: repeat(4, 1fr);\n            gap: 25px; margin-bottom: 50px;\n            box-shadow: var(--shadow-lg);\n        }\n        .feature-item {\n            text-align: center; color: var(--white);\n            padding: 15px; border-radius: 12px;\n            transition: var(--transition); cursor: pointer;\n        }\n        .feature-item:hover {\n            background: rgba(255,255,255,0.08);\n            transform: translateY(-5px);\n        }\n        .feature-item .icon-wrap {\n            width: 55px; height: 55px;\n            background: rgba(255,255,255,0.1);\n            border-radius: 50%; display: flex;\n            align-items: center; justify-content: center;\n            margin: 0 auto 12px; font-size: 22px;\n            color: var(--secondary);\n            border: 2px solid rgba(255,255,255,0.15);\n            transition: var(--transition);\n        }\n        .feature-item:hover .icon-wrap {\n            background: var(--secondary); color: var(--primary);\n            border-color: var(--secondary);\n            transform: rotateY(360deg);\n        }\n        .feature-item h4 { font-size: 15px; font-weight: 600; margin-bottom: 4px; }\n        .feature-item p { font-size: 12px; color: rgba(255,255,255,0.7); }\n\n        \/* ========== EQUIPMENT SECTION ========== *\/\n        .equipment-section { padding: 70px 0; background: var(--white); }\n        .equipment-grid {\n            display: grid; grid-template-columns: 1fr 1fr;\n            gap: 50px; align-items: center;\n        }\n        .equipment-image {\n            position: relative; border-radius: 18px; overflow: hidden;\n            box-shadow: var(--shadow-lg); cursor: pointer;\n        }\n        .equipment-image img { width: 100%; height: auto; display: block; transition: var(--transition); }\n        .equipment-image:hover img { transform: scale(1.03); }\n        .equipment-image::before {\n            content: ''; position: absolute; inset: 0;\n            background: linear-gradient(135deg, rgba(10,26,74,0.1), transparent);\n            z-index: 1; pointer-events: none;\n        }\n        .equipment-content h2 {\n            font-size: 32px; font-weight: 800; color: var(--primary);\n            margin-bottom: 16px; line-height: 1.2;\n        }\n        .equipment-content h2 span { color: var(--accent); }\n        .equipment-content > p {\n            font-size: 15px; color: var(--gray); line-height: 1.8;\n            margin-bottom: 25px;\n        }\n        .equipment-list { list-style: none; margin-bottom: 25px; }\n        .equipment-list li {\n            display: flex; align-items: flex-start; gap: 12px;\n            padding: 10px 0; border-bottom: 1px solid #eee;\n            cursor: pointer; transition: var(--transition);\n        }\n        .equipment-list li:hover { padding-left: 8px; }\n        .equipment-list li:last-child { border-bottom: none; }\n        .equipment-list li i {\n            width: 34px; height: 34px;\n            background: rgba(0, 180, 216, 0.1);\n            color: var(--accent); border-radius: 10px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 13px; flex-shrink: 0; margin-top: 2px;\n            transition: var(--transition);\n        }\n        .equipment-list li:hover i {\n            background: var(--accent); color: var(--white);\n        }\n        .equipment-list li div h4 {\n            font-size: 14px; font-weight: 600; color: var(--primary);\n            margin-bottom: 2px;\n        }\n        .equipment-list li div p { font-size: 12px; color: var(--gray); }\n        .btn-primary {\n            background: var(--gradient-primary);\n            color: var(--white); padding: 12px 26px;\n            border-radius: 8px; text-decoration: none;\n            font-weight: 600; font-size: 13px;\n            border: none; cursor: pointer;\n            transition: var(--transition);\n            display: inline-flex; align-items: center; gap: 8px;\n            box-shadow: 0 4px 15px rgba(10, 26, 74, 0.3);\n        }\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(10, 26, 74, 0.4);\n        }\n\n        \/* ========== PORTFOLIO SECTION ========== *\/\n        .portfolio-section { padding: 70px 0; background: var(--light); }\n        .portfolio-grid {\n            display: grid; grid-template-columns: repeat(4, 1fr);\n            gap: 18px; margin-bottom: 35px;\n        }\n        .portfolio-item {\n            border-radius: 14px; overflow: hidden;\n            position: relative; aspect-ratio: 1;\n            box-shadow: var(--shadow-sm); cursor: pointer;\n        }\n        .portfolio-item img {\n            width: 100%; height: 100%; object-fit: cover;\n            transition: var(--transition);\n        }\n        .portfolio-item:hover img { transform: scale(1.1); }\n        .portfolio-overlay {\n            position: absolute; inset: 0;\n            background: linear-gradient(to top, rgba(10,26,74,0.9), transparent);\n            display: flex; flex-direction: column;\n            justify-content: flex-end; padding: 18px;\n            opacity: 0; transition: var(--transition);\n        }\n        .portfolio-item:hover .portfolio-overlay { opacity: 1; }\n        .portfolio-overlay h4 {\n            color: var(--white); font-size: 15px; font-weight: 600;\n            margin-bottom: 4px;\n        }\n        .portfolio-overlay span {\n            color: var(--secondary); font-size: 11px; font-weight: 500;\n        }\n        .portfolio-btn-wrap { text-align: center; }\n        .btn-outline {\n            background: transparent; color: var(--primary);\n            border: 2px solid var(--primary); padding: 10px 24px;\n            border-radius: 8px; text-decoration: none;\n            font-weight: 600; font-size: 13px;\n            transition: var(--transition); display: inline-flex;\n            align-items: center; gap: 8px; cursor: pointer;\n        }\n        .btn-outline:hover { background: var(--primary); color: var(--white); }\n\n        \/* ========== CTA SECTION ========== *\/\n        .cta-section {\n            padding: 70px 0;\n            background: var(--gradient-primary);\n            position: relative; overflow: hidden;\n        }\n        .cta-section::before {\n            content: ''; position: absolute; top: -50%; right: -20%;\n            width: 500px; height: 500px;\n            background: rgba(255,255,255,0.02); border-radius: 50%;\n        }\n        .cta-section::after {\n            content: ''; position: absolute; bottom: -30%; left: -10%;\n            width: 350px; height: 350px;\n            background: rgba(255,255,255,0.02); border-radius: 50%;\n        }\n        .cta-content {\n            position: relative; z-index: 1; text-align: center;\n            max-width: 650px; margin: 0 auto;\n        }\n        .cta-content h2 {\n            font-size: 32px; font-weight: 800; color: var(--white);\n            margin-bottom: 12px;\n        }\n        .cta-content p {\n            font-size: 16px; color: rgba(255,255,255,0.8);\n            margin-bottom: 25px;\n        }\n        .cta-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\n        .btn-yellow {\n            background: var(--secondary); color: var(--dark);\n            padding: 12px 26px; border-radius: 8px;\n            text-decoration: none; font-weight: 700;\n            font-size: 13px; border: none; cursor: pointer;\n            transition: var(--transition);\n            display: inline-flex; align-items: center; gap: 8px;\n            box-shadow: 0 4px 15px rgba(255, 204, 0, 0.3);\n        }\n        .btn-yellow:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(255, 204, 0, 0.4);\n        }\n\n        \/* ========== MODAL \/ LIGHTBOX ========== *\/\n        .modal-overlay {\n            position: fixed; inset: 0; z-index: 9999;\n            background: rgba(0,0,0,0.92);\n            display: none; align-items: center; justify-content: center;\n            flex-direction: column; cursor: pointer;\n            animation: fadeIn 0.3s ease;\n        }\n        .modal-overlay.active { display: flex; }\n        .modal-overlay img {\n            max-width: 85%; max-height: 65vh;\n            border-radius: 14px;\n            box-shadow: 0 25px 70px rgba(0,0,0,0.6);\n            animation: scaleIn 0.3s ease;\n        }\n        .modal-overlay h3 {\n            color: white; margin-top: 22px;\n            font-size: 22px; font-weight: 700;\n        }\n        .modal-overlay .modal-subtitle {\n            color: var(--secondary); margin-top: 6px;\n            font-size: 14px; font-weight: 500;\n        }\n        .modal-overlay .modal-close {\n            color: rgba(255,255,255,0.5);\n            margin-top: 12px; font-size: 13px;\n        }\n        .modal-nav {\n            position: absolute; top: 50%; transform: translateY(-50%);\n            width: 50px; height: 50px;\n            background: rgba(255,255,255,0.1);\n            border-radius: 50%; display: flex;\n            align-items: center; justify-content: center;\n            color: white; font-size: 20px; cursor: pointer;\n            transition: var(--transition); border: none;\n        }\n        .modal-nav:hover { background: var(--secondary); color: var(--dark); }\n        .modal-prev { left: 20px; }\n        .modal-next { right: 20px; }\n\n        \/* ========== COTIZACION MODAL ========== *\/\n        .cotizacion-modal {\n            position: fixed; inset: 0; z-index: 10000;\n            background: rgba(0,0,0,0.7);\n            display: none; align-items: center; justify-content: center;\n            animation: fadeIn 0.3s ease;\n            padding: 15px;\n        }\n        .cotizacion-modal.active { display: flex; }\n        .cotizacion-box {\n            background: var(--white); border-radius: 20px;\n            padding: 28px; max-width: 460px; width: 100%;\n            max-height: 85vh;\n            overflow-y: auto;\n            box-shadow: var(--shadow-lg);\n            animation: slideUp 0.4s ease;\n            position: relative;\n        }\n        .cotizacion-box h3 {\n            font-size: 18px; font-weight: 700; color: var(--primary);\n            margin-bottom: 6px;\n        }\n        .cotizacion-box p {\n            font-size: 12px; color: var(--gray); margin-bottom: 18px;\n        }\n        .cotizacion-box .close-x {\n            position: absolute; top: 12px; right: 16px;\n            font-size: 20px; color: var(--gray); cursor: pointer;\n            transition: var(--transition);\n        }\n        .cotizacion-box .close-x:hover { color: var(--primary); }\n        .form-group { margin-bottom: 12px; }\n        .form-group label {\n            display: block; font-size: 11px; font-weight: 600;\n            color: var(--primary); margin-bottom: 4px;\n        }\n        .form-group input, .form-group select, .form-group textarea {\n            width: 100%; padding: 9px 12px;\n            border: 2px solid #e9ecef; border-radius: 10px;\n            font-family: 'Poppins', sans-serif; font-size: 13px;\n            transition: var(--transition);\n        }\n        .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n            outline: none; border-color: var(--accent);\n            box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.1);\n        }\n        .form-group textarea { resize: vertical; min-height: 70px; }\n        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n        .btn-submit {\n            width: 100%; background: var(--gradient-primary);\n            color: var(--white); padding: 11px;\n            border-radius: 10px; border: none;\n            font-family: 'Poppins', sans-serif; font-size: 14px;\n            font-weight: 600; cursor: pointer;\n            transition: var(--transition);\n            display: flex; align-items: center; justify-content: center; gap: 8px;\n        }\n        .btn-submit:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(10, 26, 74, 0.3);\n        }\n        .btn-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .btn-submit .spinner {\n            display: none;\n            width: 16px; height: 16px;\n            border: 2px solid transparent;\n            border-top-color: var(--white);\n            border-radius: 50%;\n            animation: spin 0.8s linear infinite;\n        }\n        .btn-submit.sending .spinner { display: inline-block; }\n        .btn-submit.sending .btn-text { display: none; }\n\n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n\n        \/* ========== TOAST NOTIFICATION ========== *\/\n        .toast {\n            position: fixed; bottom: 30px; right: 30px;\n            background: var(--primary); color: var(--white);\n            padding: 16px 24px; border-radius: 12px;\n            font-size: 14px; font-weight: 500;\n            box-shadow: var(--shadow-lg); z-index: 10001;\n            display: flex; align-items: center; gap: 12px;\n            transform: translateX(150%); transition: transform 0.4s ease;\n        }\n        .toast.show { transform: translateX(0); }\n        .toast i { color: var(--secondary); font-size: 18px; }\n\n        \/* ========== ANIMATIONS ========== *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        @keyframes scaleIn {\n            from { opacity: 0; transform: scale(0.9); }\n            to { opacity: 1; transform: scale(1); }\n        }\n        @keyframes slideUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .animate {\n            opacity: 0; animation: fadeInUp 0.6s ease forwards;\n        }\n        .delay-1 { animation-delay: 0.1s; }\n        .delay-2 { animation-delay: 0.2s; }\n        .delay-3 { animation-delay: 0.3s; }\n        .delay-4 { animation-delay: 0.4s; }\n        .delay-5 { animation-delay: 0.5s; }\n        .delay-6 { animation-delay: 0.6s; }\n\n        @keyframes pulse {\n            0%, 100% { box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.4); }\n            50% { box-shadow: 0 0 0 15px rgba(255, 204, 0, 0); }\n        }\n        .pulse-btn { animation: pulse 2s infinite; }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 1024px) {\n            .services-grid { grid-template-columns: repeat(2, 1fr); }\n            .portfolio-grid { grid-template-columns: repeat(2, 1fr); }\n            .features-bar { grid-template-columns: repeat(2, 1fr); }\n        }\n        @media (max-width: 768px) {\n            .page-hero h1 { font-size: 28px; }\n            .services-grid { grid-template-columns: 1fr; }\n            .portfolio-grid { grid-template-columns: 1fr; }\n            .equipment-grid { grid-template-columns: 1fr; }\n            .features-bar { grid-template-columns: 1fr; }\n            .cta-content h2 { font-size: 26px; }\n            .section-header h2 { font-size: 26px; }\n            .equipment-content h2 { font-size: 26px; }\n            .page-hero { padding: 60px 0 40px; }\n            .services-section, .equipment-section, .portfolio-section, .cta-section { padding: 50px 0; }\n            .form-row { grid-template-columns: 1fr; }\n            .modal-nav { display: none; }\n            .cotizacion-box { padding: 22px; max-width: 95%; }\n        }\n    <\/style>\n\n\n\n\n    <!-- ========== PAGE HERO ========== -->\n    <section class=\"page-hero\">\n        <div class=\"container\">\n            <h1 class=\"animate\">Nuestros <span>Servicios<\/span><\/h1>\n            <p class=\"animate delay-1\">Soluciones de impresion a la medida de cada necesidad. Calidad profesional garantizada en cada trabajo.<\/p>\n            <div class=\"breadcrumb animate delay-2\">\n                <a href=\"\/\">Inicio<\/a>\n                <span>\/<\/span>\n                <span>Servicios<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== SERVICES SECTION ========== -->\n    <section class=\"services-section\">\n        <div class=\"container\">\n            <div class=\"section-header animate\">\n                <h2>Nuestros Servicios<\/h2>\n                <p>Soluciones de impresion a la medida de cada necesidad.<\/p>\n            <\/div>\n\n            <div class=\"services-grid\">\n                <!-- Service 1: Copias B\/N -->\n                <div class=\"service-card animate delay-1\" onclick=\"abrirCotizacion('Copias B\/N')\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586281380349-632531db7ed4?w=800&amp;h=600&amp;fit=crop&amp;q=80\" alt=\"Copias B\/N\" loading=\"lazy\">\n                        <span class=\"service-badge\">Popular<\/span>\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Copias B\/N<\/h3>\n                        <p>Copias en blanco y negro de alta calidad. Ideales para documentos, tesis, informes y material de estudio.<\/p>\n                        <div class=\"service-features\">\n                            <span>Rapido<\/span>\n                            <span>Economico<\/span>\n                            <span>Alta calidad<\/span>\n                        <\/div>\n                        <button class=\"service-btn\" onclick=\"event.stopPropagation(); abrirCotizacion('Copias B\/N')\">\n                            Solicitar Cotizacion <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Service 2: Copias Color -->\n                <div class=\"service-card animate delay-2\" onclick=\"abrirCotizacion('Copias Color')\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572044162444-ad60f128bdea?w=800&amp;h=600&amp;fit=crop&amp;q=80\" alt=\"Copias Color\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Copias Color<\/h3>\n                        <p>Copias a todo color con excelente definicion y calidad. Perfectas para presentaciones y material visual.<\/p>\n                        <div class=\"service-features\">\n                            <span>Full Color<\/span>\n                            <span>HD<\/span>\n                            <span>Papel premium<\/span>\n                        <\/div>\n                        <button class=\"service-btn\" onclick=\"event.stopPropagation(); abrirCotizacion('Copias Color')\">\n                            Solicitar Cotizacion <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Service 3: Impresiones Laser -->\n                <div class=\"service-card animate delay-3\" onclick=\"abrirCotizacion('Impresiones Laser')\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589652717521-10c0d092dea9?w=800&amp;h=600&amp;fit=crop&amp;q=80\" alt=\"Impresiones Laser\" loading=\"lazy\">\n                        <span class=\"service-badge\">Nuevo<\/span>\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Impresiones Laser<\/h3>\n                        <p>Impresiones laser de alta definicion y profesionales. Durabilidad y precision en cada pagina.<\/p>\n                        <div class=\"service-features\">\n                            <span>Alta definicion<\/span>\n                            <span>Duradero<\/span>\n                            <span>Profesional<\/span>\n                        <\/div>\n                        <button class=\"service-btn\" onclick=\"event.stopPropagation(); abrirCotizacion('Impresiones Laser')\">\n                            Solicitar Cotizacion <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Service 4: Impresiones A3 -->\n                <div class=\"service-card animate delay-1\" onclick=\"abrirCotizacion('Impresiones A3')\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=800&amp;h=600&amp;fit=crop&amp;q=80\" alt=\"Impresiones A3\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Impresiones A3<\/h3>\n                        <p>Impresiones en gran formato A3. Ideal para planos, posters y material publicitario de gran tamano.<\/p>\n                        <div class=\"service-features\">\n                            <span>Gran formato<\/span>\n                            <span>Planos<\/span>\n                            <span>Posters<\/span>\n                        <\/div>\n                        <button class=\"service-btn\" onclick=\"event.stopPropagation(); abrirCotizacion('Impresiones A3')\">\n                            Solicitar Cotizacion <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Service 5: Escaneos -->\n                <div class=\"service-card animate delay-2\" onclick=\"abrirCotizacion('Escaneos')\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568667256549-094345857637?w=800&amp;h=600&amp;fit=crop&amp;q=80\" alt=\"Escaneos\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Escaneos<\/h3>\n                        <p>Escaneo profesional de documentos. Digitalizacion de alta resolucion para archivos digitales perfectos.<\/p>\n                        <div class=\"service-features\">\n                            <span>Alta resolucion<\/span>\n                            <span>OCR<\/span>\n                            <span>Digital<\/span>\n                        <\/div>\n                        <button class=\"service-btn\" onclick=\"event.stopPropagation(); abrirCotizacion('Escaneos')\">\n                            Solicitar Cotizacion <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Service 6: Digitalizacion -->\n                <div class=\"service-card animate delay-3\" onclick=\"abrirCotizacion('Digitalizacion')\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?w=800&amp;h=600&amp;fit=crop&amp;q=80\" alt=\"Digitalizacion\" loading=\"lazy\">\n                        <span class=\"service-badge\">Recomendado<\/span>\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Digitalizacion<\/h3>\n                        <p>Conversion de documentos fisicos a PDF digital. Organizacion y almacenamiento eficiente de archivos.<\/p>\n                        <div class=\"service-features\">\n                            <span>PDF<\/span>\n                            <span>Editable<\/span>\n                            <span>Nube<\/span>\n                        <\/div>\n                        <button class=\"service-btn\" onclick=\"event.stopPropagation(); abrirCotizacion('Digitalizacion')\">\n                            Solicitar Cotizacion <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Features Bar -->\n            <div class=\"features-bar animate\">\n                <div class=\"feature-item\" onclick=\"mostrarToast('Calidad Garantizada en todos nuestros servicios')\">\n                    <div class=\"icon-wrap\"><i class=\"fas fa-check-circle\"><\/i><\/div>\n                    <h4>Calidad Garantizada<\/h4>\n                    <p>Resultados profesionales siempre<\/p>\n                <\/div>\n                <div class=\"feature-item\" onclick=\"mostrarToast('Atencion personalizada para cada cliente')\">\n                    <div class=\"icon-wrap\"><i class=\"fas fa-headset\"><\/i><\/div>\n                    <h4>Atencion Personalizada<\/h4>\n                    <p>Te asesoramos en cada paso<\/p>\n                <\/div>\n                <div class=\"feature-item\" onclick=\"mostrarToast('Entrega rapida en el tiempo acordado')\">\n                    <div class=\"icon-wrap\"><i class=\"fas fa-shipping-fast\"><\/i><\/div>\n                    <h4>Entrega Rapida<\/h4>\n                    <p>Cumplimos con tus tiempos<\/p>\n                <\/div>\n                <div class=\"feature-item\" onclick=\"mostrarToast('Los mejores precios del mercado')\">\n                    <div class=\"icon-wrap\"><i class=\"fas fa-tag\"><\/i><\/div>\n                    <h4>Precios Competitivos<\/h4>\n                    <p>La mejor relacion calidad-precio<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== EQUIPMENT SECTION ========== -->\n    <section class=\"equipment-section\">\n        <div class=\"container\">\n            <div class=\"equipment-grid\">\n                <div class=\"equipment-image animate\" onclick=\"abrirLightbox(this.querySelector('img').src, 'Equipos Modernos', 'Tecnologia de ultima generacion')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=800&amp;h=600&amp;fit=crop&amp;q=80\" alt=\"Equipos Modernos\" loading=\"lazy\">\n                <\/div>\n                <div class=\"equipment-content animate delay-1\">\n                    <h2>Equipos <span>Modernos<\/span><\/h2>\n                    <p>Contamos con equipos de ultima generacion para brindarte la mejor calidad en cada impresion. Tecnologia de punta para resultados excepcionales.<\/p>\n                    <ul class=\"equipment-list\">\n                        <li onclick=\"mostrarToast('Impresoras de ultima generacion: Alta velocidad y precision')\">\n                            <i class=\"fas fa-print\"><\/i>\n                            <div>\n                                <h4>Impresoras de ultima generacion<\/h4>\n                                <p>Equipos de alta velocidad y precision<\/p>\n                            <\/div>\n                        <\/li>\n                        <li onclick=\"mostrarToast('Impresion de alta calidad: Colores vibrantes y definicion perfecta')\">\n                            <i class=\"fas fa-palette\"><\/i>\n                            <div>\n                                <h4>Impresion de alta calidad<\/h4>\n                                <p>Colores vibrantes y definicion perfecta<\/p>\n                            <\/div>\n                        <\/li>\n                        <li onclick=\"mostrarToast('Resultados profesionales: Acabados impecables en cada trabajo')\">\n                            <i class=\"fas fa-cogs\"><\/i>\n                            <div>\n                                <h4>Resultados profesionales<\/h4>\n                                <p>Acabados impecables en cada trabajo<\/p>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                    <button class=\"btn-primary\" onclick=\"abrirCotizacion('Equipos Modernos')\">\n                        Solicitar Cotizacion <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== PORTFOLIO SECTION ========== -->\n    <section class=\"portfolio-section\">\n        <div class=\"container\">\n            <div class=\"section-header animate\">\n                <h2>Algunos Trabajos<\/h2>\n                <p>Resultados de calidad que hablan por si solos.<\/p>\n            <\/div>\n            <div class=\"portfolio-grid\">\n                <div class=\"portfolio-item animate delay-1\" data-index=\"0\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1456513080510-7bf3a84b82f8?w=800&amp;h=800&amp;fit=crop&amp;q=80\" alt=\"Tesis Doctoral\" loading=\"lazy\">\n                    <div class=\"portfolio-overlay\">\n                        <h4>Impresion de Tesis<\/h4>\n                        <span>Copias B\/N<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"portfolio-item animate delay-2\" data-index=\"1\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?w=800&amp;h=800&amp;fit=crop&amp;q=80\" alt=\"Material Publicitario\" loading=\"lazy\">\n                    <div class=\"portfolio-overlay\">\n                        <h4>Material Publicitario<\/h4>\n                        <span>Copias Color<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"portfolio-item animate delay-3\" data-index=\"2\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=800&amp;h=800&amp;fit=crop&amp;q=80\" alt=\"Planos Arquitectonicos\" loading=\"lazy\">\n                    <div class=\"portfolio-overlay\">\n                        <h4>Planos Arquitectonicos<\/h4>\n                        <span>Formato A3<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"portfolio-item animate delay-4\" data-index=\"3\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?w=800&amp;h=800&amp;fit=crop&amp;q=80\" alt=\"Digitalizacion\" loading=\"lazy\">\n                    <div class=\"portfolio-overlay\">\n                        <h4>Digitalizacion de Archivos<\/h4>\n                        <span>Escaneo Profesional<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"portfolio-btn-wrap animate delay-5\">\n                <button class=\"btn-outline\" onclick=\"mostrarToast('Galeria completa proximamente')\">\n                    Ver mas trabajos <i class=\"fas fa-arrow-right\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== CTA SECTION ========== -->\n    <section class=\"cta-section\">\n        <div class=\"container\">\n            <div class=\"cta-content animate\">\n                <h2>\u00bfTienes un proyecto en mente?<\/h2>\n                <p>Contactanos y hagamos realidad tus ideas con la mejor calidad de impresion.<\/p>\n                <div class=\"cta-buttons\">\n                    <button class=\"btn-yellow pulse-btn\" onclick=\"abrirCotizacion('Proyecto General')\">\n                        Solicitar Cotizacion <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                    <button class=\"btn-outline\" style=\"border-color: rgba(255,255,255,0.3); color: white;\" onclick=\"mostrarToast('Explora todos nuestros servicios')\">\n                        Ver mas servicios <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== LIGHTBOX MODAL ========== -->\n    <div class=\"modal-overlay\" id=\"lightboxModal\" onclick=\"cerrarLightbox()\">\n        <button class=\"modal-nav modal-prev\" id=\"modalPrev\" onclick=\"event.stopPropagation(); cambiarImagen(-1)\">\n            <i class=\"fas fa-chevron-left\"><\/i>\n        <\/button>\n        <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"\">\n        <h3 id=\"modalTitle\"><\/h3>\n        <p class=\"modal-subtitle\" id=\"modalSubtitle\"><\/p>\n        <p class=\"modal-close\">Haz clic para cerrar<\/p>\n        <button class=\"modal-nav modal-next\" id=\"modalNext\" onclick=\"event.stopPropagation(); cambiarImagen(1)\">\n            <i class=\"fas fa-chevron-right\"><\/i>\n        <\/button>\n    <\/div>\n\n    <!-- ========== COTIZACION MODAL ========== -->\n    <div class=\"cotizacion-modal\" id=\"cotizacionModal\" onclick=\"cerrarCotizacion(event)\">\n        <div class=\"cotizacion-box\" onclick=\"event.stopPropagation()\">\n            <span class=\"close-x\" onclick=\"cerrarCotizacion()\"><i class=\"fas fa-times\"><\/i><\/span>\n            <h3><i class=\"fas fa-file-invoice\" style=\"color: var(--accent); margin-right: 8px;\"><\/i>Solicitar Cotizacion<\/h3>\n            <p>Completa el formulario y te contactaremos a la brevedad.<\/p>\n            <!-- FORMULARIO CONECTADO A FORMSPREE - REEMPLAZAR CON TU NUEVO ENDPOINT -->\n            <form id=\"formCotizacion\" action=\"https:\/\/formspree.io\/f\/mgogoaed\" method=\"POST\">\n                <input type=\"hidden\" name=\"_replyto\" value=\"turpoajuanj@gmail.com\">\n                <div class=\"form-row\">\n                    <div class=\"form-group\">\n                        <label>Nombre completo<\/label>\n                        <input type=\"text\" name=\"nombre\" placeholder=\"Tu nombre\" required=\"\">\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Telefono \/ WhatsApp<\/label>\n                        <input type=\"tel\" name=\"telefono\" placeholder=\"999 999 999\" required=\"\">\n                    <\/div>\n                <\/div>\n                <div class=\"form-group\">\n                    <label>Correo electronico<\/label>\n                    <input type=\"email\" name=\"email\" placeholder=\"tu@email.com\" required=\"\">\n                <\/div>\n                <div class=\"form-group\">\n                    <label>Servicio solicitado<\/label>\n                    <select name=\"servicio\" id=\"selectServicio\" required=\"\">\n                        <option value=\"\">Selecciona un servicio<\/option>\n                        <option value=\"Copias B\/N\">Copias B\/N<\/option>\n                        <option value=\"Copias Color\">Copias Color<\/option>\n                        <option value=\"Impresiones Laser\">Impresiones Laser<\/option>\n                        <option value=\"Impresiones A3\">Impresiones A3<\/option>\n                        <option value=\"Escaneos\">Escaneos<\/option>\n                        <option value=\"Digitalizacion\">Digitalizacion<\/option>\n                        <option value=\"Otros\">Otros<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"form-group\">\n                    <label>Detalles del proyecto<\/label>\n                    <textarea name=\"detalles\" placeholder=\"Cuentanos sobre tu proyecto: cantidad, tamano, tipo de papel, urgencia...\"><\/textarea>\n                <\/div>\n                <button type=\"submit\" class=\"btn-submit\" id=\"btnSubmitCotizacion\">\n                    <span class=\"spinner\"><\/span>\n                    <span class=\"btn-text\"><i class=\"fas fa-paper-plane\"><\/i> Enviar Solicitud<\/span>\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- ========== TOAST ========== -->\n    <div class=\"toast\" id=\"toast\">\n        <i class=\"fas fa-info-circle\"><\/i>\n        <span id=\"toastMsg\">Mensaje<\/span>\n    <\/div>\n\n    <!-- ========== JAVASCRIPT ========== -->\n    <script>\n        \/\/ ========== DATOS DEL PORTFOLIO ==========\n        const portfolioData = [\n            { src: 'https:\/\/images.unsplash.com\/photo-1456513080510-7bf3a84b82f8?w=800&h=800&fit=crop&q=80', title: 'Impresion de Tesis', subtitle: 'Copias B\/N - Encuadernacion profesional' },\n            { src: 'https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?w=800&h=800&fit=crop&q=80', title: 'Material Publicitario', subtitle: 'Copias Color - Full HD' },\n            { src: 'https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=800&h=800&fit=crop&q=80', title: 'Planos Arquitectonicos', subtitle: 'Formato A3 - Gran formato' },\n            { src: 'https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?w=800&h=800&fit=crop&q=80', title: 'Digitalizacion de Archivos', subtitle: 'Escaneo Profesional - Alta resolucion' }\n        ];\n\n        let currentImageIndex = 0;\n\n        \/\/ ========== SCROLL ANIMATIONS ==========\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.animate').forEach(el => {\n            observer.observe(el);\n        });\n\n        \/\/ ========== LIGHTBOX ==========\n        function abrirLightbox(src, title, subtitle) {\n            const modal = document.getElementById('lightboxModal');\n            const img = document.getElementById('modalImg');\n            const titulo = document.getElementById('modalTitle');\n            const subtitulo = document.getElementById('modalSubtitle');\n\n            \/\/ Encontrar indice\n            const index = portfolioData.findIndex(item => item.src === src);\n            currentImageIndex = index >= 0 ? index : 0;\n\n            img.src = src;\n            titulo.textContent = title || 'Imagen';\n            subtitulo.textContent = subtitle || '';\n            modal.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function cerrarLightbox() {\n            const modal = document.getElementById('lightboxModal');\n            modal.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        function cambiarImagen(direction) {\n            currentImageIndex += direction;\n            if (currentImageIndex < 0) currentImageIndex = portfolioData.length - 1;\n            if (currentImageIndex >= portfolioData.length) currentImageIndex = 0;\n\n            const data = portfolioData[currentImageIndex];\n            document.getElementById('modalImg').src = data.src;\n            document.getElementById('modalTitle').textContent = data.title;\n            document.getElementById('modalSubtitle').textContent = data.subtitle;\n        }\n\n        \/\/ Portfolio items click\n        document.querySelectorAll('.portfolio-item').forEach(item => {\n            item.addEventListener('click', function() {\n                const img = this.querySelector('img');\n                const overlay = this.querySelector('.portfolio-overlay');\n                const title = overlay.querySelector('h4').textContent;\n                const subtitle = overlay.querySelector('span').textContent;\n                abrirLightbox(img.src, title, subtitle);\n            });\n        });\n\n        \/\/ ========== COTIZACION MODAL ==========\n        function abrirCotizacion(servicio) {\n            const modal = document.getElementById('cotizacionModal');\n            const select = document.getElementById('selectServicio');\n\n            if (servicio && servicio !== 'Proyecto General' && servicio !== 'Equipos Modernos') {\n                select.value = servicio;\n            } else {\n                select.value = '';\n            }\n\n            modal.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function cerrarCotizacion(event) {\n            if (!event || event.target === document.getElementById('cotizacionModal')) {\n                document.getElementById('cotizacionModal').classList.remove('active');\n                document.body.style.overflow = '';\n            }\n        }\n\n        \/\/ ========== FORM COTIZACION - MANEJO CON FORMSPREE ==========\n        const formCotizacion = document.getElementById('formCotizacion');\n        const btnSubmitCotizacion = document.getElementById('btnSubmitCotizacion');\n\n        formCotizacion.addEventListener('submit', async function(e) {\n            e.preventDefault();\n            btnSubmitCotizacion.classList.add('sending');\n            btnSubmitCotizacion.disabled = true;\n\n            try {\n                const response = await fetch(formCotizacion.action, {\n                    method: 'POST',\n                    body: new FormData(formCotizacion),\n                    headers: { 'Accept': 'application\/json' }\n                });\n\n                if (response.ok) {\n                    mostrarToast('\u00a1Cotizacion enviada! Te contactaremos pronto.');\n                    formCotizacion.reset();\n                    cerrarCotizacion();\n                } else {\n                    mostrarToast('Hubo un error al enviar. Intenta de nuevo.');\n                }\n            } catch (error) {\n                mostrarToast('Error de conexion. Verifica tu internet.');\n            } finally {\n                btnSubmitCotizacion.classList.remove('sending');\n                btnSubmitCotizacion.disabled = false;\n            }\n        });\n\n        \/\/ ========== TOAST ==========\n        function mostrarToast(mensaje) {\n            const toast = document.getElementById('toast');\n            const msg = document.getElementById('toastMsg');\n            msg.textContent = mensaje;\n            toast.classList.add('show');\n\n            setTimeout(() => {\n                toast.classList.remove('show');\n            }, 3000);\n        }\n\n        \/\/ ========== KEYBOARD NAVIGATION ==========\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape') {\n                cerrarLightbox();\n                cerrarCotizacion();\n            }\n            if (e.key === 'ArrowLeft') cambiarImagen(-1);\n            if (e.key === 'ArrowRight') cambiarImagen(1);\n        });\n\n        \/\/ ========== PARALLAX ==========\n        window.addEventListener('scroll', () => {\n            const scrolled = window.pageYOffset;\n            const hero = document.querySelector('.page-hero');\n            if (hero) {\n                hero.style.backgroundPositionY = (scrolled * 0.3) + 'px';\n            }\n        });\n    <\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Servicios &#8211; PrintCenter Nuestros Servicios Soluciones de impresion a la medida de cada necesidad. Calidad profesional garantizada en cada trabajo. Inicio \/ Servicios Nuestros Servicios Soluciones de impresion a la medida de cada necesidad. Popular Copias B\/N Copias en blanco<\/p>\n<p><a href=\"https:\/\/printcenter.vcsistemas.com\/?page_id=116\" class=\"awp-btn awp-btn-secondary awp-btn-bubble\">Continue Reading<span class=\"screen-reader-text\">SERVICIOS<\/span><i class=\"fa fa-arrow-right\"><\/i><span class=\"bubble_effect\"><span class=\"circle top-left\"><\/span><span class=\"circle top-left\"><\/span><span class=\"circle top-left\"><\/span>\t<span class=\"button effect-button\"><\/span><span class=\"circle bottom-right\"><\/span>\t<span class=\"circle bottom-right\"><\/span><span class=\"circle bottom-right\"><\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-116","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/printcenter.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/printcenter.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/printcenter.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/printcenter.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/printcenter.vcsistemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=116"}],"version-history":[{"count":11,"href":"https:\/\/printcenter.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/116\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/printcenter.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/116\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/printcenter.vcsistemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}