Carrossel Responsivo 300px fundo branco<\/title>\n <style>\n .carousel {\n position: relative;\n width: 100%; \/* ocupa toda a largura dispon\u00edvel *\/\n max-width: 1280px;\n margin: auto;\n overflow: hidden;\n border-radius: 10px;\n background-color: #fff; \/* fundo branco *\/\n }\n\n .carousel-images {\n display: flex;\n transition: transform 0.5s ease-in-out;\n }\n\n .carousel-images a {\n flex-shrink: 0;\n width: 100%;\n }\n\n .carousel-images img {\n width: 100%;\n height: 300px; \/* altura aumentada *\/\n object-fit: contain; \/* mant\u00e9m propor\u00e7\u00e3o sem cortes *\/\n display: block;\n background-color: #fff; \/* fundo branco para \u00e1reas vazias *\/\n }\n\n \/* Indicadores *\/\n .indicators {\n text-align: center;\n position: absolute;\n bottom: 10px;\n width: 100%;\n }\n\n .indicator {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 0 4px;\n background-color: rgba(0,0,0,0.4); \/* bolinhas mais discretas *\/\n border-radius: 50%;\n cursor: pointer;\n }\n\n .indicator.active {\n background-color: rgba(0,0,0,0.9);\n }\n\n \/* Ajustes para telas pequenas *\/\n @media (max-width: 600px) {\n .carousel-images img {\n height: 220px; \/* menor em celulares *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"carousel\">\n <div class=\"carousel-images\" id=\"carousel-images\">\n <a href=\"https:\/\/mensagensperdidas.com\/index.php\/as-mensagens-perdidas\/\">\n <img decoding=\"async\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/03\/11.jpg\" alt=\"Imagem 1\">\n <\/a>\n <a href=\"https:\/\/mensagensperdidas.com\/index.php\/parafernalias-amnesicas\/\">\n <img decoding=\"async\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/03\/22.jpg\" alt=\"Imagem 2\">\n <\/a>\n <a href=\"https:\/\/mensagensperdidas.com\/index.php\/contos-esquecidos\/\">\n <img decoding=\"async\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/03\/33.jpg\" alt=\"Imagem 3\">\n <\/a>\n <\/div>\n <div class=\"indicators\" id=\"indicators\"><\/div>\n <\/div>\n\n <script>\n let index = 0;\n const images = document.getElementById(\"carousel-images\");\n const total = images.children.length;\n const indicatorsContainer = document.getElementById(\"indicators\");\n\n \/\/ Criar indicadores dinamicamente\n for (let i = 0; i < total; i++) {\n const dot = document.createElement(\"span\");\n dot.classList.add(\"indicator\");\n dot.addEventListener(\"click\", () => goToSlide(i));\n indicatorsContainer.appendChild(dot);\n }\n\n const indicators = document.querySelectorAll(\".indicator\");\n\n function updateIndicators() {\n indicators.forEach((dot, i) => {\n dot.classList.toggle(\"active\", i === index);\n });\n }\n\n function moveSlide(direction) {\n index = (index + direction + total) % total;\n images.style.transform = `translateX(${-index * 100}%)`;\n updateIndicators();\n }\n\n function goToSlide(i) {\n index = i;\n images.style.transform = `translateX(${-index * 100}%)`;\n updateIndicators();\n }\n\n \/\/ Fun\u00e7\u00e3o autom\u00e1tica\n function autoSlide() {\n moveSlide(1);\n }\n\n \/\/ Troca a cada 5 segundos\n setInterval(autoSlide, 5000);\n\n \/\/ Inicializar indicadores\n updateIndicators();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">\u00daltimas publica\u00e7\u00f5es<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mensagensperdidas.com\/index.php\/11-uma-pequena-reflexao\/\"><img fetchpriority=\"high\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao-819x1024.jpg\" alt=\"\" class=\"wp-image-1561\" srcset=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao-819x1024.jpg 819w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao-240x300.jpg 240w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao-768x960.jpg 768w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao.jpg 1080w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mensagensperdidas.com\/index.php\/2026\/01\/02\/desencontro\/\"><img decoding=\"async\" width=\"819\" height=\"1024\" data-id=\"1563\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro-819x1024.jpg\" alt=\"\" class=\"wp-image-1563\" srcset=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro-819x1024.jpg 819w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro-240x300.jpg 240w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro-768x960.jpg 768w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro.jpg 1080w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mensagensperdidas.com\/index.php\/o-andarilho\/\"><img decoding=\"async\" width=\"819\" height=\"1024\" data-id=\"1564\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1-819x1024.jpg\" alt=\"\" class=\"wp-image-1564\" srcset=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1-819x1024.jpg 819w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1-240x300.jpg 240w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1-768x960.jpg 768w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1.jpg 1080w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Carrossel Responsivo 300px fundo branco \u00daltimas publica\u00e7\u00f5es<\/p>\n","protected":false},"author":1,"featured_media":1631,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1574","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/pages\/1574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/comments?post=1574"}],"version-history":[{"count":27,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/pages\/1574\/revisions"}],"predecessor-version":[{"id":1626,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/pages\/1574\/revisions\/1626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/media\/1631"}],"wp:attachment":[{"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/media?parent=1574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1574,"date":"2026-05-26T21:29:33","date_gmt":"2026-05-27T00:29:33","guid":{"rendered":"https:\/\/mensagensperdidas.com\/?page_id=1574"},"modified":"2026-05-27T11:45:58","modified_gmt":"2026-05-27T14:45:58","slug":"home-teste","status":"publish","type":"page","link":"https:\/\/mensagensperdidas.com\/","title":{"rendered":"Home 2"},"content":{"rendered":"\n\n\n\n\n \n \n Carrossel Responsivo 300px fundo branco<\/title>\n <style>\n .carousel {\n position: relative;\n width: 100%; \/* ocupa toda a largura dispon\u00edvel *\/\n max-width: 1280px;\n margin: auto;\n overflow: hidden;\n border-radius: 10px;\n background-color: #fff; \/* fundo branco *\/\n }\n\n .carousel-images {\n display: flex;\n transition: transform 0.5s ease-in-out;\n }\n\n .carousel-images a {\n flex-shrink: 0;\n width: 100%;\n }\n\n .carousel-images img {\n width: 100%;\n height: 300px; \/* altura aumentada *\/\n object-fit: contain; \/* mant\u00e9m propor\u00e7\u00e3o sem cortes *\/\n display: block;\n background-color: #fff; \/* fundo branco para \u00e1reas vazias *\/\n }\n\n \/* Indicadores *\/\n .indicators {\n text-align: center;\n position: absolute;\n bottom: 10px;\n width: 100%;\n }\n\n .indicator {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 0 4px;\n background-color: rgba(0,0,0,0.4); \/* bolinhas mais discretas *\/\n border-radius: 50%;\n cursor: pointer;\n }\n\n .indicator.active {\n background-color: rgba(0,0,0,0.9);\n }\n\n \/* Ajustes para telas pequenas *\/\n @media (max-width: 600px) {\n .carousel-images img {\n height: 220px; \/* menor em celulares *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"carousel\">\n <div class=\"carousel-images\" id=\"carousel-images\">\n <a href=\"https:\/\/mensagensperdidas.com\/index.php\/as-mensagens-perdidas\/\">\n <img decoding=\"async\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/03\/11.jpg\" alt=\"Imagem 1\">\n <\/a>\n <a href=\"https:\/\/mensagensperdidas.com\/index.php\/parafernalias-amnesicas\/\">\n <img decoding=\"async\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/03\/22.jpg\" alt=\"Imagem 2\">\n <\/a>\n <a href=\"https:\/\/mensagensperdidas.com\/index.php\/contos-esquecidos\/\">\n <img decoding=\"async\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/03\/33.jpg\" alt=\"Imagem 3\">\n <\/a>\n <\/div>\n <div class=\"indicators\" id=\"indicators\"><\/div>\n <\/div>\n\n <script>\n let index = 0;\n const images = document.getElementById(\"carousel-images\");\n const total = images.children.length;\n const indicatorsContainer = document.getElementById(\"indicators\");\n\n \/\/ Criar indicadores dinamicamente\n for (let i = 0; i < total; i++) {\n const dot = document.createElement(\"span\");\n dot.classList.add(\"indicator\");\n dot.addEventListener(\"click\", () => goToSlide(i));\n indicatorsContainer.appendChild(dot);\n }\n\n const indicators = document.querySelectorAll(\".indicator\");\n\n function updateIndicators() {\n indicators.forEach((dot, i) => {\n dot.classList.toggle(\"active\", i === index);\n });\n }\n\n function moveSlide(direction) {\n index = (index + direction + total) % total;\n images.style.transform = `translateX(${-index * 100}%)`;\n updateIndicators();\n }\n\n function goToSlide(i) {\n index = i;\n images.style.transform = `translateX(${-index * 100}%)`;\n updateIndicators();\n }\n\n \/\/ Fun\u00e7\u00e3o autom\u00e1tica\n function autoSlide() {\n moveSlide(1);\n }\n\n \/\/ Troca a cada 5 segundos\n setInterval(autoSlide, 5000);\n\n \/\/ Inicializar indicadores\n updateIndicators();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">\u00daltimas publica\u00e7\u00f5es<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mensagensperdidas.com\/index.php\/11-uma-pequena-reflexao\/\"><img fetchpriority=\"high\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao-819x1024.jpg\" alt=\"\" class=\"wp-image-1561\" srcset=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao-819x1024.jpg 819w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao-240x300.jpg 240w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao-768x960.jpg 768w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/11-Post-Uma-Pequena-Reflexao.jpg 1080w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mensagensperdidas.com\/index.php\/2026\/01\/02\/desencontro\/\"><img decoding=\"async\" width=\"819\" height=\"1024\" data-id=\"1563\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro-819x1024.jpg\" alt=\"\" class=\"wp-image-1563\" srcset=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro-819x1024.jpg 819w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro-240x300.jpg 240w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro-768x960.jpg 768w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/Post-Desencontro.jpg 1080w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mensagensperdidas.com\/index.php\/o-andarilho\/\"><img decoding=\"async\" width=\"819\" height=\"1024\" data-id=\"1564\" src=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1-819x1024.jpg\" alt=\"\" class=\"wp-image-1564\" srcset=\"https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1-819x1024.jpg 819w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1-240x300.jpg 240w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1-768x960.jpg 768w, https:\/\/mensagensperdidas.com\/wp-content\/uploads\/2026\/05\/1.jpg 1080w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Carrossel Responsivo 300px fundo branco \u00daltimas publica\u00e7\u00f5es<\/p>\n","protected":false},"author":1,"featured_media":1631,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1574","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/pages\/1574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/comments?post=1574"}],"version-history":[{"count":27,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/pages\/1574\/revisions"}],"predecessor-version":[{"id":1626,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/pages\/1574\/revisions\/1626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/media\/1631"}],"wp:attachment":[{"href":"https:\/\/mensagensperdidas.com\/index.php\/wp-json\/wp\/v2\/media?parent=1574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}