{"id":1303,"date":"2025-05-27T22:19:35","date_gmt":"2025-05-28T01:19:35","guid":{"rendered":"https:\/\/leyard.com.br\/?page_id=1303"},"modified":"2026-08-26T17:09:01","modified_gmt":"2026-08-26T20:09:01","slug":"blog","status":"publish","type":"page","link":"http:\/\/leyard.com.br\/esp\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1303\" class=\"elementor elementor-1303\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36b5a0a e-flex e-con-boxed e-con e-parent\" data-id=\"36b5a0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-893f3e4 elementor-widget elementor-widget-html\" data-id=\"893f3e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  BLOG LEYARD \u2014 NOVO LAYOUT\r\n  Cole este bloco em um widget HTML do Elementor na p\u00e1gina \/blog\/.\r\n  O cabe\u00e7alho e o rodap\u00e9 atuais do site permanecem fora deste c\u00f3digo.\r\n-->\r\n\r\n<section id=\"leyard-blog\" class=\"ly-blog\" aria-labelledby=\"ly-blog-title\">\r\n  <header class=\"ly-blog__hero\">\r\n    <div class=\"ly-blog__hero-inner\">\r\n      <p class=\"ly-blog__eyebrow\">CONTE\u00daDO E NOVIDADES LEYARD <\/p>\r\n      <h1 id=\"ly-blog-title\">BLOG<\/h1>\r\n      <span class=\"ly-blog__brand-line\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <div class=\"ly-blog__content\">\r\n    <div class=\"ly-blog__filters\" role=\"search\" aria-label=\"Buscar artigos do blog\">\r\n      <label class=\"ly-blog__field ly-blog__search\">\r\n        <span class=\"ly-blog__sr-only\">Buscar artigos<\/span>\r\n        <input id=\"ly-blog-search\" type=\"search\" placeholder=\"BUSCAR...\" autocomplete=\"off\">\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m16.5 16.5 4 4\"\/><\/svg>\r\n      <\/label>\r\n    <\/div>\r\n\r\n    <div id=\"ly-blog-status\" class=\"ly-blog__status\" role=\"status\" aria-live=\"polite\"><\/div>\r\n    <div id=\"ly-blog-results\" class=\"ly-blog__results\" aria-busy=\"true\"><\/div>\r\n    <nav id=\"ly-blog-pagination\" class=\"ly-blog__pagination\" aria-label=\"Pagina\u00e7\u00e3o do blog\"><\/nav>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  #leyard-blog,\r\n  #leyard-blog * { box-sizing: border-box; }\r\n\r\n  #leyard-blog {\r\n    --ly-black: #05070b;\r\n    --ly-ink: #111318;\r\n    --ly-muted: #626875;\r\n    --ly-line: #d8dbe1;\r\n    --ly-red: #e21e2d;\r\n    --ly-blue: #1466b8;\r\n    --ly-white: #ffffff;\r\n    width: 100%;\r\n    margin: -10px 0 0;\r\n    color: var(--ly-ink);\r\n    background: var(--ly-white);\r\n    font-family: Inter, Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__hero {\r\n    width: 100vw;\r\n    max-width: none;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    min-height: 350px;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: 72px 24px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    isolation: isolate;\r\n    background:\r\n      radial-gradient(circle at 15% 115%, rgba(226, 30, 45, .20), transparent 35%),\r\n      radial-gradient(circle at 85% -15%, rgba(20, 102, 184, .24), transparent 37%),\r\n      var(--ly-black);\r\n  }\r\n\r\n  #leyard-blog .ly-blog__hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    opacity: .12;\r\n    background-image: linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.14) 50%, transparent 50.2%);\r\n    background-size: 72px 100%;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__hero-inner { text-align: center; }\r\n\r\n  #leyard-blog .ly-blog__eyebrow {\r\n    margin: 0 0 18px;\r\n    color: #c6cbd4;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: .24em;\r\n  }\r\n\r\n  #leyard-blog h1 {\r\n    margin: 0;\r\n    color: var(--ly-white);\r\n    font-size: clamp(42px, 5vw, 72px);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: .12em;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__brand-line {\r\n    display: block;\r\n    width: min(300px, 68vw);\r\n    height: 3px;\r\n    margin: 38px auto 0;\r\n    background: linear-gradient(90deg, var(--ly-red), #8e285f 52%, var(--ly-blue));\r\n  }\r\n\r\n  #leyard-blog .ly-blog__content {\r\n    width: min(1220px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n    padding: 58px 0 76px;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__filters {\r\n    width: min(100%, 480px);\r\n    margin-bottom: 58px;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__field {\r\n    min-width: 0;\r\n    height: 50px;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    border: 1px solid #aeb3bc;\r\n    background: #fff;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__field:focus-within {\r\n    border-color: var(--ly-blue);\r\n    box-shadow: 0 0 0 3px rgba(20, 102, 184, .12);\r\n  }\r\n\r\n  #leyard-blog .ly-blog__field select,\r\n  #leyard-blog .ly-blog__field input {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0 52px 0 18px;\r\n    border: 0;\r\n    outline: 0;\r\n    border-radius: 0;\r\n    background: transparent;\r\n    color: var(--ly-ink);\r\n    font: inherit;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: .16em;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__field select {\r\n    cursor: pointer;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__field input::placeholder { color: #777d87; opacity: 1; }\r\n\r\n  #leyard-blog .ly-blog__field > svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    position: absolute;\r\n    right: 17px;\r\n    pointer-events: none;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__search { border-width: 0 0 1px; }\r\n\r\n  #leyard-blog .ly-blog__status {\r\n    min-height: 0;\r\n    margin: -34px 0 26px;\r\n    color: var(--ly-muted);\r\n    font-size: 14px;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__featured {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .95fr);\r\n    min-height: 430px;\r\n    margin-bottom: 64px;\r\n    background: #f4f5f7;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__featured-media {\r\n    min-height: 430px;\r\n    overflow: hidden;\r\n    display: block;\r\n    background: #fff;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__featured-media img,\r\n  #leyard-blog .ly-blog__card-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform .55s cubic-bezier(.2,.7,.2,1);\r\n  }\r\n\r\n  \/* A imagem principal aparece inteira, sem o corte do object-fit: cover. *\/\r\n  #leyard-blog .ly-blog__featured-media img {\r\n    object-fit: contain;\r\n    object-position: center;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__card:hover img { transform: scale(1.035); }\r\n\r\n  #leyard-blog .ly-blog__featured-body {\r\n    padding: clamp(36px, 4vw, 62px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__featured h2 {\r\n    margin: 0;\r\n    color: var(--ly-black);\r\n    font-size: clamp(24px, 2.3vw, 34px);\r\n    font-weight: 750;\r\n    line-height: 1.14;\r\n    letter-spacing: .015em;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__title-line {\r\n    width: 135px;\r\n    height: 2px;\r\n    margin: 20px 0;\r\n    background: linear-gradient(90deg, var(--ly-red), var(--ly-blue));\r\n  }\r\n\r\n  #leyard-blog .ly-blog__excerpt {\r\n    display: -webkit-box;\r\n    margin: 0 0 28px;\r\n    overflow: hidden;\r\n    color: #444a55;\r\n    font-size: 16px;\r\n    line-height: 1.55;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 5;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__button {\r\n    min-width: 190px;\r\n    height: 44px;\r\n    padding: 0 26px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    border: 1px solid #747a84;\r\n    color: var(--ly-ink);\r\n    background: transparent;\r\n    text-decoration: none;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: .18em;\r\n    transition: color .2s ease, background .2s ease, border-color .2s ease;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__button::after {\r\n    content: \"\u2197\";\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__button:hover,\r\n  #leyard-blog .ly-blog__button:focus-visible {\r\n    color: #fff;\r\n    border-color: var(--ly-red);\r\n    background: var(--ly-red);\r\n  }\r\n\r\n  #leyard-blog .ly-blog__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 42px 30px;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__card { min-width: 0; }\r\n\r\n  #leyard-blog .ly-blog__card-media {\r\n    height: 278px;\r\n    display: block;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #e1e3e7;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__card-title {\r\n    width: calc(100% - 42px);\r\n    min-height: 126px;\r\n    margin: -84px 0 0;\r\n    padding: 24px 24px 22px;\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    color: #fff;\r\n    background: rgba(5, 7, 11, .96);\r\n  }\r\n\r\n  #leyard-blog .ly-blog__card-title h3 {\r\n    display: -webkit-box;\r\n    margin: 0;\r\n    overflow: hidden;\r\n    color: inherit;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    line-height: 1.32;\r\n    letter-spacing: .06em;\r\n    text-transform: uppercase;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 4;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__card-line {\r\n    width: 95px;\r\n    height: 2px;\r\n    margin-top: 14px;\r\n    background: linear-gradient(90deg, var(--ly-red), var(--ly-blue));\r\n  }\r\n\r\n  #leyard-blog .ly-blog__card-action {\r\n    margin-top: 12px;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__card-action .ly-blog__button {\r\n    min-width: 160px;\r\n    height: 38px;\r\n    padding: 0 18px;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__pagination {\r\n    margin-top: 58px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__page {\r\n    min-width: 38px;\r\n    height: 38px;\r\n    padding: 0 11px;\r\n    border: 1px solid var(--ly-line);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--ly-ink);\r\n    background: #fff;\r\n    cursor: pointer;\r\n    font: inherit;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    transition: .2s ease;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__page:hover,\r\n  #leyard-blog .ly-blog__page:focus-visible,\r\n  #leyard-blog .ly-blog__page[aria-current=\"page\"] {\r\n    color: #fff;\r\n    border-color: var(--ly-red);\r\n    background: var(--ly-red);\r\n  }\r\n\r\n  #leyard-blog .ly-blog__page:disabled { opacity: .4; cursor: not-allowed; }\r\n\r\n  #leyard-blog .ly-blog__empty,\r\n  #leyard-blog .ly-blog__error {\r\n    padding: 80px 24px;\r\n    border: 1px solid var(--ly-line);\r\n    text-align: center;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__empty h2,\r\n  #leyard-blog .ly-blog__error h2 { margin: 0 0 10px; font-size: 25px; }\r\n\r\n  #leyard-blog .ly-blog__empty p,\r\n  #leyard-blog .ly-blog__error p { margin: 0; color: var(--ly-muted); }\r\n\r\n  #leyard-blog .ly-blog__skeleton-featured,\r\n  #leyard-blog .ly-blog__skeleton-card { position: relative; overflow: hidden; background: #e8eaee; }\r\n\r\n  #leyard-blog .ly-blog__skeleton-featured { height: 430px; margin-bottom: 64px; }\r\n\r\n  #leyard-blog .ly-blog__skeleton-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__skeleton-card { height: 360px; }\r\n\r\n  #leyard-blog .ly-blog__skeleton-featured::after,\r\n  #leyard-blog .ly-blog__skeleton-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    transform: translateX(-100%);\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent);\r\n    animation: ly-shimmer 1.4s infinite;\r\n  }\r\n\r\n  #leyard-blog .ly-blog__sr-only {\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    position: absolute;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border: 0;\r\n  }\r\n\r\n  @keyframes ly-shimmer { to { transform: translateX(100%); } }\r\n\r\n  @media (max-width: 980px) {\r\n    #leyard-blog .ly-blog__hero { min-height: 300px; }\r\n    #leyard-blog .ly-blog__featured { grid-template-columns: 1fr; }\r\n    #leyard-blog .ly-blog__featured-media { min-height: 380px; }\r\n    #leyard-blog .ly-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    #leyard-blog .ly-blog__skeleton-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #leyard-blog .ly-blog__hero { min-height: 235px; padding: 54px 20px; }\r\n    #leyard-blog .ly-blog__eyebrow { font-size: 10px; }\r\n    #leyard-blog .ly-blog__brand-line { margin-top: 28px; }\r\n    #leyard-blog .ly-blog__content { width: min(100% - 32px, 1220px); padding: 36px 0 56px; }\r\n    #leyard-blog .ly-blog__filters { margin-bottom: 42px; }\r\n    #leyard-blog .ly-blog__status { margin-top: -23px; }\r\n    #leyard-blog .ly-blog__featured { min-height: 0; margin-bottom: 46px; }\r\n    #leyard-blog .ly-blog__featured-media { min-height: 0; aspect-ratio: 16 \/ 10; }\r\n    #leyard-blog .ly-blog__featured-body { padding: 30px 24px 34px; }\r\n    #leyard-blog .ly-blog__excerpt { -webkit-line-clamp: 4; }\r\n    #leyard-blog .ly-blog__grid,\r\n    #leyard-blog .ly-blog__skeleton-grid { grid-template-columns: 1fr; gap: 36px; }\r\n    #leyard-blog .ly-blog__card-media { height: auto; aspect-ratio: 4 \/ 3; }\r\n    #leyard-blog .ly-blog__card-title { width: calc(100% - 24px); }\r\n    #leyard-blog .ly-blog__skeleton-featured { height: 480px; }\r\n    #leyard-blog .ly-blog__skeleton-card { height: 390px; }\r\n    #leyard-blog .ly-blog__pagination { margin-top: 44px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #leyard-blog *, #leyard-blog *::before, #leyard-blog *::after {\r\n      scroll-behavior: auto !important;\r\n      animation-duration: .01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: .01ms !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const root = document.getElementById('leyard-blog');\r\n  if (!root || root.dataset.initialized === 'true') return;\r\n  root.dataset.initialized = 'true';\r\n\r\n  const API = `${window.location.origin}\/wp-json\/wp\/v2`;\r\n  const POSTS_PER_PAGE = 10;\r\n  const results = root.querySelector('#ly-blog-results');\r\n  const pagination = root.querySelector('#ly-blog-pagination');\r\n  const status = root.querySelector('#ly-blog-status');\r\n  const search = root.querySelector('#ly-blog-search');\r\n\r\n  let currentPage = 1;\r\n  let totalPages = 1;\r\n  let requestController = null;\r\n  let debounceTimer = null;\r\n\r\n  const decode = (value = '') => {\r\n    const textarea = document.createElement('textarea');\r\n    textarea.innerHTML = String(value);\r\n    return textarea.value;\r\n  };\r\n\r\n  const plainText = (html = '') => {\r\n    const div = document.createElement('div');\r\n    div.innerHTML = html;\r\n    return decode(div.textContent || div.innerText || '').replace(\/\\s+\/g, ' ').trim();\r\n  };\r\n\r\n  const escapeHTML = (value = '') => String(value).replace(\/[&<>'\"]\/g, character => ({\r\n    '&': '&amp;', '<': '&lt;', '>': '&gt;', \"'\": '&#39;', '\"': '&quot;'\r\n  }[character]));\r\n\r\n  const imageFor = post => {\r\n    const media = post?._embedded?.['wp:featuredmedia']?.[0];\r\n    const sizes = media?.media_details?.sizes || {};\r\n    return sizes.large?.source_url || sizes.medium_large?.source_url || media?.source_url || '';\r\n  };\r\n\r\n  const imageMarkup = (post, className) => {\r\n    const src = imageFor(post);\r\n    const title = plainText(post.title?.rendered || 'Artigo Leyard');\r\n    return src\r\n      ? `<img src=\"${escapeHTML(src)}\" alt=\"${escapeHTML(title)}\" loading=\"lazy\" decoding=\"async\">`\r\n      : `<span class=\"${className}\" aria-hidden=\"true\"><\/span>`;\r\n  };\r\n\r\n  const featuredMarkup = post => {\r\n    const title = plainText(post.title?.rendered);\r\n    const excerpt = plainText(post.excerpt?.rendered);\r\n    const link = post.link;\r\n    return `\r\n      <article class=\"ly-blog__featured\">\r\n        <a class=\"ly-blog__featured-media\" href=\"${escapeHTML(link)}\" aria-label=\"Ler: ${escapeHTML(title)}\">\r\n          ${imageMarkup(post, 'ly-blog__image-fallback')}\r\n        <\/a>\r\n        <div class=\"ly-blog__featured-body\">\r\n          <h2>${escapeHTML(title)}<\/h2>\r\n          <span class=\"ly-blog__title-line\" aria-hidden=\"true\"><\/span>\r\n          ${excerpt ? `<p class=\"ly-blog__excerpt\">${escapeHTML(excerpt)}<\/p>` : ''}\r\n          <a class=\"ly-blog__button\" href=\"${escapeHTML(link)}\">LEIA MAIS<\/a>\r\n        <\/div>\r\n      <\/article>`;\r\n  };\r\n\r\n  const cardMarkup = post => {\r\n    const title = plainText(post.title?.rendered);\r\n    const link = post.link;\r\n    return `\r\n      <article class=\"ly-blog__card\">\r\n        <a class=\"ly-blog__card-media\" href=\"${escapeHTML(link)}\" aria-label=\"Ler: ${escapeHTML(title)}\">\r\n          ${imageMarkup(post, 'ly-blog__image-fallback')}\r\n        <\/a>\r\n        <div class=\"ly-blog__card-title\">\r\n          <h3>${escapeHTML(title)}<\/h3>\r\n          <span class=\"ly-blog__card-line\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n        <div class=\"ly-blog__card-action\">\r\n          <a class=\"ly-blog__button\" href=\"${escapeHTML(link)}\">LEIA MAIS<\/a>\r\n        <\/div>\r\n      <\/article>`;\r\n  };\r\n\r\n  const renderLoading = () => {\r\n    results.setAttribute('aria-busy', 'true');\r\n    status.textContent = 'Carregando artigos...';\r\n    results.innerHTML = `\r\n      <div class=\"ly-blog__skeleton-featured\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"ly-blog__skeleton-grid\" aria-hidden=\"true\">\r\n        ${Array.from({ length: 6 }, () => '<div class=\"ly-blog__skeleton-card\"><\/div>').join('')}\r\n      <\/div>`;\r\n    pagination.innerHTML = '';\r\n  };\r\n\r\n  const renderPagination = () => {\r\n    if (totalPages <= 1) {\r\n      pagination.innerHTML = '';\r\n      return;\r\n    }\r\n\r\n    const visible = new Set([1, totalPages, currentPage - 1, currentPage, currentPage + 1]);\r\n    const pages = [...visible].filter(page => page > 0 && page <= totalPages).sort((a, b) => a - b);\r\n    const items = [];\r\n\r\n    items.push(`<button class=\"ly-blog__page\" type=\"button\" data-page=\"${currentPage - 1}\" ${currentPage === 1 ? 'disabled' : ''} aria-label=\"P\u00e1gina anterior\">\u2039<\/button>`);\r\n\r\n    pages.forEach((page, index) => {\r\n      if (index && page - pages[index - 1] > 1) items.push('<span aria-hidden=\"true\">\u2026<\/span>');\r\n      items.push(`<button class=\"ly-blog__page\" type=\"button\" data-page=\"${page}\" ${page === currentPage ? 'aria-current=\"page\"' : ''}>${page}<\/button>`);\r\n    });\r\n\r\n    items.push(`<button class=\"ly-blog__page\" type=\"button\" data-page=\"${currentPage + 1}\" ${currentPage === totalPages ? 'disabled' : ''} aria-label=\"Pr\u00f3xima p\u00e1gina\">\u203a<\/button>`);\r\n    pagination.innerHTML = items.join('');\r\n  };\r\n\r\n  const loadPosts = async ({ scrollToResults = false } = {}) => {\r\n    if (requestController) requestController.abort();\r\n    requestController = new AbortController();\r\n    renderLoading();\r\n\r\n    const params = new URLSearchParams({\r\n      _embed: '1',\r\n      per_page: String(POSTS_PER_PAGE),\r\n      page: String(currentPage),\r\n      orderby: 'date',\r\n      order: 'desc'\r\n    });\r\n\r\n    if (search.value.trim()) params.set('search', search.value.trim());\r\n\r\n    try {\r\n      const response = await fetch(`${API}\/posts?${params}`, { signal: requestController.signal });\r\n      if (!response.ok) throw new Error(`HTTP ${response.status}`);\r\n\r\n      const posts = await response.json();\r\n      totalPages = Number(response.headers.get('X-WP-TotalPages')) || 1;\r\n      const totalPosts = Number(response.headers.get('X-WP-Total')) || posts.length;\r\n\r\n      if (!posts.length) {\r\n        results.innerHTML = `\r\n          <div class=\"ly-blog__empty\">\r\n            <h2>Nenhum artigo encontrado<\/h2>\r\n            <p>Tente outra palavra ou selecione uma categoria diferente.<\/p>\r\n          <\/div>`;\r\n        status.textContent = '';\r\n        pagination.innerHTML = '';\r\n      } else {\r\n        results.innerHTML = featuredMarkup(posts[0]) + (posts.length > 1\r\n          ? `<div class=\"ly-blog__grid\">${posts.slice(1).map(cardMarkup).join('')}<\/div>`\r\n          : '');\r\n        status.textContent = totalPosts === 1 ? '1 artigo encontrado' : `${totalPosts} artigos encontrados`;\r\n        renderPagination();\r\n      }\r\n\r\n      results.setAttribute('aria-busy', 'false');\r\n      if (scrollToResults) root.querySelector('.ly-blog__filters').scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    } catch (error) {\r\n      if (error.name === 'AbortError') return;\r\n      results.setAttribute('aria-busy', 'false');\r\n      status.textContent = '';\r\n      results.innerHTML = `\r\n        <div class=\"ly-blog__error\">\r\n          <h2>N\u00e3o foi poss\u00edvel carregar os artigos<\/h2>\r\n          <p>Atualize a p\u00e1gina e tente novamente.<\/p>\r\n        <\/div>`;\r\n    }\r\n  };\r\n\r\n  search.addEventListener('input', () => {\r\n    clearTimeout(debounceTimer);\r\n    debounceTimer = setTimeout(() => {\r\n      currentPage = 1;\r\n      loadPosts();\r\n    }, 450);\r\n  });\r\n\r\n  pagination.addEventListener('click', event => {\r\n    const button = event.target.closest('[data-page]');\r\n    if (!button || button.disabled) return;\r\n    const nextPage = Number(button.dataset.page);\r\n    if (!nextPage || nextPage === currentPage || nextPage > totalPages) return;\r\n    currentPage = nextPage;\r\n    loadPosts({ scrollToResults: true });\r\n  });\r\n\r\n  loadPosts();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CONTE\u00daDO E NOVIDADES LEYARD BLOG Buscar artigos<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-1303","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/leyard.com.br\/esp\/wp-json\/wp\/v2\/pages\/1303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/leyard.com.br\/esp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/leyard.com.br\/esp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/leyard.com.br\/esp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/leyard.com.br\/esp\/wp-json\/wp\/v2\/comments?post=1303"}],"version-history":[{"count":136,"href":"http:\/\/leyard.com.br\/esp\/wp-json\/wp\/v2\/pages\/1303\/revisions"}],"predecessor-version":[{"id":6497,"href":"http:\/\/leyard.com.br\/esp\/wp-json\/wp\/v2\/pages\/1303\/revisions\/6497"}],"wp:attachment":[{"href":"http:\/\/leyard.com.br\/esp\/wp-json\/wp\/v2\/media?parent=1303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}