{"id":47,"date":"2026-05-20T23:58:19","date_gmt":"2026-05-21T02:58:19","guid":{"rendered":"https:\/\/teste.upzbr.com\/?page_id=47"},"modified":"2026-05-21T00:15:06","modified_gmt":"2026-05-21T03:15:06","slug":"teste-01","status":"publish","type":"page","link":"https:\/\/teste.upzbr.com\/?page_id=47","title":{"rendered":"Teste 01"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n<style>\n  .botoes4__botoes{\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 10px;\n    margin-bottom: 14px;\n  }\n\n  .botoes4__btn{\n    padding: 10px 12px;\n    border: 1px solid rgba(0,0,0,.15);\n    background: #fff;\n    font-weight: 700;\n    border-radius: 12px;\n    cursor: pointer;\n    line-height: 1.1;\n  }\n\n  .botoes4__btn.is-active{\n    background: #111827;\n    color: #fff;\n    border-color: #111827;\n  }\n\n  \/* \u2705 CORRE\u00c7\u00c3O: pain\u00e9is come\u00e7am escondidos *\/\n  .botoes4__painel{\n    display: none;\n  }\n\n  \/* \u2705 S\u00f3 o painel ativo aparece *\/\n  .botoes4__painel.is-active{\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    align-items: start;\n  }\n\n  \/* \u2705 Garantia extra: se hidden estiver presente, esconde de verdade *\/\n  .botoes4__painel[hidden]{\n    display: none !important;\n  }\n\n  .botoes4__img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 12px;\n  }\n\n  @media (max-width: 700px){\n    .botoes4__botoes{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    .botoes4__painel.is-active{ grid-template-columns: 1fr; }\n  }\n<\/style>\n<\/style>\n\n<div class=\"botoes4\" data-botoes4>\n  <div class=\"botoes4__botoes\" role=\"tablist\" aria-label=\"Sele\u00e7\u00e3o de imagens\">\n    <button class=\"botoes4__btn\" type=\"button\" data-alvo=\"painel1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"painel1\">\n      Bot\u00e3o 1\n    <\/button>\n    <button class=\"botoes4__btn\" type=\"button\" data-alvo=\"painel2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"painel2\">\n      Bot\u00e3o 2\n    <\/button>\n    <button class=\"botoes4__btn\" type=\"button\" data-alvo=\"painel3\" role=\"tab\" aria-selected=\"false\" aria-controls=\"painel3\">\n      Bot\u00e3o 3\n    <\/button>\n    <button class=\"botoes4__btn\" type=\"button\" data-alvo=\"painel4\" role=\"tab\" aria-selected=\"false\" aria-controls=\"painel4\">\n      Bot\u00e3o 4\n    <\/button>\n  <\/div>\n\n  <div class=\"botoes4__paineis\">\n    <div class=\"botoes4__painel is-active\" id=\"painel1\" role=\"tabpanel\" aria-label=\"Conte\u00fado do Bot\u00e3o 1\">\n      <img decoding=\"async\" class=\"botoes4__img\" src=\"COLE_AQUI_URL_DA_IMAGEM_1A\" alt=\"Imagem 1A\">\n      <img decoding=\"async\" class=\"botoes4__img\" src=\"COLE_AQUI_URL_DA_IMAGEM_1B\" alt=\"Imagem 1B\">\n    <\/div>\n\n    <div class=\"botoes4__painel\" id=\"painel2\" role=\"tabpanel\" aria-label=\"Conte\u00fado do Bot\u00e3o 2\" hidden>\n      <img decoding=\"async\" class=\"botoes4__img\" src=\"COLE_AQUI_URL_DA_IMAGEM_2A\" alt=\"Imagem 2A\">\n      <img decoding=\"async\" class=\"botoes4__img\" src=\"COLE_AQUI_URL_DA_IMAGEM_2B\" alt=\"Imagem 2B\">\n    <\/div>\n\n    <div class=\"botoes4__painel\" id=\"painel3\" role=\"tabpanel\" aria-label=\"Conte\u00fado do Bot\u00e3o 3\" hidden>\n      <img decoding=\"async\" class=\"botoes4__img\" src=\"COLE_AQUI_URL_DA_IMAGEM_3A\" alt=\"Imagem 3A\">\n      <img decoding=\"async\" class=\"botoes4__img\" src=\"COLE_AQUI_URL_DA_IMAGEM_3B\" alt=\"Imagem 3B\">\n    <\/div>\n\n    <div class=\"botoes4__painel\" id=\"painel4\" role=\"tabpanel\" aria-label=\"Conte\u00fado do Bot\u00e3o 4\" hidden>\n      <img decoding=\"async\" class=\"botoes4__img\" src=\"COLE_AQUI_URL_DA_IMAGEM_4A\" alt=\"Imagem 4A\">\n      <img decoding=\"async\" class=\"botoes4__img\" src=\"COLE_AQUI_URL_DA_IMAGEM_4B\" alt=\"Imagem 4B\">\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<script>\n  (function(){\n    \/\/ Suporta mais de um bloco desse na mesma p\u00e1gina\n    document.querySelectorAll('[data-botoes4]').forEach((root) => {\n      const botoes = Array.from(root.querySelectorAll('.botoes4__btn'));\n      const paineis = Array.from(root.querySelectorAll('.botoes4__painel'));\n\n      root.addEventListener('click', (e) => {\n        const btn = e.target.closest('.botoes4__btn');\n        if (!btn || !root.contains(btn)) return;\n\n        const alvo = btn.getAttribute('data-alvo');\n\n        botoes.forEach((b) => {\n          const ativo = (b === btn);\n          b.classList.toggle('is-active', ativo);\n          b.setAttribute('aria-selected', ativo ? 'true' : 'false');\n        });\n\n        paineis.forEach((p) => {\n          const ativo = (p.id === alvo);\n          p.classList.toggle('is-active', ativo);\n          p.hidden = !ativo;\n        });\n      });\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Bot\u00e3o 1 Bot\u00e3o 2 Bot\u00e3o 3 Bot\u00e3o 4<\/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-47","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/teste.upzbr.com\/index.php?rest_route=\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teste.upzbr.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teste.upzbr.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teste.upzbr.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teste.upzbr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":7,"href":"https:\/\/teste.upzbr.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/teste.upzbr.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/teste.upzbr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}