{"id":240,"date":"2025-04-09T09:25:00","date_gmt":"2025-04-09T09:25:00","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=240"},"modified":"2025-11-18T05:57:59","modified_gmt":"2025-11-18T05:57:59","slug":"about","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/es\/about\/","title":{"rendered":"Acerca de"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"240\" class=\"elementor elementor-240\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a324fd e-flex e-con-boxed e-con e-parent\" data-id=\"9a324fd\" 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-67deb09 elementor-widget elementor-widget-html\" data-id=\"67deb09\" 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>Acerca de Two Birds One Stoned - Educaci\u00f3n sobre Cannabis Sin el Bombo | Contenido Basado en Evidencia<\/title>\n    <meta name=\"title\" content=\"About Two Birds One Stoned - Cannabis Education Without the Hype | Evidence-Based Content\">\n    <meta name=\"description\" content=\"Conoce la misi\u00f3n de Two Birds One Stoned de ofrecer educaci\u00f3n sobre cannabis basada en evidencia, desafiar el estigma y proporcionar informaci\u00f3n respaldada por la ciencia sin el bombo de las redes sociales.\">\n    <meta name=\"keywords\" content=\"cannabis education, evidence-based cannabis, cannabis science, endocannabinoid system, cannabis research, medical cannabis education, cannabis stigma, substance education, cannabis knowledge, James Gallagher\">\n    <meta name=\"author\" content=\"James Gallagher\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"language\" content=\"English\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/about\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/about\/\">\n    <meta property=\"og:title\" content=\"Acerca de Two Birds One Stoned - Educaci\u00f3n sobre Cannabis Sin el Bombo\">\n    <meta property=\"og:description\" content=\"Conoce la misi\u00f3n de Two Birds One Stoned de ofrecer educaci\u00f3n sobre cannabis basada en evidencia, desafiar el estigma y proporcionar informaci\u00f3n respaldada por la ciencia sin el bombo de las redes sociales.\">\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 name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/about\/\">\n    <meta name=\"twitter:title\" content=\"Acerca de Two Birds One Stoned - Educaci\u00f3n sobre Cannabis Sin el Bombo\">\n    <meta name=\"twitter:description\" content=\"Conoce la misi\u00f3n de Two Birds One Stoned de ofrecer educaci\u00f3n sobre cannabis basada en evidencia, desafiar el estigma y proporcionar informaci\u00f3n respaldada por la ciencia sin el bombo de las redes sociales.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags for Cannabis Content -->\n    <meta name=\"topic\" content=\"Cannabis Education\">\n    <meta name=\"subject\" content=\"Educational content about cannabis science, research, and evidence-based information\">\n    <meta name=\"classification\" content=\"Educational\">\n    <meta name=\"category\" content=\"Health Education\">\n    \n    <!-- Structured Data (JSON-LD) -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"AboutPage\",\n    \"mainEntity\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"description\": \"Cannabis education platform delivering evidence-based content, challenging stigma, and providing science-backed information without social media hype\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n        \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\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?si=RCRQ1qo4SS2jwcDr5F_mPw\"\n        ],\n        \"knowsAbout\": [\n            \"Cannabis Education\",\n            \"Endocannabinoid System\",\n            \"Cannabis Science\",\n            \"Medical Cannabis\",\n            \"Cannabis Research\"\n        ],\n        \"mission\": \"To educate people about cannabis through evidence-based content, challenge outdated stigma, and create substance-first educational materials\",\n        \"areaServed\": \"Global\",\n        \"audience\": {\n            \"@type\": \"Audience\",\n            \"audienceType\": \"People seeking evidence-based cannabis education\"\n        }\n    },\n    \"about\": {\n        \"@type\": \"Thing\",\n        \"name\": \"Cannabis Education\",\n        \"description\": \"Evidence-based educational content about cannabis science, the endocannabinoid system, and responsible use\"\n    },\n    \"breadcrumb\": {\n        \"@type\": \"BreadcrumbList\",\n        \"itemListElement\": [\n            {\n                \"@type\": \"ListItem\",\n                \"position\": 1,\n                \"name\": \"Home\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\"\n            },\n            {\n                \"@type\": \"ListItem\",\n                \"position\": 2,\n                \"name\": \"About\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\n            }\n        ]\n    }\n}<\/script>\n    \n    <!-- Favicon and Icons -->\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n    <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\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    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Additional SEO Meta Tags -->\n    <meta name=\"geo.region\" content=\"AU\">\n    <meta name=\"geo.placename\" content=\"Australia\">\n    <meta name=\"dcterms.subject\" content=\"Cannabis Education, Health Education, Science Communication\">\n    <meta name=\"dcterms.type\" content=\"Text\">\n    <meta name=\"dcterms.audience\" content=\"General Public, Students, Healthcare Professionals\">\n    \n    <!-- Content Security and Trust Signals -->\n    <meta name=\"referrer\" content=\"origin-when-cross-origin\">\n    <meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self' 'unsafe-inline' https:\/\/www.youtube.com https:\/\/docs.google.com; style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com; font-src 'self' https:\/\/fonts.gstatic.com; img-src 'self' data: https:; media-src 'self' https:; frame-src https:\/\/www.youtube.com https:\/\/docs.google.com;\">\n    \n    <!-- Performance and Loading -->\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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            scroll-behavior: smooth;\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            line-height: 1.6;\n        }\n\n        \/* VIDEO MODAL STYLES *\/\n        .video-modal {\n            display: none;\n            position: fixed;\n            z-index: 10000;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.9);\n            backdrop-filter: blur(5px);\n        }\n\n        .video-modal-content {\n            position: relative;\n            margin: 2% auto;\n            width: 90%;\n            max-width: 800px;\n            height: 80vh;\n            max-height: 600px;\n            background: #1d1d1d;\n            border-radius: 15px;\n            border: 2px solid rgba(156,175,136,0.3);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .video-modal-header {\n            padding: 1rem 1.5rem;\n            background: rgba(244, 197, 66, 0.1);\n            border-bottom: 1px solid rgba(156,175,136,0.3);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .video-modal-title {\n            color: #F4C542;\n            font-size: 1.2rem;\n            font-weight: 600;\n            margin: 0;\n        }\n\n        .video-modal-close {\n            background: none;\n            border: none;\n            color: #fff;\n            font-size: 2rem;\n            cursor: pointer;\n            padding: 0;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            transition: all 0.3s ease;\n        }\n\n        .video-modal-close:hover {\n            background: rgba(255, 255, 255, 0.1);\n            transform: rotate(90deg);\n        }\n\n        .video-container {\n            flex: 1;\n            position: relative;\n            background: #000;\n        }\n\n        .video-container iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        \/* Light theme styles for modal *\/\n        .light-theme .video-modal-content {\n            background: #ffffff;\n            border: 2px solid #000000;\n        }\n\n        .light-theme .video-modal-header {\n            background: rgba(184, 134, 11, 0.1);\n            border-bottom: 1px solid #000000;\n        }\n\n        .light-theme .video-modal-title {\n            color: #B8860B;\n        }\n\n        .light-theme .video-modal-close {\n            color: #2A2A2A;\n        }\n\n        .light-theme .video-modal-close:hover {\n            background: rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Video link styling *\/\n        .video-link {\n            color: #4CAF50;\n            text-decoration: underline;\n            cursor: pointer;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .video-link:hover {\n            color: #45a049;\n        }\n\n        .light-theme .video-link {\n            color: #B8860B;\n        }\n\n        .light-theme .video-link:hover {\n            color: #A0750A;\n        }\n\n        \/* Mobile responsive for modal *\/\n        @media (max-width: 768px) {\n            .video-modal-content {\n                margin: 5% auto;\n                width: 95%;\n                height: 70vh;\n                max-height: 500px;\n            }\n\n            .video-modal-header {\n                padding: 0.75rem 1rem;\n            }\n\n            .video-modal-title {\n                font-size: 1rem;\n            }\n\n            .video-modal-close {\n                font-size: 1.5rem;\n                width: 35px;\n                height: 35px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .video-modal-content {\n                margin: 10% auto;\n                width: 98%;\n                height: 60vh;\n                max-height: 400px;\n            }\n        }\n\n        \/* ABOUT PAGE SECTION - MATCHING OTHER PAGES *\/\n        .about-page {\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        \/* Container *\/\n        .tbos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            width: 100%;\n        }\n\n        \/* Title Section - MATCHING OTHER PAGES EXACTLY *\/\n        .title-container {\n            margin-bottom: 6rem;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-20px);\n            transition: all 0.8s ease;\n        }\n\n        .about-page .tbos-section-title {\n            font-family: 'Montserrat', sans-serif;\n            color: #ffffff;\n            word-break: break-word;\n        }\n\n        .page-subtitle {\n            font-size: clamp(12px, 2.5vw, 18px);\n            line-height: 1.4;\n            margin-bottom: 0;\n            margin-top: clamp(20px, 5vw, 30px);\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.9;\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            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        \/* 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        .content-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Lists *\/\n        .content-card ul {\n            list-style-type: disc;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1rem;\n            color: #E3E3DC;\n            line-height: 1.6;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(16px, 4vw, 28px);\n            color: #F4C542;\n            margin-bottom: 1rem;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        \/* Links *\/\n        .content-card a {\n            color: #4CAF50;\n            text-decoration: underline;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .content-card a:hover {\n            color: #45a049;\n        }\n\n        \/* Email Signup Form *\/\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: 25px;\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        \/* Placeholder styling for light theme *\/\n        .light-theme .email-input::placeholder {\n            color: rgba(42, 42, 42, 0.7) !important;\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        \/* Benefits List Styling - FROM TERMS OF SERVICE *\/\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        \/* Split Layout for Keep Learning Section - FROM TERMS OF SERVICE *\/\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        \/* Placeholder styling for light theme *\/\n        .light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.7) !important;\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: 0.5rem 0 0 0;\n            text-align: center;\n        }\n\n        \/* Theme Toggle - MATCHING OTHER PAGES WITH EMOJI *\/\n        .theme-toggle {\n            text-align: center;\n            margin-top: 20px;\n        }\n\n        .theme-toggle button {\n            background: rgba(0,0,0,0.8);\n            border: 2px solid #4CAF50;\n            color: #4CAF50;\n            padding: clamp(8px, 2vw, 12px) clamp(15px, 4vw, 25px);\n            border-radius: 25px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 3vw, 20px);\n            font-weight: bold;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n        }\n\n        \/* Content Break *\/\n        .content-break {\n            height: 3rem;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .content-break::before {\n            content: '';\n            width: 200px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            border-radius: 1px;\n        }\n\n        \/* CTA Button Styles - UPDATED TO BE BIGGER *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            color: #ffffff;\n            padding: 1.2rem 3.5rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.3rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;\n            background: linear-gradient(135deg, #45a049, #3d8b40) !important;\n        }\n\n        \/* Contact Button Styles *\/\n        .btn {\n            display: inline-block;\n            background: #4CAF50;\n            color: #000;\n            padding: 12px 25px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            margin: 0;\n            font-size: clamp(12px, 2.5vw, 16px);\n        }\n\n        .btn:hover {\n            background: #45a049;\n            transform: translateY(-2px);\n        }\n\n        \/* CTA Section Styles *\/\n        .cta-section {\n            text-align: center;\n            margin: 4rem auto;\n            max-width: 950px;\n            padding: 2rem;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Section Breaks - MATCHING TERMS OF SERVICE *\/\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        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .content-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .about-page {\n                padding-top: 150px;\n            }\n\n            .email-input-group {\n                flex-direction: column;\n                gap: 1rem;\n                width: 100%;\n            }\n\n            .email-input, .email-submit {\n                width: 100%;\n                max-width: 350px;\n            }\n\n            \/* Mobile responsive for split layout *\/\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 input,\n            .signup-form-container button {\n                width: 100%;\n            }\n\n            \/* Mobile responsive for CTA button *\/\n            .cta-button {\n                padding: 1rem 2.5rem;\n                font-size: 1.2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Audio Elements (Hidden) -->\n    <div style=\"display: none;\">\n        <audio id=\"nightTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n        \n        <audio id=\"dayTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n    <\/div>\n\n    <!-- VIDEO MODAL -->\n    <div id=\"videoModal\" class=\"video-modal\">\n        <div class=\"video-modal-content\">\n            <div class=\"video-modal-header\">\n                <h3 id=\"videoModalTitle\" class=\"video-modal-title\">Cargando...<\/h3>\n                <button class=\"video-modal-close\" onclick=\"closeVideoModal()\">\u00d7<\/button>\n            <\/div>\n            <div class=\"video-container\">\n                <iframe id=\"videoIframe\" src=\"\" allowfullscreen><\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <section class=\"about-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div 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;\">ACERCA DE<\/span> <span style=\"color: #F5EBD6; display: inline;\">TWO BIRDS<\/span> <span style=\"color: #F4C542; display: inline;\">ONE STONED<\/span>\n                <\/h1>\n                <p class=\"page-subtitle\">La historia detr\u00e1s de nuestra misi\u00f3n de educar y romper el estigma<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- What We're About -->\n            <div class=\"content-card\">\n                <h3>Qu\u00e9 hacemos<\/h3>\n                <p class=\"content-text\">Bienvenido a Two Birds One Stoned, donde nos dedicamos a educar, romper el estigma y generar conversaciones reales sobre el cannabis.<\/p>\n                <p class=\"content-text\">Es un lugar donde cortamos con la mierda, desafiamos narrativas anticuadas, y nos sumergimos en lo que realmente importa: entender la planta, su potencial, sus trampas, y c\u00f3mo interact\u00faa con nosotros como seres humanos.<\/p>\n                <p class=\"content-text\">Ya sea que est\u00e9s aqu\u00ed para aprender, compartir tu historia, o simplemente re\u00edrte un rato, has llegado al lugar correcto.<\/p>\n            <\/div>\n\n            <!-- Why We Exist -->\n            <div class=\"content-card\">\n                <h3>Por Qu\u00e9 Existimos<\/h3>\n                <p class=\"content-text translation-block\">Para una historia m\u00e1s personal y detallada sobre por qu\u00e9 cre\u00e9 este sitio web, <a href=\"https:\/\/twobirdsonestoned.co\/es\/why-two-birds-one-stoned-exists\/\" target=\"_self\">echa un vistazo a por qu\u00e9 cre\u00e9 Two Birds One Stoned<\/a>.<\/p>\n                <p class=\"content-text\">Todo empez\u00f3 con algunos momentos que me hicieron parar y pensar, \"Espera... \u00bfpor qu\u00e9 se trata as\u00ed al cannabis?\"<\/p>\n                <p class=\"content-text\">Desde ver a amigos perder su alojamiento, a otros siendo llevados a juicio por tener 0,50\u20ac de hierba, hasta mi propia experiencia de ser cacheado en un festival por llevar un par de porros.<\/p>\n                <p class=\"content-text\">La inconsistencia y dureza de estas interacciones me hicieron cuestionar por qu\u00e9 el cannabis carga tanto estigma. La forma en que la sociedad maneja el cannabis hoy se siente totalmente desconectada, especialmente cuando consideras cu\u00e1nto de ese estigma fue moldeado por narrativas de los medios mainstream, pol\u00edticas gubernamentales e industrias poderosas con intereses financieros en mantener el cannabis fuera del panorama. (Disc\u00fateme)<\/p>\n                <p class=\"content-text\">\u00bfLa conclusi\u00f3n? El cannabis en s\u00ed no es siempre el problema. Es c\u00f3mo hablamos de \u00e9l, c\u00f3mo lo regulamos y c\u00f3mo lo entendemos lo que suele causar el da\u00f1o.<\/p>\n                <p class=\"content-text\">Por eso cre\u00e9 Two Birds One Stoned:<\/p>\n                <ul>\n                    <li>Para educar a la gente sobre el cannabis, para que puedas interactuar con \u00e9l de forma segura e informada.<\/li>\n                    <li>Para desafiar el estigma anticuado y abrir camino a conversaciones abiertas y honestas.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- What You'll Find Here -->\n            <div class=\"content-card\">\n                <h3>Qu\u00e9 Encontrar\u00e1s Aqu\u00ed<\/h3>\n                <p class=\"content-text\">He reunido seis art\u00edculos principales para empezar:<\/p>\n                <ul>\n                    <li>La Anatom\u00eda de la Planta de Cannabis \ud83c\udf3f<\/li>\n                    <li>El Sistema Endocannabinoide Explicado \ud83e\udde0<\/li>\n                    <li>La Historia del Cannabis en la Tierra \ud83c\udf0d<\/li>\n                    <li>Compuestos del Cannabis: M\u00e1s All\u00e1 del THC \ud83e\uddec<\/li>\n                    <li>M\u00e9todos de Consumo de Cannabis \ud83c\udf2c\ufe0f<\/li>\n                    <li>Usos M\u00e9dicos del Cannabis \ud83c\udfe5<\/li>\n                <\/ul>\n                <p class=\"content-text\">Cada art\u00edculo incluye:<\/p>\n                <ul>\n                    <li>Un video resumen corto (si solo buscas lo m\u00e1s destacado)<\/li>\n                    <li>Un archivo de audio (para cuando est\u00e9s en movimiento)<\/li>\n                    <li>Contenido escrito (si quieres profundizar)<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Why This Matters -->\n            <div class=\"content-card\">\n                <h3>Por Qu\u00e9 Esto Importa<\/h3>\n                <p class=\"content-text\">Hemos estado consumiendo cannabis durante miles de a\u00f1os, pero la mayor\u00eda de la gente a\u00fan no entiende c\u00f3mo funciona realmente. Eso es lo que estoy aqu\u00ed para cambiar. Cuanto m\u00e1s sabemos, mejores decisiones podemos tomar para nosotros mismos y para la sociedad que estamos construyendo.<\/p>\n            <\/div>\n\n            <!-- Contact Section -->\n            <div class=\"content-card\">\n                <h3>Cambiemos Esto Juntos<\/h3>\n                <p class=\"content-text\">\n                    Escr\u00edbeme x Me encantar\u00eda saber de ti. Ya sea una historia, una idea para colaborar o simplemente algunos pensamientos sobre la cultura del cannabis, mi bandeja de entrada est\u00e1 abierta. Cambiemos esta narrativa juntos \ud83d\ude24 \ud83c\udf3f\n                <\/p>\n                <div style=\"text-align: center;\">\n                    <a href=\"mailto:hello@twobirdsonestoned.co\" class=\"btn\">Env\u00edame un Email<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Join The Conversation -->\n            <div class=\"content-card\">\n                <h3>\u00danete a la conversaci\u00f3n<\/h3>\n                <p class=\"content-text\">Si est\u00e1s aqu\u00ed para aprender, colaborar o simplemente hablar de cannabis, Two Birds One Stoned puede ser tu sitio.<\/p>\n                <p class=\"content-text\">Has llegado hasta aqu\u00ed, as\u00ed que quiz\u00e1 sientas curiosidad. Mantengamos la conversaci\u00f3n. Echa un vistazo a los art\u00edculos, comparte tus opiniones, hazme saber qu\u00e9 puedo hacer y c\u00f3mo puedo educar mejor.<\/p>\n                <p class=\"content-text\">Paz. \u270c\ufe0f<\/p>\n            <\/div>\n\n            <!-- WHO'S TYPING DA WORDS Section -->\n            <div class=\"content-card\">\n                <h3 class=\"translation-block\"><span>\u00bfQUI\u00c9N<\/span> <span>ESCRIBE<\/span> <span>ESTO?<\/span><\/h3>\n            <\/div>\n\n            <!-- Section Break -->\n            <div class=\"section-break\"><\/div>\n\n            <!-- Keep Learning Section -->\n            <div class=\"content-card\">\n                <div class=\"signup-split\">\n                    <div class=\"signup-text\">\n                        <h3>La \u00danica Forma de Mantenerte Actualizado<\/h3>\n                        <p>T\u00e1 an canabas ag forbairt agus cl\u00fada\u00edmid an eola\u00edocht, an taighde agus an cult\u00far, gach rud saor in aisce agus d\u00edreach chuig do bhosca isteach. Gan me\u00e1in sh\u00f3isialta. R\u00edomhphost amh\u00e1in. B\u00ed linn m\u00e1 t\u00e1 fiosracht ort.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Entrevistas y Documentales<\/li>\n                            <li>\ud83d\udcda Videos y audios educativos<\/li>\n                            <li>\ud83d\udd2c Informaci\u00f3n e ideas respaldadas por la ciencia<\/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=\"tu@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Recibir Actualizaciones<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Sigue curioso \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/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\n            <!-- Go Exploring CTA -->\n            <div class=\"cta-section\">\n                <a href=\"https:\/\/twobirdsonestoned.co\/es\" class=\"cta-button\">\n                    \ud83c\udf3f Ve a Explorar\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n\n        \/\/ VIDEO MODAL FUNCTIONS\n        function openVideoModal(videoId, title) {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('videoIframe');\n            const modalTitle = document.getElementById('videoModalTitle');\n            \n            modalTitle.textContent = title;\n            iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0&modestbranding=1`;\n            modal.style.display = 'block';\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeVideoModal() {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('videoIframe');\n            \n            iframe.src = '';\n            modal.style.display = 'none';\n            document.body.style.overflow = '';\n        }\n\n        window.onclick = function(event) {\n            const modal = document.getElementById('videoModal');\n            if (event.target === modal) {\n                closeVideoModal();\n            }\n        }\n\n        document.addEventListener('keydown', function(event) {\n            if (event.key === 'Escape') {\n                closeVideoModal();\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');\n                isDarkTheme = false;\n            } else {\n                button.textContent = '\ud83c\udf19';\n                playAudio('nightTimeAudio');\n                isDarkTheme = true;\n            }\n            \n            toggleTheme();\n        }\n\n        function playAudio(audioId) {\n            const audio = document.getElementById(audioId);\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('.content-card');\n            const title = document.querySelector('.tbos-section-title');\n            const subtitle = document.querySelector('.page-subtitle');\n            const buttons = document.querySelectorAll('.email-submit, .btn');\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            if (!isDarkTheme) {\n                \/\/ LIGHT THEME\n                console.log('Applying LIGHT theme');\n                \n                body.classList.add('light-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                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                    const headings = card.querySelectorAll('h3');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#1a1a1a', 'important');\n                        text.style.setProperty('font-weight', '500', 'important');\n                    });\n                    \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                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    const videoLinks = card.querySelectorAll('.video-link');\n                    videoLinks.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \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                    });\n\n                    const formInputs = card.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 formButtons = card.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 = card.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                    const benefitsItems = card.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 signupTexts = card.querySelectorAll('.signup-text p');\n                    signupTexts.forEach(text => {\n                        text.style.setProperty('color', '#1a1a1a', 'important');\n                        text.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const signupTitles = card.querySelectorAll('.signup-text h3');\n                    signupTitles.forEach(title => {\n                        title.style.setProperty('color', '#B8860B', 'important');\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                            span.style.setProperty('color', '#2A2A2A', 'important');\n                        } else {\n                            span.style.setProperty('color', '#B8860B', 'important');\n                        }\n                    });\n                }\n\n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n\n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#B8860B', 'important');\n                    button.style.setProperty('color', '#fff', 'important');\n                });\n\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', '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                \/\/ DARK THEME\n                console.log('Applying DARK theme');\n                \n                body.classList.remove('light-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                contentCards.forEach(card => {\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', '#fff', 'important');\n                    \n                    const headings = card.querySelectorAll('h3');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                        text.style.setProperty('font-weight', '400', 'important');\n                    });\n                    \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                    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                    });\n\n                    const formInputs = card.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', '#F5EBD6', '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 = card.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 = card.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                    const benefitsItems = card.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 signupTexts = card.querySelectorAll('.signup-text p');\n                    signupTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                        text.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const signupTitles = card.querySelectorAll('.signup-text h3');\n                    signupTitles.forEach(title => {\n                        title.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n\n                    const videoLinks = card.querySelectorAll('.video-link');\n                    videoLinks.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\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                            span.style.setProperty('color', '#F5EBD6', 'important');\n                        } else {\n                            span.style.setProperty('color', '#F4C542', 'important');\n                        }\n                    });\n                }\n\n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n\n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#4CAF50', 'important');\n                    button.style.setProperty('color', '#000', 'important');\n                });\n\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n                });\n                \n                console.log('Applied dark theme CTA styling');\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\n        \/\/ Email signup functionality\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                    \n                    emailInput.value = '';\n                    \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                    \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        \/\/ Initialize page\n        document.addEventListener('DOMContentLoaded', function() {\n            initializeAnimations();\n            setupEmailSignup();\n            toggleTheme();\n            \n            setTimeout(() => {\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n                });\n            }, 100);\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            const observer = new IntersectionObserver((entries) => {\n                entries.forEach((entry, index) => {\n                    if (entry.isIntersecting) {\n                        setTimeout(() => {\n                            entry.target.classList.add('animate-in');\n                        }, index * 50);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.05,\n                rootMargin: '0px 0px -20px 0px'\n            });\n\n            const cards = document.querySelectorAll('.content-card');\n            cards.forEach(card => {\n                observer.observe(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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>About Two Birds One Stoned &#8211; Cannabis Education Without the Hype | Evidence-Based Content Loading&#8230; &times; ABOUT TWO BIRDS ONE STONED The story behind our mission to educate and break stigma \ud83c\udf19 What We&#8217;re About Welcome to Two Birds One Stoned, where we&#8217;re all about educating, breaking stigma, and sparking real conversations about cannabis. It&#8217;s [&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-240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/240","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=240"}],"version-history":[{"count":117,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":8060,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/240\/revisions\/8060"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}