{"id":1840,"date":"2022-09-02T05:59:04","date_gmt":"2022-09-02T05:59:04","guid":{"rendered":"http:\/\/hpmc.ae\/?page_id=1840"},"modified":"2025-12-25T08:59:20","modified_gmt":"2025-12-25T08:59:20","slug":"blog","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/es_mx\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"<p><!-- Blog Section --><\/p>\n<div class=\"blog-section\">\n<div class=\"content-container\">\n<p>        <!-- Section Header --><\/p>\n<div class=\"blog-section-header\">\n<div class=\"section-badge\">\n                <span class=\"badge-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcda\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4da.svg\"><\/span><br \/>\n                <span class=\"badge-text\">\u00daltimas novedades<\/span>\n            <\/div>\n<h2 class=\"section-title\">Blog y perspectivas<\/h2>\n<p class=\"section-subtitle\">Mantente informado con las \u00faltimas noticias del sector, art\u00edculos t\u00e9cnicos y actualizaciones de productos<\/p>\n<\/p><\/div>\n<p>        <!-- Category Filter --><\/p>\n<div class=\"blog-category-filter\">\n            <button class=\"category-filter-btn active\" data-category=\"all\"><br \/>\n                <span class=\"filter-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf1f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f31f.svg\"><\/span><br \/>\n                <span class=\"filter-text\">Todas las publicaciones<\/span><br \/>\n            <\/button><br \/>\n            <button class=\"category-filter-btn editing\" data-category=\"technical\"><br \/>\n                <span class=\"filter-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span><br \/>\n                <span class=\"filter-text\">T\u00e9cnico<\/span><br \/>\n            <\/button><br \/>\n            <button class=\"category-filter-btn\" data-category=\"products\"><br \/>\n                <span class=\"filter-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e6.svg\"><\/span><br \/>\n                <span class=\"filter-text\">Productos<\/span><br \/>\n            <\/button><br \/>\n            <button class=\"category-filter-btn\" data-category=\"industry\"><br \/>\n                <span class=\"filter-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span><br \/>\n                <span class=\"filter-text\">Noticias del sector<\/span><br \/>\n            <\/button><br \/>\n            <button class=\"category-filter-btn\" data-category=\"case-study\"><br \/>\n                <span class=\"filter-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcbc\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4bc.svg\"><\/span><br \/>\n                <span class=\"filter-text\">Estudios de caso<\/span><br \/>\n            <\/button>\n        <\/div>\n<p>        <!-- Blog Posts Grid --><\/p>\n<div class=\"blog-posts-grid\" id=\"blogPostsGrid\">\n            <!-- Posts will be loaded here dynamically --><\/p>\n<div class=\"loading-spinner\">\n<p>Loading articles&#8230;<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Load More Button --><\/p>\n<div class=\"blog-load-more\">\n            <button class=\"load-more-button\" id=\"loadMoreBtn\"><br \/>\n                <span class=\"load-more-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2b07\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2b07.svg\"><\/span><br \/>\n                <span class=\"load-more-text\">Cargar m\u00e1s art\u00edculos<\/span><br \/>\n            <\/button>\n        <\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Blog Section *\/\n.blog-section {\n    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\n    padding: 100px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.blog-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 15% 20%, rgba(6, 182, 212, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.content-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.blog-section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.section-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(240, 249, 255, 0.8), rgba(224, 242, 254, 0.6));\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    padding: 8px 20px;\n    border-radius: 50px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.1rem;\n}<\/p>\n<p>.badge-text {\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.section-title {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 16px 0;\n    line-height: 1.2;\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.15rem;\n    color: #64748b;\n    margin: 0;\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Category Filter *\/\n.blog-category-filter {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 50px;\n}<\/p>\n<p>.category-filter-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.15);\n    padding: 12px 24px;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    font-family: inherit;\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.category-filter-btn:hover {\n    border-color: rgba(6, 182, 212, 0.4);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.15);\n    transform: translateY(-2px);\n}<\/p>\n<p>.category-filter-btn.active {\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    border-color: #0891b2;\n    color: white;\n    box-shadow: 0 6px 20px rgba(8, 145, 178, 0.3);\n}<\/p>\n<p>.filter-icon {\n    font-size: 1.1rem;\n}<\/p>\n<p>\/* Blog Posts Grid *\/\n.blog-posts-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-bottom: 60px;\n    min-height: 400px;\n}<\/p>\n<p>\/* Loading Spinner *\/\n.loading-spinner {\n    grid-column: 1 \/ -1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    padding: 60px 0;\n}<\/p>\n<p>.spinner {\n    width: 50px;\n    height: 50px;\n    border: 4px solid rgba(6, 182, 212, 0.1);\n    border-top-color: #0891b2;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n}<\/p>\n<p>@keyframes spin {\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>.loading-spinner p {\n    font-size: 1rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* Blog Post Card *\/\n.blog-post-card {\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.12);\n    border-radius: 24px;\n    overflow: hidden;\n    transition: all 0.4s ease;\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n}<\/p>\n<p>.blog-post-card:hover {\n    border-color: rgba(6, 182, 212, 0.3);\n    box-shadow: 0 12px 40px rgba(6, 182, 212, 0.15);\n    transform: translateY(-8px);\n}<\/p>\n<p>.post-thumbnail {\n    position: relative;\n    height: 240px;\n    overflow: hidden;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n}<\/p>\n<p>.post-thumbnail img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.blog-post-card:hover .post-thumbnail img {\n    transform: scale(1.1);\n}<\/p>\n<p>.post-thumbnail-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.2));\n}<\/p>\n<p>.post-category-badge {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 8px 16px;\n    border-radius: 50px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.post-category-icon {\n    font-size: 0.9rem;\n}<\/p>\n<p>.post-category-name {\n    font-size: 0.75rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.post-content {\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    flex: 1;\n}<\/p>\n<p>.post-meta {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 0.85rem;\n    color: #64748b;\n    flex-wrap: wrap;\n}<\/p>\n<p>.post-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}<\/p>\n<p>.post-meta-icon {\n    font-size: 0.9rem;\n}<\/p>\n<p>.post-meta-divider {\n    color: #cbd5e1;\n}<\/p>\n<p>.post-title {\n    font-size: 1.3rem;\n    font-weight: 800;\n    color: #0f172a;\n    line-height: 1.4;\n    margin: 0;\n    transition: color 0.3s ease;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}<\/p>\n<p>.blog-post-card:hover .post-title {\n    color: #0891b2;\n}<\/p>\n<p>.post-excerpt {\n    font-size: 0.95rem;\n    color: #475569;\n    line-height: 1.7;\n    margin: 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}<\/p>\n<p>.post-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: auto;\n    padding-top: 14px;\n    border-top: 1px solid rgba(6, 182, 212, 0.1);\n}<\/p>\n<p>.post-author {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}<\/p>\n<p>.author-avatar {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.9rem;\n    color: white;\n    font-weight: 700;\n}<\/p>\n<p>.author-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.post-read-more {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.post-read-more:hover {\n    gap: 10px;\n}<\/p>\n<p>.read-more-arrow {\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.post-read-more:hover .read-more-arrow {\n    transform: translateX(3px);\n}<\/p>\n<p>\/* Load More Button *\/\n.blog-load-more {\n    display: flex;\n    justify-content: center;\n}<\/p>\n<p>.load-more-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    color: white;\n    font-size: 1.1rem;\n    font-weight: 700;\n    padding: 18px 50px;\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 6px 25px rgba(8, 145, 178, 0.3);\n    font-family: inherit;\n}<\/p>\n<p>.load-more-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 35px rgba(8, 145, 178, 0.4);\n}<\/p>\n<p>.load-more-button:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none;\n}<\/p>\n<p>.load-more-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>\/* No Posts Message *\/\n.no-posts-message {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 60px 20px;\n}<\/p>\n<p>.no-posts-icon {\n    font-size: 4rem;\n    margin-bottom: 20px;\n}<\/p>\n<p>.no-posts-message h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 10px 0;\n}<\/p>\n<p>.no-posts-message p {\n    font-size: 1rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .blog-posts-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .content-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .blog-section {\n        padding: 80px 0;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .blog-posts-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }<\/p>\n<p>    .blog-category-filter {\n        gap: 8px;\n    }<\/p>\n<p>    .category-filter-btn {\n        padding: 10px 18px;\n        font-size: 0.9rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .content-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .blog-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .post-content {\n        padding: 24px;\n    }\n}\n<\/style>\n<p><script>\n\/\/ WordPress REST API Configuration\nconst POSTS_PER_PAGE = 6;\nlet currentPage = 1;\nlet currentCategory = 'all';\nlet isLoading = false;\nlet hasMorePosts = true;<\/p>\n<p>\/\/ Get WordPress site URL\nconst WP_API_URL = window.location.origin + '\/wp-json\/wp\/v2';<\/p>\n<p>\/\/ Category mapping\nconst categoryMap = {\n    'all': null,\n    'technical': 'technical',\n    'products': 'products',\n    'industry': 'industry-news',\n    'case-study': 'case-studies'\n};<\/p>\n<p>\/\/ HTML decode function to fix garbled text\nfunction decodeHTML(html) {\n    const txt = document.createElement('textarea');\n    txt.innerHTML = html;\n    return txt.value;\n}<\/p>\n<p>\/\/ Strip HTML tags and decode entities\nfunction stripHTMLAndDecode(html) {\n    const tmp = document.createElement('div');\n    tmp.innerHTML = html;\n    return tmp.textContent || tmp.innerText || '';\n}<\/p>\n<p>\/\/ Initialize blog section\ndocument.addEventListener('DOMContentLoaded', function() {\n    loadPosts();\n    setupCategoryFilters();\n    setupLoadMore();\n});<\/p>\n<p>\/\/ Load posts from WordPress\nasync function loadPosts(append = false) {\n    if (isLoading) return;<\/p>\n<p>    isLoading = true;\n    const grid = document.getElementById('blogPostsGrid');<\/p>\n<p>    if (!append) {\n        grid.innerHTML = '<\/p>\n<div class=\"loading-spinner\">\n<p>Loading articles...<\/p>\n<\/div>\n<p>';\n    }<\/p>\n<p>    try {\n        let url = `${WP_API_URL}\/posts?per_page=${POSTS_PER_PAGE}&page=${currentPage}&_embed`;<\/p>\n<p>        \/\/ Add category filter if not 'all'\n        if (currentCategory !== 'all' && categoryMap[currentCategory]) {\n            const categories = await fetch(`${WP_API_URL}\/categories?slug=${categoryMap[currentCategory]}`).then(r => r.json());\n            if (categories.length > 0) {\n                url += `&categories=${categories[0].id}`;\n            }\n        }<\/p>\n<p>        const response = await fetch(url);\n        const posts = await response.json();<\/p>\n<p>        \/\/ Check if there are more posts\n        const totalPages = parseInt(response.headers.get('X-WP-TotalPages'));\n        hasMorePosts = currentPage < totalPages;\n        \n        if (!append) {\n            grid.innerHTML = '';\n        } else {\n            const spinner = grid.querySelector('.loading-spinner');\n            if (spinner) spinner.remove();\n        }\n        \n        if (posts.length === 0 &#038;&#038; !append) {\n            grid.innerHTML = `\n                \n\n<div class=\"no-posts-message\">\n<div class=\"no-posts-icon\">\ud83d\udced<\/div>\n<h3>No Articles Found<\/h3>\n<p>There are no articles in this category yet. Check back soon!<\/p>\n<\/p><\/div>\n<p>            `;\n        } else {\n            posts.forEach(post => {\n                grid.appendChild(createPostCard(post));\n            });\n        }<\/p>\n<p>        updateLoadMoreButton();<\/p>\n<p>    } catch (error) {\n        console.error('Error loading posts:', error);\n        grid.innerHTML = `<\/p>\n<div class=\"no-posts-message\">\n<div class=\"no-posts-icon\">\u26a0\ufe0f<\/div>\n<h3>Error Loading Articles<\/h3>\n<p>Please try again later.<\/p>\n<\/p><\/div>\n<p>        `;\n    }<\/p>\n<p>    isLoading = false;\n}<\/p>\n<p>\/\/ Create post card element\nfunction createPostCard(post) {\n    const card = document.createElement('article');\n    card.className = 'blog-post-card';<\/p>\n<p>    \/\/ Get featured image\n    const featuredImage = post._embedded?.['wp:featuredmedia']?.[0]?.source_url || 'https:\/\/via.placeholder.com\/600x400?text=No+Image';<\/p>\n<p>    \/\/ Get category\n    const category = post._embedded?.['wp:term']?.[0]?.[0];\n    const categoryName = category?.name || 'Uncategorized';\n    const categoryIcon = getCategoryIcon(categoryName);<\/p>\n<p>    \/\/ Get author\n    const author = post._embedded?.author?.[0];\n    const authorName = author?.name || 'Admin';\n    const authorInitial = authorName.charAt(0).toUpperCase();<\/p>\n<p>    \/\/ Format date\n    const postDate = new Date(post.date);\n    const formattedDate = postDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });<\/p>\n<p>    \/\/ Calculate reading time\n    const content = stripHTMLAndDecode(post.content.rendered);\n    const wordCount = content.split(\/\\s+\/).length;\n    const readingTime = Math.max(1, Math.ceil(wordCount \/ 200));<\/p>\n<p>    \/\/ Get and decode title\n    const title = decodeHTML(post.title.rendered);<\/p>\n<p>    \/\/ Get and clean excerpt\n    let excerpt = '';\n    if (post.excerpt.rendered) {\n        excerpt = stripHTMLAndDecode(post.excerpt.rendered);\n    } else {\n        excerpt = content.substring(0, 150);\n    }\n    \/\/ Limit excerpt length\n    if (excerpt.length > 150) {\n        excerpt = excerpt.substring(0, 150) + '...';\n    }<\/p>\n<p>    card.innerHTML = `<\/p>\n<div class=\"post-thumbnail\">\n            <img decoding=\"async\" src=\"${featuredImage}\" alt=\"${title}\" loading=\"lazy\"><\/p>\n<div class=\"post-category-badge\">\n                <span class=\"post-category-icon\">${categoryIcon}<\/span>\n                <span class=\"post-category-name\">${categoryName}<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"post-content\">\n<div class=\"post-meta\">\n                <span class=\"post-meta-item\">\n                    <span class=\"post-meta-icon\">\ud83d\udcc5<\/span>\n                    <span>${formattedDate}<\/span>\n                <\/span>\n                <span class=\"post-meta-divider\">\u2022<\/span>\n                <span class=\"post-meta-item\">\n                    <span class=\"post-meta-icon\">\u23f1\ufe0f<\/span>\n                    <span>${readingTime} min read<\/span>\n                <\/span>\n            <\/div>\n<h3 class=\"post-title\">${title}<\/h3>\n<p class=\"post-excerpt\">${excerpt}<\/p>\n<div class=\"post-footer\">\n<div class=\"post-author\">\n<div class=\"author-avatar\">${authorInitial}<\/div>\n<p>                    <span class=\"author-name\">${authorName}<\/span>\n                <\/div>\n<p>                <a href=\"${post.link}\" class=\"post-read-more\">\n                    <span>Read More<\/span>\n                    <span class=\"read-more-arrow\">\u2192<\/span>\n                <\/a>\n            <\/div>\n<\/p><\/div>\n<p>    `;<\/p>\n<p>    \/\/ Make entire card clickable\n    card.addEventListener('click', function(e) {\n        if (!e.target.closest('.post-read-more')) {\n            window.location.href = post.link;\n        }\n    });<\/p>\n<p>    return card;\n}<\/p>\n<p>\/\/ Get category icon\nfunction getCategoryIcon(categoryName) {\n    const icons = {\n        'Technical': '\ud83d\udd2c',\n        'Products': '\ud83d\udce6',\n        'Industry News': '\ud83c\udf0d',\n        'Case Studies': '\ud83d\udcbc',\n        'Construction': '\ud83c\udfd7\ufe0f',\n        'News': '\ud83d\udcf0',\n        'Guides': '\ud83d\udcd6',\n        'default': '\ud83d\udcc4'\n    };\n    return icons[categoryName] || icons.default;\n}<\/p>\n<p>\/\/ Setup category filters\nfunction setupCategoryFilters() {\n    const filterButtons = document.querySelectorAll('.category-filter-btn');<\/p>\n<p>    filterButtons.forEach(button => {\n        button.addEventListener('click', function() {\n            filterButtons.forEach(btn => btn.classList.remove('active'));\n            this.classList.add('active');<\/p>\n<p>            currentCategory = this.dataset.category;\n            currentPage = 1;\n            hasMorePosts = true;<\/p>\n<p>            loadPosts(false);\n        });\n    });\n}<\/p>\n<p>\/\/ Setup load more button\nfunction setupLoadMore() {\n    const loadMoreBtn = document.getElementById('loadMoreBtn');<\/p>\n<p>    loadMoreBtn.addEventListener('click', function() {\n        if (!isLoading && hasMorePosts) {\n            currentPage++;\n            loadPosts(true);\n        }\n    });\n}<\/p>\n<p>\/\/ Update load more button state\nfunction updateLoadMoreButton() {\n    const loadMoreBtn = document.getElementById('loadMoreBtn');<\/p>\n<p>    if (hasMorePosts) {\n        loadMoreBtn.style.display = 'inline-flex';\n        loadMoreBtn.disabled = false;\n    } else {\n        loadMoreBtn.style.display = 'none';\n    }\n}\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>Latest Updates Blog &amp; Insights Stay informed with the latest industry news, technical articles, and product updates All Posts Technical Products Industry News Case Studies Loading articles&#8230; Load More Articles<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1840","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/pages\/1840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/comments?post=1840"}],"version-history":[{"count":16,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/pages\/1840\/revisions"}],"predecessor-version":[{"id":2744,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/pages\/1840\/revisions\/2744"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/media?parent=1840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}