{"id":1567,"date":"2025-03-21T22:23:12","date_gmt":"2025-03-21T22:23:12","guid":{"rendered":"https:\/\/institutososcaatinga.com.br\/2025\/?page_id=1567"},"modified":"2026-04-02T15:57:49","modified_gmt":"2026-04-02T15:57:49","slug":"land-48-horas-de-aventura-na-caatinga","status":"publish","type":"page","link":"https:\/\/institutososcaatinga.com.br\/2025\/","title":{"rendered":"Land 48 Horas de Aventura na Caatinga"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1567\" class=\"elementor elementor-1567\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b0860c e-con-full e-flex e-con e-parent\" data-id=\"5b0860c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-384e3a0 elementor-widget elementor-widget-html\" data-id=\"384e3a0\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>48h na Caatinga - 9\u00aa Edi\u00e7\u00e3o<\/title>\r\n    \r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Alpine.js for Interactivity -->\r\n    <script defer src=\"https:\/\/unpkg.com\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n    \r\n    <!-- Lucide Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            important: true,\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                        serif: ['Playfair Display', 'serif'],\r\n                    },\r\n                    colors: {\r\n                        orange: {\r\n                            50: '#fff7ed',\r\n                            100: '#ffedd5',\r\n                            200: '#fed7aa',\r\n                            300: '#fdba74',\r\n                            400: '#fb923c',\r\n                            500: '#f97316',\r\n                            600: '#ea580c',\r\n                        },\r\n                        stone: {\r\n                            50: '#fafaf9',\r\n                            100: '#f5f5f4',\r\n                            200: '#e7e5e4',\r\n                            400: '#a8a29e',\r\n                            500: '#78716c',\r\n                            600: '#57534e',\r\n                            800: '#292524',\r\n                            900: '#1c1917',\r\n                            950: '#0c0a09',\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        [x-cloak] { display: none !important; }\r\n        .selection-orange::selection {\r\n            background-color: #ffedd5;\r\n            color: #7c2d12;\r\n        }\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-[#FDF8F3] font-sans text-stone-900 selection-orange overflow-x-hidden\">\r\n\r\n    <!-- Navigation -->\r\n    <nav class=\"fixed top-0 z-50 w-full border-b border-orange-50 bg-white\/70 backdrop-blur-lg\">\r\n        <div class=\"mx-auto flex max-w-7xl items-center justify-between px-4 py-3 sm:px-6 lg:px-8\">\r\n            <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2025\/02\/0900.png\" alt=\"Logo\" class=\"h-14 w-auto object-contain cursor-pointer transition-transform hover:scale-110\">\r\n            <div class=\"hidden md:flex items-center gap-8 text-sm font-medium text-stone-500\">\r\n                <a href=\"#sobre\" class=\"hover:text-orange-600 transition-colors\">O Evento<\/a>\r\n                <a href=\"#palestrantes\" class=\"hover:text-orange-600 transition-colors\">Palestrantes<\/a>\r\n                <a href=\"#depoimentos\" class=\"hover:text-orange-600 transition-colors\">Depoimentos<\/a>\r\n                <a href=\"#faq\" class=\"hover:text-orange-600 transition-colors\">FAQ<\/a>\r\n                <a href=\"https:\/\/institutososcaatinga.com.br\/shop\/produto\/48h-de-aventura-na-caatinga-9ed\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rounded-full bg-orange-500 px-6 py-2.5 text-white hover:bg-orange-600 transition-all shadow-lg shadow-orange-200 active:scale-95 font-semibold\">\r\n                    Inscrever-se\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Hero Section -->\r\n    <header class=\"relative pt-40 pb-24 overflow-hidden\">\r\n        <div class=\"absolute inset-0 -z-10 bg-[radial-gradient(circle_at_50%_30%,#fff7ed_0%,transparent_70%)] opacity-70\"><\/div>\r\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid gap-16 lg:grid-cols-2 lg:items-center\">\r\n                <div>\r\n                    <div class=\"inline-flex items-center gap-2 rounded-full bg-orange-50 px-4 py-1.5 text-sm font-medium text-orange-600 mb-8 border border-orange-100\">\r\n                        <i data-lucide=\"calendar\" class=\"h-4 w-4\"><\/i>\r\n                        <span>9\u00aa Edi\u00e7\u00e3o | 24 a 26 de Julho | Espa\u00e7o Ecol\u00f3gico TO\u00c1<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"text-5xl font-extrabold tracking-tight text-stone-900 sm:text-6xl lg:text-7xl leading-[1.05]\">\r\n                        48 Horas de <span class=\"text-orange-500\">Aventura<\/span> na Caatinga\r\n                    <\/h1>\r\n                    <p class=\"mt-8 text-lg text-stone-500 leading-relaxed max-w-xl\">\r\n                        Explore a alma do sert\u00e3o em uma jornada de 48 horas. Conhecimento cient\u00edfico, aventura e conex\u00e3o profunda com o bioma mais resiliente do Brasil.\r\n                    <\/p>\r\n                    <div class=\"mt-12 flex flex-col sm:flex-row gap-5\">\r\n                        <a href=\"https:\/\/institutososcaatinga.com.br\/shop\/produto\/48h-de-aventura-na-caatinga-9ed\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-2xl bg-orange-500 px-10 py-5 text-lg font-bold text-white shadow-2xl shadow-orange-100 hover:bg-orange-600 transition-all hover:-translate-y-1 active:scale-95 group\">\r\n                            Garantir minha vaga\r\n                            <i data-lucide=\"arrow-right\" class=\"ml-2 h-5 w-5 transition-transform group-hover:translate-x-1\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#sobre\" class=\"inline-flex items-center justify-center rounded-2xl border border-stone-200 bg-white px-10 py-5 text-lg font-bold text-stone-700 hover:bg-stone-50 transition-all active:scale-95\">\r\n                            Explorar detalhes\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"relative\">\r\n                    <div class=\"aspect-[4\/5] overflow-hidden rounded-[3rem] shadow-2xl\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2026\/03\/top48h9ed.png\" alt=\"Sert\u00e3o\" class=\"h-full w-full object-cover grayscale-[20%] hover:grayscale-0 transition-all duration-700\">\r\n                    <\/div>\r\n                    <div class=\"absolute -bottom-8 -left-8 aspect-square w-56 overflow-hidden rounded-[2rem] shadow-2xl border-8 border-white rotate-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2026\/03\/288394779_396061635646305_8341873733302554741_n.jpg\" alt=\"Aventura\" class=\"h-full w-full object-cover\">\r\n                    <\/div>\r\n                    <div class=\"absolute top-12 -right-6 bg-white\/90 backdrop-blur-md p-6 rounded-3xl shadow-xl border border-orange-50 max-w-[220px]\">\r\n                        <div class=\"flex items-center gap-3 mb-3\">\r\n                            <div class=\"h-10 w-10 rounded-full bg-orange-100 flex items-center justify-center\">\r\n                                <i data-lucide=\"award\" class=\"h-5 w-5 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"font-bold text-stone-800\">Certifica\u00e7\u00e3o<\/span>\r\n                        <\/div>\r\n                        <p class=\"text-xs text-stone-500 leading-relaxed\">V\u00e1lido como horas complementares e capacita\u00e7\u00e3o t\u00e9cnica.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- What is it Section -->\r\n    <section id=\"sobre\" class=\"py-32 bg-white\">\r\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n                <span class=\"text-orange-500 font-bold tracking-widest uppercase text-sm\">A Experi\u00eancia<\/span>\r\n                <h2 class=\"text-4xl font-bold text-stone-900 mt-4 mb-6 italic font-serif\">O que esperar da 9\u00aa Edi\u00e7\u00e3o?<\/h2>\r\n                <div class=\"h-1 w-20 bg-orange-200 mx-auto rounded-full\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"grid gap-10 md:grid-cols-2 lg:grid-cols-4\">\r\n                <div class=\"p-10 rounded-[2.5rem] bg-stone-50 border border-stone-100 transition-all hover:bg-white hover:shadow-xl hover:shadow-stone-100 hover:-translate-y-2\">\r\n                    <div class=\"h-14 w-14 rounded-2xl bg-orange-50 text-orange-600 flex items-center justify-center mb-8\">\r\n                        <i data-lucide=\"ship\" class=\"h-7 w-7\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-stone-900 mb-4\">Navega\u00e7\u00e3o<\/h3>\r\n                    <p class=\"text-stone-500 leading-relaxed text-sm\">Passeio de catamar\u00e3 pelos c\u00e2nions do Rio S\u00e3o Francisco com guias locais.<\/p>\r\n                <\/div>\r\n                <div class=\"p-10 rounded-[2.5rem] bg-stone-50 border border-stone-100 transition-all hover:bg-white hover:shadow-xl hover:shadow-stone-100 hover:-translate-y-2\">\r\n                    <div class=\"h-14 w-14 rounded-2xl bg-orange-50 text-orange-600 flex items-center justify-center mb-8\">\r\n                        <i data-lucide=\"map-pin\" class=\"h-7 w-7\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-stone-900 mb-4\">Pr\u00e1tica<\/h3>\r\n                    <p class=\"text-stone-500 leading-relaxed text-sm\">Identifica\u00e7\u00e3o de esp\u00e9cies nativas e trilhas interpretativas.<\/p>\r\n                <\/div>\r\n                <div class=\"p-10 rounded-[2.5rem] bg-stone-50 border border-stone-100 transition-all hover:bg-white hover:shadow-xl hover:shadow-stone-100 hover:-translate-y-2\">\r\n                    <div class=\"h-14 w-14 rounded-2xl bg-orange-50 text-orange-600 flex items-center justify-center mb-8\">\r\n                        <i data-lucide=\"users\" class=\"h-7 w-7\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-stone-900 mb-4\">Ci\u00eancia<\/h3>\r\n                    <p class=\"text-stone-500 leading-relaxed text-sm\">Palestras exclusivas sobre conserva\u00e7\u00e3o e o futuro do bioma.<\/p>\r\n                <\/div>\r\n                <div class=\"p-10 rounded-[2.5rem] bg-stone-50 border border-stone-100 transition-all hover:bg-white hover:shadow-xl hover:shadow-stone-100 hover:-translate-y-2\">\r\n                    <div class=\"h-14 w-14 rounded-2xl bg-orange-50 text-orange-600 flex items-center justify-center mb-8\">\r\n                        <i data-lucide=\"tent\" class=\"h-7 w-7\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-stone-900 mb-4\">Conex\u00e3o<\/h3>\r\n                    <p class=\"text-stone-500 leading-relaxed text-sm\">Noites sob o c\u00e9u estrelado do sert\u00e3o com fogueira e hist\u00f3rias.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Speakers Section -->\r\n    <section id=\"palestrantes\" class=\"py-32 bg-white overflow-hidden\">\r\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-20 gap-8\">\r\n                <div class=\"max-w-2xl\">\r\n                    <span class=\"text-orange-500 font-bold tracking-widest uppercase text-sm\">Conhecimento<\/span>\r\n                    <h2 class=\"text-4xl font-bold text-stone-900 mt-4 mb-6 italic font-serif\">Nossos Palestrantes<\/h2>\r\n                    <p class=\"text-stone-500 leading-relaxed\">Um time de especialistas dedicados a compartilhar sabedoria sobre a biodiversidade, conserva\u00e7\u00e3o e os segredos da Caatinga.<\/p>\r\n                <\/div>\r\n                <div class=\"h-1 w-20 bg-orange-200 hidden md:block mb-4\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid gap-8 sm:grid-cols-2 lg:grid-cols-4\">\r\n                <!-- Speaker 1 -->\r\n                <div class=\"group relative overflow-hidden rounded-[3rem] bg-white shadow-sm border border-stone-100 transition-all hover:-translate-y-3\">\r\n                    <div class=\"aspect-[3\/4] overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2026\/03\/4.png\" alt=\"Telton Ramos\" class=\"h-full w-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale-[30%] group-hover:grayscale-0\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-stone-900 via-stone-900\/20 to-transparent opacity-60 group-hover:opacity-80 transition-opacity duration-500\"><\/div>\r\n                        <div class=\"absolute bottom-0 left-0 right-0 p-8 transform translate-y-2 group-hover:translate-y-0 transition-transform duration-500\">\r\n                            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-orange-500\/20 backdrop-blur-md border border-orange-500\/30 text-[10px] font-bold text-orange-400 uppercase tracking-widest mb-4\">\r\n                                <i data-lucide=\"mic-2\" class=\"h-3 w-3\"><\/i>\r\n                                Palestrante\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-bold text-white mb-2 leading-tight\">Telton Ramos<\/h3>\r\n                            <p class=\"text-orange-200\/80 text-sm font-medium line-clamp-1 group-hover:line-clamp-none transition-all\">Diversidade e Amostragens dos peixes da Caatinga<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Speaker 2 -->\r\n                <div class=\"group relative overflow-hidden rounded-[3rem] bg-white shadow-sm border border-stone-100 transition-all hover:-translate-y-3\">\r\n                    <div class=\"aspect-[3\/4] overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"Lav\u00ednia Fragoso\" class=\"h-full w-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale-[30%] group-hover:grayscale-0\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-stone-900 via-stone-900\/20 to-transparent opacity-60 group-hover:opacity-80 transition-opacity duration-500\"><\/div>\r\n                        <div class=\"absolute bottom-0 left-0 right-0 p-8 transform translate-y-2 group-hover:translate-y-0 transition-transform duration-500\">\r\n                            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-orange-500\/20 backdrop-blur-md border border-orange-500\/30 text-[10px] font-bold text-orange-400 uppercase tracking-widest mb-4\">\r\n                                <i data-lucide=\"mic-2\" class=\"h-3 w-3\"><\/i>\r\n                                Palestrante\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-bold text-white mb-2 leading-tight\">Lav\u00ednia Fragoso<\/h3>\r\n                            <p class=\"text-orange-200\/80 text-sm font-medium line-clamp-1 group-hover:line-clamp-none transition-all\">Atua\u00e7\u00e3o do MP na defesa do Rio S\u00e3o Francisco<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Speaker 3 -->\r\n                <div class=\"group relative overflow-hidden rounded-[3rem] bg-white shadow-sm border border-stone-100 transition-all hover:-translate-y-3\">\r\n                    <div class=\"aspect-[3\/4] overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Carlos Fernando\" class=\"h-full w-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale-[30%] group-hover:grayscale-0\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-stone-900 via-stone-900\/20 to-transparent opacity-60 group-hover:opacity-80 transition-opacity duration-500\"><\/div>\r\n                        <div class=\"absolute bottom-0 left-0 right-0 p-8 transform translate-y-2 group-hover:translate-y-0 transition-transform duration-500\">\r\n                            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-orange-500\/20 backdrop-blur-md border border-orange-500\/30 text-[10px] font-bold text-orange-400 uppercase tracking-widest mb-4\">\r\n                                <i data-lucide=\"mic-2\" class=\"h-3 w-3\"><\/i>\r\n                                Palestrante\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-bold text-white mb-2 leading-tight\">Carlos Fernando<\/h3>\r\n                            <p class=\"text-orange-200\/80 text-sm font-medium line-clamp-1 group-hover:line-clamp-none transition-all\">Artr\u00f3podes de Interesse M\u00e9dico na Caatinga<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Speaker 4 -->\r\n                <div class=\"group relative overflow-hidden rounded-[3rem] bg-white shadow-sm border border-stone-100 transition-all hover:-translate-y-3\">\r\n                    <div class=\"aspect-[3\/4] overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2026\/03\/1.png\" alt=\"Rindo Aventura\" class=\"h-full w-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale-[30%] group-hover:grayscale-0\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-stone-900 via-stone-900\/20 to-transparent opacity-60 group-hover:opacity-80 transition-opacity duration-500\"><\/div>\r\n                        <div class=\"absolute bottom-0 left-0 right-0 p-8 transform translate-y-2 group-hover:translate-y-0 transition-transform duration-500\">\r\n                            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-orange-500\/20 backdrop-blur-md border border-orange-500\/30 text-[10px] font-bold text-orange-400 uppercase tracking-widest mb-4\">\r\n                                <i data-lucide=\"mic-2\" class=\"h-3 w-3\"><\/i>\r\n                                Palestrante\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-bold text-white mb-2 leading-tight\">Rindo Aventura<\/h3>\r\n                            <p class=\"text-orange-200\/80 text-sm font-medium line-clamp-1 group-hover:line-clamp-none transition-all\">Desmistificando a Caatinga<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Speaker 5 -->\r\n                <div class=\"group relative overflow-hidden rounded-[3rem] bg-white shadow-sm border border-stone-100 transition-all hover:-translate-y-3\">\r\n                    <div class=\"aspect-[3\/4] overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2026\/03\/palestrante000o0o0.png\" alt=\"Paulo\" class=\"h-full w-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale-[30%] group-hover:grayscale-0\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-stone-900 via-stone-900\/20 to-transparent opacity-60 group-hover:opacity-80 transition-opacity duration-500\"><\/div>\r\n                        <div class=\"absolute bottom-0 left-0 right-0 p-8 transform translate-y-2 group-hover:translate-y-0 transition-transform duration-500\">\r\n                            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-orange-500\/20 backdrop-blur-md border border-orange-500\/30 text-[10px] font-bold text-orange-400 uppercase tracking-widest mb-4\">\r\n                                <i data-lucide=\"mic-2\" class=\"h-3 w-3\"><\/i>\r\n                                Palestrante\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-bold text-white mb-2 leading-tight\">Paulo<\/h3>\r\n                            <p class=\"text-orange-200\/80 text-sm font-medium line-clamp-1 group-hover:line-clamp-none transition-all\">Meiofauna no Monitoramento de Impactos Antr\u00f3picos em Ambientes Aqu\u00e1ticos<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Speaker 6 -->\r\n                <div class=\"group relative overflow-hidden rounded-[3rem] bg-white shadow-sm border border-stone-100 transition-all hover:-translate-y-3\">\r\n                    <div class=\"aspect-[3\/4] overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-31-at-20.04.49.jpeg\" alt=\"Rute Barbosa\" class=\"h-full w-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale-[30%] group-hover:grayscale-0\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-stone-900 via-stone-900\/20 to-transparent opacity-60 group-hover:opacity-80 transition-opacity duration-500\"><\/div>\r\n                        <div class=\"absolute bottom-0 left-0 right-0 p-8 transform translate-y-2 group-hover:translate-y-0 transition-transform duration-500\">\r\n                            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-orange-500\/20 backdrop-blur-md border border-orange-500\/30 text-[10px] font-bold text-orange-400 uppercase tracking-widest mb-4\">\r\n                                <i data-lucide=\"mic-2\" class=\"h-3 w-3\"><\/i>\r\n                                Palestrante\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-bold text-white mb-2 leading-tight\">Rute Barbosa<\/h3>\r\n                            <p class=\"text-orange-200\/80 text-sm font-medium line-clamp-1 group-hover:line-clamp-none transition-all\">O territ\u00f3rio cultural da Bacia do Talhado: patrim\u00f4nio arqueol\u00f3gico, meio ambiente e paisagem<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Choose Section -->\r\n    <section id=\"beneficios\" class=\"py-32 bg-stone-900 text-white overflow-hidden relative\">\r\n        <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-orange-600\/5 -skew-x-12 translate-x-1\/4\"><\/div>\r\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative\">\r\n            <div class=\"grid lg:grid-cols-2 gap-20 items-center\">\r\n                <div>\r\n                    <h2 class=\"text-4xl font-bold mb-10 leading-tight font-serif italic\">Por que escolher a <span class=\"text-orange-500\">9\u00aa edi\u00e7\u00e3o<\/span>?<\/h2>\r\n                    \r\n                    <div class=\"space-y-10\">\r\n                        <div class=\"flex gap-8\">\r\n                            <div class=\"flex-shrink-0 h-14 w-14 rounded-2xl bg-white\/5 border border-white\/10 flex items-center justify-center text-orange-500\">\r\n                                <i data-lucide=\"globe\" class=\"h-7 w-7\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"text-xl font-bold mb-3\">Imers\u00e3o no \u00danico Bioma 100% Brasileiro<\/h3>\r\n                                <p class=\"text-stone-400 leading-relaxed text-sm\">A Caatinga \u00e9 um dos ecossistemas mais ricos e menos explorados. Voc\u00ea vai sentir, ouvir e ver de perto a din\u00e2mica desse bioma incr\u00edvel.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex gap-8\">\r\n                            <div class=\"flex-shrink-0 h-14 w-14 rounded-2xl bg-white\/5 border border-white\/10 flex items-center justify-center text-orange-500\">\r\n                                <i data-lucide=\"award\" class=\"h-7 w-7\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"text-xl font-bold mb-3\">Aprendizado com Especialistas<\/h3>\r\n                                <p class=\"text-stone-400 leading-relaxed text-sm\">Acesso a palestras e atividades pr\u00e1ticas ministradas por pesquisadores renomados de todo o Brasil.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex gap-8\">\r\n                            <div class=\"flex-shrink-0 h-14 w-14 rounded-2xl bg-white\/5 border border-white\/10 flex items-center justify-center text-orange-500\">\r\n                                <i data-lucide=\"shield-check\" class=\"h-7 w-7\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"text-xl font-bold mb-3\">Seguran\u00e7a e Estrutura<\/h3>\r\n                                <p class=\"text-stone-400 leading-relaxed text-sm\">\u00c1rea de camping, refei\u00e7\u00f5es completas, seguro de vida e suporte de equipes especializadas (BPA, SAMU).<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"relative\">\r\n                    <div class=\"aspect-video rounded-[2.5rem] overflow-hidden shadow-2xl border border-white\/10 bg-stone-800\">\r\n                        <iframe class=\"w-full h-full\" src=\"https:\/\/www.youtube.com\/embed\/07ephCQDNIA\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                    <div class=\"absolute -bottom-10 -right-10 h-40 w-40 bg-orange-500\/20 blur-3xl rounded-full\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Section -->\r\n    <section class=\"py-32 bg-[#FDF8F3]\">\r\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"max-w-5xl mx-auto bg-white rounded-[3.5rem] shadow-2xl overflow-hidden border border-orange-50 flex flex-col md:flex-row\">\r\n                <div class=\"p-16 md:w-1\/2 flex flex-col justify-center\">\r\n                    <h2 class=\"text-3xl font-bold text-stone-900 mb-6 font-serif italic\">Invista na sua jornada<\/h2>\r\n                    <p class=\"text-stone-500 mb-10 leading-relaxed\">Garanta seu lugar em uma das experi\u00eancias mais transformadoras do sert\u00e3o brasileiro.<\/p>\r\n                    <div class=\"flex items-baseline gap-3 mb-10\">\r\n                        <span class=\"text-6xl font-black text-orange-500 tracking-tighter\">R$ 635<\/span>\r\n                        <span class=\"text-stone-400 font-medium\">\/ vaga<\/span>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/institutososcaatinga.com.br\/shop\/produto\/48h-de-aventura-na-caatinga-9ed\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full inline-flex items-center justify-center rounded-2xl bg-orange-500 px-8 py-5 text-xl font-bold text-white shadow-xl shadow-orange-100 hover:bg-orange-600 transition-all active:scale-95\">\r\n                        Inscrever-se agora\r\n                    <\/a>\r\n                    <div class=\"mt-8 flex justify-center\">\r\n                        <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2025\/03\/metodos.webp\" alt=\"M\u00e9todos de Pagamento\" class=\"max-w-full h-auto opacity-80\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"md:w-1\/2 bg-stone-50 p-16 flex flex-col justify-center border-l border-orange-50\">\r\n                    <h3 class=\"text-xl font-bold mb-8 text-stone-800\">Incluso no pacote:<\/h3>\r\n                    <ul class=\"space-y-5\">\r\n                        <li class=\"flex items-center gap-4 text-stone-600\">\r\n                            <div class=\"h-6 w-6 rounded-full bg-orange-100 flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"shield-check\" class=\"h-4 w-4 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-sm font-medium\">Palestras e Atividades T\u00e9cnicas<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-4 text-stone-600\">\r\n                            <div class=\"h-6 w-6 rounded-full bg-orange-100 flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"shield-check\" class=\"h-4 w-4 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-sm font-medium\">Passeio de Catamar\u00e3<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-4 text-stone-600\">\r\n                            <div class=\"h-6 w-6 rounded-full bg-orange-100 flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"shield-check\" class=\"h-4 w-4 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-sm font-medium\">\u00c1rea de Camping com Estrutura<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-4 text-stone-600\">\r\n                            <div class=\"h-6 w-6 rounded-full bg-orange-100 flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"shield-check\" class=\"h-4 w-4 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-sm font-medium\">3 Refei\u00e7\u00f5es Di\u00e1rias Completas<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-4 text-stone-600\">\r\n                            <div class=\"h-6 w-6 rounded-full bg-orange-100 flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"shield-check\" class=\"h-4 w-4 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-sm font-medium\">Higiene (Banheiros e Chuveiros)<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-4 text-stone-600\">\r\n                            <div class=\"h-6 w-6 rounded-full bg-orange-100 flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"shield-check\" class=\"h-4 w-4 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-sm font-medium\">Seguro de Vida Individual<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-4 text-stone-600\">\r\n                            <div class=\"h-6 w-6 rounded-full bg-orange-100 flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"shield-check\" class=\"h-4 w-4 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-sm font-medium\">Certificado de Participa\u00e7\u00e3o<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Testimonials Section -->\r\n    <section id=\"depoimentos\" class=\"py-32 bg-white overflow-hidden\">\r\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n                <span class=\"text-orange-500 font-bold tracking-widest uppercase text-sm\">Vozes da Aventura<\/span>\r\n                <h2 class=\"text-4xl font-bold text-stone-900 mt-4 mb-6 italic font-serif\">O que dizem os aventureiros<\/h2>\r\n                <div class=\"h-1 w-20 bg-orange-200 mx-auto rounded-full\"><\/div>\r\n            <\/div>\r\n\r\n            <style>\r\n                @keyframes scroll {\r\n                    0% { transform: translateX(0); }\r\n                    100% { transform: translateX(calc(-350px * 5 - 2rem * 5)); }\r\n                }\r\n                .testimonial-track {\r\n                    display: flex;\r\n                    gap: 2rem;\r\n                    width: max-content;\r\n                    animation: scroll 40s linear infinite;\r\n                }\r\n                .testimonial-track:hover {\r\n                    animation-play-state: paused;\r\n                }\r\n            <\/style>\r\n\r\n            <div class=\"relative\">\r\n                <div class=\"flex overflow-hidden [mask-image:linear-gradient(to_right,transparent,black_15%,black_85%,transparent)]\">\r\n                    <div class=\"testimonial-track\">\r\n                        <!-- Testimonial 1 -->\r\n                        <div class=\"w-[350px] flex-shrink-0 bg-stone-50 p-8 rounded-3xl border border-stone-100 relative\">\r\n                            <i data-lucide=\"quote\" class=\"absolute top-6 right-6 h-8 w-8 text-orange-100\"><\/i>\r\n                            <div class=\"flex gap-1 mb-4\">\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-stone-600 italic mb-6 leading-relaxed\">\"J\u00e1 garanti minha vaga! N\u00e3o vejo a hora de estar nos C\u00e2nions com essa equipe maravilhosa. \ud83c\udf35\u2728\"<\/p>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-stone-900\">Ana Paula<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- Testimonial 2 -->\r\n                        <div class=\"w-[350px] flex-shrink-0 bg-stone-50 p-8 rounded-3xl border border-stone-100 relative\">\r\n                            <i data-lucide=\"quote\" class=\"absolute top-6 right-6 h-8 w-8 text-orange-100\"><\/i>\r\n                            <div class=\"flex gap-1 mb-4\">\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-stone-600 italic mb-6 leading-relaxed\">\"A melhor experi\u00eancia de imers\u00e3o que j\u00e1 tive. O conhecimento t\u00e9cnico aliado \u00e0 aventura \u00e9 \u00fanico!\"<\/p>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-stone-900\">Carlos Eduardo<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- Testimonial 3 -->\r\n                        <div class=\"w-[350px] flex-shrink-0 bg-stone-50 p-8 rounded-3xl border border-stone-100 relative\">\r\n                            <i data-lucide=\"quote\" class=\"absolute top-6 right-6 h-8 w-8 text-orange-100\"><\/i>\r\n                            <div class=\"flex gap-1 mb-4\">\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-stone-600 italic mb-6 leading-relaxed\">\"O Instituto SOS Caatinga faz um trabalho impec\u00e1vel. Ansiosa para essa 9\u00aa edi\u00e7\u00e3o!\"<\/p>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-stone-900\">Mariana Silva<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- Testimonial 4 -->\r\n                        <div class=\"w-[350px] flex-shrink-0 bg-stone-50 p-8 rounded-3xl border border-stone-100 relative\">\r\n                            <i data-lucide=\"quote\" class=\"absolute top-6 right-6 h-8 w-8 text-orange-100\"><\/i>\r\n                            <div class=\"flex gap-1 mb-4\">\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-stone-600 italic mb-6 leading-relaxed\">\"Quem nunca foi, precisa ir. \u00c9 transformador o contato com o bioma e as pessoas.\"<\/p>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-stone-900\">Jo\u00e3o Pedro<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- Testimonial 5 -->\r\n                        <div class=\"w-[350px] flex-shrink-0 bg-stone-50 p-8 rounded-3xl border border-stone-100 relative\">\r\n                            <i data-lucide=\"quote\" class=\"absolute top-6 right-6 h-8 w-8 text-orange-100\"><\/i>\r\n                            <div class=\"flex gap-1 mb-4\">\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-stone-600 italic mb-6 leading-relaxed\">\"Uma imers\u00e3o que mudou minha vis\u00e3o sobre o semi\u00e1rido. O n\u00edvel t\u00e9cnico dos palestrantes \u00e9 alt\u00edssimo.\"<\/p>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-stone-900\">Ricardo Mendes<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- Duplicates for infinite effect -->\r\n                        <div class=\"w-[350px] flex-shrink-0 bg-stone-50 p-8 rounded-3xl border border-stone-100 relative\">\r\n                            <i data-lucide=\"quote\" class=\"absolute top-6 right-6 h-8 w-8 text-orange-100\"><\/i>\r\n                            <div class=\"flex gap-1 mb-4\">\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-stone-600 italic mb-6 leading-relaxed\">\"J\u00e1 garanti minha vaga! N\u00e3o vejo a hora de estar nos C\u00e2nions com essa equipe maravilhosa. \ud83c\udf35\u2728\"<\/p>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-stone-900\">Ana Paula<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"w-[350px] flex-shrink-0 bg-stone-50 p-8 rounded-3xl border border-stone-100 relative\">\r\n                            <i data-lucide=\"quote\" class=\"absolute top-6 right-6 h-8 w-8 text-orange-100\"><\/i>\r\n                            <div class=\"flex gap-1 mb-4\">\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                                <i data-lucide=\"star\" class=\"h-4 w-4 fill-orange-400 text-orange-400\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-stone-600 italic mb-6 leading-relaxed\">\"A melhor experi\u00eancia de imers\u00e3o que j\u00e1 tive. O conhecimento t\u00e9cnico aliado \u00e0 aventura \u00e9 \u00fanico!\"<\/p>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-stone-900\">Carlos Eduardo<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section id=\"faq\" class=\"py-32 bg-[#FDF8F3] relative overflow-hidden\">\r\n        <div class=\"absolute top-0 left-0 w-full h-full opacity-[0.03] pointer-events-none\">\r\n            <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <defs>\r\n                    <pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\r\n                        <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"\/>\r\n                    <\/pattern>\r\n                <\/defs>\r\n                <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 relative\">\r\n            <div class=\"text-center mb-20\">\r\n                <span class=\"text-orange-500 font-bold tracking-widest uppercase text-sm\">Suporte<\/span>\r\n                <h2 class=\"text-4xl font-bold text-stone-900 mt-4 mb-4 font-serif italic\">D\u00favidas Frequentes<\/h2>\r\n                <p class=\"text-stone-500\">Preparamos as respostas para as perguntas mais comuns para sua jornada.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"grid gap-4\" x-data=\"{ active: null }\">\r\n                <!-- FAQ Item 1 -->\r\n                <div \r\n                    class=\"group bg-white rounded-3xl border border-orange-100\/50 shadow-sm transition-all duration-300\"\r\n                    :class=\"active === 1 ? 'shadow-xl shadow-orange-100\/50 border-orange-200 ring-1 ring-orange-100' : 'hover:border-orange-200'\"\r\n                >\r\n                    <button \r\n                        @click=\"active = active === 1 ? null : 1\" \r\n                        class=\"flex w-full items-center justify-between p-6 text-left transition-colors\"\r\n                    >\r\n                        <span class=\"font-bold text-stone-800 text-lg pr-8\" :class=\"active === 1 ? 'text-orange-600' : ''\">Quais s\u00e3o os itens essenciais para levar?<\/span>\r\n                        <div \r\n                            class=\"flex-shrink-0 h-10 w-10 rounded-full bg-stone-50 flex items-center justify-center transition-all duration-300\"\r\n                            :class=\"active === 1 ? 'bg-orange-500 text-white rotate-180' : 'text-stone-400 group-hover:bg-orange-50 group-hover:text-orange-500'\"\r\n                        >\r\n                            <i data-lucide=\"chevron-down\" class=\"h-5 w-5\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n                    <div x-show=\"active === 1\" x-collapse x-cloak>\r\n                        <div class=\"px-6 pb-8 text-stone-600 leading-relaxed border-t border-orange-50 pt-4 mx-6\">\r\n                            <p>Para sua seguran\u00e7a e conforto, recomendamos: Barraca, saco de dormir, lanterna, kit de primeiros socorros, lanche, copo, prato, talheres, roupas adequadas (cal\u00e7a t\u00e1tica ou de tecido grosso), repelente e protetor solar.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 2 -->\r\n                <div \r\n                    class=\"group bg-white rounded-3xl border border-orange-100\/50 shadow-sm transition-all duration-300\"\r\n                    :class=\"active === 2 ? 'shadow-xl shadow-orange-100\/50 border-orange-200 ring-1 ring-orange-100' : 'hover:border-orange-200'\"\r\n                >\r\n                    <button \r\n                        @click=\"active = active === 2 ? null : 2\" \r\n                        class=\"flex w-full items-center justify-between p-6 text-left transition-colors\"\r\n                    >\r\n                        <span class=\"font-bold text-stone-800 text-lg pr-8\" :class=\"active === 2 ? 'text-orange-600' : ''\">\u00c9 seguro acampar na Caatinga?<\/span>\r\n                        <div \r\n                            class=\"flex-shrink-0 h-10 w-10 rounded-full bg-stone-50 flex items-center justify-center transition-all duration-300\"\r\n                            :class=\"active === 2 ? 'bg-orange-500 text-white rotate-180' : 'text-stone-400 group-hover:bg-orange-50 group-hover:text-orange-500'\"\r\n                        >\r\n                            <i data-lucide=\"chevron-down\" class=\"h-5 w-5\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n                    <div x-show=\"active === 2\" x-collapse x-cloak>\r\n                        <div class=\"px-6 pb-8 text-stone-600 leading-relaxed border-t border-orange-50 pt-4 mx-6\">\r\n                            <p>Sim, a seguran\u00e7a \u00e9 nossa prioridade. O evento conta com o apoio do BPA (Batalh\u00e3o de Pol\u00edcia Ambiental), SAMU e socorristas durante todo o per\u00edodo, al\u00e9m de monitores experientes guiando todas as atividades.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 3 -->\r\n                <div \r\n                    class=\"group bg-white rounded-3xl border border-orange-100\/50 shadow-sm transition-all duration-300\"\r\n                    :class=\"active === 3 ? 'shadow-xl shadow-orange-100\/50 border-orange-200 ring-1 ring-orange-100' : 'hover:border-orange-200'\"\r\n                >\r\n                    <button \r\n                        @click=\"active = active === 3 ? null : 3\" \r\n                        class=\"flex w-full items-center justify-between p-6 text-left transition-colors\"\r\n                    >\r\n                        <span class=\"font-bold text-stone-800 text-lg pr-8\" :class=\"active === 3 ? 'text-orange-600' : ''\">Como funciona a alimenta\u00e7\u00e3o?<\/span>\r\n                        <div \r\n                            class=\"flex-shrink-0 h-10 w-10 rounded-full bg-stone-50 flex items-center justify-center transition-all duration-300\"\r\n                            :class=\"active === 3 ? 'bg-orange-500 text-white rotate-180' : 'text-stone-400 group-hover:bg-orange-50 group-hover:text-orange-500'\"\r\n                        >\r\n                            <i data-lucide=\"chevron-down\" class=\"h-5 w-5\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n                    <div x-show=\"active === 3\" x-collapse x-cloak>\r\n                        <div class=\"px-6 pb-8 text-stone-600 leading-relaxed border-t border-orange-50 pt-4 mx-6\">\r\n                            <p>O pacote inclui 3 refei\u00e7\u00f5es di\u00e1rias completas (caf\u00e9, almo\u00e7o e jantar) com foco na culin\u00e1ria regional. Caso possua restri\u00e7\u00f5es alimentares, solicitamos que informe no formul\u00e1rio de inscri\u00e7\u00e3o para que possamos nos adequar.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 4 -->\r\n                <div \r\n                    class=\"group bg-white rounded-3xl border border-orange-100\/50 shadow-sm transition-all duration-300\"\r\n                    :class=\"active === 4 ? 'shadow-xl shadow-orange-100\/50 border-orange-200 ring-1 ring-orange-100' : 'hover:border-orange-200'\"\r\n                >\r\n                    <button \r\n                        @click=\"active = active === 4 ? null : 4\" \r\n                        class=\"flex w-full items-center justify-between p-6 text-left transition-colors\"\r\n                    >\r\n                        <span class=\"font-bold text-stone-800 text-lg pr-8\" :class=\"active === 4 ? 'text-orange-600' : ''\">Quais atividades ser\u00e3o realizadas?<\/span>\r\n                        <div \r\n                            class=\"flex-shrink-0 h-10 w-10 rounded-full bg-stone-50 flex items-center justify-center transition-all duration-300\"\r\n                            :class=\"active === 4 ? 'bg-orange-500 text-white rotate-180' : 'text-stone-400 group-hover:bg-orange-50 group-hover:text-orange-500'\"\r\n                        >\r\n                            <i data-lucide=\"chevron-down\" class=\"h-5 w-5\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n                    <div x-show=\"active === 4\" x-collapse x-cloak>\r\n                        <div class=\"px-6 pb-8 text-stone-600 leading-relaxed border-t border-orange-50 pt-4 mx-6\">\r\n                            <p>A programa\u00e7\u00e3o mescla teoria e pr\u00e1tica: palestras com pesquisadores, atividades de campo, trilhas interpretativas e o tradicional passeio de catamar\u00e3 pelos c\u00e2nions do Rio S\u00e3o Francisco.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 5 -->\r\n                <div \r\n                    class=\"group bg-white rounded-3xl border border-orange-100\/50 shadow-sm transition-all duration-300\"\r\n                    :class=\"active === 5 ? 'shadow-xl shadow-orange-100\/50 border-orange-200 ring-1 ring-orange-100' : 'hover:border-orange-200'\"\r\n                >\r\n                    <button \r\n                        @click=\"active = active === 5 ? null : 5\" \r\n                        class=\"flex w-full items-center justify-between p-6 text-left transition-colors\"\r\n                    >\r\n                        <span class=\"font-bold text-stone-800 text-lg pr-8\" :class=\"active === 5 ? 'text-orange-600' : ''\">Tem estrutura de higiene?<\/span>\r\n                        <div \r\n                            class=\"flex-shrink-0 h-10 w-10 rounded-full bg-stone-50 flex items-center justify-center transition-all duration-300\"\r\n                            :class=\"active === 5 ? 'bg-orange-500 text-white rotate-180' : 'text-stone-400 group-hover:bg-orange-50 group-hover:text-orange-500'\"\r\n                        >\r\n                            <i data-lucide=\"chevron-down\" class=\"h-5 w-5\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n                    <div x-show=\"active === 5\" x-collapse x-cloak>\r\n                        <div class=\"px-6 pb-8 text-stone-600 leading-relaxed border-t border-orange-50 pt-4 mx-6\">\r\n                            <p>Sim! Apesar de ser uma imers\u00e3o na natureza, oferecemos uma estrutura de apoio com banheiros qu\u00edmicos e chuveiros para garantir o conforto b\u00e1sico dos participantes durante o acampamento.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mt-16 text-center\">\r\n                <p class=\"text-stone-500 mb-6\">Ainda tem alguma d\u00favida espec\u00edfica?<\/p>\r\n                <a href=\"https:\/\/api.whatsapp.com\/send?phone=558296063934\" target=\"_blank\" class=\"inline-flex items-center gap-2 text-orange-600 font-bold hover:text-orange-700 transition-colors\">\r\n                    <i data-lucide=\"message-circle\" class=\"h-5 w-5\"><\/i>\r\n                    Falar com a organiza\u00e7\u00e3o no WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-stone-950 text-white pt-24 pb-12\">\r\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid gap-16 md:grid-cols-4 mb-20\">\r\n                <div class=\"md:col-span-1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/institutososcaatinga.com.br\/2025\/wp-content\/uploads\/2025\/02\/0900.png\" alt=\"Logo\" class=\"h-14 w-auto object-contain brightness-0 invert mb-8\">\r\n                    <p class=\"text-stone-500 leading-relaxed text-sm\">Conserva\u00e7\u00e3o, pesquisa e educa\u00e7\u00e3o ambiental para proteger a biodiversidade do nosso sert\u00e3o.<\/p>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <h4 class=\"text-sm font-bold uppercase tracking-widest mb-8 text-orange-500\">Navega\u00e7\u00e3o<\/h4>\r\n                    <ul class=\"space-y-4 text-stone-400 text-sm\">\r\n                        <li><a href=\"#sobre\" class=\"hover:text-orange-500 transition-colors\">O Evento<\/a><\/li>\r\n                        <li><a href=\"#depoimentos\" class=\"hover:text-orange-600 transition-colors\">Depoimentos<\/a><\/li>\r\n                        <li><a href=\"#faq\" class=\"hover:text-orange-500 transition-colors\">FAQ<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h4 class=\"text-sm font-bold uppercase tracking-widest mb-8 text-orange-500\">Institucional<\/h4>\r\n                    <ul class=\"space-y-4 text-stone-400 text-sm\">\r\n                        <li><a href=\"https:\/\/institutososcaatinga.com.br\/\" class=\"hover:text-orange-500 transition-colors\">Site Oficial<\/a><\/li>\r\n                        <li><a href=\"https:\/\/institutososcaatinga.com.br\/shop\/produto\/48h-de-aventura-na-caatinga-9ed\/\" class=\"hover:text-orange-500 transition-colors\">Loja Virtual<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"hover:text-orange-500 transition-colors\">Termos<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"hover:text-orange-500 transition-colors\">Privacidade<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <h4 class=\"text-sm font-bold uppercase tracking-widest mb-8 text-orange-500\">Redes Sociais<\/h4>\r\n                    <div class=\"flex gap-4\">\r\n                        <a \r\n                            href=\"https:\/\/www.instagram.com\/institutososcaatingaoficial\/\" \r\n                            target=\"_blank\" \r\n                            rel=\"noopener noreferrer\"\r\n                            class=\"h-12 w-12 rounded-2xl bg-white\/5 flex items-center justify-center hover:bg-orange-600 transition-colors border border-white\/10\"\r\n                        >\r\n                            <i data-lucide=\"instagram\" class=\"h-5 w-5\"><\/i>\r\n                        <\/a>\r\n                        <a \r\n                            href=\"https:\/\/www.facebook.com\/institutososcaatingaoficial\/\" \r\n                            target=\"_blank\" \r\n                            rel=\"noopener noreferrer\"\r\n                            class=\"h-12 w-12 rounded-2xl bg-white\/5 flex items-center justify-center hover:bg-orange-600 transition-colors border border-white\/10\"\r\n                        >\r\n                            <i data-lucide=\"facebook\" class=\"h-5 w-5\"><\/i>\r\n                        <\/a>\r\n                        <a \r\n                            href=\"https:\/\/institutososcaatinga.com.br\/\" \r\n                            target=\"_blank\" \r\n                            rel=\"noopener noreferrer\"\r\n                            class=\"h-12 w-12 rounded-2xl bg-white\/5 flex items-center justify-center hover:bg-orange-600 transition-colors border border-white\/10\"\r\n                        >\r\n                            <i data-lucide=\"globe\" class=\"h-5 w-5\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"border-t border-white\/5 pt-12 flex flex-col md:flex-row justify-between items-center gap-6 text-stone-600 text-xs\">\r\n                <p>\u00a9 2025 Instituto SOS Caatinga. Todos os direitos reservados.<\/p>\r\n                <div class=\"flex gap-8\">\r\n                    <span>CNPJ: 00.000.000\/0001-00<\/span>\r\n                    <span>Desenvolvido com \u2764\ufe0f para a Caatinga.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Initialize Lucide Icons\r\n        lucide.createIcons();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>48h na Caatinga &#8211; 9\u00aa Edi\u00e7\u00e3o O Evento Palestrantes Depoimentos FAQ Inscrever-se 9\u00aa Edi\u00e7\u00e3o | 24 a 26 de Julho | Espa\u00e7o Ecol\u00f3gico TO\u00c1 48 Horas de Aventura na Caatinga Explore a alma do sert\u00e3o em uma jornada de 48 horas. Conhecimento cient\u00edfico, aventura e conex\u00e3o profunda com o bioma mais resiliente do Brasil. Garantir [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1567","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/institutososcaatinga.com.br\/2025\/wp-json\/wp\/v2\/pages\/1567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/institutososcaatinga.com.br\/2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/institutososcaatinga.com.br\/2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/institutososcaatinga.com.br\/2025\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/institutososcaatinga.com.br\/2025\/wp-json\/wp\/v2\/comments?post=1567"}],"version-history":[{"count":511,"href":"https:\/\/institutososcaatinga.com.br\/2025\/wp-json\/wp\/v2\/pages\/1567\/revisions"}],"predecessor-version":[{"id":2433,"href":"https:\/\/institutososcaatinga.com.br\/2025\/wp-json\/wp\/v2\/pages\/1567\/revisions\/2433"}],"wp:attachment":[{"href":"https:\/\/institutososcaatinga.com.br\/2025\/wp-json\/wp\/v2\/media?parent=1567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}