{"id":2297,"date":"2026-04-21T13:18:49","date_gmt":"2026-04-21T13:18:49","guid":{"rendered":"https:\/\/hexa.artchiado.pt\/?page_id=2297"},"modified":"2026-04-30T14:39:55","modified_gmt":"2026-04-30T14:39:55","slug":"news-eventos","status":"publish","type":"page","link":"https:\/\/hexa.artchiado.pt\/pt\/news-eventos\/","title":{"rendered":"news eventos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2297\" class=\"elementor elementor-2297\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0be3305 e-flex e-con-boxed e-con e-parent\" data-id=\"0be3305\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-20b9937 e-con-full e-flex e-con e-child\" data-id=\"20b9937\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f218e7 elementor-widget elementor-widget-heading\" data-id=\"2f218e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Web Summit<\/h2>\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<div class=\"elementor-element elementor-element-5672444 e-flex e-con-boxed e-con e-parent\" data-id=\"5672444\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1116234 e-con-full e-flex e-con e-child\" data-id=\"1116234\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e49a8c elementor-widget elementor-widget-html\" data-id=\"1e49a8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gallery-v3\">\r\n\r\n    <!-- IMAGEM PRINCIPAL -->\r\n    <div class=\"gallery-main\">\r\n        <img decoding=\"async\" id=\"mainImage\" src=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/16.png\" alt=\"\">\r\n    <\/div>\r\n\r\n    <!-- THUMBNAILS + SETAS -->\r\n    <div class=\"gallery-thumbs-wrapper\">\r\n\r\n        <div class=\"gallery-thumbs\" id=\"thumbsContainer\">\r\n\r\n            <div class=\"thumb active\"\r\n                 data-img=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/16.png\"\r\n                 data-title=\"Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.\"\r\n                 data-text=\"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.\">\r\n                <img decoding=\"async\" src=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/16.png\">\r\n            <\/div>\r\n\r\n            <div class=\"thumb\"\r\n                 data-img=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/10.png\"\r\n                 data-title=\"Second title example\"\r\n                 data-text=\"Second content description here...\">\r\n                <img decoding=\"async\" src=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/10.png\">\r\n            <\/div>\r\n\r\n            <div class=\"thumb\"\r\n                 data-img=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/8.png\"\r\n                 data-title=\"Third title example\"\r\n                 data-text=\"Third content description here...\">\r\n                <img decoding=\"async\" src=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/8.png\">\r\n            <\/div>\r\n\r\n            <div class=\"thumb\"\r\n                 data-img=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/shutterstock_2494119625.png\"\r\n                 data-title=\"Fourth title example\"\r\n                 data-text=\"Fourth content description here...\">\r\n                <img decoding=\"async\" src=\"https:\/\/hexa.artchiado.pt\/wp-content\/uploads\/2026\/04\/shutterstock_2494119625.png\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- SETAS -->\r\n        <div class=\"thumb-nav\">\r\n            <button id=\"thumbUp\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.46967 14.5303C5.17678 14.2374 5.17678 13.7626 5.46967 13.4697L11.4697 7.46967C11.7626 7.17678 12.2374 7.17678 12.5303 7.46967L18.5303 13.4697C18.8232 13.7626 18.8232 14.2374 18.5303 14.5303C18.2374 14.8232 17.7626 14.8232 17.4697 14.5303L12 9.06066L6.53033 14.5303C6.23744 14.8232 5.76256 14.8232 5.46967 14.5303Z\" fill=\"#030D45\"><\/path> <\/g><\/svg><\/button>\r\n            <button id=\"thumbDown\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5303 9.46967C18.8232 9.76256 18.8232 10.2374 18.5303 10.5303L12.5303 16.5303C12.2374 16.8232 11.7626 16.8232 11.4697 16.5303L5.46967 10.5303C5.17678 10.2374 5.17678 9.76256 5.46967 9.46967C5.76256 9.17678 6.23744 9.17678 6.53033 9.46967L12 14.9393L17.4697 9.46967C17.7626 9.17678 18.2374 9.17678 18.5303 9.46967Z\" fill=\"#030D45\"><\/path> <\/g><\/svg><\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* THUMB WRAPPER *\/\r\n.gallery-thumbs-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n\r\n.gallery-v3 {\r\n    display: grid;\r\n    grid-template-columns: 1fr 120px; \/* remove coluna do texto *\/\r\n    gap: 30px;\r\n    align-items: center;\r\n\r\n    max-width: 900px; \/* controla largura *\/\r\n    margin: 0 auto;   \/* CENTRA na p\u00e1gina *\/\r\n}\r\n\r\n\/* IMAGEM PRINCIPAL *\/\r\n.gallery-main img {\r\n    width: 100%;\r\n    min-height: 450px;\r\n    object-fit: cover;\r\n    border-radius: 12px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* THUMBS *\/\r\n.gallery-thumbs {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    max-height: 320px;\r\n    overflow: hidden;\r\n}\r\n\r\n.thumb {\r\n    cursor: pointer;\r\n    opacity: 0.5;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.thumb img {\r\n    width: 100%;\r\n    height: 70px;\r\n    object-fit: cover;\r\n    border-radius: 6px;\r\n}\r\n\r\n.thumb.active,\r\n.thumb:hover {\r\n    opacity: 1;\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* SETAS *\/\r\n.thumb-nav {\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n.thumb-nav button {\r\n    background: none;\r\n    border: none;\r\n    font-size: 22px;\r\n    cursor: pointer;\r\n    opacity: 0.6;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.thumb-nav button:hover {\r\n    opacity: 1;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* TEXTO *\/\r\n.gallery-content h2 {\r\n    font-size: 28px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.gallery-content p {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: #555;\r\n}\r\n\r\n\/* BOT\u00d5ES *\/\r\n.thumb-nav button {\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 6px;\r\n    opacity: 0.6;\r\n    transition: all 0.3s ease;\r\n    color: #030D45; \/* cor base *\/\r\n}\r\n\r\n\/* SVG *\/\r\n.thumb-nav button svg {\r\n    width: 35px;   \/* tamanho *\/\r\n    height: 35px;\r\n    display: block;\r\n}\r\n\r\n\/* HOVER *\/\r\n.thumb-nav button:hover {\r\n    opacity: 1;\r\n    transform: translateY(-2px);\r\n    color: #1A2AFF; \/* cor hover *\/\r\n}\r\n\r\n\/* CLICK *\/\r\n.thumb-nav button:active {\r\n    transform: scale(0.95);\r\n}\r\n\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 1024px) {\r\n    .gallery-v3 {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gallery-thumbs-wrapper {\r\n        flex-direction: row;\r\n        justify-content: center;\r\n    }\r\n\r\n    .gallery-thumbs {\r\n        flex-direction: row;\r\n        max-height: none;\r\n        overflow-x: auto;\r\n    }\r\n\r\n    .thumb img {\r\n        height: 60px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst thumbs = document.querySelectorAll('.thumb');\r\nconst mainImage = document.getElementById('mainImage');\r\n\r\nconst btnUp = document.getElementById('thumbUp');\r\nconst btnDown = document.getElementById('thumbDown');\r\n\r\nlet currentIndex = 0;\r\n\r\n\/\/ CLICK THUMB\r\nthumbs.forEach((thumb, index) => {\r\n    thumb.addEventListener('click', () => {\r\n        updateGallery(index);\r\n    });\r\n});\r\n\r\nfunction updateGallery(index) {\r\n    const thumb = thumbs[index];\r\n\r\n    mainImage.src = thumb.dataset.img;\r\n\r\n    thumbs.forEach(t => t.classList.remove('active'));\r\n    thumb.classList.add('active');\r\n\r\n    currentIndex = index;\r\n\r\n    scrollToActive();\r\n}\r\n\r\n\/\/ SETAS\r\nbtnUp.addEventListener('click', () => {\r\n    if (currentIndex > 0) {\r\n        updateGallery(currentIndex - 1);\r\n    }\r\n});\r\n\r\nbtnDown.addEventListener('click', () => {\r\n    if (currentIndex < thumbs.length - 1) {\r\n        updateGallery(currentIndex + 1);\r\n    }\r\n});\r\n\r\n\/\/ SCROLL AUTO\r\nfunction scrollToActive() {\r\n    const active = document.querySelector('.thumb.active');\r\n    active.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'nearest'\r\n    });\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<div class=\"elementor-element elementor-element-e782fb2 e-flex e-con-boxed e-con e-parent\" data-id=\"e782fb2\" 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-f8630d1 elementor-widget elementor-widget-heading\" data-id=\"f8630d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.\n\nIt uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9185832 elementor-widget elementor-widget-heading\" data-id=\"9185832\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">17 March, 2026.\n\n<\/span>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Summit There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&#8217;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&#8217;t anything embarrassing hidden in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2297","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/hexa.artchiado.pt\/pt\/wp-json\/wp\/v2\/pages\/2297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hexa.artchiado.pt\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hexa.artchiado.pt\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hexa.artchiado.pt\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hexa.artchiado.pt\/pt\/wp-json\/wp\/v2\/comments?post=2297"}],"version-history":[{"count":46,"href":"https:\/\/hexa.artchiado.pt\/pt\/wp-json\/wp\/v2\/pages\/2297\/revisions"}],"predecessor-version":[{"id":3168,"href":"https:\/\/hexa.artchiado.pt\/pt\/wp-json\/wp\/v2\/pages\/2297\/revisions\/3168"}],"wp:attachment":[{"href":"https:\/\/hexa.artchiado.pt\/pt\/wp-json\/wp\/v2\/media?parent=2297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}