Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned<\/title>\n \n \n <meta name=\"description\" content=\"Gu\u00eda respaldada por la ciencia sobre cannabis medicinal para epilepsia, dolor cr\u00f3nico, efectos secundarios de quimioterapia y cuidados paliativos. Evidencia sin exageraciones.\">\n <meta name=\"keywords\" content=\"medical cannabis, CBD epilepsy, chronic pain relief, chemotherapy nausea, palliative care, cannabis medicine, evidence-based\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"author\" content=\"James Gallagher, Two Birds One Stoned\">\n \n \n <meta property=\"og:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n <meta property=\"og:description\" content=\"Gu\u00eda respaldada por la ciencia sobre cannabis medicinal para epilepsia, dolor cr\u00f3nico, efectos secundarios de quimioterapia y cuidados paliativos. Evidencia sin exageraciones.\">\n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:url\" content=\"[YOUR-PAGE-URL]\">\n <meta property=\"og:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n <meta name=\"twitter:description\" content=\"Science-backed guide to medical cannabis for epilepsy, chronic pain, chemotherapy side effects, and palliative care.\">\n <meta name=\"twitter:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n \n \n <link rel=\"canonical\" href=\"[YOUR-PAGE-URL]\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\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 \/* ARTICLE PAGE SECTION *\/\n .article-page {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 100px;\n padding-bottom: 6rem;\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 \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 3rem;\n border-radius: 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n margin: 4rem auto;\n max-width: 950px;\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(-6px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n \/* Title Section *\/\n.article-page .tbos-container .title-section {\n text-align: center !important;\n margin-bottom: 60px !important; \/* CHANGED: was 30px *\/\n margin-top: 60px !important; \/* CHANGED: was 40px *\/\n padding-bottom: 3rem !important; \/* CHANGED: was 2rem *\/\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n max-width: 1000px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n position: relative !important;\n z-index: 10 !important;\n display: block !important;\n overflow: visible !important;\n min-height: auto; \/* ADDED: new line *\/\n}\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(2rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 2.5rem !important;\n color: #F4C542 !important;\n text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n line-height: 1.3 !important;\n letter-spacing: -0.02em !important;\n max-width: 100% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n padding: 0 2rem !important;\n font-family: 'Montserrat', sans-serif !important;\n display: block !important;\n position: relative !important;\n overflow: visible !important;\n white-space: normal !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n color: #E3E3DC !important;\n font-weight: 400 !important;\n margin-bottom: 4rem !important;\n opacity: 0.9 !important;\n line-height: 1.5 !important;\n max-width: 90% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n word-wrap: break-word !important;\n }\n\n \/* Media Section Spacing *\/\n .media-section {\n margin: 8rem auto;\n max-width: 950px;\n position: relative;\n z-index: 5;\n }\n\n .media-section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #F4C542;\n margin-bottom: 3rem;\n font-weight: 600;\n }\n\n \/* Media Cards *\/\n .media-card {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 4rem auto;\n max-width: 950px;\n text-align: center;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\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 \/* Navigation hint *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important; \/* CHANGED: was 4rem *\/\n margin-top: 3rem !important; \/* CHANGED: was 2rem *\/\n font-weight: 600 !important;\n text-shadow: none !important;\n padding-top: 3rem !important; \/* CHANGED: was 2rem *\/\n line-height: 1.4 !important; \/* ADDED: new line *\/\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\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 ol {\n list-style-type: decimal;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1.15rem;\n color: #E3E3DC;\n line-height: 1.7;\n margin-bottom: 0.8rem;\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 \/* Highlight box *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n border-left: 5px solid #F4C542;\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 0 16px 16px 0;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Quote box styling *\/\n .quote-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 16px;\n font-style: italic;\n text-align: center;\n font-size: 1.2rem;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Statistics box *\/\n .stats-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 3rem;\n margin: 3rem auto;\n border-radius: 16px;\n text-align: center;\n max-width: 700px;\n position: relative;\n overflow: visible;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n .stats-box h4 {\n font-size: 2rem;\n color: #F4C542;\n margin-bottom: 2rem;\n text-align: center;\n font-weight: 600;\n }\n\n .stats-number {\n font-size: 3.5rem;\n color: #F4C542;\n font-weight: 700;\n margin: 1.5rem 0;\n display: block;\n line-height: 1.2;\n }\n\n .stats-description {\n font-size: 1.15rem;\n color: #E3E3DC;\n margin: 1rem 0;\n display: block;\n line-height: 1.5;\n }\n\n \/* Charlotte's Web highlight *\/\n .charlotte-highlight {\n background: linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08));\n border: 2px solid rgba(76,175,80,0.3);\n padding: 3rem;\n margin: 3rem auto;\n border-radius: 16px;\n text-align: center;\n max-width: 800px;\n position: relative;\n overflow: visible;\n box-shadow: 0 4px 12px rgba(76,175,80,0.1);\n }\n\n .charlotte-highlight h4 {\n font-size: 2rem;\n color: #4CAF50;\n margin-bottom: 2rem;\n text-align: center;\n font-weight: 600;\n }\n\n .charlotte-highlight .reduction-text {\n font-size: 2.8rem;\n color: #4CAF50;\n font-weight: 700;\n margin: 3rem 0 2rem 0;\n clear: both;\n display: block;\n width: 100%;\n text-align: center;\n }\n\n .charlotte-highlight .before-after {\n display: flex;\n justify-content: space-around;\n align-items: center;\n margin: 3rem 0;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .before-after-item {\n text-align: center;\n margin: 1rem;\n flex: 1;\n min-width: 150px;\n max-width: 200px;\n }\n\n .before-after-number {\n font-size: 4rem;\n font-weight: 700;\n margin: 1rem 0;\n display: block;\n line-height: 1;\n }\n\n .before-number {\n color: #ff6b6b;\n }\n\n .after-number {\n color: #4CAF50;\n }\n\n .before-after-label {\n font-size: 1rem;\n color: #E3E3DC;\n font-weight: 600;\n margin-top: 1rem;\n display: block;\n line-height: 1.3;\n letter-spacing: 0.5px;\n }\n\n \/* Divider *\/\n .section-divider {\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n margin: 4rem 0;\n border-radius: 2px;\n }\n\n \/* Theme Toggle Styles *\/\n .theme-toggle {\n text-align: center;\n margin: 1.5rem 0 0.5rem 0;\n padding-top: 0.5rem;\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(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n border-radius: 30px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n font-family: 'Montserrat', sans-serif;\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n }\n\n .theme-toggle button:hover {\n background: rgba(76, 175, 80, 0.1);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n }\n\n \/* Scroll progress indicator *\/\n .progress-bar {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 4px;\n background: linear-gradient(90deg, #F4C542, #4CAF50);\n z-index: 1000;\n transition: width 0.3s ease;\n }\n\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 \/* ============================================================================ *\/\n \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n \/* ============================================================================ *\/\n .keep-learning-section {\n background-color: #1d1d1d;\n color: #fff;\n padding: 2rem;\n border-radius: 1rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n margin: 6rem auto 3rem auto;\n max-width: 800px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n overflow: hidden;\n opacity: 1;\n transform: translateY(0);\n }\n\n .keep-learning-section.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n .keep-learning-section:hover {\n transform: translateY(-4px);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n }\n\n \/* Split Layout for Keep Learning Section *\/\n .signup-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .signup-text h3 {\n color: #F4C542;\n font-size: clamp(18px, 4vw, 24px);\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: left;\n transition: color 0.3s ease;\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 transition: color 0.3s ease;\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 transition: all 0.3s ease;\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 \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n body.light-theme .signup-form-container input::placeholder,\n html.light-theme .signup-form-container input::placeholder {\n color: rgba(42, 42, 42, 0.8) !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: 1.5rem 0 0 0;\n text-align: center;\n transition: color 0.3s ease;\n }\n\n \/* Benefits List Styling *\/\n .benefits-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 1.5rem 0;\n padding-left: 0 !important;\n }\n\n .benefits-list li {\n color: #E3E3DC;\n margin-bottom: 1rem;\n font-size: 1rem;\n line-height: 1.6;\n padding-left: 0 !important;\n list-style: none !important;\n position: relative;\n transition: color 0.3s ease;\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 \/* ============================================================================ *\/\n \/* SECURE COMMENT SYSTEM STYLES *\/\n \/* ============================================================================ *\/\n .engagement-container {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 6rem auto;\n max-width: 950px;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: background-color 0.3s ease, border-color 0.3s ease;\n }\n .engagement-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: flex-start;\n }\n .engagement-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 400px;\n position: relative;\n top: 1rem;\n }\n .engagement-content h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n transition: color 0.3s ease;\n }\n .engagement-content p {\n color: #E3E3DC;\n font-size: 1.1rem;\n line-height: 1.7;\n margin-bottom: 2rem;\n transition: color 0.3s ease;\n }\n .engagement-features {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .engagement-features li {\n color: #E3E3DC;\n margin-bottom: 1.2rem;\n font-size: 1.05rem;\n line-height: 1.6;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n transition: color 0.3s ease;\n }\n .engagement-features li:last-child {\n margin-bottom: 0;\n }\n .engagement-interaction {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n }\n .comment-form-v1 h4 {\n color: #F4C542;\n font-size: 1.6rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n text-align: center;\n transition: color 0.3s ease;\n }\n .comment-form-v1 p {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n padding-left: 1.5rem;\n counter-reset: step-counter;\n }\n .comment-form-v1 ol li {\n margin-bottom: 0.8rem;\n list-style: none;\n position: relative;\n padding-left: 4rem;\n color: #fff;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol li span {\n position: absolute;\n left: 0;\n color: #F4C542;\n font-weight: 600;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n body.light-theme .comment-form-v1 ol li span,\n html.light-theme .comment-form-v1 ol li span {\n color: #B8860B !important;\n font-weight: 600 !important;\n }\n\n .form-group-v1 {\n margin-bottom: 2rem;\n }\n .form-group-v1 input,\n .form-group-v1 textarea {\n width: 100%;\n padding: 1rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 8px;\n font-size: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n .form-group-v1 input:focus,\n .form-group-v1 textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n .form-group-v1 input::placeholder,\n .form-group-v1 textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Main comment form placeholder styling for light theme *\/\n body.light-theme .form-group-v1 input::placeholder,\n html.light-theme .form-group-v1 input::placeholder,\n body.light-theme .form-group-v1 textarea::placeholder,\n html.light-theme .form-group-v1 textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Main comment form input text color in light theme *\/\n body.light-theme .form-group-v1 input,\n html.light-theme .form-group-v1 input,\n body.light-theme .form-group-v1 textarea,\n html.light-theme .form-group-v1 textarea {\n color: #333333 !important;\n background: rgba(255, 255, 255, 0.9) !important;\n border: 1px solid rgba(184, 134, 11, 0.5) !important;\n }\n \n .form-group-v1 textarea {\n height: 100px;\n resize: vertical;\n }\n\n \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n .username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n }\n\n .username-display {\n flex: 1;\n width: auto;\n padding: 1rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .username-display.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n .username-display.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: auto;\n }\n\n .username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .username-refresh-btn:active {\n transform: rotate(180deg) scale(0.95);\n }\n\n .username-refresh-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n transform: none;\n }\n\n .username-refresh-btn.spinning {\n animation: spin 0.5s ease-in-out;\n }\n\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* Inline reply form styles *\/\n .inline-username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n margin-bottom: 0.8rem;\n }\n\n .inline-reply-username {\n flex: 1;\n width: auto;\n padding: 0.8rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 6px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .inline-reply-username.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n \n .inline-reply-username.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .inline-username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 0.8rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 40px;\n }\n\n .inline-username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .submit-btn-v1 {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n padding: 1.2rem 1.5rem;\n color: #fff;\n font-weight: 600;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 1rem;\n }\n .submit-btn-v1:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n .submit-btn-v1:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n .status-message {\n text-align: center;\n padding: 1rem;\n border-radius: 8px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .status-message.show {\n opacity: 1;\n }\n .status-message.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n .status-message.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n .comments-display {\n margin-top: 2rem !important;\n border-top: none !important;\n padding-top: 2.5rem !important;\n width: 100%;\n box-sizing: border-box;\n }\n .sort-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 0.5rem !important;\n margin-bottom: 2rem !important;\n padding: 0 !important;\n }\n .sort-label {\n color: #E3E3DC;\n font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n font-weight: 400 !important;\n transition: color 0.3s ease;\n }\n .sort-dropdown {\n background: rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(76, 175, 80, 0.4);\n color: #E3E3DC;\n padding: 0.4rem 0.6rem !important;\n border-radius: 4px !important;\n font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n font-family: 'Montserrat', sans-serif;\n cursor: pointer;\n transition: all 0.3s ease;\n outline: none;\n }\n .sort-dropdown:hover {\n border-color: #4CAF50;\n background: rgba(0, 0, 0, 0.8);\n }\n .sort-dropdown:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n }\n .comments-header {\n color: #4CAF50;\n font-size: clamp(1.1rem, 3vw, 1.3rem);\n margin-bottom: 2rem !important;\n font-weight: 600;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-wrap: wrap;\n transition: color 0.3s ease;\n }\n.comment-item {\n background: rgba(0,0,0,0.4);\n border-radius: 8px;\n padding: 1.2rem;\n margin-bottom: 1.5rem !important;\n border-left: 3px solid #4CAF50;\n width: auto;\n max-width: 100%;\n box-sizing: border-box;\n transition: background-color 0.3s ease, border-color 0.3s ease;\n overflow-wrap: break-word;\n word-wrap: break-word;\n position: relative; \n }\n \n .comment-container {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n .comment-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n gap: 1rem;\n min-height: 2rem;\n }\n .comment-author {\n color: #F4C542;\n font-weight: 600;\n font-size: clamp(0.9rem, 2.5vw, 1rem);\n transition: color 0.3s ease;\n }\n .comment-date {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n transition: color 0.3s ease;\n }\n .comment-text {\n color: #E3E3DC;\n line-height: 1.5;\n font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n word-wrap: break-word;\n overflow-wrap: break-word;\n margin-bottom: 1rem;\n transition: color 0.3s ease;\n }\n .comment-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 1rem;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n transition: border-color 0.3s ease;\n }\n .comment-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.5);\n color: #4CAF50;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n min-width: 50px;\n justify-content: center;\n white-space: nowrap;\n height: 32px;\n box-sizing: border-box;\n }\n .comment-like-btn:hover,\n .comment-reply-btn:hover {\n background: rgba(76, 175, 80, 0.1);\n border-color: #4CAF50;\n transform: translateY(-1px);\n }\n .comment-like-btn.liked {\n background: rgba(76, 175, 80, 0.2);\n border-color: #4CAF50;\n color: #4CAF50;\n }\n .comment-dislike-btn {\n border-color: rgba(255, 107, 107, 0.5);\n color: #ff6b6b;\n margin-left: 0.2rem;\n }\n .comment-dislike-btn:hover {\n background: rgba(255, 107, 107, 0.1);\n border-color: #ff6b6b;\n transform: translateY(-1px);\n }\n .comment-dislike-btn.disliked {\n background: rgba(255, 107, 107, 0.2);\n border-color: #ff6b6b;\n color: #ff6b6b;\n }\n .comment-like-count {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n transition: color 0.3s ease;\n }\n .like-count, .dislike-count {\n font-weight: 600;\n margin-left: 0.2rem;\n }\n \n \/* Reply indicator styles *\/\n .reply-indicator {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.8rem;\n padding: 0.4rem 0.8rem;\n background: rgba(76, 175, 80, 0.08);\n border: 1px solid rgba(76, 175, 80, 0.2);\n border-radius: 12px;\n font-size: 0.85rem;\n color: #4CAF50;\n transition: all 0.3s ease;\n }\n \n .reply-icon {\n font-size: 1rem;\n font-weight: bold;\n color: #4CAF50;\n opacity: 0.8;\n }\n \n .reply-text {\n color: #E3E3DC;\n font-size: 0.8rem;\n opacity: 0.9;\n }\n \n .reply-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n \n \/* Read More Button Styles *\/\n .read-more-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.5);\n color: #F4C542;\n padding: 0.3rem 0.8rem;\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.8rem;\n font-weight: 500;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n transition: all 0.3s ease;\n display: inline-block;\n }\n \n .read-more-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: translateY(-1px);\n }\n \n .read-more-btn.expanded {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n }\n \n \/* Thread connection line for visual hierarchy *\/\n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n content: '';\n position: absolute;\n left: -6px;\n top: -8px;\n bottom: 50%;\n width: 2px;\n background: linear-gradient(to bottom, \n rgba(76, 175, 80, 0.4) 0%, \n rgba(76, 175, 80, 0.2) 50%, \n transparent 100%);\n border-radius: 1px;\n }\n #cancelReplyBtn {\n background: transparent !important;\n border: 1px solid #ff6b6b !important;\n color: #ff6b6b !important;\n padding: 0.6rem 1rem !important;\n border-radius: 6px !important;\n cursor: pointer !important;\n font-size: 0.9rem !important;\n margin-left: 1rem !important;\n transition: all 0.3s ease !important;\n font-family: 'Montserrat', sans-serif !important;\n }\n #cancelReplyBtn:hover {\n background: rgba(255, 107, 107, 0.1) !important;\n transform: translateY(-1px) !important;\n }\n .no-comments-message {\n text-align: center;\n color: #E3E3DC;\n opacity: 0.7;\n padding: 2rem;\n font-style: italic;\n transition: all 0.3s ease;\n }\n\n \/* Inline reply system styles *\/\n .inline-reply-form {\n background: rgba(76, 175, 80, 0.05);\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n padding: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n opacity: 0;\n transform: translateY(-10px);\n transition: all 0.3s ease;\n }\n \n .inline-reply-form.show {\n opacity: 1;\n transform: translateY(0);\n }\n \n .inline-reply-form h5 {\n color: #F4C542;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .inline-reply-email {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 0.8rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-email:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-email::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Inline reply form placeholder styling for light theme *\/\n body.light-theme .inline-reply-email::placeholder,\n html.light-theme .inline-reply-email::placeholder,\n body.light-theme .inline-reply-textarea::placeholder,\n html.light-theme .inline-reply-textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Username display text visibility in light theme *\/\n body.light-theme .username-display:not(.authenticated),\n html.light-theme .username-display:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .username-display.authenticated,\n html.light-theme .username-display.authenticated {\n color: #B8860B !important;\n }\n \n \/* FIXED: Inline reply username display visibility in light theme *\/\n body.light-theme .inline-reply-username:not(.authenticated),\n html.light-theme .inline-reply-username:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .inline-reply-username.authenticated,\n html.light-theme .inline-reply-username.authenticated {\n color: #B8860B !important;\n }\n \n .inline-reply-textarea {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n height: 80px;\n resize: vertical;\n margin-bottom: 1rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n .inline-reply-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .inline-reply-submit {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 6px;\n padding: 0.8rem 1.2rem;\n color: #fff;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n flex: 1;\n min-width: 100px;\n }\n \n .inline-reply-submit:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n }\n \n .inline-reply-submit:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n \n .inline-reply-cancel {\n background: transparent;\n border: 1px solid #ff6b6b;\n color: #ff6b6b;\n padding: 0.8rem 1.2rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 0.9rem;\n font-weight: 500;\n transition: all 0.3s ease;\n flex: 0 0 auto;\n }\n \n .inline-reply-cancel:hover {\n background: rgba(255, 107, 107, 0.1);\n transform: translateY(-1px);\n }\n \n .inline-reply-status {\n width: 100%;\n text-align: center;\n padding: 0.8rem;\n border-radius: 6px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .inline-reply-status.show {\n opacity: 1;\n }\n \n .inline-reply-status.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n \n .inline-reply-status.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n\n \/* ============================================================================ *\/\n \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n \/* ============================================================================ *\/\n \n \/* Light theme styles for dynamically created comments *\/\n body.light-theme .comment-item,\n html.light-theme .comment-item {\n background: rgba(0,0,0,0.05) !important;\n border-left: 3px solid #B8860B !important;\n }\n\n body.light-theme .comment-text,\n html.light-theme .comment-text {\n color: #333333 !important;\n }\n\n body.light-theme .comment-author,\n html.light-theme .comment-author {\n color: #B8860B !important;\n }\n\n body.light-theme .comment-date,\n html.light-theme .comment-date {\n color: #666666 !important;\n }\n\n body.light-theme .comment-footer,\n html.light-theme .comment-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n }\n\n body.light-theme .comment-like-count,\n html.light-theme .comment-like-count {\n color: #666666 !important;\n }\n\n body.light-theme .comments-header,\n html.light-theme .comments-header {\n color: #B8860B !important;\n }\n\n body.light-theme .no-comments-message,\n html.light-theme .no-comments-message {\n color: #666666 !important;\n }\n\n \/* Light theme styles for reply indicators in dynamically created comments *\/\n body.light-theme .reply-text,\n html.light-theme .reply-text {\n color: #666666 !important;\n }\n\n body.light-theme .reply-text strong,\n html.light-theme .reply-text strong {\n color: #B8860B !important;\n }\n\n \/* Light theme styles for comment action buttons *\/\n body.light-theme .comment-like-btn,\n html.light-theme .comment-like-btn,\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn,\n body.light-theme .comment-reply-btn,\n html.light-theme .comment-reply-btn {\n border-color: rgba(184, 134, 11, 0.5) !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn:hover,\n html.light-theme .comment-like-btn:hover,\n body.light-theme .comment-reply-btn:hover,\n html.light-theme .comment-reply-btn:hover {\n background: rgba(184, 134, 11, 0.1) !important;\n border-color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn.liked,\n html.light-theme .comment-like-btn.liked {\n background: rgba(184, 134, 11, 0.2) !important;\n border-color: #B8860B !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn {\n border-color: rgba(204, 85, 85, 0.5) !important;\n color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn:hover,\n html.light-theme .comment-dislike-btn:hover {\n background: rgba(204, 85, 85, 0.1) !important;\n border-color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn.disliked,\n html.light-theme .comment-dislike-btn.disliked {\n background: rgba(204, 85, 85, 0.2) !important;\n border-color: #cc5555 !important;\n color: #cc5555 !important;\n }\n\n \/* CTA Button Styles *\/\n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #F4C542, #E6B82E);\n color: #000;\n padding: 1rem 3rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(244, 197, 66, 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(244, 197, 66, 0.4) !important;\n background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\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 \/* Better desktop image sizing for large screens *\/\n @media (min-width: 1200px) {\n .center-image img {\n max-width: 60%;\n }\n \n .section-image {\n max-width: 400px;\n }\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 .media-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .keep-learning-section {\n padding: 1.5rem;\n margin: 2rem auto;\n position: relative;\n z-index: 1;\n }\n\n .signup-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .signup-text h3,\n .signup-text p {\n text-align: center;\n }\n\n .signup-form-container {\n position: relative;\n z-index: 2;\n }\n\n .signup-form-container input {\n width: 100%;\n position: relative;\n z-index: 3;\n }\n\n .signup-form-container button {\n width: 100%;\n position: relative;\n z-index: 3;\n margin-bottom: 0.5rem;\n }\n\n .form-note {\n margin-top: 1rem;\n position: relative;\n z-index: 4;\n clear: both;\n display: block;\n width: 100%;\n padding-top: 0.5rem;\n }\n\n #formMessage {\n position: relative;\n z-index: 5;\n clear: both;\n margin-top: 1.5rem;\n display: block;\n width: 100%;\n box-sizing: border-box;\n padding: 1rem;\n text-align: center;\n font-weight: 600;\n }\n\n .engagement-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .engagement-container {\n padding: 2rem 1.5rem;\n }\n .engagement-content {\n text-align: center;\n min-height: auto;\n position: static;\n margin-bottom: 1rem;\n }\n\n .split-content {\n flex-direction: column;\n gap: 2rem;\n }\n\n .split-content img {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .charlotte-highlight {\n padding: 2rem 1.5rem !important;\n margin: 3rem auto !important;\n }\n\n .charlotte-highlight .before-after {\n flex-direction: column !important;\n gap: 2rem !important;\n margin: 2rem 0 !important;\n }\n\n .charlotte-highlight .before-after-item {\n margin: 0.5rem auto !important;\n min-width: 120px !important;\n max-width: 180px !important;\n }\n\n .charlotte-highlight .before-after-number {\n font-size: 2.5rem !important;\n margin: 0.5rem 0 !important;\n }\n\n .charlotte-highlight .reduction-text {\n font-size: 1.8rem !important;\n margin: 2rem 0 1.5rem 0 !important;\n line-height: 1.3 !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n overflow: visible !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .before-after-number {\n font-size: 3rem;\n }\n\n .stats-number {\n font-size: 2.8rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n \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 <section class=\"article-page\">\n <div class=\"tbos-container\">\n \n <div class=\"title-section\">\n <h1 class=\"article-title\">Usos M\u00e9dicos del Cannabis \ud83c\udfe5<\/h1>\n <p class=\"article-subtitle\">Desde la reducci\u00f3n de convulsiones hasta el alivio del dolor, explorando el potencial terap\u00e9utico de la medicina del cannabis<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \n <div class=\"media-card animate-in\" id=\"video-content\">\n <h3>\ud83c\udfac Mira la Historia del Cannabis Medicinal<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Mira c\u00f3mo el cannabis est\u00e1 transformando la medicina moderna<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem 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\/u2_udA6uwrc\" \n data-en=\"u2_udA6uwrc\"\n data-ga=\"8LiKwCtEMk0\"\n data-es=\"xAwHY72KmKA\"\n data-de=\"Mn87Xy7bNXU\"\n data-pt=\"TOHjIBkkivs\"\n data-fr=\"gT_eCI8WCzs\"\n data-it=\"i0eEU9YMC3g\"\n data-pl=\"folAHtRW80A\"\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\n \n <div class=\"content-break\"><\/div>\n\n\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n <h3>\ud83c\udfa7 Escucha donde sea<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfecto para tu viaje o entrenamiento, versi\u00f3n solo audio<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2VY8CunM4JCxNiezG60nPj?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n<\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"nav-hint\">\n \u2193 \u00bfPrefieres leer? Sum\u00e9rgete en el an\u00e1lisis completo escrito aqu\u00ed abajo \u2193\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"content-section\" id=\"written-content\">\n <h2 class=\"content-section-title\">Usos M\u00e9dicos del Cannabis \ud83c\udfe5<\/h2>\n\n \n <div class=\"content-card\">\n <h3>La Verificaci\u00f3n de Realidad<\/h3>\n <p class=\"content-text translation-block\">A partir de 2015, en Australia, <strong style=\"font-weight: 700 !important\">el 80% de las muertes por sobredosis estaban relacionadas con medicamentos farmac\u00e9uticos recetados legalmente<\/strong>, como los opioides. 80. S\u00ed, 80%. Eso es un hecho, no un n\u00famero inventado. Ochenta.<\/p>\n \n <p class=\"content-text translation-block\">Si el cannabis puede reducir las convulsiones de un ni\u00f1o de 50 al d\u00eda a solo 2 o 3 al mes...una <strong style=\"font-weight: 700 !important\">ca\u00edda de 500 veces<\/strong>...\u00bfno vale la pena al menos echarle un vistazo m\u00e1s de cerca?<\/p>\n \n <p class=\"content-text translation-block\">Simplemente mira c\u00f3mo el cannabis puede <a href=\"https:\/\/www.youtube.com\/watch?v=zNT8Zo_sfwo\" target=\"_blank\">ayudar con los temblores y habilidades motoras causados por la enfermedad de Parkinson<\/a>. Es un v\u00eddeo de un capit\u00e1n de polic\u00eda retirado probando cannabis por primera vez.<\/p>\n \n <p class=\"content-text\">A diferencia de sustancias como el alcohol o los opioides, el cannabis tiene un perfil de toxicidad bajo y no est\u00e1 asociado con sobredosis fatal, seg\u00fan los datos del Instituto Nacional sobre el Abuso de Drogas (NIDA).<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Entonces, \u00bfpor qu\u00e9 una planta que no puede causar sobredosis letal todav\u00eda se considera m\u00e1s peligrosa que las drogas legales que matan a personas diariamente?<\/p>\n <\/div>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Common-sense-man-on-tree.jpg\" alt=\"Common sense illustration\">\n <\/div>\n \n <p class=\"content-text\" style=\"text-align: center;\">Para comenzar este art\u00edculo tengo un anuncio de servicio p\u00fablico.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>NO SOY M\u00c9DICO, ENFERMERO NI PROFESIONAL, DE NING\u00daN TIPO.<\/h3>\n \n <p class=\"content-text\">No tomes, y repito no tomes consejo m\u00e9dico de m\u00ed o dar\u00e9 la vuelta con este coche ahora mismo. Si tienes la intenci\u00f3n de tratar alguna de tus condiciones con cannabis. Busca consejo m\u00e9dico de un proveedor m\u00e9dico capacitado.<\/p>\n \n <p class=\"content-text translation-block\">A continuaci\u00f3n se muestran algunas de las principales condiciones m\u00e9dicas para las que las personas usan cannabis para ayudar a tratarse. Estoy intentando iniciar la conversaci\u00f3n que puedes tener con un profesional m\u00e9dicamente capacitado. El contenido a continuaci\u00f3n puede <strong style=\"font-weight: 700 !important\">darte algo de contexto<\/strong> al entrar en esa conversaci\u00f3n, para que puedas estar un poco m\u00e1s informado.<\/p>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Charolette-FIgi.png\" alt=\"Charlotte Figi\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Fuente: <a href=\"https:\/\/realitysandwich.com\/charlotte-figi\/\" target=\"_blank\" style=\"color: #E3E3DC;\">https:\/\/realitysandwich.com\/charlotte-figi\/<\/a><\/p>\n<\/div>\n \n <p class=\"content-text translation-block\">Imagina esto: Tu hijo, de apenas cinco a\u00f1os, est\u00e1 experimentando hasta 50 convulsiones al d\u00eda. Has probado todo, cada medicamento, cada procedimiento, y nada funciona. Entonces, con una peque\u00f1a gota de aceite de CBD bajo la lengua de tu hija, las convulsiones se detienen. No completamente, pero lo suficiente como para darle una oportunidad de tener una vida que no est\u00e9 dominada por convulsiones. Esta fue <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">la historia de Charlotte Figi<\/a>, y cambi\u00f3 la forma en que el mundo miraba el cannabis.<\/p>\n \n <p class=\"content-text translation-block\">Desde la antigua China hasta 1961, cuando las Naciones Unidas etiquetaron el cannabis como una sustancia con <strong style=\"font-weight: 700 !important\">\"alto potencial de abuso y uso m\u00e9dico limitado\"<\/strong>, esta planta ha llevado un estigma. Sin embargo, aqu\u00ed estamos en 2025, us\u00e1ndola para aliviar el dolor, combatir las n\u00e1useas, calmar las convulsiones y mejorar vidas.<\/p>\n \n <p class=\"content-text\">As\u00ed que s\u00ed, si podemos iniciar la conversaci\u00f3n sobre c\u00f3mo el cannabis puede ayudar a las personas a mejorar su calidad de vida, ser\u00eda genial.<\/p>\n \n <h4>Las condiciones que voy a tocar donde el cannabis puede ayudar a aliviar los s\u00edntomas son:<\/h4>\n <ul>\n <li>N\u00e1useas y v\u00f3mitos inducidos por quimioterapia<\/li>\n <li>Dolor cr\u00f3nico<\/li>\n <li>Epilepsia<\/li>\n <li>Cuidados paliativos<\/li>\n <\/ul>\n \n <p class=\"content-text\">No puedo cubrir todas las condiciones que el cannabis puede ayudar a tratar porque es demasiado para digerir en una publicaci\u00f3n. Algunas de las condiciones que pueden ser ayudadas con cannabis que no tocar\u00e9 incluyen, pero no se limitan a Endometriosis, VIH\/SIDA, Esclerosis m\u00faltiple, TEPT, Ansiedad, Insomnio, Alzheimer y enfermedad de Crohn.<\/p>\n \n <p class=\"content-text\">Empecemos.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>N\u00e1useas y v\u00f3mitos inducidos por quimioterapia - (NVIQ)<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Cancer-patient-smoking.png\" alt=\"Cancer patient smoking cannabis\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">El tratamiento del c\u00e1ncer es agotador, pero para muchos pacientes, no es solo la enfermedad, son los efectos secundarios. Las n\u00e1useas y v\u00f3mitos golpean como una ola gigante, robando a las personas su capacidad de comer, funcionar o incluso tener esperanza. Las N&V inducidas por quimioterapia son uno de los efectos secundarios agudos m\u00e1s comunes y angustiantes del tratamiento del c\u00e1ncer. Ocurren en hasta <strong style=\"font-weight: 700 !important\">el 80% de los pacientes<\/strong> y pueden tener un impacto significativo en la calidad de vida del paciente.<\/p>\n \n <p class=\"content-text\">Imagina el peor caso de intoxicaci\u00f3n alimentaria que hayas tenido, est\u00e1s acurrucado, sudando, con n\u00e1useas y rog\u00e1ndole a tu cuerpo que termine de una vez. Ahora imagina que eso te golpea todos los d\u00edas, sin previo aviso y a menudo sin alivio. As\u00ed es como pueden sentirse las n\u00e1useas y v\u00f3mitos inducidos por quimioterapia (NVIQ).<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <h4>Entonces, \u00bfc\u00f3mo exactamente ayuda el cannabis con los efectos de la quimioterapia?<\/h4>\n \n <p class=\"content-text translation-block\">El THC y el CBD interact\u00faan con tu cerebro e intestino, bloqueando las se\u00f1ales que te hacen sentir mal. El THC y el CBD interact\u00faan con los receptores cannabinoides en el cuerpo, especialmente los receptores CB1 ubicados en el cerebro y el tracto gastrointestinal. El <strong style=\"font-weight: 700 !important\">tracto gastrointestinal<\/strong> es importante aqu\u00ed. La activaci\u00f3n de estos receptores puede inhibir la liberaci\u00f3n de neurotransmisores que desencadenan n\u00e1useas y v\u00f3mitos. Tambi\u00e9n inhibe los receptores de serotonina (5-HT3), que est\u00e1n involucrados en el reflejo del v\u00f3mito. Al bloquear estos receptores, el cannabis puede reducir la sensaci\u00f3n de n\u00e1useas. Dicen que sin humano, sin v\u00f3mitos ahora por favor.<\/p>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/5050-movie.jpg\" alt=\"50\/50 movie scene\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">(pel\u00edcula 50\/50 srs. Los pacientes de c\u00e1ncer fuman cannabis juntos para aliviar las n\u00e1useas, el dolor y la ansiedad)<\/p>\n <\/div>\n \n <p class=\"content-text translation-block\">En ensayos cl\u00ednicos aleatorizados controlados con placebo, una proporci\u00f3n equilibrada <strong style=\"font-weight: 700 !important\">THC:CBD (1:1)<\/strong> redujo significativamente las puntuaciones de n\u00e1useas en pacientes con c\u00e1ncer que hab\u00edan agotado todos los dem\u00e1s tratamientos. Los resultados indicaron que el grupo que recibi\u00f3 el extracto de cannabis tuvo una tasa m\u00e1s alta de \"respuesta completa\" (sin v\u00f3mitos y sin necesidad de medicaci\u00f3n adicional) en comparaci\u00f3n con el grupo placebo. Tambi\u00e9n experimentaron menos n\u00e1useas en general y prefirieron el tratamiento con cannabis.<\/p>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/when-breath-becomes-air.jpg\" alt=\"When Breath Becomes Air book cover\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Ver c\u00f3mo se deteriora la calidad de vida de un ser querido frente a ti debe ser una de las peores cosas que puedes experimentar en la vida, imagino. Todos somos conscientes de lo que el c\u00e1ncer y la quimio le hacen a una persona, f\u00edsica y mentalmente. De hecho, acabo de terminar de leer <strong style=\"font-weight: 700 !important\">Cuando el Aliento se Vuelve Aire<\/strong>. Es una lectura fant\u00e1stica y un recordatorio crudo de lo agotadora y deshumanizante que puede ser una enfermedad grave. C\u00f3mo tratamientos como la quimioterapia no solo desgastan el cuerpo, sino que erosionan tu sentido de identidad, tiempo y control. Vale la pena leerlo para recordarte cu\u00e1nto pasamos por alto el simple regalo de sentirte t\u00fa mismo. Te vas pensando de manera diferente sobre el tiempo, la salud y lo que realmente importa.<\/p>\n <\/div>\n <\/div>\n \n <p class=\"content-text translation-block\">Si fumarse un porro les da aunque sea un poco de alivio, \u00bfqui\u00e9nes demonios somos nosotros para detenerlos? Muchas personas abandonan la quimioterapia debido a los efectos secundarios. <strong style=\"font-weight: 700 !important\">Literalmente se quitan su oportunidad de supervivencia<\/strong> porque es demasiado dolor y problema continuar. Eso en s\u00ed mismo es un concepto loco. Si mi amigo o familiar me dice que obtiene alivio del cannabis mientras se somete a quimio, soy su camello. Absolutamente sin duda sin importar qu\u00e9 reglas est\u00e9n vigentes. Perd\u00f3n x<\/p>\n \n <p class=\"content-text\">En varios estudios, los pacientes han expresado una preferencia por los tratamientos cannabinoides sobre los antiem\u00e9ticos tradicionales, citando a menudo un mejor alivio de los s\u00edntomas y menos efectos secundarios.<\/p>\n \n \n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Todos estos hallazgos sugieren que el cannabis puede ser una opci\u00f3n valiosa para controlar las NVIQ, particularmente para pacientes que no responden bien a los tratamientos antiem\u00e9ticos est\u00e1ndar.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Dolor Cr\u00f3nico<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Chronic-pain.png\" alt=\"Man with chronic back pain\">\n <div class=\"text-content\">\n <p class=\"content-text\">El dolor cr\u00f3nico es implacable. No le importa si tienes trabajo que hacer, ni\u00f1os de los que cuidar o sue\u00f1os que perseguir. Para millones en todo el mundo, es una batalla diaria que nunca termina.<\/p>\n \n <p class=\"content-text translation-block\">El dolor cr\u00f3nico se puede definir como cualquier dolor que ha sido constante durante m\u00e1s de <strong style=\"font-weight: 700 !important\">3 meses<\/strong> y no ha desaparecido. Puede resultar de diversas condiciones como lesiones, cirug\u00edas, problemas musculoesquel\u00e9ticos, c\u00e1ncer o, a veces, sin una causa f\u00edsica aparente. Puede afectar significativamente la calidad de vida de una persona, interfiriendo con las actividades diarias, el trabajo y las interacciones sociales.<\/p>\n \n <p class=\"content-text\">T\u00e9ann s\u00e9 i bhfeidhm ar thart ar 20% de dhaoine ar fud an domhain. I measc na gc\u00faiseanna is coitianta de phian ainsealta t\u00e1 oist\u00e9arthr\u00edteas agus pian droma.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">El cannabis interact\u00faa con el sistema endocannabinoide del cuerpo (ECS), dirigi\u00e9ndose a los receptores CB1 y CB2 para aliviar el dolor cr\u00f3nico. Los receptores CB1, principalmente en el cerebro y el sistema nervioso, son activados por el THC, reduciendo las se\u00f1ales de dolor y alterando la percepci\u00f3n del dolor, a menudo creando una sensaci\u00f3n de distancia del dolor.<\/p>\n \n <p class=\"content-text translation-block\">Los receptores CB2, que se encuentran en el sistema inmunol\u00f3gico, son estimulados por los cannabinoides para disminuir la inflamaci\u00f3n al reducir las citocinas proinflamatorias. Este efecto antiinflamatorio ayuda a abordar la causa ra\u00edz del dolor en condiciones como la artritis. Adem\u00e1s, el cannabis <strong style=\"font-weight: 700 !important\">altera c\u00f3mo el cerebro procesa el dolor<\/strong>, haci\u00e9ndolo menos intrusivo y m\u00e1s tolerable, mejorando significativamente la calidad de vida.<\/p>\n \n <h4>Mar sin c\u00e9n f\u00e1th canabas a \u00fas\u00e1id chun cabhr\u00fa le pian ainsealta a ch\u00f3ire\u00e1il?<\/h4>\n \n <p class=\"content-text translation-block\">Esto toca lo que habl\u00e9 en el <a href=\"https:\/\/twobirdsonestoned.co\/es\/the-endocannabinoid-system\/\" target=\"_blank\">art\u00edculo del sistema endocannabinoide<\/a>. El cannabis se usa como tratamiento de segunda l\u00ednea, o de \u00faltima l\u00ednea en este momento. Lo que eso significa es que no buscamos cannabis de inmediato cuando estamos experimentando algunos de los problemas enumerados anteriormente.<\/p>\n \n <p class=\"content-text\">Con eso, lo que ha sucedido hist\u00f3ricamente en el pasado con ciertos otros medicamentos que se recetan para tratar el dolor cr\u00f3nico, ciertos opioides para ser exactos, es que han producido algunas estad\u00edsticas interesantes por decir lo menos.<\/p>\n \n <h4>Hablemos de n\u00fameros:<\/h4>\n <ul>\n <li class=\"translation-block\">En EE. UU., <strong style=\"font-weight: 700 !important\">130 personas mueren cada d\u00eda por sobredosis de opioides<\/strong>.<\/li>\n <li class=\"translation-block\">En Australia, <strong style=\"font-weight: 700 !important\">el 80% de las muertes por sobredosis est\u00e1n relacionadas con productos farmac\u00e9uticos<\/strong> como los opioides.<\/li>\n <\/ul>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opiod-death-chart.jpg\" alt=\"U.S. Overdose Deaths Involving Prescription Opioids Chart\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Fuente: <a href=\"https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates\" target=\"_blank\">https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates<\/a><\/p>\n<\/div>\n \n <p class=\"content-text\">Estas estad\u00edsticas son desgarradoras, especialmente cuando consideras cu\u00e1ntas de esas vidas podr\u00edan haberse salvado con tratamientos alternativos como el cannabis. A diferencia de los opioides, el cannabis no suprime tu sistema respiratorio. En otras palabras, no te impedir\u00e1 respirar.<\/p>\n \n <p class=\"content-text translation-block\"><a href=\"https:\/\/www.youtube.com\/watch?v=uQsagQwSLBY\" target=\"_blank\">\"Painkiller\"<\/a> de Netflix ofrece una mirada inquietante sobre c\u00f3mo llegamos aqu\u00ed, pero el cannabis ofrece una salida, un camino para manejar el dolor <strong style=\"font-weight: 700 !important\">sin arriesgar vidas<\/strong>.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Epilepsia<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Epilepsy.png\" alt=\"Person having seizure with help\">\n <div class=\"text-content\">\n <p class=\"content-text\">Charlotte Figi no est\u00e1 sola. En todo el mundo, 50 millones de personas viven con epilepsia, y para muchos, los tratamientos est\u00e1ndar no funcionan.<\/p>\n \n <p class=\"content-text translation-block\">Actualmente <strong style=\"font-weight: 700 !important\">no hay cura para la epilepsia<\/strong>, solo tratamientos que pueden ayudar con la gravedad y frecuencia de las convulsiones.<\/p>\n \n <p class=\"content-text translation-block\">Para entender c\u00f3mo el cannabis ayuda a los pacientes con epilepsia <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">mira este video<\/a>. Se trata de Charlotte Figi, una ni\u00f1a con un tipo catastr\u00f3fico de epilepsia que lleg\u00f3 a inspirar el movimiento del CBD. Charlotte era una ni\u00f1a de cinco a\u00f1os que ten\u00eda 50 convulsiones epil\u00e9pticas resistentes a los medicamentos por d\u00eda. Por d\u00eda\u2026.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">Luego fue tratada con una formulaci\u00f3n alta en CBD ahora conocida como Charlotte's Web. \u00bfQu\u00e9 sucedi\u00f3 cuando comenz\u00f3 a tomar esta formulaci\u00f3n de CBD?<\/p>\n \n <div class=\"charlotte-highlight\">\n <h4>La Historia de Charlotte: Antes y Despu\u00e9s del CBD<\/h4>\n <div class=\"before-after\">\n <div class=\"before-after-item\">\n <div class=\"before-after-number before-number\">50<\/div>\n <div class=\"before-after-label\">CONVULSIONES POR D\u00cdA<\/div>\n <\/div>\n <div style=\"font-size: 2rem; color: #F4C542; align-self: center;\">\u2192<\/div>\n <div class=\"before-after-item\">\n <div class=\"before-after-number after-number\">2-3<\/div>\n <div class=\"before-after-label\">CONVULSIONES POR MES<\/div>\n <\/div>\n <\/div>\n <div class=\"reduction-text\">99.83% DE REDUCCI\u00d3N<\/div>\n <p class=\"content-text\" style=\"margin-top: 1.5rem; clear: both;\">Cuando nada m\u00e1s funcionaba, el cannabis lleg\u00f3 y redujo las convulsiones en un 99.83%. Resulta que tiene alg\u00fan uso.<\/p>\n <\/div>\n \n <p class=\"content-text\">Observa c\u00f3mo menciono el CBD espec\u00edficamente. Cuando discutimos c\u00f3mo el cannabis puede ayudar con la epilepsia, realmente estamos hablando del compuesto CBD. Si pensamos en las razones principales por las que se ha permitido que el cannabis se use como ayuda m\u00e9dica para las personas, esta historia ser\u00eda una de las razones principales, si no la principal.<\/p>\n \n <p class=\"content-text translation-block\">Rompi\u00f3 el estigma en torno al cannabis mostrando que no era esta droga malvada que te hac\u00eda <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\">asesinar a tu pareja y saltar de edificios hasta tu muerte<\/a>.<\/p>\n \n <h4>Entonces, \u00bfc\u00f3mo funciona realmente?<\/h4>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-26-2025-05_56_20-PM.png\" alt=\"CBD seizure mechanism diagram\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Bueno, si quieres ponerte cient\u00edfico, esto es lo que sucede a nivel cient\u00edfico. <strong style=\"font-weight: 700 !important\">El CBD inhibe el LPI<\/strong>, que normalmente amplifica las se\u00f1ales nerviosas y puede promover convulsiones. Act\u00faa como un <strong style=\"font-weight: 700 !important\">antagonista funcional del GPR55<\/strong>, un receptor involucrado en la excitabilidad neuronal y no solo bloquea las se\u00f1ales excitatorias sino que tambi\u00e9n fortalece las se\u00f1ales inhibitorias que contrarrestan las convulsiones. Junto con esto, rompe el ciclo de retroalimentaci\u00f3n positiva al interrumpir el ciclo donde las convulsiones aumentan la se\u00f1alizaci\u00f3n de LPI a GPR55, lo que a su vez promueve m\u00e1s convulsiones.<\/p>\n <\/div>\n <\/div>\n \n <p class=\"content-text\">Disfruto desglosando los aspectos t\u00e9cnicos del cannabis, profundizando en las formas intrincadas en que interact\u00faa con nuestros cuerpos. Solo que no creo que sea informaci\u00f3n digerible para todos. Si es algo que le interesa a la gente, d\u00e9jenmelo saber y puedo explorar esto m\u00e1s x<\/p>\n \n <p class=\"content-text\">No es una soluci\u00f3n completa ni cubre toda la epilepsia, pero podemos ver que puede ser una gran ayuda para las personas que necesitan ayuda.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Cuidados Paliativos<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Pallative-care.jpg\" alt=\"Palliative care scene with family\">\n <div class=\"text-content\">\n <p class=\"content-text\">Los cuidados paliativos se tratan de dignidad, asegurando que las personas que enfrentan enfermedades limitantes de la vida puedan vivir sus \u00faltimos d\u00edas con la mayor comodidad y calidad posible.<\/p>\n \n <p class=\"content-text translation-block\">Creo que es un concepto genial que todos estamos muriendo lentamente a diferentes ritmos. Como si algo viniera por nosotros, simplemente puede que no suceda por otros 2\/14\/41\/72 a\u00f1os y no sabemos qu\u00e9 nos va a atrapar. C\u00e1ncer, tren de carga, ataque al coraz\u00f3n, John Wick. \u00bfHay una bomba de tiempo adentro? Qui\u00e9n diablos sabe. <strong style=\"font-weight: 700 !important\">Est\u00e1s muriendo lentamente mientras lees esto<\/strong>, algo est\u00e1 devorando nuestras vidas en segundo plano\u2026. Nomnomnomnom.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">Esta es la dura realidad: Todos y cada uno de nosotros estamos muriendo, solo que a diferentes velocidades. Para aquellos en cuidados paliativos, el final est\u00e1 m\u00e1s cerca, pero eso no significa que deban sufrir innecesariamente.<\/p>\n \n <p class=\"content-text\">El cannabis est\u00e1 ayudando aqu\u00ed tambi\u00e9n. Alivia el dolor, restaura el apetito y calma la ansiedad que a menudo acompa\u00f1a a los diagn\u00f3sticos terminales. Poni\u00e9ndome todo hippie, s\u00ed afecta la forma en que percibes tu mundo. Puede darte una mayor apreciaci\u00f3n por la vida y aceptar cu\u00e1l es tu situaci\u00f3n.<\/p>\n \n <div class=\"stats-box\">\n <h4>Mejora de la Calidad de Vida<\/h4>\n <p class=\"stats-description\">Un estudio que involucr\u00f3 a m\u00e1s de 3,000 pacientes con c\u00e1ncer encontr\u00f3 que el cannabis medicinal mejor\u00f3 significativamente los s\u00edntomas comunes en los cuidados paliativos, incluyendo dolor, n\u00e1useas, ansiedad y trastornos del sue\u00f1o.<\/p>\n \n <div style=\"margin: 2rem 0;\">\n <div class=\"stats-number\">18.7%<\/div>\n <p class=\"stats-description\">Antes del Tratamiento<\/p>\n <div style=\"margin: 1rem 0; font-size: 2rem; color: #F4C542;\">\u2193<\/div>\n <div class=\"stats-number\">69.5%<\/div>\n <p class=\"stats-description\">Despu\u00e9s de seis meses de uso de cannabis<\/p>\n <\/div>\n \n <p class=\"content-text\" style=\"margin-top: 1.5rem; font-weight: bold; color: #E3E3DC;\">El porcentaje de pacientes que reportaron buena calidad de vida aument\u00f3 dr\u00e1sticamente.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Reflexiones Finales<\/h3>\n <p class=\"content-text\">Las matem\u00e1ticas no cuadran con por qu\u00e9 el cannabis est\u00e1 prohibido de la manera que est\u00e1 globalmente y c\u00f3mo lo ven las personas con respecto a qu\u00e9 tan seguro es. Los n\u00fameros arriba muestran esto.<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Esta es la pregunta que te dejo: Si una sola planta puede aliviar el sufrimiento, mejorar vidas y ofrecer esperanza donde no hab\u00eda ninguna, \u00bfpor qu\u00e9 dudar\u00edamos en explorar su potencial?<\/p>\n <\/div>\n \n <p class=\"content-text\">Esta conversaci\u00f3n. Sigamos con ella<\/p>\n \n <div class=\"section-divider\"><\/div>\n <\/div>\n\n \n <div class=\"keep-learning-section\">\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 \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"engagement-container\">\n <div class=\"engagement-split\">\n <div class=\"engagement-content\">\n <h3>\u00bfCu\u00e1l es tu opini\u00f3n?<\/h3>\n <p>\u00bfTienes algo que decir? D\u00e9jalo abajo. Tu voz ayuda a dar forma a lo que viene despu\u00e9s.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Comparte tus experiencias<\/li>\n <li>\ud83e\udd1d Habla con otros sobre ello<\/li>\n <li>\ud83d\udcda Ayuda a mejorar el contenido futuro<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>C\u00f3mo funciona esto<\/h4>\n <ol>\n <li class=\"translation-block\"><span>Paso 1:<\/span>Elige: Ingresa tu email O comenta an\u00f3nimamente<\/li>\n <li class=\"translation-block\"><span>Paso 2:<\/span>Obt\u00e9n tu nombre de usuario \u00fanico (lo conservas en todo el sitio)<\/li>\n <li class=\"translation-block\"><span>Paso 3:<\/span>Comenta, vota, responde y comparte tus ideas: \u00a1eres parte de la conversaci\u00f3n!<\/li>\n <\/ol>\n <form id=\"secureCommentForm\" action=\"\">\n \n <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n \n \n <div class=\"form-group-v1\">\n <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Comenta an\u00f3nimamente (no se requiere correo electr\u00f3nico)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"tu@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Tu nombre de usuario aparecer\u00e1 aqu\u00ed<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Obt\u00e9n un nombre de usuario diferente\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"\u00bfQu\u00e9 te pareci\u00f3? \u00bfAlguna pregunta o experiencia que compartir?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n <span id=\"submitText\">Publicar comentario<\/span>\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n <\/div>\n \n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"comments-display\">\n \n <div class=\"sort-container\">\n <label for=\"commentSort\" class=\"sort-label\">Ordenar por:<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">M\u00e1s reciente<\/option>\n <option value=\"liked\">M\u00e1s me gusta<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Comentarios recientes (<span id=\"commentCount\">0<\/span>)\n <\/div>\n <div id=\"commentsList\">\n \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/es\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n M\u00e1s Temas \u2192\n <\/a>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Referencias<\/h3>\n <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n <p>Australian Institute of Health and Welfare, 2019. <em>Drug-related deaths in Australia 1997\u20132017<\/em>. Canberra: AIHW.<\/p>\n \n <p>Devinsky, O., Cross, J.H., Laux, L., Marsh, E., Miller, I., Nabbout, R., Scheffer, I.E., Thiele, E.A. and Wright, S., 2017. Trial of cannabidiol for drug-resistant seizures in the Dravet syndrome. <em>New England Journal of Medicine<\/em>, 376(21), pp.2011-2020.<\/p>\n \n <p>H\u00e4user, W., Petzke, F. and Fitzcharles, M.A., 2018. Efficacy, tolerability and safety of cannabis-based medicines for chronic pain management\u2013an overview of systematic reviews. <em>European Journal of Pain<\/em>, 22(3), pp.455-470.<\/p>\n \n <p>Inglet, S., Winter, B., Yost, S.E., Entringer, S., Lian, A., Biksacky, M. and Pitt, K.M., 2020. Clinical data for the use of cannabis-based treatments: a comprehensive review of the literature. <em>Annals of Pharmacotherapy<\/em>, 54(11), pp.1109-1143.<\/p>\n \n <p>Kleckner, A.S., Kleckner, I.R., Kamen, C.S., Tejani, M.A., Janelsins, M.C., Morrow, G.R. and Peppone, L.J., 2019. Opportunities for cannabis in supportive care in cancer. <em>Therapeutic Advances in Medical Oncology<\/em>, 11, p.1758835919866362.<\/p>\n \n <p>Laux, L.C., Bebin, E.M., Checketts, D., Chez, M., Flamini, R., Marsh, E.D., Miller, I., Nichol, K., Park, Y., Segal, E. and Seltzer, L.E., 2019. Long-term safety and efficacy of cannabidiol in children and adults with treatment resistant Lennox-Gastaut syndrome or Dravet syndrome: Expanded access program results. <em>Epilepsy Research<\/em>, 154, pp.13-20.<\/p>\n \n <p>MacCallum, C.A. and Russo, E.B., 2018. Practical considerations in medical cannabis administration and dosing. <em>European Journal of Internal Medicine<\/em>, 49, pp.12-19.<\/p>\n \n <p>National Academy of Sciences, Engineering, and Medicine, 2017. <em>The health effects of cannabis and cannabinoids: the current state of evidence and recommendations for research<\/em>. Washington, DC: The National Academies Press.<\/p>\n \n <p>Piper, B.J., DeKeuster, R.M., Beals, M.L., Cobb, C.M., Burchman, C.A., Perkinson, L., Lynn, S.T., Nichols, S.D. and Abess, A.T., 2017. Substitution of medical cannabis for pharmaceutical agents for pain, anxiety, and sleep. <em>Journal of Psychopharmacology<\/em>, 31(5), pp.569-575.<\/p>\n \n <p>Sallan, S.E., Zinberg, N.E. and Frei III, E., 1975. Antiemetic effect of delta-9-tetrahydrocannabinol in patients receiving cancer chemotherapy. <em>New England Journal of Medicine<\/em>, 293(16), pp.795-797.<\/p>\n \n <p>Schrot, R.J. and Hubbard, J.R., 2016. Cannabinoids: medical implications. <em>Annals of Medicine<\/em>, 48(3), pp.128-141.<\/p>\n \n <p>Whiting, P.F., Wolff, R.F., Deshpande, S., Di Nisio, M., Duffy, S., Hernandez, A.V., Keurentjes, J.C., Lang, S., Misso, K., Ryder, S. and Schmidlkofer, S., 2015. Cannabinoids for medical use: a systematic review and meta-analysis. <em>JAMA<\/em>, 313(24), pp.2456-2473.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Si Has Llegado Hasta Aqu\u00ed...<\/h3>\n \n <div class=\"section-divider\"><\/div>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Esto est\u00e1 al final de cada art\u00edculo que escribo, as\u00ed que si has le\u00eddo algo aqu\u00ed antes, ya sabes de qu\u00e9 va.<\/p>\n \n <p class=\"content-text translation-block\">Si has llegado al final de este art\u00edculo, <strong>gracias<\/strong>. En serio. Te has tomado el tiempo de sumergirte en un tema que ha estado oculto bajo capas de estigma durante generaciones. Solo eso significa que eres parte de un cambio muy necesario.<\/p>\n \n <p class=\"content-text translation-block\">Si algo aqu\u00ed te hizo detenerte o pensar diferente, haz esto: <strong>habla de ello<\/strong>. Menci\u00f3nalo con alguien. No importa qui\u00e9n, tu amigo, tu padre, tu fisio, tu compa\u00f1ero de trabajo, quien sea. Comparte lo que aprendiste, lo que te sorprendi\u00f3, o incluso aquello de lo que todav\u00eda no est\u00e1s seguro.<\/p>\n \n <p class=\"content-text translation-block\">Estas conversaciones, ya sean casuales, profundas, aleatorias o inc\u00f3modas, van erosionando el estigma, poco a poco. No predicando, sino simplemente <strong>siendo honestos en el momento<\/strong>.<\/p>\n \n <p class=\"content-text\">Se trata de romper el ciclo de desinformaci\u00f3n y miedo que nos ha frenado durante demasiado tiempo.<\/p>\n \n <p class=\"content-text\">Cada vez que compartimos informaci\u00f3n precisa y equilibrada, damos otro paso hacia dejar este mundo un poco mejor de lo que lo encontramos, para la pr\u00f3xima generaci\u00f3n.<\/p>\n \n <p class=\"content-text\">Tampoco quiero que las vidas de las personas se vean afectadas negativamente por las reglas sociales que rodean esta planta.<\/p>\n \n <p class=\"content-text\">Se lo debemos a ellos para hacerlo bien. Hablar abiertamente, sin juicio ni verg\u00fcenza. Reemplazar los mitos obsoletos con evidencia y comprensi\u00f3n.<\/p>\n \n <p class=\"content-text\"><strong>Sigamos esta conversaci\u00f3n x<\/strong><\/p>\n \n <p class=\"content-text\">Con eso, te lo dejo a ti. Puedes hacerlo. Si has aprendido algo nuevo, ve y cu\u00e9ntaselo a alguien jaja<\/p>\n <\/div>\n <\/div>\n\n \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 <\/div>\n <\/section>\n\n \n <script type=\"module\">\n import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n \/\/ Firebase configuration\n const firebaseConfig = {\n apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n authDomain: \"tbos-site-comments.firebaseapp.com\",\n projectId: \"tbos-site-comments\",\n storageBucket: \"tbos-site-comments.firebasestorage.app\",\n messagingSenderId: \"154628531943\",\n appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n };\n\n \/\/ Initialize Firebase\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const auth = getAuth(app);\n\n \/\/ Make Firebase available globally\n window.firebaseDB = {\n db: db,\n auth: auth,\n collection: collection,\n addDoc: addDoc,\n getDocs: getDocs,\n query: query,\n orderBy: orderBy,\n where: where,\n doc: doc,\n updateDoc: updateDoc,\n deleteDoc: deleteDoc,\n getDoc: getDoc,\n setDoc: setDoc,\n serverTimestamp: serverTimestamp,\n onSnapshot: onSnapshot,\n signInAnonymously: signInAnonymously\n };\n\n console.log('\ud83d\udd25 Firebase initialized successfully');\n <\/script>\n\n \n <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n\n \/\/ Reading progress tracking\n function updateProgressBar() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n }\n\n window.addEventListener('scroll', updateProgressBar);\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 \/\/ 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 function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentEmoji = button.textContent.trim();\n \n if (currentEmoji === '\ud83c\udf19' || button.textContent.trim() === 'Night Time') {\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 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 \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n const title = document.querySelector('.article-title');\n const subtitle = document.querySelector('.article-subtitle');\n const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n const toggleButton = document.getElementById('theme-toggle');\n const navHint = document.querySelector('.nav-hint');\n \n \/\/ Comment system selectors\n const engagementContainer = document.querySelector('.engagement-container');\n const commentForm = document.querySelectorAll('.comment-form-v1');\n const commentItems = document.querySelectorAll('.comment-item');\n const sortLabel = document.querySelector('.sort-label');\n const sortDropdown = document.querySelector('.sort-dropdown');\n const commentsHeader = document.querySelector('.comments-header');\n const noCommentsMessage = document.querySelector ('.no-comments-message');\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 - ADDED FOR FIX\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)\n console.log('Applying LIGHT theme');\n \n \/\/ Add light theme class to both html and body\n html.classList.add('light-theme');\n body.classList.add('light-theme');\n \n \/\/ Apply cream background\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 \/\/ UPDATE HEADER FOR LIGHT THEME\n if (header) {\n header.style.setProperty('background', 'rgba(255,255,255,0.95)', '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', 'rgba(255,255,255,0.95)', '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 \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', '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', 'rgba(255,255,255,0.95)', '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', '#333333', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Light cards\n contentCards.forEach(card => {\n if (card.classList.contains('keep-learning-section')) {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n } else {\n card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n }\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Update strong\/highlighted text\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 links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n highlights.forEach(highlight => {\n if (highlight.classList.contains('stats-box')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n const statsNumbers = highlight.querySelectorAll('.stats-number');\n statsNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n } else if (highlight.classList.contains('charlotte-highlight')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n const reductionText = highlight.querySelector('.reduction-text');\n if (reductionText) reductionText.style.setProperty('color', '#B8860B', 'important');\n const beforeNumbers = highlight.querySelectorAll('.before-number');\n const afterNumbers = highlight.querySelectorAll('.after-number');\n beforeNumbers.forEach(num => num.style.setProperty('color', '#cc5555', 'important'));\n afterNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n } else {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n }\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ Remove light theme class from both html and body\n html.classList.remove('light-theme');\n body.classList.remove('light-theme');\n \n \/\/ Reset to dark gradient\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 \/\/ 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 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 \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FIX\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');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', '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 \/\/ Reset cards\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 \/\/ Reset headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset strong text\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 links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n highlights.forEach(highlight => {\n if (highlight.classList.contains('stats-box')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(244,197,66,0.3)', 'important');\n const statsNumbers = highlight.querySelectorAll('.stats-number');\n statsNumbers.forEach(num => num.style.setProperty('color', '#F4C542', 'important'));\n } else if (highlight.classList.contains('charlotte-highlight')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(76,175,80,0.3)', 'important');\n const reductionText = highlight.querySelector('.reduction-text');\n if (reductionText) reductionText.style.setProperty('color', '#4CAF50', 'important');\n const beforeNumbers = highlight.querySelectorAll('.before-number');\n const afterNumbers = highlight.querySelectorAll('.after-number');\n beforeNumbers.forEach(num => num.style.setProperty('color', '#ff6b6b', 'important'));\n afterNumbers.forEach(num => num.style.setProperty('color', '#4CAF50', 'important'));\n } else {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n }\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint to original color in dark mode\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements for dark theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content elements\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans to original color in dark theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\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 \/\/ Animate content cards on scroll\n function animateOnScroll() {\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n cards.forEach(card => {\n const cardTop = card.getBoundingClientRect().top;\n const cardBottom = card.getBoundingClientRect().bottom;\n \n if (cardTop < window.innerHeight && cardBottom > 0) {\n card.classList.add('animate-in');\n }\n });\n }\n\/\/ Smooth scroll to anchor on page load with offset\ndocument.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n});\n \n \/\/ Setup email signup\n setupEmailSignup();\n \n \/\/ Setup scroll animations\n animateOnScroll();\n window.addEventListener('scroll', animateOnScroll);\n \n \/\/ Animate title section\n setTimeout(() => {\n const titleSection = document.querySelector('.title-section');\n if (titleSection) {\n titleSection.style.opacity = '1';\n titleSection.style.transform = 'translateY(0)';\n }\n }, 100);\n \n \/\/ Initialize anonymous mode toggle\n const anonymousCheckbox = document.getElementById('anonymousMode');\n const emailGroup = document.getElementById('emailGroup');\n \n if (anonymousCheckbox && emailGroup) {\n anonymousCheckbox.addEventListener('change', function() {\n if (this.checked) {\n emailGroup.style.display = 'none';\n document.getElementById('commentEmail').removeAttribute('required');\n } else {\n emailGroup.style.display = 'block';\n document.getElementById('commentEmail').setAttribute('required', '');\n }\n });\n }\n \n \/\/ Ensure progress bar starts at 0\n updateProgressBar();\n \n console.log('\u2705 All components initialized successfully');\n });\n\n \/\/ Handle visibility change for audio\n document.addEventListener('visibilitychange', function() {\n if (document.hidden) {\n \/\/ Pause any playing audio when tab is not visible\n const nightAudio = document.getElementById('nightTimeAudio');\n const dayAudio = document.getElementById('dayTimeAudio');\n if (nightAudio) nightAudio.pause();\n if (dayAudio) dayAudio.pause();\n }\n });\n\n \/\/ Error handling for external scripts\n window.addEventListener('error', function(e) {\n if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n console.warn('External script error detected, but core functionality preserved:', e.message);\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>Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned Medical Uses for Cannabis \ud83c\udfe5 From seizure reduction to pain relief, exploring the therapeutic potential of cannabis medicine \ud83c\udf19 \ud83c\udfac Watch the Medical Cannabis Story See how cannabis is transforming modern medicine \ud83c\udfa7 Listen on the Go Perfect for your commute or workout, audio […]<\/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-1860","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/1860","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=1860"}],"version-history":[{"count":81,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/1860\/revisions"}],"predecessor-version":[{"id":8051,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/1860\/revisions\/8051"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/media?parent=1860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned<\/title>\n \n \n <meta name=\"description\" content=\"Gu\u00eda respaldada por la ciencia sobre cannabis medicinal para epilepsia, dolor cr\u00f3nico, efectos secundarios de quimioterapia y cuidados paliativos. Evidencia sin exageraciones.\">\n <meta name=\"keywords\" content=\"medical cannabis, CBD epilepsy, chronic pain relief, chemotherapy nausea, palliative care, cannabis medicine, evidence-based\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"author\" content=\"James Gallagher, Two Birds One Stoned\">\n \n \n <meta property=\"og:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n <meta property=\"og:description\" content=\"Gu\u00eda respaldada por la ciencia sobre cannabis medicinal para epilepsia, dolor cr\u00f3nico, efectos secundarios de quimioterapia y cuidados paliativos. Evidencia sin exageraciones.\">\n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:url\" content=\"[YOUR-PAGE-URL]\">\n <meta property=\"og:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n <meta name=\"twitter:description\" content=\"Science-backed guide to medical cannabis for epilepsy, chronic pain, chemotherapy side effects, and palliative care.\">\n <meta name=\"twitter:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n \n \n <link rel=\"canonical\" href=\"[YOUR-PAGE-URL]\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\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 \/* ARTICLE PAGE SECTION *\/\n .article-page {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 100px;\n padding-bottom: 6rem;\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 \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 3rem;\n border-radius: 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n margin: 4rem auto;\n max-width: 950px;\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(-6px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n \/* Title Section *\/\n.article-page .tbos-container .title-section {\n text-align: center !important;\n margin-bottom: 60px !important; \/* CHANGED: was 30px *\/\n margin-top: 60px !important; \/* CHANGED: was 40px *\/\n padding-bottom: 3rem !important; \/* CHANGED: was 2rem *\/\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n max-width: 1000px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n position: relative !important;\n z-index: 10 !important;\n display: block !important;\n overflow: visible !important;\n min-height: auto; \/* ADDED: new line *\/\n}\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(2rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 2.5rem !important;\n color: #F4C542 !important;\n text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n line-height: 1.3 !important;\n letter-spacing: -0.02em !important;\n max-width: 100% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n padding: 0 2rem !important;\n font-family: 'Montserrat', sans-serif !important;\n display: block !important;\n position: relative !important;\n overflow: visible !important;\n white-space: normal !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n color: #E3E3DC !important;\n font-weight: 400 !important;\n margin-bottom: 4rem !important;\n opacity: 0.9 !important;\n line-height: 1.5 !important;\n max-width: 90% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n word-wrap: break-word !important;\n }\n\n \/* Media Section Spacing *\/\n .media-section {\n margin: 8rem auto;\n max-width: 950px;\n position: relative;\n z-index: 5;\n }\n\n .media-section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #F4C542;\n margin-bottom: 3rem;\n font-weight: 600;\n }\n\n \/* Media Cards *\/\n .media-card {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 4rem auto;\n max-width: 950px;\n text-align: center;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\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 \/* Navigation hint *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important; \/* CHANGED: was 4rem *\/\n margin-top: 3rem !important; \/* CHANGED: was 2rem *\/\n font-weight: 600 !important;\n text-shadow: none !important;\n padding-top: 3rem !important; \/* CHANGED: was 2rem *\/\n line-height: 1.4 !important; \/* ADDED: new line *\/\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\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 ol {\n list-style-type: decimal;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1.15rem;\n color: #E3E3DC;\n line-height: 1.7;\n margin-bottom: 0.8rem;\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 \/* Highlight box *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n border-left: 5px solid #F4C542;\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 0 16px 16px 0;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Quote box styling *\/\n .quote-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 16px;\n font-style: italic;\n text-align: center;\n font-size: 1.2rem;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Statistics box *\/\n .stats-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 3rem;\n margin: 3rem auto;\n border-radius: 16px;\n text-align: center;\n max-width: 700px;\n position: relative;\n overflow: visible;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n .stats-box h4 {\n font-size: 2rem;\n color: #F4C542;\n margin-bottom: 2rem;\n text-align: center;\n font-weight: 600;\n }\n\n .stats-number {\n font-size: 3.5rem;\n color: #F4C542;\n font-weight: 700;\n margin: 1.5rem 0;\n display: block;\n line-height: 1.2;\n }\n\n .stats-description {\n font-size: 1.15rem;\n color: #E3E3DC;\n margin: 1rem 0;\n display: block;\n line-height: 1.5;\n }\n\n \/* Charlotte's Web highlight *\/\n .charlotte-highlight {\n background: linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08));\n border: 2px solid rgba(76,175,80,0.3);\n padding: 3rem;\n margin: 3rem auto;\n border-radius: 16px;\n text-align: center;\n max-width: 800px;\n position: relative;\n overflow: visible;\n box-shadow: 0 4px 12px rgba(76,175,80,0.1);\n }\n\n .charlotte-highlight h4 {\n font-size: 2rem;\n color: #4CAF50;\n margin-bottom: 2rem;\n text-align: center;\n font-weight: 600;\n }\n\n .charlotte-highlight .reduction-text {\n font-size: 2.8rem;\n color: #4CAF50;\n font-weight: 700;\n margin: 3rem 0 2rem 0;\n clear: both;\n display: block;\n width: 100%;\n text-align: center;\n }\n\n .charlotte-highlight .before-after {\n display: flex;\n justify-content: space-around;\n align-items: center;\n margin: 3rem 0;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .before-after-item {\n text-align: center;\n margin: 1rem;\n flex: 1;\n min-width: 150px;\n max-width: 200px;\n }\n\n .before-after-number {\n font-size: 4rem;\n font-weight: 700;\n margin: 1rem 0;\n display: block;\n line-height: 1;\n }\n\n .before-number {\n color: #ff6b6b;\n }\n\n .after-number {\n color: #4CAF50;\n }\n\n .before-after-label {\n font-size: 1rem;\n color: #E3E3DC;\n font-weight: 600;\n margin-top: 1rem;\n display: block;\n line-height: 1.3;\n letter-spacing: 0.5px;\n }\n\n \/* Divider *\/\n .section-divider {\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n margin: 4rem 0;\n border-radius: 2px;\n }\n\n \/* Theme Toggle Styles *\/\n .theme-toggle {\n text-align: center;\n margin: 1.5rem 0 0.5rem 0;\n padding-top: 0.5rem;\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(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n border-radius: 30px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n font-family: 'Montserrat', sans-serif;\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n }\n\n .theme-toggle button:hover {\n background: rgba(76, 175, 80, 0.1);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n }\n\n \/* Scroll progress indicator *\/\n .progress-bar {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 4px;\n background: linear-gradient(90deg, #F4C542, #4CAF50);\n z-index: 1000;\n transition: width 0.3s ease;\n }\n\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 \/* ============================================================================ *\/\n \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n \/* ============================================================================ *\/\n .keep-learning-section {\n background-color: #1d1d1d;\n color: #fff;\n padding: 2rem;\n border-radius: 1rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n margin: 6rem auto 3rem auto;\n max-width: 800px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n overflow: hidden;\n opacity: 1;\n transform: translateY(0);\n }\n\n .keep-learning-section.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n .keep-learning-section:hover {\n transform: translateY(-4px);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n }\n\n \/* Split Layout for Keep Learning Section *\/\n .signup-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .signup-text h3 {\n color: #F4C542;\n font-size: clamp(18px, 4vw, 24px);\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: left;\n transition: color 0.3s ease;\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 transition: color 0.3s ease;\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 transition: all 0.3s ease;\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 \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n body.light-theme .signup-form-container input::placeholder,\n html.light-theme .signup-form-container input::placeholder {\n color: rgba(42, 42, 42, 0.8) !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: 1.5rem 0 0 0;\n text-align: center;\n transition: color 0.3s ease;\n }\n\n \/* Benefits List Styling *\/\n .benefits-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 1.5rem 0;\n padding-left: 0 !important;\n }\n\n .benefits-list li {\n color: #E3E3DC;\n margin-bottom: 1rem;\n font-size: 1rem;\n line-height: 1.6;\n padding-left: 0 !important;\n list-style: none !important;\n position: relative;\n transition: color 0.3s ease;\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 \/* ============================================================================ *\/\n \/* SECURE COMMENT SYSTEM STYLES *\/\n \/* ============================================================================ *\/\n .engagement-container {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 6rem auto;\n max-width: 950px;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: background-color 0.3s ease, border-color 0.3s ease;\n }\n .engagement-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: flex-start;\n }\n .engagement-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 400px;\n position: relative;\n top: 1rem;\n }\n .engagement-content h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n transition: color 0.3s ease;\n }\n .engagement-content p {\n color: #E3E3DC;\n font-size: 1.1rem;\n line-height: 1.7;\n margin-bottom: 2rem;\n transition: color 0.3s ease;\n }\n .engagement-features {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .engagement-features li {\n color: #E3E3DC;\n margin-bottom: 1.2rem;\n font-size: 1.05rem;\n line-height: 1.6;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n transition: color 0.3s ease;\n }\n .engagement-features li:last-child {\n margin-bottom: 0;\n }\n .engagement-interaction {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n }\n .comment-form-v1 h4 {\n color: #F4C542;\n font-size: 1.6rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n text-align: center;\n transition: color 0.3s ease;\n }\n .comment-form-v1 p {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n padding-left: 1.5rem;\n counter-reset: step-counter;\n }\n .comment-form-v1 ol li {\n margin-bottom: 0.8rem;\n list-style: none;\n position: relative;\n padding-left: 4rem;\n color: #fff;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol li span {\n position: absolute;\n left: 0;\n color: #F4C542;\n font-weight: 600;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n body.light-theme .comment-form-v1 ol li span,\n html.light-theme .comment-form-v1 ol li span {\n color: #B8860B !important;\n font-weight: 600 !important;\n }\n\n .form-group-v1 {\n margin-bottom: 2rem;\n }\n .form-group-v1 input,\n .form-group-v1 textarea {\n width: 100%;\n padding: 1rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 8px;\n font-size: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n .form-group-v1 input:focus,\n .form-group-v1 textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n .form-group-v1 input::placeholder,\n .form-group-v1 textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Main comment form placeholder styling for light theme *\/\n body.light-theme .form-group-v1 input::placeholder,\n html.light-theme .form-group-v1 input::placeholder,\n body.light-theme .form-group-v1 textarea::placeholder,\n html.light-theme .form-group-v1 textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Main comment form input text color in light theme *\/\n body.light-theme .form-group-v1 input,\n html.light-theme .form-group-v1 input,\n body.light-theme .form-group-v1 textarea,\n html.light-theme .form-group-v1 textarea {\n color: #333333 !important;\n background: rgba(255, 255, 255, 0.9) !important;\n border: 1px solid rgba(184, 134, 11, 0.5) !important;\n }\n \n .form-group-v1 textarea {\n height: 100px;\n resize: vertical;\n }\n\n \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n .username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n }\n\n .username-display {\n flex: 1;\n width: auto;\n padding: 1rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .username-display.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n .username-display.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: auto;\n }\n\n .username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .username-refresh-btn:active {\n transform: rotate(180deg) scale(0.95);\n }\n\n .username-refresh-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n transform: none;\n }\n\n .username-refresh-btn.spinning {\n animation: spin 0.5s ease-in-out;\n }\n\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* Inline reply form styles *\/\n .inline-username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n margin-bottom: 0.8rem;\n }\n\n .inline-reply-username {\n flex: 1;\n width: auto;\n padding: 0.8rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 6px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .inline-reply-username.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n \n .inline-reply-username.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .inline-username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 0.8rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 40px;\n }\n\n .inline-username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .submit-btn-v1 {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n padding: 1.2rem 1.5rem;\n color: #fff;\n font-weight: 600;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 1rem;\n }\n .submit-btn-v1:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n .submit-btn-v1:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n .status-message {\n text-align: center;\n padding: 1rem;\n border-radius: 8px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .status-message.show {\n opacity: 1;\n }\n .status-message.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n .status-message.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n .comments-display {\n margin-top: 2rem !important;\n border-top: none !important;\n padding-top: 2.5rem !important;\n width: 100%;\n box-sizing: border-box;\n }\n .sort-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 0.5rem !important;\n margin-bottom: 2rem !important;\n padding: 0 !important;\n }\n .sort-label {\n color: #E3E3DC;\n font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n font-weight: 400 !important;\n transition: color 0.3s ease;\n }\n .sort-dropdown {\n background: rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(76, 175, 80, 0.4);\n color: #E3E3DC;\n padding: 0.4rem 0.6rem !important;\n border-radius: 4px !important;\n font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n font-family: 'Montserrat', sans-serif;\n cursor: pointer;\n transition: all 0.3s ease;\n outline: none;\n }\n .sort-dropdown:hover {\n border-color: #4CAF50;\n background: rgba(0, 0, 0, 0.8);\n }\n .sort-dropdown:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n }\n .comments-header {\n color: #4CAF50;\n font-size: clamp(1.1rem, 3vw, 1.3rem);\n margin-bottom: 2rem !important;\n font-weight: 600;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-wrap: wrap;\n transition: color 0.3s ease;\n }\n.comment-item {\n background: rgba(0,0,0,0.4);\n border-radius: 8px;\n padding: 1.2rem;\n margin-bottom: 1.5rem !important;\n border-left: 3px solid #4CAF50;\n width: auto;\n max-width: 100%;\n box-sizing: border-box;\n transition: background-color 0.3s ease, border-color 0.3s ease;\n overflow-wrap: break-word;\n word-wrap: break-word;\n position: relative; \n }\n \n .comment-container {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n .comment-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n gap: 1rem;\n min-height: 2rem;\n }\n .comment-author {\n color: #F4C542;\n font-weight: 600;\n font-size: clamp(0.9rem, 2.5vw, 1rem);\n transition: color 0.3s ease;\n }\n .comment-date {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n transition: color 0.3s ease;\n }\n .comment-text {\n color: #E3E3DC;\n line-height: 1.5;\n font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n word-wrap: break-word;\n overflow-wrap: break-word;\n margin-bottom: 1rem;\n transition: color 0.3s ease;\n }\n .comment-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 1rem;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n transition: border-color 0.3s ease;\n }\n .comment-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.5);\n color: #4CAF50;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n min-width: 50px;\n justify-content: center;\n white-space: nowrap;\n height: 32px;\n box-sizing: border-box;\n }\n .comment-like-btn:hover,\n .comment-reply-btn:hover {\n background: rgba(76, 175, 80, 0.1);\n border-color: #4CAF50;\n transform: translateY(-1px);\n }\n .comment-like-btn.liked {\n background: rgba(76, 175, 80, 0.2);\n border-color: #4CAF50;\n color: #4CAF50;\n }\n .comment-dislike-btn {\n border-color: rgba(255, 107, 107, 0.5);\n color: #ff6b6b;\n margin-left: 0.2rem;\n }\n .comment-dislike-btn:hover {\n background: rgba(255, 107, 107, 0.1);\n border-color: #ff6b6b;\n transform: translateY(-1px);\n }\n .comment-dislike-btn.disliked {\n background: rgba(255, 107, 107, 0.2);\n border-color: #ff6b6b;\n color: #ff6b6b;\n }\n .comment-like-count {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n transition: color 0.3s ease;\n }\n .like-count, .dislike-count {\n font-weight: 600;\n margin-left: 0.2rem;\n }\n \n \/* Reply indicator styles *\/\n .reply-indicator {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.8rem;\n padding: 0.4rem 0.8rem;\n background: rgba(76, 175, 80, 0.08);\n border: 1px solid rgba(76, 175, 80, 0.2);\n border-radius: 12px;\n font-size: 0.85rem;\n color: #4CAF50;\n transition: all 0.3s ease;\n }\n \n .reply-icon {\n font-size: 1rem;\n font-weight: bold;\n color: #4CAF50;\n opacity: 0.8;\n }\n \n .reply-text {\n color: #E3E3DC;\n font-size: 0.8rem;\n opacity: 0.9;\n }\n \n .reply-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n \n \/* Read More Button Styles *\/\n .read-more-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.5);\n color: #F4C542;\n padding: 0.3rem 0.8rem;\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.8rem;\n font-weight: 500;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n transition: all 0.3s ease;\n display: inline-block;\n }\n \n .read-more-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: translateY(-1px);\n }\n \n .read-more-btn.expanded {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n }\n \n \/* Thread connection line for visual hierarchy *\/\n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n content: '';\n position: absolute;\n left: -6px;\n top: -8px;\n bottom: 50%;\n width: 2px;\n background: linear-gradient(to bottom, \n rgba(76, 175, 80, 0.4) 0%, \n rgba(76, 175, 80, 0.2) 50%, \n transparent 100%);\n border-radius: 1px;\n }\n #cancelReplyBtn {\n background: transparent !important;\n border: 1px solid #ff6b6b !important;\n color: #ff6b6b !important;\n padding: 0.6rem 1rem !important;\n border-radius: 6px !important;\n cursor: pointer !important;\n font-size: 0.9rem !important;\n margin-left: 1rem !important;\n transition: all 0.3s ease !important;\n font-family: 'Montserrat', sans-serif !important;\n }\n #cancelReplyBtn:hover {\n background: rgba(255, 107, 107, 0.1) !important;\n transform: translateY(-1px) !important;\n }\n .no-comments-message {\n text-align: center;\n color: #E3E3DC;\n opacity: 0.7;\n padding: 2rem;\n font-style: italic;\n transition: all 0.3s ease;\n }\n\n \/* Inline reply system styles *\/\n .inline-reply-form {\n background: rgba(76, 175, 80, 0.05);\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n padding: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n opacity: 0;\n transform: translateY(-10px);\n transition: all 0.3s ease;\n }\n \n .inline-reply-form.show {\n opacity: 1;\n transform: translateY(0);\n }\n \n .inline-reply-form h5 {\n color: #F4C542;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .inline-reply-email {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 0.8rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-email:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-email::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Inline reply form placeholder styling for light theme *\/\n body.light-theme .inline-reply-email::placeholder,\n html.light-theme .inline-reply-email::placeholder,\n body.light-theme .inline-reply-textarea::placeholder,\n html.light-theme .inline-reply-textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Username display text visibility in light theme *\/\n body.light-theme .username-display:not(.authenticated),\n html.light-theme .username-display:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .username-display.authenticated,\n html.light-theme .username-display.authenticated {\n color: #B8860B !important;\n }\n \n \/* FIXED: Inline reply username display visibility in light theme *\/\n body.light-theme .inline-reply-username:not(.authenticated),\n html.light-theme .inline-reply-username:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .inline-reply-username.authenticated,\n html.light-theme .inline-reply-username.authenticated {\n color: #B8860B !important;\n }\n \n .inline-reply-textarea {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n height: 80px;\n resize: vertical;\n margin-bottom: 1rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n .inline-reply-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .inline-reply-submit {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 6px;\n padding: 0.8rem 1.2rem;\n color: #fff;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n flex: 1;\n min-width: 100px;\n }\n \n .inline-reply-submit:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n }\n \n .inline-reply-submit:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n \n .inline-reply-cancel {\n background: transparent;\n border: 1px solid #ff6b6b;\n color: #ff6b6b;\n padding: 0.8rem 1.2rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 0.9rem;\n font-weight: 500;\n transition: all 0.3s ease;\n flex: 0 0 auto;\n }\n \n .inline-reply-cancel:hover {\n background: rgba(255, 107, 107, 0.1);\n transform: translateY(-1px);\n }\n \n .inline-reply-status {\n width: 100%;\n text-align: center;\n padding: 0.8rem;\n border-radius: 6px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .inline-reply-status.show {\n opacity: 1;\n }\n \n .inline-reply-status.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n \n .inline-reply-status.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n\n \/* ============================================================================ *\/\n \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n \/* ============================================================================ *\/\n \n \/* Light theme styles for dynamically created comments *\/\n body.light-theme .comment-item,\n html.light-theme .comment-item {\n background: rgba(0,0,0,0.05) !important;\n border-left: 3px solid #B8860B !important;\n }\n\n body.light-theme .comment-text,\n html.light-theme .comment-text {\n color: #333333 !important;\n }\n\n body.light-theme .comment-author,\n html.light-theme .comment-author {\n color: #B8860B !important;\n }\n\n body.light-theme .comment-date,\n html.light-theme .comment-date {\n color: #666666 !important;\n }\n\n body.light-theme .comment-footer,\n html.light-theme .comment-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n }\n\n body.light-theme .comment-like-count,\n html.light-theme .comment-like-count {\n color: #666666 !important;\n }\n\n body.light-theme .comments-header,\n html.light-theme .comments-header {\n color: #B8860B !important;\n }\n\n body.light-theme .no-comments-message,\n html.light-theme .no-comments-message {\n color: #666666 !important;\n }\n\n \/* Light theme styles for reply indicators in dynamically created comments *\/\n body.light-theme .reply-text,\n html.light-theme .reply-text {\n color: #666666 !important;\n }\n\n body.light-theme .reply-text strong,\n html.light-theme .reply-text strong {\n color: #B8860B !important;\n }\n\n \/* Light theme styles for comment action buttons *\/\n body.light-theme .comment-like-btn,\n html.light-theme .comment-like-btn,\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn,\n body.light-theme .comment-reply-btn,\n html.light-theme .comment-reply-btn {\n border-color: rgba(184, 134, 11, 0.5) !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn:hover,\n html.light-theme .comment-like-btn:hover,\n body.light-theme .comment-reply-btn:hover,\n html.light-theme .comment-reply-btn:hover {\n background: rgba(184, 134, 11, 0.1) !important;\n border-color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn.liked,\n html.light-theme .comment-like-btn.liked {\n background: rgba(184, 134, 11, 0.2) !important;\n border-color: #B8860B !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn {\n border-color: rgba(204, 85, 85, 0.5) !important;\n color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn:hover,\n html.light-theme .comment-dislike-btn:hover {\n background: rgba(204, 85, 85, 0.1) !important;\n border-color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn.disliked,\n html.light-theme .comment-dislike-btn.disliked {\n background: rgba(204, 85, 85, 0.2) !important;\n border-color: #cc5555 !important;\n color: #cc5555 !important;\n }\n\n \/* CTA Button Styles *\/\n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #F4C542, #E6B82E);\n color: #000;\n padding: 1rem 3rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(244, 197, 66, 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(244, 197, 66, 0.4) !important;\n background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\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 \/* Better desktop image sizing for large screens *\/\n @media (min-width: 1200px) {\n .center-image img {\n max-width: 60%;\n }\n \n .section-image {\n max-width: 400px;\n }\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 .media-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .keep-learning-section {\n padding: 1.5rem;\n margin: 2rem auto;\n position: relative;\n z-index: 1;\n }\n\n .signup-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .signup-text h3,\n .signup-text p {\n text-align: center;\n }\n\n .signup-form-container {\n position: relative;\n z-index: 2;\n }\n\n .signup-form-container input {\n width: 100%;\n position: relative;\n z-index: 3;\n }\n\n .signup-form-container button {\n width: 100%;\n position: relative;\n z-index: 3;\n margin-bottom: 0.5rem;\n }\n\n .form-note {\n margin-top: 1rem;\n position: relative;\n z-index: 4;\n clear: both;\n display: block;\n width: 100%;\n padding-top: 0.5rem;\n }\n\n #formMessage {\n position: relative;\n z-index: 5;\n clear: both;\n margin-top: 1.5rem;\n display: block;\n width: 100%;\n box-sizing: border-box;\n padding: 1rem;\n text-align: center;\n font-weight: 600;\n }\n\n .engagement-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .engagement-container {\n padding: 2rem 1.5rem;\n }\n .engagement-content {\n text-align: center;\n min-height: auto;\n position: static;\n margin-bottom: 1rem;\n }\n\n .split-content {\n flex-direction: column;\n gap: 2rem;\n }\n\n .split-content img {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .charlotte-highlight {\n padding: 2rem 1.5rem !important;\n margin: 3rem auto !important;\n }\n\n .charlotte-highlight .before-after {\n flex-direction: column !important;\n gap: 2rem !important;\n margin: 2rem 0 !important;\n }\n\n .charlotte-highlight .before-after-item {\n margin: 0.5rem auto !important;\n min-width: 120px !important;\n max-width: 180px !important;\n }\n\n .charlotte-highlight .before-after-number {\n font-size: 2.5rem !important;\n margin: 0.5rem 0 !important;\n }\n\n .charlotte-highlight .reduction-text {\n font-size: 1.8rem !important;\n margin: 2rem 0 1.5rem 0 !important;\n line-height: 1.3 !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n overflow: visible !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .before-after-number {\n font-size: 3rem;\n }\n\n .stats-number {\n font-size: 2.8rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n \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 <section class=\"article-page\">\n <div class=\"tbos-container\">\n \n <div class=\"title-section\">\n <h1 class=\"article-title\">Usos M\u00e9dicos del Cannabis \ud83c\udfe5<\/h1>\n <p class=\"article-subtitle\">Desde la reducci\u00f3n de convulsiones hasta el alivio del dolor, explorando el potencial terap\u00e9utico de la medicina del cannabis<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \n <div class=\"media-card animate-in\" id=\"video-content\">\n <h3>\ud83c\udfac Mira la Historia del Cannabis Medicinal<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Mira c\u00f3mo el cannabis est\u00e1 transformando la medicina moderna<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem 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\/u2_udA6uwrc\" \n data-en=\"u2_udA6uwrc\"\n data-ga=\"8LiKwCtEMk0\"\n data-es=\"xAwHY72KmKA\"\n data-de=\"Mn87Xy7bNXU\"\n data-pt=\"TOHjIBkkivs\"\n data-fr=\"gT_eCI8WCzs\"\n data-it=\"i0eEU9YMC3g\"\n data-pl=\"folAHtRW80A\"\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\n \n <div class=\"content-break\"><\/div>\n\n\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n <h3>\ud83c\udfa7 Escucha donde sea<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfecto para tu viaje o entrenamiento, versi\u00f3n solo audio<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2VY8CunM4JCxNiezG60nPj?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n<\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"nav-hint\">\n \u2193 \u00bfPrefieres leer? Sum\u00e9rgete en el an\u00e1lisis completo escrito aqu\u00ed abajo \u2193\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"content-section\" id=\"written-content\">\n <h2 class=\"content-section-title\">Usos M\u00e9dicos del Cannabis \ud83c\udfe5<\/h2>\n\n \n <div class=\"content-card\">\n <h3>La Verificaci\u00f3n de Realidad<\/h3>\n <p class=\"content-text translation-block\">A partir de 2015, en Australia, <strong style=\"font-weight: 700 !important\">el 80% de las muertes por sobredosis estaban relacionadas con medicamentos farmac\u00e9uticos recetados legalmente<\/strong>, como los opioides. 80. S\u00ed, 80%. Eso es un hecho, no un n\u00famero inventado. Ochenta.<\/p>\n \n <p class=\"content-text translation-block\">Si el cannabis puede reducir las convulsiones de un ni\u00f1o de 50 al d\u00eda a solo 2 o 3 al mes...una <strong style=\"font-weight: 700 !important\">ca\u00edda de 500 veces<\/strong>...\u00bfno vale la pena al menos echarle un vistazo m\u00e1s de cerca?<\/p>\n \n <p class=\"content-text translation-block\">Simplemente mira c\u00f3mo el cannabis puede <a href=\"https:\/\/www.youtube.com\/watch?v=zNT8Zo_sfwo\" target=\"_blank\">ayudar con los temblores y habilidades motoras causados por la enfermedad de Parkinson<\/a>. Es un v\u00eddeo de un capit\u00e1n de polic\u00eda retirado probando cannabis por primera vez.<\/p>\n \n <p class=\"content-text\">A diferencia de sustancias como el alcohol o los opioides, el cannabis tiene un perfil de toxicidad bajo y no est\u00e1 asociado con sobredosis fatal, seg\u00fan los datos del Instituto Nacional sobre el Abuso de Drogas (NIDA).<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Entonces, \u00bfpor qu\u00e9 una planta que no puede causar sobredosis letal todav\u00eda se considera m\u00e1s peligrosa que las drogas legales que matan a personas diariamente?<\/p>\n <\/div>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Common-sense-man-on-tree.jpg\" alt=\"Common sense illustration\">\n <\/div>\n \n <p class=\"content-text\" style=\"text-align: center;\">Para comenzar este art\u00edculo tengo un anuncio de servicio p\u00fablico.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>NO SOY M\u00c9DICO, ENFERMERO NI PROFESIONAL, DE NING\u00daN TIPO.<\/h3>\n \n <p class=\"content-text\">No tomes, y repito no tomes consejo m\u00e9dico de m\u00ed o dar\u00e9 la vuelta con este coche ahora mismo. Si tienes la intenci\u00f3n de tratar alguna de tus condiciones con cannabis. Busca consejo m\u00e9dico de un proveedor m\u00e9dico capacitado.<\/p>\n \n <p class=\"content-text translation-block\">A continuaci\u00f3n se muestran algunas de las principales condiciones m\u00e9dicas para las que las personas usan cannabis para ayudar a tratarse. Estoy intentando iniciar la conversaci\u00f3n que puedes tener con un profesional m\u00e9dicamente capacitado. El contenido a continuaci\u00f3n puede <strong style=\"font-weight: 700 !important\">darte algo de contexto<\/strong> al entrar en esa conversaci\u00f3n, para que puedas estar un poco m\u00e1s informado.<\/p>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Charolette-FIgi.png\" alt=\"Charlotte Figi\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Fuente: <a href=\"https:\/\/realitysandwich.com\/charlotte-figi\/\" target=\"_blank\" style=\"color: #E3E3DC;\">https:\/\/realitysandwich.com\/charlotte-figi\/<\/a><\/p>\n<\/div>\n \n <p class=\"content-text translation-block\">Imagina esto: Tu hijo, de apenas cinco a\u00f1os, est\u00e1 experimentando hasta 50 convulsiones al d\u00eda. Has probado todo, cada medicamento, cada procedimiento, y nada funciona. Entonces, con una peque\u00f1a gota de aceite de CBD bajo la lengua de tu hija, las convulsiones se detienen. No completamente, pero lo suficiente como para darle una oportunidad de tener una vida que no est\u00e9 dominada por convulsiones. Esta fue <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">la historia de Charlotte Figi<\/a>, y cambi\u00f3 la forma en que el mundo miraba el cannabis.<\/p>\n \n <p class=\"content-text translation-block\">Desde la antigua China hasta 1961, cuando las Naciones Unidas etiquetaron el cannabis como una sustancia con <strong style=\"font-weight: 700 !important\">\"alto potencial de abuso y uso m\u00e9dico limitado\"<\/strong>, esta planta ha llevado un estigma. Sin embargo, aqu\u00ed estamos en 2025, us\u00e1ndola para aliviar el dolor, combatir las n\u00e1useas, calmar las convulsiones y mejorar vidas.<\/p>\n \n <p class=\"content-text\">As\u00ed que s\u00ed, si podemos iniciar la conversaci\u00f3n sobre c\u00f3mo el cannabis puede ayudar a las personas a mejorar su calidad de vida, ser\u00eda genial.<\/p>\n \n <h4>Las condiciones que voy a tocar donde el cannabis puede ayudar a aliviar los s\u00edntomas son:<\/h4>\n <ul>\n <li>N\u00e1useas y v\u00f3mitos inducidos por quimioterapia<\/li>\n <li>Dolor cr\u00f3nico<\/li>\n <li>Epilepsia<\/li>\n <li>Cuidados paliativos<\/li>\n <\/ul>\n \n <p class=\"content-text\">No puedo cubrir todas las condiciones que el cannabis puede ayudar a tratar porque es demasiado para digerir en una publicaci\u00f3n. Algunas de las condiciones que pueden ser ayudadas con cannabis que no tocar\u00e9 incluyen, pero no se limitan a Endometriosis, VIH\/SIDA, Esclerosis m\u00faltiple, TEPT, Ansiedad, Insomnio, Alzheimer y enfermedad de Crohn.<\/p>\n \n <p class=\"content-text\">Empecemos.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>N\u00e1useas y v\u00f3mitos inducidos por quimioterapia - (NVIQ)<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Cancer-patient-smoking.png\" alt=\"Cancer patient smoking cannabis\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">El tratamiento del c\u00e1ncer es agotador, pero para muchos pacientes, no es solo la enfermedad, son los efectos secundarios. Las n\u00e1useas y v\u00f3mitos golpean como una ola gigante, robando a las personas su capacidad de comer, funcionar o incluso tener esperanza. Las N&V inducidas por quimioterapia son uno de los efectos secundarios agudos m\u00e1s comunes y angustiantes del tratamiento del c\u00e1ncer. Ocurren en hasta <strong style=\"font-weight: 700 !important\">el 80% de los pacientes<\/strong> y pueden tener un impacto significativo en la calidad de vida del paciente.<\/p>\n \n <p class=\"content-text\">Imagina el peor caso de intoxicaci\u00f3n alimentaria que hayas tenido, est\u00e1s acurrucado, sudando, con n\u00e1useas y rog\u00e1ndole a tu cuerpo que termine de una vez. Ahora imagina que eso te golpea todos los d\u00edas, sin previo aviso y a menudo sin alivio. As\u00ed es como pueden sentirse las n\u00e1useas y v\u00f3mitos inducidos por quimioterapia (NVIQ).<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <h4>Entonces, \u00bfc\u00f3mo exactamente ayuda el cannabis con los efectos de la quimioterapia?<\/h4>\n \n <p class=\"content-text translation-block\">El THC y el CBD interact\u00faan con tu cerebro e intestino, bloqueando las se\u00f1ales que te hacen sentir mal. El THC y el CBD interact\u00faan con los receptores cannabinoides en el cuerpo, especialmente los receptores CB1 ubicados en el cerebro y el tracto gastrointestinal. El <strong style=\"font-weight: 700 !important\">tracto gastrointestinal<\/strong> es importante aqu\u00ed. La activaci\u00f3n de estos receptores puede inhibir la liberaci\u00f3n de neurotransmisores que desencadenan n\u00e1useas y v\u00f3mitos. Tambi\u00e9n inhibe los receptores de serotonina (5-HT3), que est\u00e1n involucrados en el reflejo del v\u00f3mito. Al bloquear estos receptores, el cannabis puede reducir la sensaci\u00f3n de n\u00e1useas. Dicen que sin humano, sin v\u00f3mitos ahora por favor.<\/p>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/5050-movie.jpg\" alt=\"50\/50 movie scene\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">(pel\u00edcula 50\/50 srs. Los pacientes de c\u00e1ncer fuman cannabis juntos para aliviar las n\u00e1useas, el dolor y la ansiedad)<\/p>\n <\/div>\n \n <p class=\"content-text translation-block\">En ensayos cl\u00ednicos aleatorizados controlados con placebo, una proporci\u00f3n equilibrada <strong style=\"font-weight: 700 !important\">THC:CBD (1:1)<\/strong> redujo significativamente las puntuaciones de n\u00e1useas en pacientes con c\u00e1ncer que hab\u00edan agotado todos los dem\u00e1s tratamientos. Los resultados indicaron que el grupo que recibi\u00f3 el extracto de cannabis tuvo una tasa m\u00e1s alta de \"respuesta completa\" (sin v\u00f3mitos y sin necesidad de medicaci\u00f3n adicional) en comparaci\u00f3n con el grupo placebo. Tambi\u00e9n experimentaron menos n\u00e1useas en general y prefirieron el tratamiento con cannabis.<\/p>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/when-breath-becomes-air.jpg\" alt=\"When Breath Becomes Air book cover\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Ver c\u00f3mo se deteriora la calidad de vida de un ser querido frente a ti debe ser una de las peores cosas que puedes experimentar en la vida, imagino. Todos somos conscientes de lo que el c\u00e1ncer y la quimio le hacen a una persona, f\u00edsica y mentalmente. De hecho, acabo de terminar de leer <strong style=\"font-weight: 700 !important\">Cuando el Aliento se Vuelve Aire<\/strong>. Es una lectura fant\u00e1stica y un recordatorio crudo de lo agotadora y deshumanizante que puede ser una enfermedad grave. C\u00f3mo tratamientos como la quimioterapia no solo desgastan el cuerpo, sino que erosionan tu sentido de identidad, tiempo y control. Vale la pena leerlo para recordarte cu\u00e1nto pasamos por alto el simple regalo de sentirte t\u00fa mismo. Te vas pensando de manera diferente sobre el tiempo, la salud y lo que realmente importa.<\/p>\n <\/div>\n <\/div>\n \n <p class=\"content-text translation-block\">Si fumarse un porro les da aunque sea un poco de alivio, \u00bfqui\u00e9nes demonios somos nosotros para detenerlos? Muchas personas abandonan la quimioterapia debido a los efectos secundarios. <strong style=\"font-weight: 700 !important\">Literalmente se quitan su oportunidad de supervivencia<\/strong> porque es demasiado dolor y problema continuar. Eso en s\u00ed mismo es un concepto loco. Si mi amigo o familiar me dice que obtiene alivio del cannabis mientras se somete a quimio, soy su camello. Absolutamente sin duda sin importar qu\u00e9 reglas est\u00e9n vigentes. Perd\u00f3n x<\/p>\n \n <p class=\"content-text\">En varios estudios, los pacientes han expresado una preferencia por los tratamientos cannabinoides sobre los antiem\u00e9ticos tradicionales, citando a menudo un mejor alivio de los s\u00edntomas y menos efectos secundarios.<\/p>\n \n \n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Todos estos hallazgos sugieren que el cannabis puede ser una opci\u00f3n valiosa para controlar las NVIQ, particularmente para pacientes que no responden bien a los tratamientos antiem\u00e9ticos est\u00e1ndar.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Dolor Cr\u00f3nico<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Chronic-pain.png\" alt=\"Man with chronic back pain\">\n <div class=\"text-content\">\n <p class=\"content-text\">El dolor cr\u00f3nico es implacable. No le importa si tienes trabajo que hacer, ni\u00f1os de los que cuidar o sue\u00f1os que perseguir. Para millones en todo el mundo, es una batalla diaria que nunca termina.<\/p>\n \n <p class=\"content-text translation-block\">El dolor cr\u00f3nico se puede definir como cualquier dolor que ha sido constante durante m\u00e1s de <strong style=\"font-weight: 700 !important\">3 meses<\/strong> y no ha desaparecido. Puede resultar de diversas condiciones como lesiones, cirug\u00edas, problemas musculoesquel\u00e9ticos, c\u00e1ncer o, a veces, sin una causa f\u00edsica aparente. Puede afectar significativamente la calidad de vida de una persona, interfiriendo con las actividades diarias, el trabajo y las interacciones sociales.<\/p>\n \n <p class=\"content-text\">T\u00e9ann s\u00e9 i bhfeidhm ar thart ar 20% de dhaoine ar fud an domhain. I measc na gc\u00faiseanna is coitianta de phian ainsealta t\u00e1 oist\u00e9arthr\u00edteas agus pian droma.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">El cannabis interact\u00faa con el sistema endocannabinoide del cuerpo (ECS), dirigi\u00e9ndose a los receptores CB1 y CB2 para aliviar el dolor cr\u00f3nico. Los receptores CB1, principalmente en el cerebro y el sistema nervioso, son activados por el THC, reduciendo las se\u00f1ales de dolor y alterando la percepci\u00f3n del dolor, a menudo creando una sensaci\u00f3n de distancia del dolor.<\/p>\n \n <p class=\"content-text translation-block\">Los receptores CB2, que se encuentran en el sistema inmunol\u00f3gico, son estimulados por los cannabinoides para disminuir la inflamaci\u00f3n al reducir las citocinas proinflamatorias. Este efecto antiinflamatorio ayuda a abordar la causa ra\u00edz del dolor en condiciones como la artritis. Adem\u00e1s, el cannabis <strong style=\"font-weight: 700 !important\">altera c\u00f3mo el cerebro procesa el dolor<\/strong>, haci\u00e9ndolo menos intrusivo y m\u00e1s tolerable, mejorando significativamente la calidad de vida.<\/p>\n \n <h4>Mar sin c\u00e9n f\u00e1th canabas a \u00fas\u00e1id chun cabhr\u00fa le pian ainsealta a ch\u00f3ire\u00e1il?<\/h4>\n \n <p class=\"content-text translation-block\">Esto toca lo que habl\u00e9 en el <a href=\"https:\/\/twobirdsonestoned.co\/es\/the-endocannabinoid-system\/\" target=\"_blank\">art\u00edculo del sistema endocannabinoide<\/a>. El cannabis se usa como tratamiento de segunda l\u00ednea, o de \u00faltima l\u00ednea en este momento. Lo que eso significa es que no buscamos cannabis de inmediato cuando estamos experimentando algunos de los problemas enumerados anteriormente.<\/p>\n \n <p class=\"content-text\">Con eso, lo que ha sucedido hist\u00f3ricamente en el pasado con ciertos otros medicamentos que se recetan para tratar el dolor cr\u00f3nico, ciertos opioides para ser exactos, es que han producido algunas estad\u00edsticas interesantes por decir lo menos.<\/p>\n \n <h4>Hablemos de n\u00fameros:<\/h4>\n <ul>\n <li class=\"translation-block\">En EE. UU., <strong style=\"font-weight: 700 !important\">130 personas mueren cada d\u00eda por sobredosis de opioides<\/strong>.<\/li>\n <li class=\"translation-block\">En Australia, <strong style=\"font-weight: 700 !important\">el 80% de las muertes por sobredosis est\u00e1n relacionadas con productos farmac\u00e9uticos<\/strong> como los opioides.<\/li>\n <\/ul>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opiod-death-chart.jpg\" alt=\"U.S. Overdose Deaths Involving Prescription Opioids Chart\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Fuente: <a href=\"https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates\" target=\"_blank\">https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates<\/a><\/p>\n<\/div>\n \n <p class=\"content-text\">Estas estad\u00edsticas son desgarradoras, especialmente cuando consideras cu\u00e1ntas de esas vidas podr\u00edan haberse salvado con tratamientos alternativos como el cannabis. A diferencia de los opioides, el cannabis no suprime tu sistema respiratorio. En otras palabras, no te impedir\u00e1 respirar.<\/p>\n \n <p class=\"content-text translation-block\"><a href=\"https:\/\/www.youtube.com\/watch?v=uQsagQwSLBY\" target=\"_blank\">\"Painkiller\"<\/a> de Netflix ofrece una mirada inquietante sobre c\u00f3mo llegamos aqu\u00ed, pero el cannabis ofrece una salida, un camino para manejar el dolor <strong style=\"font-weight: 700 !important\">sin arriesgar vidas<\/strong>.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Epilepsia<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Epilepsy.png\" alt=\"Person having seizure with help\">\n <div class=\"text-content\">\n <p class=\"content-text\">Charlotte Figi no est\u00e1 sola. En todo el mundo, 50 millones de personas viven con epilepsia, y para muchos, los tratamientos est\u00e1ndar no funcionan.<\/p>\n \n <p class=\"content-text translation-block\">Actualmente <strong style=\"font-weight: 700 !important\">no hay cura para la epilepsia<\/strong>, solo tratamientos que pueden ayudar con la gravedad y frecuencia de las convulsiones.<\/p>\n \n <p class=\"content-text translation-block\">Para entender c\u00f3mo el cannabis ayuda a los pacientes con epilepsia <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">mira este video<\/a>. Se trata de Charlotte Figi, una ni\u00f1a con un tipo catastr\u00f3fico de epilepsia que lleg\u00f3 a inspirar el movimiento del CBD. Charlotte era una ni\u00f1a de cinco a\u00f1os que ten\u00eda 50 convulsiones epil\u00e9pticas resistentes a los medicamentos por d\u00eda. Por d\u00eda\u2026.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">Luego fue tratada con una formulaci\u00f3n alta en CBD ahora conocida como Charlotte's Web. \u00bfQu\u00e9 sucedi\u00f3 cuando comenz\u00f3 a tomar esta formulaci\u00f3n de CBD?<\/p>\n \n <div class=\"charlotte-highlight\">\n <h4>La Historia de Charlotte: Antes y Despu\u00e9s del CBD<\/h4>\n <div class=\"before-after\">\n <div class=\"before-after-item\">\n <div class=\"before-after-number before-number\">50<\/div>\n <div class=\"before-after-label\">CONVULSIONES POR D\u00cdA<\/div>\n <\/div>\n <div style=\"font-size: 2rem; color: #F4C542; align-self: center;\">\u2192<\/div>\n <div class=\"before-after-item\">\n <div class=\"before-after-number after-number\">2-3<\/div>\n <div class=\"before-after-label\">CONVULSIONES POR MES<\/div>\n <\/div>\n <\/div>\n <div class=\"reduction-text\">99.83% DE REDUCCI\u00d3N<\/div>\n <p class=\"content-text\" style=\"margin-top: 1.5rem; clear: both;\">Cuando nada m\u00e1s funcionaba, el cannabis lleg\u00f3 y redujo las convulsiones en un 99.83%. Resulta que tiene alg\u00fan uso.<\/p>\n <\/div>\n \n <p class=\"content-text\">Observa c\u00f3mo menciono el CBD espec\u00edficamente. Cuando discutimos c\u00f3mo el cannabis puede ayudar con la epilepsia, realmente estamos hablando del compuesto CBD. Si pensamos en las razones principales por las que se ha permitido que el cannabis se use como ayuda m\u00e9dica para las personas, esta historia ser\u00eda una de las razones principales, si no la principal.<\/p>\n \n <p class=\"content-text translation-block\">Rompi\u00f3 el estigma en torno al cannabis mostrando que no era esta droga malvada que te hac\u00eda <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\">asesinar a tu pareja y saltar de edificios hasta tu muerte<\/a>.<\/p>\n \n <h4>Entonces, \u00bfc\u00f3mo funciona realmente?<\/h4>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-26-2025-05_56_20-PM.png\" alt=\"CBD seizure mechanism diagram\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Bueno, si quieres ponerte cient\u00edfico, esto es lo que sucede a nivel cient\u00edfico. <strong style=\"font-weight: 700 !important\">El CBD inhibe el LPI<\/strong>, que normalmente amplifica las se\u00f1ales nerviosas y puede promover convulsiones. Act\u00faa como un <strong style=\"font-weight: 700 !important\">antagonista funcional del GPR55<\/strong>, un receptor involucrado en la excitabilidad neuronal y no solo bloquea las se\u00f1ales excitatorias sino que tambi\u00e9n fortalece las se\u00f1ales inhibitorias que contrarrestan las convulsiones. Junto con esto, rompe el ciclo de retroalimentaci\u00f3n positiva al interrumpir el ciclo donde las convulsiones aumentan la se\u00f1alizaci\u00f3n de LPI a GPR55, lo que a su vez promueve m\u00e1s convulsiones.<\/p>\n <\/div>\n <\/div>\n \n <p class=\"content-text\">Disfruto desglosando los aspectos t\u00e9cnicos del cannabis, profundizando en las formas intrincadas en que interact\u00faa con nuestros cuerpos. Solo que no creo que sea informaci\u00f3n digerible para todos. Si es algo que le interesa a la gente, d\u00e9jenmelo saber y puedo explorar esto m\u00e1s x<\/p>\n \n <p class=\"content-text\">No es una soluci\u00f3n completa ni cubre toda la epilepsia, pero podemos ver que puede ser una gran ayuda para las personas que necesitan ayuda.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Cuidados Paliativos<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Pallative-care.jpg\" alt=\"Palliative care scene with family\">\n <div class=\"text-content\">\n <p class=\"content-text\">Los cuidados paliativos se tratan de dignidad, asegurando que las personas que enfrentan enfermedades limitantes de la vida puedan vivir sus \u00faltimos d\u00edas con la mayor comodidad y calidad posible.<\/p>\n \n <p class=\"content-text translation-block\">Creo que es un concepto genial que todos estamos muriendo lentamente a diferentes ritmos. Como si algo viniera por nosotros, simplemente puede que no suceda por otros 2\/14\/41\/72 a\u00f1os y no sabemos qu\u00e9 nos va a atrapar. C\u00e1ncer, tren de carga, ataque al coraz\u00f3n, John Wick. \u00bfHay una bomba de tiempo adentro? Qui\u00e9n diablos sabe. <strong style=\"font-weight: 700 !important\">Est\u00e1s muriendo lentamente mientras lees esto<\/strong>, algo est\u00e1 devorando nuestras vidas en segundo plano\u2026. Nomnomnomnom.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">Esta es la dura realidad: Todos y cada uno de nosotros estamos muriendo, solo que a diferentes velocidades. Para aquellos en cuidados paliativos, el final est\u00e1 m\u00e1s cerca, pero eso no significa que deban sufrir innecesariamente.<\/p>\n \n <p class=\"content-text\">El cannabis est\u00e1 ayudando aqu\u00ed tambi\u00e9n. Alivia el dolor, restaura el apetito y calma la ansiedad que a menudo acompa\u00f1a a los diagn\u00f3sticos terminales. Poni\u00e9ndome todo hippie, s\u00ed afecta la forma en que percibes tu mundo. Puede darte una mayor apreciaci\u00f3n por la vida y aceptar cu\u00e1l es tu situaci\u00f3n.<\/p>\n \n <div class=\"stats-box\">\n <h4>Mejora de la Calidad de Vida<\/h4>\n <p class=\"stats-description\">Un estudio que involucr\u00f3 a m\u00e1s de 3,000 pacientes con c\u00e1ncer encontr\u00f3 que el cannabis medicinal mejor\u00f3 significativamente los s\u00edntomas comunes en los cuidados paliativos, incluyendo dolor, n\u00e1useas, ansiedad y trastornos del sue\u00f1o.<\/p>\n \n <div style=\"margin: 2rem 0;\">\n <div class=\"stats-number\">18.7%<\/div>\n <p class=\"stats-description\">Antes del Tratamiento<\/p>\n <div style=\"margin: 1rem 0; font-size: 2rem; color: #F4C542;\">\u2193<\/div>\n <div class=\"stats-number\">69.5%<\/div>\n <p class=\"stats-description\">Despu\u00e9s de seis meses de uso de cannabis<\/p>\n <\/div>\n \n <p class=\"content-text\" style=\"margin-top: 1.5rem; font-weight: bold; color: #E3E3DC;\">El porcentaje de pacientes que reportaron buena calidad de vida aument\u00f3 dr\u00e1sticamente.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Reflexiones Finales<\/h3>\n <p class=\"content-text\">Las matem\u00e1ticas no cuadran con por qu\u00e9 el cannabis est\u00e1 prohibido de la manera que est\u00e1 globalmente y c\u00f3mo lo ven las personas con respecto a qu\u00e9 tan seguro es. Los n\u00fameros arriba muestran esto.<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Esta es la pregunta que te dejo: Si una sola planta puede aliviar el sufrimiento, mejorar vidas y ofrecer esperanza donde no hab\u00eda ninguna, \u00bfpor qu\u00e9 dudar\u00edamos en explorar su potencial?<\/p>\n <\/div>\n \n <p class=\"content-text\">Esta conversaci\u00f3n. Sigamos con ella<\/p>\n \n <div class=\"section-divider\"><\/div>\n <\/div>\n\n \n <div class=\"keep-learning-section\">\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 \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"engagement-container\">\n <div class=\"engagement-split\">\n <div class=\"engagement-content\">\n <h3>\u00bfCu\u00e1l es tu opini\u00f3n?<\/h3>\n <p>\u00bfTienes algo que decir? D\u00e9jalo abajo. Tu voz ayuda a dar forma a lo que viene despu\u00e9s.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Comparte tus experiencias<\/li>\n <li>\ud83e\udd1d Habla con otros sobre ello<\/li>\n <li>\ud83d\udcda Ayuda a mejorar el contenido futuro<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>C\u00f3mo funciona esto<\/h4>\n <ol>\n <li class=\"translation-block\"><span>Paso 1:<\/span>Elige: Ingresa tu email O comenta an\u00f3nimamente<\/li>\n <li class=\"translation-block\"><span>Paso 2:<\/span>Obt\u00e9n tu nombre de usuario \u00fanico (lo conservas en todo el sitio)<\/li>\n <li class=\"translation-block\"><span>Paso 3:<\/span>Comenta, vota, responde y comparte tus ideas: \u00a1eres parte de la conversaci\u00f3n!<\/li>\n <\/ol>\n <form id=\"secureCommentForm\" action=\"\">\n \n <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n \n \n <div class=\"form-group-v1\">\n <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Comenta an\u00f3nimamente (no se requiere correo electr\u00f3nico)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"tu@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Tu nombre de usuario aparecer\u00e1 aqu\u00ed<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Obt\u00e9n un nombre de usuario diferente\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"\u00bfQu\u00e9 te pareci\u00f3? \u00bfAlguna pregunta o experiencia que compartir?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n <span id=\"submitText\">Publicar comentario<\/span>\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n <\/div>\n \n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"comments-display\">\n \n <div class=\"sort-container\">\n <label for=\"commentSort\" class=\"sort-label\">Ordenar por:<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">M\u00e1s reciente<\/option>\n <option value=\"liked\">M\u00e1s me gusta<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Comentarios recientes (<span id=\"commentCount\">0<\/span>)\n <\/div>\n <div id=\"commentsList\">\n \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/es\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n M\u00e1s Temas \u2192\n <\/a>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Referencias<\/h3>\n <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n <p>Australian Institute of Health and Welfare, 2019. <em>Drug-related deaths in Australia 1997\u20132017<\/em>. Canberra: AIHW.<\/p>\n \n <p>Devinsky, O., Cross, J.H., Laux, L., Marsh, E., Miller, I., Nabbout, R., Scheffer, I.E., Thiele, E.A. and Wright, S., 2017. Trial of cannabidiol for drug-resistant seizures in the Dravet syndrome. <em>New England Journal of Medicine<\/em>, 376(21), pp.2011-2020.<\/p>\n \n <p>H\u00e4user, W., Petzke, F. and Fitzcharles, M.A., 2018. Efficacy, tolerability and safety of cannabis-based medicines for chronic pain management\u2013an overview of systematic reviews. <em>European Journal of Pain<\/em>, 22(3), pp.455-470.<\/p>\n \n <p>Inglet, S., Winter, B., Yost, S.E., Entringer, S., Lian, A., Biksacky, M. and Pitt, K.M., 2020. Clinical data for the use of cannabis-based treatments: a comprehensive review of the literature. <em>Annals of Pharmacotherapy<\/em>, 54(11), pp.1109-1143.<\/p>\n \n <p>Kleckner, A.S., Kleckner, I.R., Kamen, C.S., Tejani, M.A., Janelsins, M.C., Morrow, G.R. and Peppone, L.J., 2019. Opportunities for cannabis in supportive care in cancer. <em>Therapeutic Advances in Medical Oncology<\/em>, 11, p.1758835919866362.<\/p>\n \n <p>Laux, L.C., Bebin, E.M., Checketts, D., Chez, M., Flamini, R., Marsh, E.D., Miller, I., Nichol, K., Park, Y., Segal, E. and Seltzer, L.E., 2019. Long-term safety and efficacy of cannabidiol in children and adults with treatment resistant Lennox-Gastaut syndrome or Dravet syndrome: Expanded access program results. <em>Epilepsy Research<\/em>, 154, pp.13-20.<\/p>\n \n <p>MacCallum, C.A. and Russo, E.B., 2018. Practical considerations in medical cannabis administration and dosing. <em>European Journal of Internal Medicine<\/em>, 49, pp.12-19.<\/p>\n \n <p>National Academy of Sciences, Engineering, and Medicine, 2017. <em>The health effects of cannabis and cannabinoids: the current state of evidence and recommendations for research<\/em>. Washington, DC: The National Academies Press.<\/p>\n \n <p>Piper, B.J., DeKeuster, R.M., Beals, M.L., Cobb, C.M., Burchman, C.A., Perkinson, L., Lynn, S.T., Nichols, S.D. and Abess, A.T., 2017. Substitution of medical cannabis for pharmaceutical agents for pain, anxiety, and sleep. <em>Journal of Psychopharmacology<\/em>, 31(5), pp.569-575.<\/p>\n \n <p>Sallan, S.E., Zinberg, N.E. and Frei III, E., 1975. Antiemetic effect of delta-9-tetrahydrocannabinol in patients receiving cancer chemotherapy. <em>New England Journal of Medicine<\/em>, 293(16), pp.795-797.<\/p>\n \n <p>Schrot, R.J. and Hubbard, J.R., 2016. Cannabinoids: medical implications. <em>Annals of Medicine<\/em>, 48(3), pp.128-141.<\/p>\n \n <p>Whiting, P.F., Wolff, R.F., Deshpande, S., Di Nisio, M., Duffy, S., Hernandez, A.V., Keurentjes, J.C., Lang, S., Misso, K., Ryder, S. and Schmidlkofer, S., 2015. Cannabinoids for medical use: a systematic review and meta-analysis. <em>JAMA<\/em>, 313(24), pp.2456-2473.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Si Has Llegado Hasta Aqu\u00ed...<\/h3>\n \n <div class=\"section-divider\"><\/div>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Esto est\u00e1 al final de cada art\u00edculo que escribo, as\u00ed que si has le\u00eddo algo aqu\u00ed antes, ya sabes de qu\u00e9 va.<\/p>\n \n <p class=\"content-text translation-block\">Si has llegado al final de este art\u00edculo, <strong>gracias<\/strong>. En serio. Te has tomado el tiempo de sumergirte en un tema que ha estado oculto bajo capas de estigma durante generaciones. Solo eso significa que eres parte de un cambio muy necesario.<\/p>\n \n <p class=\"content-text translation-block\">Si algo aqu\u00ed te hizo detenerte o pensar diferente, haz esto: <strong>habla de ello<\/strong>. Menci\u00f3nalo con alguien. No importa qui\u00e9n, tu amigo, tu padre, tu fisio, tu compa\u00f1ero de trabajo, quien sea. Comparte lo que aprendiste, lo que te sorprendi\u00f3, o incluso aquello de lo que todav\u00eda no est\u00e1s seguro.<\/p>\n \n <p class=\"content-text translation-block\">Estas conversaciones, ya sean casuales, profundas, aleatorias o inc\u00f3modas, van erosionando el estigma, poco a poco. No predicando, sino simplemente <strong>siendo honestos en el momento<\/strong>.<\/p>\n \n <p class=\"content-text\">Se trata de romper el ciclo de desinformaci\u00f3n y miedo que nos ha frenado durante demasiado tiempo.<\/p>\n \n <p class=\"content-text\">Cada vez que compartimos informaci\u00f3n precisa y equilibrada, damos otro paso hacia dejar este mundo un poco mejor de lo que lo encontramos, para la pr\u00f3xima generaci\u00f3n.<\/p>\n \n <p class=\"content-text\">Tampoco quiero que las vidas de las personas se vean afectadas negativamente por las reglas sociales que rodean esta planta.<\/p>\n \n <p class=\"content-text\">Se lo debemos a ellos para hacerlo bien. Hablar abiertamente, sin juicio ni verg\u00fcenza. Reemplazar los mitos obsoletos con evidencia y comprensi\u00f3n.<\/p>\n \n <p class=\"content-text\"><strong>Sigamos esta conversaci\u00f3n x<\/strong><\/p>\n \n <p class=\"content-text\">Con eso, te lo dejo a ti. Puedes hacerlo. Si has aprendido algo nuevo, ve y cu\u00e9ntaselo a alguien jaja<\/p>\n <\/div>\n <\/div>\n\n \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 <\/div>\n <\/section>\n\n \n <script type=\"module\">\n import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n \/\/ Firebase configuration\n const firebaseConfig = {\n apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n authDomain: \"tbos-site-comments.firebaseapp.com\",\n projectId: \"tbos-site-comments\",\n storageBucket: \"tbos-site-comments.firebasestorage.app\",\n messagingSenderId: \"154628531943\",\n appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n };\n\n \/\/ Initialize Firebase\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const auth = getAuth(app);\n\n \/\/ Make Firebase available globally\n window.firebaseDB = {\n db: db,\n auth: auth,\n collection: collection,\n addDoc: addDoc,\n getDocs: getDocs,\n query: query,\n orderBy: orderBy,\n where: where,\n doc: doc,\n updateDoc: updateDoc,\n deleteDoc: deleteDoc,\n getDoc: getDoc,\n setDoc: setDoc,\n serverTimestamp: serverTimestamp,\n onSnapshot: onSnapshot,\n signInAnonymously: signInAnonymously\n };\n\n console.log('\ud83d\udd25 Firebase initialized successfully');\n <\/script>\n\n \n <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n\n \/\/ Reading progress tracking\n function updateProgressBar() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n }\n\n window.addEventListener('scroll', updateProgressBar);\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 \/\/ 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 function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentEmoji = button.textContent.trim();\n \n if (currentEmoji === '\ud83c\udf19' || button.textContent.trim() === 'Night Time') {\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 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 \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n const title = document.querySelector('.article-title');\n const subtitle = document.querySelector('.article-subtitle');\n const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n const toggleButton = document.getElementById('theme-toggle');\n const navHint = document.querySelector('.nav-hint');\n \n \/\/ Comment system selectors\n const engagementContainer = document.querySelector('.engagement-container');\n const commentForm = document.querySelectorAll('.comment-form-v1');\n const commentItems = document.querySelectorAll('.comment-item');\n const sortLabel = document.querySelector('.sort-label');\n const sortDropdown = document.querySelector('.sort-dropdown');\n const commentsHeader = document.querySelector('.comments-header');\n const noCommentsMessage = document.querySelector ('.no-comments-message');\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 - ADDED FOR FIX\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)\n console.log('Applying LIGHT theme');\n \n \/\/ Add light theme class to both html and body\n html.classList.add('light-theme');\n body.classList.add('light-theme');\n \n \/\/ Apply cream background\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 \/\/ UPDATE HEADER FOR LIGHT THEME\n if (header) {\n header.style.setProperty('background', 'rgba(255,255,255,0.95)', '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', 'rgba(255,255,255,0.95)', '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 \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', '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', 'rgba(255,255,255,0.95)', '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', '#333333', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Light cards\n contentCards.forEach(card => {\n if (card.classList.contains('keep-learning-section')) {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n } else {\n card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n }\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Update strong\/highlighted text\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 links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n highlights.forEach(highlight => {\n if (highlight.classList.contains('stats-box')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n const statsNumbers = highlight.querySelectorAll('.stats-number');\n statsNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n } else if (highlight.classList.contains('charlotte-highlight')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n const reductionText = highlight.querySelector('.reduction-text');\n if (reductionText) reductionText.style.setProperty('color', '#B8860B', 'important');\n const beforeNumbers = highlight.querySelectorAll('.before-number');\n const afterNumbers = highlight.querySelectorAll('.after-number');\n beforeNumbers.forEach(num => num.style.setProperty('color', '#cc5555', 'important'));\n afterNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n } else {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n }\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ Remove light theme class from both html and body\n html.classList.remove('light-theme');\n body.classList.remove('light-theme');\n \n \/\/ Reset to dark gradient\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 \/\/ 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 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 \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FIX\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');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', '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 \/\/ Reset cards\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 \/\/ Reset headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset strong text\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 links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n highlights.forEach(highlight => {\n if (highlight.classList.contains('stats-box')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(244,197,66,0.3)', 'important');\n const statsNumbers = highlight.querySelectorAll('.stats-number');\n statsNumbers.forEach(num => num.style.setProperty('color', '#F4C542', 'important'));\n } else if (highlight.classList.contains('charlotte-highlight')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(76,175,80,0.3)', 'important');\n const reductionText = highlight.querySelector('.reduction-text');\n if (reductionText) reductionText.style.setProperty('color', '#4CAF50', 'important');\n const beforeNumbers = highlight.querySelectorAll('.before-number');\n const afterNumbers = highlight.querySelectorAll('.after-number');\n beforeNumbers.forEach(num => num.style.setProperty('color', '#ff6b6b', 'important'));\n afterNumbers.forEach(num => num.style.setProperty('color', '#4CAF50', 'important'));\n } else {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n }\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint to original color in dark mode\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements for dark theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content elements\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans to original color in dark theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\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 \/\/ Animate content cards on scroll\n function animateOnScroll() {\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n cards.forEach(card => {\n const cardTop = card.getBoundingClientRect().top;\n const cardBottom = card.getBoundingClientRect().bottom;\n \n if (cardTop < window.innerHeight && cardBottom > 0) {\n card.classList.add('animate-in');\n }\n });\n }\n\/\/ Smooth scroll to anchor on page load with offset\ndocument.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n});\n \n \/\/ Setup email signup\n setupEmailSignup();\n \n \/\/ Setup scroll animations\n animateOnScroll();\n window.addEventListener('scroll', animateOnScroll);\n \n \/\/ Animate title section\n setTimeout(() => {\n const titleSection = document.querySelector('.title-section');\n if (titleSection) {\n titleSection.style.opacity = '1';\n titleSection.style.transform = 'translateY(0)';\n }\n }, 100);\n \n \/\/ Initialize anonymous mode toggle\n const anonymousCheckbox = document.getElementById('anonymousMode');\n const emailGroup = document.getElementById('emailGroup');\n \n if (anonymousCheckbox && emailGroup) {\n anonymousCheckbox.addEventListener('change', function() {\n if (this.checked) {\n emailGroup.style.display = 'none';\n document.getElementById('commentEmail').removeAttribute('required');\n } else {\n emailGroup.style.display = 'block';\n document.getElementById('commentEmail').setAttribute('required', '');\n }\n });\n }\n \n \/\/ Ensure progress bar starts at 0\n updateProgressBar();\n \n console.log('\u2705 All components initialized successfully');\n });\n\n \/\/ Handle visibility change for audio\n document.addEventListener('visibilitychange', function() {\n if (document.hidden) {\n \/\/ Pause any playing audio when tab is not visible\n const nightAudio = document.getElementById('nightTimeAudio');\n const dayAudio = document.getElementById('dayTimeAudio');\n if (nightAudio) nightAudio.pause();\n if (dayAudio) dayAudio.pause();\n }\n });\n\n \/\/ Error handling for external scripts\n window.addEventListener('error', function(e) {\n if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n console.warn('External script error detected, but core functionality preserved:', e.message);\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>Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned Medical Uses for Cannabis \ud83c\udfe5 From seizure reduction to pain relief, exploring the therapeutic potential of cannabis medicine \ud83c\udf19 \ud83c\udfac Watch the Medical Cannabis Story See how cannabis is transforming modern medicine \ud83c\udfa7 Listen on the Go Perfect for your commute or workout, audio […]<\/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-1860","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/1860","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=1860"}],"version-history":[{"count":81,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/1860\/revisions"}],"predecessor-version":[{"id":8051,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/1860\/revisions\/8051"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/media?parent=1860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}