{"id":556,"date":"2025-04-15T04:47:37","date_gmt":"2025-04-15T04:47:37","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=556"},"modified":"2025-11-18T05:58:18","modified_gmt":"2025-11-18T05:58:18","slug":"read","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/pt\/read\/","title":{"rendered":"Ler"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"556\" class=\"elementor elementor-556\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af68432 e-flex e-con-boxed e-con e-parent\" data-id=\"af68432\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34086bb elementor-widget elementor-widget-html\" data-id=\"34086bb\" data-element_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>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- Primary Meta Tags -->\n    <title>Artigos de Educa\u00e7\u00e3o sobre Cannabis e Pesquisa | Two Birds One Stoned<\/title>\n    <meta name=\"title\" content=\"Cannabis Education Articles & Research | Two Birds One Stoned\">\n    <meta name=\"description\" content=\"Educa\u00e7\u00e3o sobre cannabis baseada em evid\u00eancias cobrindo anatomia da planta, compostos, usos m\u00e9dicos e o sistema endocanabinoide. Artigos baseados em ci\u00eancia sem alarido.\">\n    <meta name=\"keywords\" content=\"cannabis education, medical cannabis, endocannabinoid system, THC CBD research, cannabis science, plant anatomy, terpenes, cannabinoids\">\n    <meta name=\"author\" content=\"James Gallagher, Two Birds One Stoned\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"language\" content=\"en\">\n    <meta name=\"theme-color\" content=\"#4CAF50\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/read-and-learn\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/read-and-learn\">\n    <meta property=\"og:title\" content=\"Artigos de Educa\u00e7\u00e3o sobre Cannabis e Pesquisa | Two Birds One Stoned\">\n    <meta property=\"og:description\" content=\"Educa\u00e7\u00e3o sobre cannabis baseada em evid\u00eancias cobrindo anatomia da planta, compostos, usos m\u00e9dicos e o sistema endocanabinoide. Artigos baseados em ci\u00eancia sem alarido.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <meta property=\"og:image:width\" content=\"1200\">\n    <meta property=\"og:image:height\" content=\"630\">\n    <meta property=\"og:image:alt\" content=\"Two Birds One Stoned - Plataforma de Educa\u00e7\u00e3o sobre Cannabis\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    \n    <!-- Twitter -->\n    <meta property=\"twitter:card\" content=\"summary_large_image\">\n    <meta property=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/read-and-learn\">\n    <meta property=\"twitter:title\" content=\"Cannabis Education Articles & Research | Two Birds One Stoned\">\n    <meta property=\"twitter:description\" content=\"Evidence-based cannabis education covering plant anatomy, compounds, medical uses, and the endocannabinoid system. Science-backed articles without the hype.\">\n    <meta property=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <meta property=\"twitter:image:alt\" content=\"Two Birds One Stoned - Cannabis Education Platform\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    \n    <!-- Structured Data for Educational Content -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"EducationalOrganization\",\n    \"name\": \"Two Birds One Stoned\",\n    \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n    \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n    \"description\": \"Cannabis education platform delivering evidence-based content about cannabis science, medical applications, and plant biology\",\n    \"founder\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\"\n    },\n    \"sameAs\": [\n        \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n        \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n    ],\n    \"mainEntity\": {\n        \"@type\": \"ItemList\",\n        \"name\": \"Cannabis Education Articles\",\n        \"description\": \"Collection of evidence-based cannabis education articles\",\n        \"itemListElement\": [\n            {\n                \"@type\": \"Article\",\n                \"name\": \"The History of Cannabis on Earth\",\n                \"description\": \"From ancient rituals to modern laws, explore how cannabis has interacted with humans throughout time\",\n                \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/history-of-cannabis\"\n            },\n            {\n                \"@type\": \"Article\",\n                \"name\": \"The Anatomy of the Cannabis Plant\",\n                \"description\": \"Discover what makes the cannabis plant unique, from seeds to stem to bud\",\n                \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/the-cannabis-plant\"\n            },\n            {\n                \"@type\": \"Article\",\n                \"name\": \"Cannabis Compounds: Beyond THC\",\n                \"description\": \"Break down the compounds responsible for the plant's effects and benefits\",\n                \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/major-thccbd-minor-cannabinoids-terpenes-flavonoids\"\n            },\n            {\n                \"@type\": \"Article\",\n                \"name\": \"The Endocannabinoid System Explained\",\n                \"description\": \"Understanding the body's own cannabis-like system\",\n                \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/the-endocannabinoid-system\"\n            },\n            {\n                \"@type\": \"Article\",\n                \"name\": \"Medical Uses for Cannabis\",\n                \"description\": \"Explore how cannabis is being used to improve lives across the globe\",\n                \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/medical-uses-of-cannabis\"\n            }\n        ]\n    }\n}<\/script>\n    \n    <!-- Additional SEO Meta Tags -->\n    <meta name=\"revisit-after\" content=\"7 days\">\n    <meta name=\"distribution\" content=\"global\">\n    <meta name=\"rating\" content=\"general\">\n    <meta name=\"geo.region\" content=\"AU\">\n    <meta name=\"geo.placename\" content=\"Australia\">\n    \n    <!-- Preconnect for Performance -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- DNS Prefetch for External Resources -->\n    <link rel=\"dns-prefetch\" href=\"\/\/docs.google.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/twobirdsonestoned.co\">\n    \n    <!-- Security Headers -->\n    <meta http-equiv=\"X-Content-Type-Options\" content=\"nosniff\">\n    <meta http-equiv=\"X-Frame-Options\" content=\"SAMEORIGIN\">\n    <meta http-equiv=\"Referrer-Policy\" content=\"strict-origin-when-cross-origin\">\n    \n    <style>\n        \/* Reset and base styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            color: #fff;\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* Progress Bar *\/\n        .reading-progress {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, #4CAF50, #F4C542);\n            z-index: 1000;\n            transition: width 0.3s ease;\n        }\n\n        \/* Search Bar *\/\n        .filter-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            margin-bottom: 2rem;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.8s ease;\n        }\n\n        .filter-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .search-filter-container {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 1rem;\n        }\n\n        .search-box {\n            width: 100%;\n            max-width: 400px;\n            padding: 0.75rem 1rem;\n            border: 2px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            background: rgba(29,29,29,0.8);\n            color: #fff;\n            font-family: 'Montserrat', sans-serif;\n            text-align: center;\n        }\n\n        .search-box::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        \/* READ SECTION *\/\n        .tbos-read {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 150px;\n            padding-bottom: 4rem;\n        }\n\n        .tbos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            width: 100%;\n        }\n\n        .tbos-read .tbos-section-title {\n            font-family: 'Montserrat', sans-serif;\n            color: #ffffff;\n            word-break: break-word;\n        }\n\n        \/* ARTICLE GRID *\/\n        .tbos-read .tbos-article-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 1rem;\n        }\n\n        @media (max-width: 1024px) {\n            .tbos-read .tbos-article-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 767px) {\n            .tbos-read .tbos-article-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* ARTICLE CARDS *\/\n        .tbos-read .tbos-article-card {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(30px);\n            position: relative;\n        }\n\n        .tbos-read .tbos-article-card.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .tbos-read .tbos-article-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        .tbos-read .tbos-article-card.hidden {\n            display: none;\n        }\n\n        .tbos-read .tbos-article-card h3 {\n            font-size: 1.7rem;\n            margin-bottom: 1rem;\n            line-height: 1.3;\n            word-break: break-word;\n            color: #F4C542;\n        }\n\n        .tbos-read .tbos-article-card p {\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            color: #E3E3DC;\n        }\n\n        .tbos-read .tbos-button {\n            align-self: flex-start;\n            background-color: #4CAF50;\n            color: #000;\n            text-decoration: none;\n            padding: 0.75rem 1.5rem;\n            border-radius: 0.5rem;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            display: inline-block;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .tbos-read .tbos-button:hover {\n            background-color: #45a049;\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);\n        }\n\n        \/* No Results Message *\/\n        .no-results {\n            text-align: center;\n            padding: 3rem;\n            color: rgba(255,255,255,0.6);\n            display: none;\n        }\n\n        \/* KEEP LEARNING SECTION *\/\n        .keep-learning-section {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            margin: 6rem auto 3rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        .keep-learning-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\n        .signup-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .signup-text h3 {\n            color: #F4C542;\n            font-size: clamp(18px, 4vw, 24px);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: left;\n        }\n\n        .signup-text p {\n            color: #E3E3DC;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            text-align: left;\n        }\n\n        .signup-form-container {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .signup-form-container input {\n            width: 100%;\n            padding: 1rem 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n        }\n\n        .signup-form-container input:focus {\n            outline: none;\n            border-color: #4CAF50;\n        }\n\n        .signup-form-container input::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        .signup-form-container button {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .signup-form-container button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n\n        .signup-form-container button:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .form-note {\n            color: #E3E3DC;\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin: 1.5rem 0 0 0;\n            text-align: center;\n        }\n\n        \/* Benefits List Styling *\/\n        .benefits-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 1.5rem 0;\n            padding-left: 0 !important;\n        }\n\n        .benefits-list li {\n            color: #E3E3DC;\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            padding-left: 0 !important;\n            list-style: none !important;\n            position: relative;\n        }\n\n        .benefits-list li:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefits-list li::before {\n            content: none !important;\n        }\n\n        #read.tbos-section::before {\n            content: \"\";\n            display: block;\n            height: 100px;\n            margin-top: -100px;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .keep-learning-section {\n                padding: 1.5rem;\n                margin: 2rem auto;\n                position: relative;\n                z-index: 1;\n            }\n\n            .signup-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n\n            .signup-text h3,\n            .signup-text p {\n                text-align: center;\n            }\n\n            .signup-form-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .signup-form-container input {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n            }\n\n            .signup-form-container button {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n                margin-bottom: 0.5rem;\n            }\n\n            .form-note {\n                margin-top: 1rem;\n                position: relative;\n                z-index: 4;\n                clear: both;\n                display: block;\n                width: 100%;\n                padding-top: 0.5rem;\n            }\n\n            #formMessage {\n                position: relative;\n                z-index: 5;\n                clear: both;\n                margin-top: 1.5rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .form-note {\n                margin-top: 1.5rem !important;\n                padding-top: 0.75rem !important;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"dark-theme\">\n    <div class=\"reading-progress\" id=\"readingProgress\"><\/div>\n\n    <div style=\"display: none;\" id=\"audio-container\"><\/div>\n\n    <section id=\"read\" class=\"tbos-section tbos-read\">\n        <div class=\"tbos-container\">\n            <div style=\"margin-bottom: 6rem; text-align: center; opacity: 0; transform: translateY(-20px); transition: all 0.8s ease;\" class=\"title-container\">\n                <h1 class=\"tbos-section-title\" style=\"font-size: clamp(28px, 8vw, 48px); font-weight: bold; margin: 0 0 25px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); line-height: 1.1; text-align: center; padding: 0; display: block; width: 100%; clear: both; background: none; border-radius: 0; box-shadow: none; max-width: none; margin-left: auto; margin-right: auto;\">\n                    <span style=\"color: #F4C542; display: inline;\">L\u00ca<\/span> <span style=\"color: #F5EBD6; display: inline;\">E<\/span> <span style=\"color: #F4C542; display: inline;\">APRENDE<\/span>\n                <\/h1>\n                \n                <div style=\"text-align: center; margin-top: 20px;\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\" style=\"background: rgba(0,0,0,0.8); border: 2px solid #4CAF50; color: #4CAF50; padding: clamp(8px, 2vw, 12px) clamp(15px, 4vw, 25px); border-radius: 25px; cursor: pointer; transition: all 0.3s ease; font-size: clamp(16px, 3vw, 20px); font-weight: bold; font-family: 'Montserrat', sans-serif;\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"filter-section\">\n                <div class=\"search-filter-container\">\n                    <input type=\"text\" class=\"search-box\" placeholder=\"Buscar artigos...\" id=\"searchInput\">\n                <\/div>\n            <\/div>\n            \n            <div class=\"tbos-article-grid\">\n                <div class=\"tbos-article-card\" data-keywords=\"history ancient laws rituals\">\n                    <h3>A Hist\u00f3ria da Cannabis na Terra \ud83c\udf0d<\/h3>\n                    <p>Desde rituais antigos at\u00e9 leis modernas, descobre como a cannabis interagiu com a humanidade ao longo do tempo.<\/p>\n                    <a href=\"https:\/\/twobirdsonestoned.co\/pt\/history-of-cannabis\/#written-content\" class=\"tbos-button\" onclick=\"trackArticleClick('history')\">L\u00ea<\/a>\n                <\/div>\n\n                <div class=\"tbos-article-card\" data-keywords=\"anatomy plant structure bud stem kief\">\n                    <h3>A Anatomia da Planta de Cannabis \ud83c\udf3f<\/h3>\n                    <p>Descobre o que torna a planta de cannabis \u00fanica. Vamos das sementes, caule, bot\u00e3o, at\u00e9 ao que o teu filho \u00e9.<\/p>\n                    <a href=\"https:\/\/twobirdsonestoned.co\/pt\/the-cannabis-plant\/#written-content\" class=\"tbos-button\" onclick=\"trackArticleClick('anatomy')\">L\u00ea<\/a>\n                <\/div>\n\n                <div class=\"tbos-article-card\" data-keywords=\"compounds thc cbd cannabinoids terpenes\">\n                    <h3>Compostos da Cannabis: Al\u00e9m do THC \ud83e\uddec<\/h3>\n                    <p>Analisamos os compostos respons\u00e1veis pelos efeitos e benef\u00edcios da planta.<\/p>\n                    <a href=\"https:\/\/twobirdsonestoned.co\/pt\/major-thccbd-minor-cannabinoids-terpenes-flavonoids\/#written-content\" class=\"tbos-button\" onclick=\"trackArticleClick('compounds')\">L\u00ea<\/a>\n                <\/div>\n\n                <div class=\"tbos-article-card\" data-keywords=\"delivery methods smoking edibles vaping consumption\">\n                    <h3>M\u00e9todos de Consumo de Cannabis \ud83c\udf2c\ufe0f<\/h3>\n                    <p>Desde fumar at\u00e9 comest\u00edveis, entende a forma mais adequada de consumir baseada nas tuas necessidades.<\/p>\n                    <a href=\"https:\/\/twobirdsonestoned.co\/pt\/delivery-methods-of-cannabis\/#written-content\" class=\"tbos-button\" onclick=\"trackArticleClick('delivery')\">L\u00ea<\/a>\n                <\/div>\n\n                <div class=\"tbos-article-card\" data-keywords=\"endocannabinoid system receptors cb1 cb2\">\n                    <h3>O Sistema Endocanabinoide Explicado \ud83e\udde0<\/h3>\n                    <p>Fazemos a nossa pr\u00f3pria cannabis... d\u00e1 uma olhada x<\/p>\n                    <a href=\"https:\/\/twobirdsonestoned.co\/pt\/the-endocannabinoid-system\/#written-content\" class=\"tbos-button\" onclick=\"trackArticleClick('endocannabinoid')\">L\u00ea<\/a>\n                <\/div>\n\n                <div class=\"tbos-article-card\" data-keywords=\"medical uses therapeutic benefits health conditions\">\n                    <h3>Usos M\u00e9dicos da Cannabis \ud83c\udfe5<\/h3>\n                    <p>Explora como a cannabis est\u00e1 a ser usada para melhorar vidas em todo o mundo.<\/p>\n                    <a href=\"https:\/\/twobirdsonestoned.co\/pt\/medical-uses-of-cannabis\/#written-content\" class=\"tbos-button\" onclick=\"trackArticleClick('medical')\">L\u00ea<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"no-results\" id=\"noResults\">\n                <h3>Nenhum artigo encontrado<\/h3>\n                <p>Tenta ajustar a tua pesquisa ou crit\u00e9rios de filtro<\/p>\n            <\/div>\n\n            <div class=\"keep-learning-section\">\n                <div class=\"signup-split\">\n                    <div class=\"signup-text\">\n                        <h3>Continua a Aprender<\/h3>\n                        <p>A cannabis est\u00e1 a evoluir. Cobrimos a ci\u00eancia, investiga\u00e7\u00e3o e cultura. \u00c9 tudo gr\u00e1tis e direto para a tua caixa de entrada. Sem redes sociais, apenas subst\u00e2ncia.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Entrevistas e Document\u00e1rios<\/li>\n                            <li>\ud83d\udcda V\u00eddeos e \u00e1udios educativos<\/li>\n                            <li>\ud83d\udd2c Informa\u00e7\u00f5es e insights apoiados pela ci\u00eancia<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"signup-form\">\n                        <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n                            <input type=\"email\" name=\"entry.690743589\" placeholder=\"teu@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Receber Atualiza\u00e7\u00f5es<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Continua curioso \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"pt\"\/><\/form>\n                    <\/div>\n                <\/div>\n                <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        let isDarkTheme = true;\n\n        function trackArticleClick(articleName) {\n            const clicks = JSON.parse(localStorage.getItem('articleClicks') || '{}');\n            clicks[articleName] = (clicks[articleName] || 0) + 1;\n            localStorage.setItem('articleClicks', JSON.stringify(clicks));\n            console.log('Article clicked:', articleName, 'Total clicks:', clicks[articleName]);\n        }\n\n        function setupEmailSignup() {\n            const form = document.getElementById('emailForm');\n            const emailInput = document.getElementById('emailInput');\n            const submitBtn = document.getElementById('emailSubmitBtn');\n            const messageDiv = document.getElementById('formMessage');\n            \n            if (!form) return;\n            \n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const email = emailInput.value.trim();\n                if (!email) return;\n                \n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \n                fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n                    method: 'POST',\n                    body: formData,\n                    mode: 'no-cors'\n                })\n                .then(() => {\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    emailInput.value = '';\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .catch(() => {\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        function initializeSearch() {\n            const searchInput = document.getElementById('searchInput');\n            const articles = document.querySelectorAll('.tbos-article-card');\n            const noResults = document.getElementById('noResults');\n\n            searchInput.addEventListener('input', function() {\n                const searchTerm = this.value.toLowerCase();\n                let visibleCount = 0;\n\n                articles.forEach(article => {\n                    const title = article.querySelector('h3').textContent.toLowerCase();\n                    const description = article.querySelector('p').textContent.toLowerCase();\n                    const keywords = article.dataset.keywords.toLowerCase();\n\n                    const matchesSearch = title.includes(searchTerm) || \n                                        description.includes(searchTerm) || \n                                        keywords.includes(searchTerm);\n\n                    if (matchesSearch || searchTerm === '') {\n                        article.classList.remove('hidden');\n                        visibleCount++;\n                    } else {\n                        article.classList.add('hidden');\n                    }\n                });\n\n                noResults.style.display = (visibleCount === 0 && searchTerm !== '') ? 'block' : 'none';\n            });\n        }\n\n        function initializeProgressBar() {\n            const progressBar = document.getElementById('readingProgress');\n            \n            window.addEventListener('scroll', function() {\n                const windowHeight = window.innerHeight;\n                const documentHeight = document.documentElement.scrollHeight - windowHeight;\n                const scrollProgress = (window.scrollY \/ documentHeight) * 100;\n                \n                progressBar.style.width = Math.min(scrollProgress, 100) + '%';\n            });\n        }\n\n        function toggleThemeAndText() {\n            const button = document.getElementById('theme-toggle');\n            const currentEmoji = button.textContent.trim();\n            \n            if (currentEmoji === '\ud83c\udf19') {\n                button.textContent = '\u2600\ufe0f';\n                playAudio('dayTimeAudio', 'https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3');\n                isDarkTheme = false;\n            } else {\n                button.textContent = '\ud83c\udf19';\n                playAudio('nightTimeAudio', 'https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3');\n                isDarkTheme = true;\n            }\n            \n            toggleTheme();\n        }\n\n        function playAudio(audioId, audioSrc) {\n            let audio = document.getElementById(audioId);\n            \n            if (!audio) {\n                audio = document.createElement('audio');\n                audio.id = audioId;\n                const source = document.createElement('source');\n                source.src = audioSrc;\n                source.type = 'audio\/mpeg';\n                audio.appendChild(source);\n                document.getElementById('audio-container').appendChild(audio);\n            }\n            \n            if (audio) {\n                audio.currentTime = 0;\n                const playPromise = audio.play();\n                \n                if (playPromise !== undefined) {\n                    playPromise.then(() => {\n                        console.log(`${audioId} played successfully`);\n                    }).catch(error => {\n                        console.log(`Audio play failed for ${audioId}:`, error);\n                        showVisualFeedback(audioId);\n                    });\n                }\n            }\n        }\n\n        function showVisualFeedback(audioId) {\n            const button = document.getElementById('theme-toggle');\n            const originalTransform = button.style.transform;\n            \n            button.style.transform = 'scale(1.1)';\n            button.style.transition = 'transform 0.1s ease';\n            \n            setTimeout(() => {\n                button.style.transform = originalTransform;\n                button.style.transition = 'all 0.3s ease';\n            }, 100);\n        }\n\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.tbos-article-card');\n            const title = document.querySelector('.tbos-section-title');\n            const buttons = document.querySelectorAll('.tbos-button');\n            const toggleButton = document.getElementById('theme-toggle');\n            \n            const header = document.querySelector('.tbos-header');\n            const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n            const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n            const dropdownContent = document.querySelectorAll('.dropdown-content');\n            const hamburgerLines = document.querySelectorAll('.hamburger-line');\n            \n            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \n            const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n            const footerTitle = document.querySelector('.footer-card h4');\n            const footerText = document.querySelectorAll('.footer-card p');\n            const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n            const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n            \n            const searchInput = document.getElementById('searchInput');\n            const emailInput = document.getElementById('emailInput');\n            \n            const keepLearningSection = document.querySelector('.keep-learning-section');\n            \n            if (!isDarkTheme) {\n                console.log('Applying LIGHT theme');\n                \n                \/\/ ADD BODY CLASS FOR THEME DETECTION\n                body.classList.add('light-theme');\n                body.classList.remove('dark-theme');\n                \n                html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                \n                html.style.setProperty('margin', '0', 'important');\n                html.style.setProperty('padding', '0', 'important');\n                body.style.setProperty('margin', '0', 'important');\n                body.style.setProperty('padding', '0', 'important');\n                html.style.setProperty('min-height', '100vh', 'important');\n                body.style.setProperty('min-height', '100vh', 'important');\n                \n                if (header) {\n                    header.style.setProperty('background', '#ffffff', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#ffffff', 'important');\n                    dropdown.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#2A2A2A', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', '#ffffff', 'important');\n                    mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n                });\n                \n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#ffffff', 'important');\n                    footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#1a1a1a', 'important');\n                    text.style.setProperty('font-weight', '500', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#000000', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                if (searchInput) {\n                    searchInput.style.setProperty('background', '#ffffff', 'important');\n                    searchInput.style.setProperty('color', '#2A2A2A', 'important');\n                    searchInput.style.setProperty('border', '2px solid #B8860B', 'important');\n                }\n                \n                const searchPlaceholderStyle = document.getElementById('search-placeholder-style') || document.createElement('style');\n                searchPlaceholderStyle.id = 'search-placeholder-style';\n                searchPlaceholderStyle.innerHTML = `\n                    .search-box::placeholder {\n                        color: rgba(42, 42, 42, 0.7) !important;\n                    }\n                `;\n                document.head.appendChild(searchPlaceholderStyle);\n                \n                contentCards.forEach(card => {\n                    if (!card.classList.contains('hidden')) {\n                        card.style.setProperty('background-color', '#ffffff', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                        card.style.setProperty('color', '#2A2A2A', 'important');\n                        \n                        const cardTitle = card.querySelector('h3');\n                        if (cardTitle) {\n                            cardTitle.style.setProperty('color', '#B8860B', 'important');\n                        }\n                        \n                        const cardP = card.querySelector('p');\n                        if (cardP) {\n                            cardP.style.setProperty('color', '#1a1a1a', 'important');\n                            cardP.style.setProperty('font-weight', '500', 'important');\n                        }\n                    }\n                });\n                \n                if (title) {\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                    \n                    const spans = title.querySelectorAll('span');\n                    spans.forEach((span, index) => {\n                        if (index === 1) {\n                            \/\/ Middle word (AND\/Y\/ET\/etc.)\n                            span.style.setProperty('color', '#2A2A2A', 'important');\n                        } else {\n                            \/\/ First and last words (READ\/LEARN or equivalents)\n                            span.style.setProperty('color', '#B8860B', 'important');\n                        }\n                    });\n                }\n                \n                if (keepLearningSection) {\n                    keepLearningSection.style.setProperty('background', '#ffffff', 'important');\n                    keepLearningSection.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const keepLearningTitle = keepLearningSection.querySelector('h3');\n                    if (keepLearningTitle) {\n                        keepLearningTitle.style.setProperty('color', '#B8860B', 'important');\n                    }\n                    \n                    const keepLearningText = keepLearningSection.querySelectorAll('p');\n                    keepLearningText.forEach(text => {\n                        text.style.setProperty('color', '#1a1a1a', 'important');\n                        text.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const benefitsItems = keepLearningSection.querySelectorAll('.benefits-list li');\n                    benefitsItems.forEach(item => {\n                        item.style.setProperty('color', '#1a1a1a', 'important');\n                        item.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const formInputs = keepLearningSection.querySelectorAll('.signup-form-container input');\n                    formInputs.forEach(input => {\n                        input.style.setProperty('background', '#ffffff', 'important');\n                        input.style.setProperty('color', '#2A2A2A', 'important');\n                        input.style.setProperty('border', '2px solid #B8860B', 'important');\n                        input.style.setProperty('border-radius', '8px', 'important');\n                    });\n\n                    const emailPlaceholderStyle = document.getElementById('email-placeholder-style') || document.createElement('style');\n                    emailPlaceholderStyle.id = 'email-placeholder-style';\n                    emailPlaceholderStyle.innerHTML = `\n                        .signup-form-container input::placeholder {\n                            color: rgba(42, 42, 42, 0.7) !important;\n                        }\n                    `;\n                    document.head.appendChild(emailPlaceholderStyle);\n\n                    const formButtons = keepLearningSection.querySelectorAll('.signup-form-container button');\n                    formButtons.forEach(button => {\n                        button.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #A0750A)', 'important');\n                        button.style.setProperty('color', '#fff', 'important');\n                    });\n\n                    const formNotes = keepLearningSection.querySelectorAll('.form-note');\n                    formNotes.forEach(note => {\n                        note.style.setProperty('color', '#1a1a1a', 'important');\n                        note.style.setProperty('font-weight', '500', 'important');\n                    });\n                }\n                \n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#ffffff', 'important');\n                    button.style.setProperty('color', '#2A2A2A', 'important');\n                    button.style.setProperty('padding-left', '0', 'important');\n                    button.style.setProperty('padding-right', '1.5rem', 'important');\n                });\n                \n                if (toggleButton) {\n                    toggleButton.style.setProperty('background', '#ffffff', 'important');\n                    toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                    toggleButton.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n            } else {\n                console.log('Applying DARK theme');\n                \n                \/\/ REMOVE LIGHT THEME CLASS AND ADD DARK THEME CLASS\n                body.classList.remove('light-theme');\n                body.classList.add('dark-theme');\n                \n                html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                \n                html.style.setProperty('margin', '0', 'important');\n                html.style.setProperty('padding', '0', 'important');\n                body.style.setProperty('margin', '0', 'important');\n                body.style.setProperty('padding', '0', 'important');\n                html.style.setProperty('min-height', '100vh', 'important');\n                body.style.setProperty('min-height', '100vh', 'important');\n                \n                if (header) {\n                    header.style.setProperty('background', '#1d1d1d', 'important');\n                    header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#1d1d1d', 'important');\n                    dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#f5ebd6', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n                    mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n                });\n                \n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n                    footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                    text.style.setProperty('font-weight', '400', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                if (searchInput) {\n                    searchInput.style.setProperty('background', 'rgba(29,29,29,0.8)', 'important');\n                    searchInput.style.setProperty('color', '#fff', 'important');\n                    searchInput.style.setProperty('border', '2px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                const searchPlaceholderStyle = document.getElementById('search-placeholder-style');\n                if (searchPlaceholderStyle) {\n                    searchPlaceholderStyle.remove();\n                }\n\n                const emailPlaceholderStyle = document.getElementById('email-placeholder-style');\n                if (emailPlaceholderStyle) {\n                    emailPlaceholderStyle.remove();\n                }\n                \n                contentCards.forEach(card => {\n                    if (!card.classList.contains('hidden')) {\n                        card.style.setProperty('background-color', '#1d1d1d', 'important');\n                        card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        card.style.setProperty('color', '#F5EBD6', 'important');\n                        \n                        const cardTitle = card.querySelector('h3');\n                        if (cardTitle) {\n                            cardTitle.style.setProperty('color', '#F4C542', 'important');\n                        }\n                        \n                        const cardP = card.querySelector('p');\n                        if (cardP) {\n                            cardP.style.setProperty('color', '#E3E3DC', 'important');\n                            cardP.style.setProperty('font-weight', '400', 'important');\n                        }\n                    }\n                });\n                \n                if (title) {\n                    title.style.setProperty('text-shadow', '2px 2px 8px rgba(0,0,0,0.8)', 'important');\n                    \n                    const spans = title.querySelectorAll('span');\n                    spans.forEach((span, index) => {\n                        if (index === 1) {\n                            \/\/ Middle word (AND\/Y\/ET\/etc.)\n                            span.style.setProperty('color', '#F5EBD6', 'important');\n                        } else {\n                            \/\/ First and last words (READ\/LEARN or equivalents)\n                            span.style.setProperty('color', '#F4C542', 'important');\n                        }\n                    });\n                }\n                \n                if (keepLearningSection) {\n                    keepLearningSection.style.setProperty('background', '#1d1d1d', 'important');\n                    keepLearningSection.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const keepLearningTitle = keepLearningSection.querySelector('h3');\n                    if (keepLearningTitle) {\n                        keepLearningTitle.style.setProperty('color', '#F4C542', 'important');\n                    }\n                    \n                    const keepLearningText = keepLearningSection.querySelectorAll('p');\n                    keepLearningText.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                        text.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const benefitsItems = keepLearningSection.querySelectorAll('.benefits-list li');\n                    benefitsItems.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                        item.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const formInputs = keepLearningSection.querySelectorAll('.signup-form-container input');\n                    formInputs.forEach(input => {\n                        input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                        input.style.setProperty('color', '#fff', 'important');\n                        input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        input.style.setProperty('border-radius', '8px', 'important');\n                    });\n\n                    const formButtons = keepLearningSection.querySelectorAll('.signup-form-container button');\n                    formButtons.forEach(button => {\n                        button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        button.style.setProperty('color', '#fff', 'important');\n                    });\n\n                    const formNotes = keepLearningSection.querySelectorAll('.form-note');\n                    formNotes.forEach(note => {\n                        note.style.setProperty('color', '#E3E3DC', 'important');\n                        note.style.setProperty('font-weight', '400', 'important');\n                    });\n                }\n                \n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#4CAF50', 'important');\n                    button.style.setProperty('color', '#000', 'important');\n                    button.style.setProperty('padding-left', '0.75rem', 'important');\n                    button.style.setProperty('padding-right', '1.5rem', 'important');\n                });\n                \n                if (toggleButton) {\n                    toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n                    toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n                    toggleButton.style.setProperty('color', '#4CAF50', 'important');\n                }\n            }\n            \n            console.log('Theme toggle complete');\n        }\n\n        function initializeAnimations() {\n            setTimeout(() => {\n                const titleContainer = document.querySelector('.title-container');\n                if (titleContainer) {\n                    titleContainer.style.opacity = '1';\n                    titleContainer.style.transform = 'translateY(0)';\n                }\n            }, 200);\n\n            setTimeout(() => {\n                const filterSection = document.querySelector('.filter-section');\n                if (filterSection) {\n                    filterSection.classList.add('animate-in');\n                }\n            }, 400);\n\n            const cards = document.querySelectorAll('.tbos-article-card');\n            cards.forEach((card, index) => {\n                setTimeout(() => {\n                    card.classList.add('animate-in');\n                }, 600 + (index * 150));\n            });\n\n            setTimeout(() => {\n                const keepLearningSection = document.querySelector('.keep-learning-section');\n                if (keepLearningSection) {\n                    keepLearningSection.classList.add('animate-in');\n                }\n            }, 600 + (cards.length * 150) + 300);\n        }\n\n        function enhanceButtonHovers() {\n            const buttons = document.querySelectorAll('.tbos-button');\n            buttons.forEach(button => {\n                button.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateY(-2px) scale(1.02)';\n                });\n                \n                button.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateY(0) scale(1)';\n                });\n            });\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n            toggleTheme();\n            initializeAnimations();\n            enhanceButtonHovers();\n            initializeSearch();\n            initializeProgressBar();\n            setupEmailSignup();\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Cannabis Education Articles &#038; Research | Two Birds One Stoned READ AND LEARN \ud83c\udf19 The History of Cannabis on Earth \ud83c\udf0d From ancient rituals to modern laws, explore how cannabis has interacted with humans throughout time. Read the article The Anatomy of the Cannabis Plant \ud83c\udf3f Discover what makes the cannabis plant unique. We go [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-556","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/comments?post=556"}],"version-history":[{"count":27,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages\/556\/revisions"}],"predecessor-version":[{"id":8066,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages\/556\/revisions\/8066"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/media?parent=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}