{"id":211,"date":"2025-04-07T09:00:49","date_gmt":"2025-04-07T09:00:49","guid":{"rendered":"http:\/\/twobirdsonestoned\/?page_id=211"},"modified":"2025-11-17T07:45:21","modified_gmt":"2025-11-17T07:45:21","slug":"home","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/es","title":{"rendered":"Inicio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"211\" class=\"elementor elementor-211\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f933251 e-con-full e-flex e-con e-parent\" data-id=\"f933251\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca93cea elementor-widget elementor-widget-html\" data-id=\"ca93cea\" 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>Two Birds One Stoned - Educaci\u00f3n sobre Cannabis Basada en Evidencia y Ciencia<\/title>\n    <meta name=\"description\" content=\"Rompiendo el estigma del cannabis mediante educaci\u00f3n respaldada por la ciencia. Aprende sobre el sistema endocannabinoide, investigaci\u00f3n medicinal y datos basados en evidencia sin el bombo.\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/\">\n    <meta property=\"og:title\" content=\"Two Birds One Stoned - Educaci\u00f3n sobre Cannabis Basada en Evidencia\">\n    <meta property=\"og:description\" content=\"Rompiendo el estigma del cannabis mediante educaci\u00f3n respaldada por la ciencia. Aprende sobre el sistema endocannabinoide, investigaci\u00f3n medicinal y datos basados en evidencia.\">\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: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\/\">\n    <meta property=\"twitter:title\" content=\"Two Birds One Stoned - Evidence-Based Cannabis Education\">\n    <meta property=\"twitter:description\" content=\"Breaking cannabis stigma through science-backed education. Learn about the endocannabinoid system, medicinal research, and evidence-based facts.\">\n    <meta property=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    \n    <!-- Additional Meta Tags -->\n    <meta name=\"author\" content=\"James Gallagher\">\n    <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n    <meta name=\"theme-color\" content=\"#4CAF50\">\n    <meta name=\"msapplication-TileColor\" content=\"#1d1d1d\">\n    \n    <!-- Keywords (for legacy support) -->\n    <meta name=\"keywords\" content=\"cannabis education, endocannabinoid system, medical cannabis research, cannabis science, hemp education, CBD research, cannabis stigma, evidence-based cannabis, medicinal cannabis, cannabis facts, cannabis health, cannabis studies\">\n    \n    <!-- Language -->\n    <meta http-equiv=\"content-language\" content=\"en-US\">\n    \n    <!-- Structured Data - Organization -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Organization\",\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 focused on evidence-based content, scientific research, and breaking stigma through honest education.\",\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    \"knowsAbout\": [\n        \"Cannabis Education\",\n        \"Endocannabinoid System\",\n        \"Medical Cannabis Research\",\n        \"Cannabis Science\",\n        \"Hemp Education\"\n    ]\n}<\/script>\n    \n    <!-- Structured Data - Website -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"WebSite\",\n    \"name\": \"Two Birds One Stoned\",\n    \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n    \"description\": \"Evidence-based cannabis education platform breaking stigma through science and honest conversation.\",\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\"\n    },\n    \"potentialAction\": {\n        \"@type\": \"SearchAction\",\n        \"target\": \"https:\\\/\\\/twobirdsonestoned.co\\\/search?q={search_term_string}\",\n        \"query-input\": \"required name=search_term_string\"\n    }\n}<\/script>\n    \n    <!-- Structured Data - Educational Organization -->\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    \"description\": \"Educational platform providing evidence-based cannabis information, scientific research, and stigma-free education.\",\n    \"educationalCredentialAwarded\": \"Cannabis Education Certificate\",\n    \"hasCredential\": \"Science-based Cannabis Education\",\n    \"teaches\": [\n        \"Endocannabinoid System\",\n        \"Cannabis Science\",\n        \"Medical Cannabis Research\",\n        \"Hemp Education\",\n        \"Cannabis Policy\"\n    ]\n}<\/script>\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 rel=\"preconnect\" href=\"https:\/\/www.youtube.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/open.spotify.com\">\n    \n    <!-- DNS Prefetch -->\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/open.spotify.com\">\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n    <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\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=\"X-XSS-Protection\" content=\"1; mode=block\">\n    <meta name=\"referrer\" 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        \/* HOMEPAGE SECTION - UPDATED TO MATCH ARTICLE PAGE SPACING *\/\n        .tbos-homepage {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 150px; \/* UPDATED FROM 50px TO MATCH ARTICLE PAGE *\/\n            padding-bottom: 4rem;\n        }\n\n        \/* Container *\/\n        .tbos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            width: 100%;\n        }\n\n        \/* SECTION BREAKS - Clean tapered line design *\/\n        .section-break {\n            margin: 6rem auto;\n            position: relative;\n            height: 3px;\n            max-width: 500px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(156,175,136,0.1) 10%, \n                rgba(156,175,136,0.3) 25%, \n                rgba(156,175,136,0.6) 40%, \n                rgba(156,175,136,0.8) 50%, \n                rgba(156,175,136,0.6) 60%, \n                rgba(156,175,136,0.3) 75%, \n                rgba(156,175,136,0.1) 90%, \n                transparent 100%);\n            border-radius: 3px;\n        }\n\n        .section-break::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(244,197,66,0.2) 20%, \n                rgba(244,197,66,0.4) 40%, \n                rgba(244,197,66,0.6) 50%, \n                rgba(244,197,66,0.4) 60%, \n                rgba(244,197,66,0.2) 80%, \n                transparent 100%);\n        }\n\n        \/* Content Cards *\/\n        .content-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            margin: 2rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            overflow: hidden;\n            \/* Animation setup *\/\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        \/* Cards animate in when visible *\/\n        .content-card.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Content Card Hover *\/\n        .content-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Navigation Cards - Special styling *\/\n        .nav-card {\n            display: inline-block;\n            background-color: #1d1d1d;\n            border: 2px solid rgba(156,175,136,0.5);\n            border-radius: 12px;\n            padding: 20px 15px;\n            margin: 10px;\n            width: clamp(250px, 30vw, 320px);\n            max-width: 90%;\n            vertical-align: top;\n            color: #F5EBD6;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            text-align: center;\n        }\n\n        .nav-card:hover {\n            transform: translateY(-5px);\n            border-color: rgba(156,175,136,0.8);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.3);\n        }\n\n        .nav-card .icon {\n            font-size: clamp(24px, 4vw, 36px);\n            margin: 0 0 10px 0;\n            display: block;\n            text-align: center;\n            line-height: 1;\n            padding: 0;\n        }\n\n        .nav-card .title {\n            font-size: clamp(14px, 3vw, 20px);\n            font-weight: bold;\n            color: #F4C542;\n            margin: 0 0 8px 0;\n            text-align: center;\n            padding: 0;\n            line-height: 1.2;\n        }\n\n        .nav-card .description {\n            font-size: clamp(10px, 2vw, 14px);\n            color: #E3E3DC;\n            line-height: 1.3;\n            margin: 0;\n            text-align: center;\n            padding: 0;\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #E3E3DC;\n            margin-bottom: 1.5rem;\n        }\n\n        \/* Titles *\/\n        .content-card h2, .content-card h3 {\n            color: #F4C542;\n            margin-bottom: 1rem;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        \/* Email Form Styling *\/\n        .email-signup-form {\n            margin: 25px 0 0 0;\n            text-align: center;\n        }\n\n        .email-input-group {\n            display: flex;\n            gap: 0.5rem;\n            margin: 0 auto;\n            max-width: 500px;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .email-input {\n            flex: 1;\n            padding: 12px 18px;\n            border: 2px solid rgba(156,175,136,0.4);\n            border-radius: 50px;\n            background: rgba(29,29,29,0.9);\n            color: #F5EBD6;\n            font-size: clamp(11px, 2.5vw, 16px);\n            text-align: center;\n            outline: none;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .email-input:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);\n        }\n\n        .email-input::placeholder {\n            color: #888;\n        }\n\n        .email-submit {\n            padding: 12px 25px;\n            background: #4CAF50;\n            color: #000;\n            border: none;\n            border-radius: 25px;\n            font-weight: bold;\n            font-size: clamp(11px, 2.5vw, 16px);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            white-space: nowrap;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .email-submit:hover {\n            background: #45a049;\n            transform: translateY(-2px);\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Mobile Responsive *\/\n@media (max-width: 768px) {\n    .tbos-homepage {\n        padding-top: 150px; \/* UPDATED TO MATCH ARTICLE PAGE *\/\n    }\n    \n    .content-card {\n        margin: 2rem 1rem; \/* Adds side margins on mobile *\/\n        padding: 1.5rem; \/* Slightly reduced padding on mobile *\/\n        max-width: calc(100% - 2rem); \/* Ensures it doesn't touch screen edges *\/\n    }\n    \n    .content-card iframe {\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n    \n    \/* Fix for email form specifically *\/\n    .email-signup-form {\n        width: 100%;\n        max-width: 100%;\n        overflow: hidden; \/* Prevents form from breaking out *\/\n    }\n    \n    .email-input-group {\n        flex-direction: column;\n        gap: 1rem;\n        width: 100%;\n        max-width: 100%;\n        padding: 0; \/* Remove any padding that might cause overflow *\/\n    }\n\n    .email-input, .email-submit {\n        width: 100%;\n        max-width: 350px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .nav-cards-container {\n        text-align: center;\n    }\n\n    .nav-card {\n        display: block;\n        margin: 10px auto;\n        width: 90%;\n        max-width: 350px;\n    }\n}\n\n        \/* Responsive grid for navigation cards *\/\n        @media (max-width: 1024px) {\n            .nav-cards-container .nav-card {\n                width: clamp(280px, 45%, 400px);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .nav-cards-container .nav-card {\n                width: 90%;\n                max-width: 400px;\n                display: block;\n                margin: 1rem auto;\n            }\n        }\n\n        \/* Sound wave animation for Spotify placeholder *\/\n        @keyframes wave {\n            0%, 100% { transform: scaleY(0.4); }\n            50% { transform: scaleY(1); }\n        }\n    <\/style>\n<\/head>\n<body class=\"dark-theme\">\n    <!-- Audio Elements (Hidden) - NO PRELOADING -->\n    <div style=\"display: none;\" id=\"audio-container\">\n        <!-- Audio elements will be created only when theme button is clicked -->\n    <\/div>\n\n    <section class=\"tbos-homepage\">\n        <div class=\"tbos-container\">\n            <!-- Updated Title with Homepage Style -->\n            <div style=\"margin-bottom: 6rem; text-align: center; opacity: 0; transform: translateY(-20px); transition: all 0.8s ease;\" class=\"title-container\">\n                <h1 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: #F5EBD6; display: inline;\">TWO<\/span> <span style=\"color: #F4C542; display: inline;\">BIRDS<\/span><br>\n                    <span style=\"color: #F4C542; display: inline;\">ONE<\/span> <span style=\"color: #F5EBD6; display: inline;\">STONED<\/span>\n                <\/h1>\n                \n                <!-- Theme Toggle Button with Emoji -->\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(10px, 2.5vw, 14px); font-weight: bold; font-family: 'Montserrat', sans-serif;\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- About Section -->\n            <div class=\"content-card\">\n                <h2 style=\"font-size: clamp(16px, 4vw, 28px);\">Qu\u00e9 hacemos<\/h2>\n                <p class=\"content-text\">\n                    Two Birds One Stoned existe para cambiar la historia del cannabis. Te ayudamos a educarte con hechos, historias y perspectiva, porque el estigma muere cuando se extiende la verdad. El cannabis merece mejores conversaciones. Empieza a aprender. Haz preguntas. Desaf\u00eda la historia.\n                <\/p>\n            <\/div>\n\n            <!-- Tagline - FIXED VERSION -->\n            <div style=\"background: transparent; border: none; box-shadow: none; padding: 2rem; margin: 4rem auto;\" id=\"tagline-section\">\n                <h2 style=\"font-size: clamp(24px, 6vw, 36px); line-height: 1.2; margin-bottom: clamp(30px, 8vw, 50px); text-align: center;\">\n                    <span style=\"color: #F4C542;\" class=\"break-span\">ROMPE<\/span> <span style=\"color: #F5EBD6;\" class=\"the-span\">EL<\/span> <span style=\"color: #F4C542;\" class=\"stigma-span\">ESTIGMA<\/span>\n                <\/h2>\n                <p style=\"font-style: italic; font-size: clamp(12px, 2.5vw, 18px); line-height: 1.4; margin-bottom: 0; margin-top: clamp(20px, 5vw, 30px); text-align: center; color: #E3E3DC;\" class=\"tagline-subtitle\">\n                    Educaci\u00f3n honesta en medio de tanta desinformaci\u00f3n.\n                <\/p>\n            <\/div>\n\n            <!-- Navigation Cards - MOVED UP -->\n            <div style=\"text-align: center; margin: 3rem 0;\" class=\"nav-cards-container\">\n                <div class=\"nav-card\" onclick=\"window.location.href='\/read'\">\n                    <div class=\"icon\">\ud83d\udcda<\/div>\n                    <div class=\"title\">LEE<\/div>\n                    <div class=\"description\">Profundizamos en la ciencia del cannabis, la cultura y la verdad detr\u00e1s de los mitos<\/div>\n                <\/div>\n                \n                <div class=\"nav-card\" onclick=\"window.location.href='\/listen'\">\n                    <div class=\"icon\">\ud83c\udfa7<\/div>\n                    <div class=\"title\">ESCUCHA<\/div>\n                    <div class=\"description\">Historias y conversaciones que desaf\u00edan lo que crees que sabes<\/div>\n                <\/div>\n                \n                <div class=\"nav-card\" onclick=\"window.location.href='\/watch'\">\n                    <div class=\"icon\">\ud83d\udcfa<\/div>\n                    <div class=\"title\">VE<\/div>\n                    <div class=\"description\">Explicaciones visuales que hacen accesible la ciencia compleja del cannabis<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Section Break -->\n            <div class=\"section-break\"><\/div>\n\n            <!-- Article Section (FEATURED ARTICLE heading removed) -->\n            <div class=\"content-card\">\n                <h2 style=\"font-size: clamp(16px, 4vw, 28px);\">Tu cuerpo produce su propio cannabis<\/h2>\n                \n                <div class=\"content-text\" style=\"text-align: left;\">\n                   <div style=\"text-align: center;\">\u00bfY si te dijera que est\u00e1s colocado ahora mismo?<\/div>\n<br>\n<br>No colocado de cannabis, sino tu propia versi\u00f3n. Tu cuerpo produce compuestos tan parecidos al THC que al principio los cient\u00edficos pensaron que se hab\u00edan equivocado. Solo hab\u00edan dado cannabis a los sujetos de prueba, \u00bfentonces de d\u00f3nde ven\u00edan estas otras mol\u00e9culas?<br>\n<br><div style=\"text-align: center;\">Respuesta: Dentro de nosotros.<\/div>\n<br>\n<br>Conoce a Jo Cameron. Dio a luz sin dolor (En serio, incluso lo describi\u00f3 como \"bastante agradable\"). Se quem\u00f3 la piel y no sinti\u00f3 nada. Tuvo una cirug\u00eda mayor y se salt\u00f3 los analg\u00e9sicos. Entiendo que esto podr\u00eda sonar como un superpoder. Su cuerpo produce tanto de nuestra propia versi\u00f3n de THC y CBD (gracias a una mutaci\u00f3n gen\u00e9tica), que apenas registra el dolor.<br>\n<br>\u00bfEse subid\u00f3n del corredor despu\u00e9s del ejercicio que te encanta? Es tu cuerpo produciendo m\u00e1s de su propia versi\u00f3n de THC y CBD (se llama AEA) que te est\u00e1 colocando naturalmente, recompens\u00e1ndote por hacer ejercicio.\n<br>\n<br>Durante a\u00f1os la idea era que est\u00e1bamos experimentando con una sustancia extra\u00f1a. En realidad est\u00e1bamos despertando un sistema dormido.\n<br>\n<br>Todo esto, gracias a un descubrimiento accidental, hace solo 36 a\u00f1os, despu\u00e9s de que nos permitieran empezar a estudiar el cannabis.\n                <\/div>\n\n                \n                <a href=\"\/es\/the-endocannabinoid-system\/\" class=\"continue-reading-link\" style=\"color: #4CAF50; text-decoration: none; font-weight: bold; font-size: clamp(12px, 2.5vw, 16px); display: block; margin-top: 1rem; text-align: center;\">Sigue Leyendo \u2192<\/a>\n            <\/div>\n\n            <!-- Section Break -->\n            <div class=\"section-break\"><\/div>\n\n            <!-- YouTube Video Embed - NO PRELOAD -->\n            <div class=\"content-card\">\n                <h2 style=\"font-size: clamp(16px, 4vw, 28px); margin-top: 0; margin-bottom: 1rem;\">Por qu\u00e9 se cre\u00f3 TBOS\n<!-- Responsive Video Container -->\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1000px; width: 100% !important; margin: 0 auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n    <iframe id=\"tbos-video\" \n        style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n        src=\"https:\/\/www.youtube.com\/embed\/AlybgiRbVdk\" \n        data-en=\"AlybgiRbVdk\"\n        data-ga=\"Nz_sIJM92U8\"\n        data-es=\"CkSyhK3Xq2Y\"\n        data-de=\"1zmIdpJ2rlI\"\n        data-pt=\"1KfhsLgthm0\"\n        data-fr=\"Mlf0IoGTrLE\"\n        data-it=\"fqrK26cBY1M\"\n        data-pl=\"aPlHv9gsiFs\"\n        title=\"Reproductor de v\u00eddeo de YouTube\" \n        frameborder=\"0\" \n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n        referrerpolicy=\"strict-origin-when-cross-origin\" \n        allowfullscreen>\n    <\/iframe>\n<\/div>\n\n<script>\n(function() {\n    const videoFrame = document.getElementById('tbos-video');\n    if (!videoFrame) return;\n    \n    const currentLang = document.documentElement.lang || 'en';\n    \n    let langCode = 'en';\n    if (currentLang.includes('ga')) langCode = 'ga';\n    else if (currentLang.includes('es')) langCode = 'es';\n    else if (currentLang.includes('de')) langCode = 'de';\n    else if (currentLang.includes('pt')) langCode = 'pt';\n    else if (currentLang.includes('fr')) langCode = 'fr';\n    else if (currentLang.includes('it')) langCode = 'it';\n    else if (currentLang.includes('pl')) langCode = 'pl';\n    \n    const videoId = videoFrame.dataset[langCode];\n    if (videoId) {\n        videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n    }\n})();\n<\/script>\n<\/div>\n            <\/div>\n\n            <!-- Section Break -->\n            <div class=\"section-break\"><\/div>\n\n<!-- Spotify Audio Embed - RESPONSIVE VERSION -->\n<div class=\"content-card\">\n    <h2 style=\"font-size: clamp(16px, 4vw, 28px); margin-top: 0; margin-bottom: 1rem;\">\ud83c\udfa7 \u00bfQu\u00e9 hay dentro de la planta de cannabis?<\/h2>\n    \n    <!-- Responsive Spotify Container - matches YouTube styling -->\n    <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1000px; width: 100% !important; margin: 0 auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n        <iframe data-testid=\"embed-iframe\" \n            style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n            src=\"https:\/\/open.spotify.com\/embed\/episode\/1i3y6a4Et9ffDF74LNY8Pe?utm_source=generator\" \n            frameborder=\"0\" \n            allowfullscreen=\"\" \n            allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" \n            loading=\"lazy\">\n        <\/iframe>\n    <\/div>\n<\/div>\n\n            <!-- Section Break -->\n            <div class=\"section-break\"><\/div>\n\n            <!-- Signup - Updated with New Content -->\n            <div class=\"content-card\">\n                <h2 style=\"font-size: clamp(14px, 4vw, 28px);\">\u00bfQuieres saber lo que viene?<\/h2>\n               <p class=\"content-text\">\n                    Bueno, hace unos a\u00f1os me alej\u00e9 de las redes sociales. La vida se volvi\u00f3 m\u00e1s ligera. M\u00e1s divertida.\n                    <br><br>\n                    Fue entonces cuando empec\u00e9 a notar cosas que me hab\u00eda estado perdiendo.\n                    <br><br>\n                    Como preguntarle al conductor del autob\u00fas por direcciones, ambos sorprendidos, ri\u00e9ndonos de lo raro que se hab\u00eda vuelto ese tipo de momento.\n                    <br><br>\n                    Observando la pol\u00edtica de los p\u00e1jaros, qui\u00e9n se alimenta, qui\u00e9n espera, qui\u00e9n es apartado. Todav\u00eda tratando de descifrar si hay un sistema detr\u00e1s de esto, o solo caos.\n                    <br><br>\n                    Incluso solo estando en la cafeter\u00eda. La persona delante de ti pide exactamente tu bebida complicada, llevando a toda una conversaci\u00f3n sobre el esnobismo del caf\u00e9 y si la leche de avena ha ido demasiado lejos.\n                    <br><br>\n                    Estos eran momentos que sol\u00eda dejar pasar mientras scrolleaba. Parecen peque\u00f1os pero se acumulan.\n                    <br><br>\n                    Esa sensaci\u00f3n de estar realmente presente es algo que quiero traer a Two Birds One Stoned. No intento decirle a nadie qu\u00e9 hacer. Solo s\u00e9 que esto me ayud\u00f3 a reconectar con lo que importa, y tal vez pueda hacerlo contigo tambi\u00e9n.\n                    <br><br>\n                    La forma en que el mundo est\u00e1 evolucionando nos est\u00e1 alejando cada vez m\u00e1s de este tipo de presencia. As\u00ed que cuando vuelvas aqu\u00ed, quiero que sea porque realmente lo elegiste, por algo que vale tu atenci\u00f3n real, no solo el scroll habitual. As\u00ed que nada de redes sociales con esto.\n                    <br><br>\n                    Tal vez haya oportunidades para que conectemos desconect\u00e1ndonos en un futuro no tan lejano. Veamos a d\u00f3nde nos lleva esto.\n                    <br><br>\n                    \u00bfLo \u00fanico que te pido? Si esto te interesa o quieres ver hasta d\u00f3nde podemos llegar juntos, hay un cuadro ah\u00ed abajo x Me ayuda a mantenerte al d\u00eda sobre lo que est\u00e1 pasando.\n                <\/p>\n\n                \n                <!-- Updated Email Form -->\n                <form class=\"email-signup-form\" id=\"emailForm\" action=\"\">\n                    <div class=\"email-input-group\">\n                        <input type=\"email\" name=\"entry.690743589\" placeholder=\"Tu correo electr\u00f3nico\" required class=\"email-input\" id=\"emailInput\">\n                        <button type=\"submit\" class=\"email-submit\" id=\"emailSubmitBtn\">\u00danete<\/button>\n                    <\/div>\n                    <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Track theme state with a variable instead of CSS detection\n        let isDarkTheme = true; \/\/ Start with dark theme\n\n        function toggleThemeAndText() {\n            const button = document.getElementById('theme-toggle');\n            \n            \/\/ Get current text and trim any whitespace\n            const currentText = button.textContent.trim();\n            \n            \/\/ Toggle the button text and play corresponding audio\n            if (currentText === '\ud83c\udf19') {\n                button.textContent = '\u2600\ufe0f';\n                playAudio('dayTimeAudio', 'https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3');\n                isDarkTheme = false; \/\/ Set to light theme\n            } else {\n                button.textContent = '\ud83c\udf19';\n                playAudio('nightTimeAudio', 'https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3');\n                isDarkTheme = true; \/\/ Set to dark theme\n            }\n            \n            \/\/ Call the theme toggle functionality\n            toggleTheme();\n        }\n\n        \/\/ Create and play audio only when needed\n        function playAudio(audioId, audioSrc) {\n            let audio = document.getElementById(audioId);\n            \n            \/\/ Create audio element if it doesn't exist\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 homepageSection = document.querySelector('.tbos-homepage');\n            const contentCards = document.querySelectorAll('.content-card, .nav-card');\n            const title = document.querySelector('h1');\n            const buttons = document.querySelectorAll('.email-submit');\n            const toggleButton = document.getElementById('theme-toggle');\n            \n            \/\/ HEADER SELECTORS\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            \/\/ MOBILE MENU SELECTORS\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            \/\/ FOOTER SELECTORS\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            if (!isDarkTheme) {\n                \/\/ LIGHT THEME (Day Time) - Cream background like other pages\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                \/\/ Apply cream background to html and body for full coverage\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                \/\/ Ensure background covers entire viewport\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                \/\/ UPDATE HEADER FOR LIGHT THEME\n                if (header) {\n                    header.style.setProperty('background', '#ffffff', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                \/\/ Update header navigation links for light theme\n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                \/\/ Update header social links for light theme\n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                \/\/ Update dropdown content for light theme\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                \/\/ Update hamburger lines for light theme\n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR LIGHT THEME\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                \/\/ UPDATE FOOTER FOR LIGHT THEME\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'); \/\/ Gold for light theme\n                }\n                \n                \/\/ Update footer text for light theme\n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#1a1a1a', 'important');\n                    text.style.setProperty('font-weight', '500', 'important');\n                });\n                \n                \/\/ Update footer links for light theme - CHANGED TO BLACK\n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#000000', 'important'); \/\/ Black for light theme\n                });\n                \n                \/\/ Update footer social links for light theme - KEEP GREEN\n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Keep green for light theme\n                });\n                \n                \/\/ Light cards with dark text for Day Time\n                contentCards.forEach(card => {\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                    \/\/ Update card titles and special spans\n                    const cardTitles = card.querySelectorAll('h2, h3, .title');\n                    cardTitles.forEach(cardTitle => {\n                        cardTitle.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n                        \n                        \/\/ Handle special spans in titles\n                        const spans = cardTitle.querySelectorAll('span');\n                        spans.forEach(span => {\n                            if (span.textContent === 'BREAK' || span.textContent === 'STIGMA') {\n                                span.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n                            }\n                            if (span.textContent === 'THE') {\n                                span.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme - much more visible\n                            }\n                        });\n                    });\n                    \n                    \/\/ Update card text\n                    const cardTexts = card.querySelectorAll('p, .description, .content-text');\n                    cardTexts.forEach(cardP => {\n                        cardP.style.setProperty('color', '#1a1a1a', 'important');\n                        cardP.style.setProperty('font-weight', '500', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text for better readability in light mode\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#000000', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Update email input for light theme\n                    const emailInputs = card.querySelectorAll('.email-input');\n                    emailInputs.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', '50px', 'important');\n                    });\n\n                    \/\/ Update Continue Reading link for light theme\n                    const continueReadingLinks = card.querySelectorAll('.continue-reading-link');\n                    continueReadingLinks.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n                    });\n                });\n                \n                \/\/ Update standalone tagline section for light theme - FORCE the colors\n                const breakSpan = document.querySelector('.break-span');\n                const theSpan = document.querySelector('.the-span');\n                const stigmaSpan = document.querySelector('.stigma-span');\n                const taglineSubtitle = document.querySelector('.tagline-subtitle');\n                \n                if (breakSpan) {\n                    breakSpan.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n                }\n                if (stigmaSpan) {\n                    stigmaSpan.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n                }\n                if (theSpan) {\n                    theSpan.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme\n                }\n                if (taglineSubtitle) {\n                    taglineSubtitle.style.setProperty('color', '#1a1a1a', 'important');\n                    taglineSubtitle.style.setProperty('font-weight', '500', 'important');\n                }\n                \n                \/\/ Update buttons to gold for Day Time\n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#B8860B', 'important'); \/\/ Gold to match title\n                    button.style.setProperty('color', '#fff', 'important');\n                });\n                \n                \/\/ Update toggle button for light theme\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                \/\/ Update title for light theme - REMOVE TEXT SHADOW\n                if (title) {\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                    \n                    const spans = title.querySelectorAll('span');\n                    spans.forEach(span => {\n                        if (span.textContent === 'BIRDS' || span.textContent === 'ONE') {\n                            span.style.setProperty('color', '#B8860B', 'important'); \/\/ Dark gold for light theme\n                        }\n                        if (span.textContent === 'TWO' || span.textContent === 'STONED') {\n                            span.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme\n                        }\n                    });\n                }\n                \n            } else {\n                \/\/ DARK THEME (Night Time)\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                \/\/ Apply dark background to html and body\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                \/\/ Ensure background covers entire viewport\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                \/\/ UPDATE HEADER FOR DARK THEME\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                \/\/ Update header navigation links for dark theme\n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                \/\/ Update header social links for dark theme\n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                \/\/ Update dropdown content for dark theme\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                \/\/ Update hamburger lines for dark theme\n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR DARK THEME\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                \/\/ UPDATE FOOTER FOR DARK THEME\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'); \/\/ Yellow for dark theme\n                }\n                \n                \/\/ Update footer text for dark theme\n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                    text.style.setProperty('font-weight', '400', 'important');\n                });\n                \n                \/\/ Update footer links for dark theme\n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n                });\n                \n                \/\/ Update footer social links for dark theme\n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n                });\n                \n                \/\/ Update content cards for dark theme - FIXED TO USE #1d1d1d LIKE DISCLAIMER\n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#1d1d1d', 'important'); \/\/ Changed from rgba(0,0,0,0.85) to #1d1d1d\n                    card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    card.style.setProperty('color', '#F5EBD6', 'important');\n                    \n                    \/\/ Update card titles\n                    const cardTitles = card.querySelectorAll('h2, h3, .title');\n                    cardTitles.forEach(cardTitle => {\n                        cardTitle.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n                        \n                        \/\/ Handle special spans in titles\n                        const spans = cardTitle.querySelectorAll('span');\n                        spans.forEach(span => {\n                            if (span.textContent === 'BREAK' || span.textContent === 'STIGMA') {\n                                span.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n                            }\n                            if (span.textContent === 'THE') {\n                                span.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n                            }\n                        });\n                    });\n                    \n                    \/\/ Update card text\n                    const cardTexts = card.querySelectorAll('p, .description, .content-text');\n                    cardTexts.forEach(cardP => {\n                        cardP.style.setProperty('color', '#E3E3DC', 'important');\n                        cardP.style.setProperty('font-weight', '400', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text for dark mode\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#F4C542', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Reset email input for dark theme\n                    const emailInputs = card.querySelectorAll('.email-input');\n                    emailInputs.forEach(input => {\n                        input.style.setProperty('background', 'rgba(29,29,29,0.9)', 'important');\n                        input.style.setProperty('color', '#F5EBD6', 'important');\n                        input.style.setProperty('border', '2px solid rgba(156,175,136,0.4)', 'important');\n                        input.style.setProperty('border-radius', '50px', 'important');\n                    });\n\n                    \/\/ Reset Continue Reading link for dark theme\n                    const continueReadingLinks = card.querySelectorAll('.continue-reading-link');\n                    continueReadingLinks.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n                    });\n                });\n                \n                \/\/ Update standalone tagline section for dark theme - FORCE the colors  \n                const breakSpan = document.querySelector('.break-span');\n                const theSpan = document.querySelector('.the-span');\n                const stigmaSpan = document.querySelector('.stigma-span');\n                const taglineSubtitle = document.querySelector('.tagline-subtitle');\n                \n                if (breakSpan) {\n                    breakSpan.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n                }\n                if (stigmaSpan) {\n                    stigmaSpan.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n                }\n                if (theSpan) {\n                    theSpan.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n                }\n                if (taglineSubtitle) {\n                    taglineSubtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    taglineSubtitle.style.setProperty('font-weight', '400', 'important');\n                }\n                \n                \/\/ Keep buttons green for Night Time\n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#4CAF50', 'important'); \/\/ Green for night time\n                    button.style.setProperty('color', '#000', 'important');\n                });\n                \n                \/\/ Update toggle button for dark theme\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                \/\/ Update title for dark theme - RESTORE TEXT SHADOW\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 => {\n                        if (span.textContent === 'BIRDS' || span.textContent === 'ONE') {\n                            span.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n                        }\n                        if (span.textContent === 'TWO' || span.textContent === 'STONED') {\n                            span.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n                        }\n                    });\n                }\n            }\n            \n            console.log('Theme toggle complete');\n        }\n\n        \/\/ Apply initial theme on page load\n        document.addEventListener('DOMContentLoaded', function() {\n            toggleTheme();\n            initializeAnimations();\n            setupEmailForm();\n        });\n\n        \/\/ Email form submission handler\n        function setupEmailForm() {\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            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const email = emailInput.value.trim();\n                if (!email) return;\n                \n                \/\/ Show loading state\n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                \/\/ Create form data\n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \n                \/\/ Submit to Google Forms\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                    \/\/ Show success message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    \n                    \/\/ Clear form\n                    emailInput.value = '';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .catch(() => {\n                    \/\/ Show error message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    \/\/ Reset button\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        \/\/ Animation Functions\n        function initializeAnimations() {\n            \/\/ Animate title in first\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            \/\/ Animate cards in with staggered timing\n            const cards = document.querySelectorAll('.content-card, .nav-card');\n            cards.forEach((card, index) => {\n                setTimeout(() => {\n                    card.classList.add('animate-in');\n                }, 600 + (index * 150)); \/\/ Start after title, then 150ms between each card\n            });\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Two Birds One Stoned &#8211; Evidence-Based Cannabis Education &#038; Science TWO BIRDS ONE STONED \ud83c\udf19 What We&#8217;re About Two Birds One Stoned exists to flip the script on cannabis. We help educate with facts, stories, and perspective, because the stigma dies when the truth spreads. Cannabis deserves better conversations. Start learning. Ask questions. Challenge the [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":120,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/211\/revisions"}],"predecessor-version":[{"id":7941,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/211\/revisions\/7941"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/media?parent=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}