{"id":35475,"date":"2020-11-25T06:52:03","date_gmt":"2020-11-25T06:52:03","guid":{"rendered":"https:\/\/agrinews.tv\/agrinewscampus\/cursos-especializados\/"},"modified":"2026-02-04T11:03:01","modified_gmt":"2026-02-04T11:03:01","slug":"cursos-de-especializacion","status":"publish","type":"page","link":"https:\/\/agrinewscampus.com\/pt-br\/cursos-de-especializacion\/","title":{"rendered":"Cursos de Especializa\u00e7\u00e3o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35475\" class=\"elementor elementor-35475 elementor-2880\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adb8154 e-flex e-con-boxed e-con e-parent\" data-id=\"adb8154\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bea2668 e-con-full e-flex e-con e-child\" data-id=\"bea2668\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-622fcbf espacio elementor-widget elementor-widget-heading\" data-id=\"622fcbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">CURSOS DE ESPECIALIZA\u00c7\u00c3O<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4504ec e-con-full e-flex e-con e-child\" data-id=\"c4504ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce3392f elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"ce3392f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#cursos\" id=\"verCursos\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver cursos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-6aceab2 e-con-full e-flex e-con e-parent\" data-id=\"6aceab2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7369ac elementor-widget__width-initial elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e7369ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tNossos <strong>cursos de especializa\u00e7\u00e3o<\/strong> s\u00e3o desenvolvidos para <strong>profissionais do setor agropecu\u00e1rio<\/strong> que desejam <strong>aprofundar seus conhecimentos e desenvolver habilidades pr\u00e1ticas<\/strong> em \u00e1reas-chave.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d93645 elementor-widget elementor-widget-heading\" data-id=\"7d93645\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nossos <strong>Cursos<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bcb442 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"7bcb442\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"cursos\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n        .main-card1 {\n            display: flex;\n            flex-direction: column;\n            background-color: #FFF;\n            border-radius: 15px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            width: 100%;\n            max-width: 438px;\n            margin: 0 auto 20px;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center;\n            justify-content: flex-end;\n            height: 60vh;\n            transition: box-shadow 0.3s ease, transform 0.3s ease;\n            position: relative;\n            cursor: pointer;\n        }\n        .main-card1:hover {\n            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2), 0 6px 18px rgba(0, 0, 0, 0.15);\n            transform: translateY(-3px);\n        }\n        .main-card1::after {\n            content: \"\u2197\";\n            position: absolute;\n            bottom: 16px;\n            right: 16px;\n            width: 40px;\n            height: 40px;\n            background: rgba(255, 255, 255, 0.18);\n            backdrop-filter: blur(6px);\n            -webkit-backdrop-filter: blur(6px);\n            color: #FFF;\n            border: 2px solid rgba(255, 255, 255, 0.65);\n            border-radius: 50%;\n            font-size: 19px;\n            line-height: 36px;\n            text-align: center;\n            opacity: 0.8;\n            transition: opacity 0.25s ease, transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n            z-index: 10;\n            pointer-events: none;\n            text-shadow: 0 1px 4px rgba(0,0,0,0.4);\n        }\n        .main-card1:hover::after {\n            opacity: 1;\n            background: rgba(64, 198, 206, 0.9);\n            border-color: #40C6CE;\n            transform: scale(1.12) rotate(-5deg);\n            box-shadow: 0 4px 14px rgba(64, 198, 206, 0.55);\n        }\n        .main-image {\n            position: relative;\n            height: 207px;\n            background-size: cover;\n            background-position: center;\n        }\n        .main-image::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);\n        }\n        .main-play-icon {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 104px;\n            height: 104px;\n            background: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/08\/play.svg) no-repeat center;\n            background-size: contain;\n        }\n        .main-content {\n            padding: 20px;\n            text-align: center;\n        }\n        .main-content {\n            padding: 13px;\n            text-align: center;\n            height: 100%;\n            justify-content: space-around;\n            display: flex;\n            flex-direction: column;\n            background: rgba(0, 0, 0, 0.2);\n            backdrop-filter: blur(8px);\n            height: 60vh;\n        }\n        .main-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #423E4F;\n            text-align:left;\n        }\n        .main-title a {\n            color: white;\n            text-decoration: none;\n        }\n        .main-tutor {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n            justify-content: center;\n        }\n        .main-tutor-image {\n            width: 38px;\n            height: 38px;\n            border-radius: 50%;\n            margin-right: 10px;\n            object-fit: cover;\n        }\n        .main-tutor-name {\n            font-family: Poppins, sans-serif;\n            font-size: 0.75rem;\n            font-weight: 500;\n            color: #7A7A7A69;\n            font-style: italic;\n        }\n        .main-tutor-name a {\n            color: #7A7A7A69;\n            text-decoration: none;\n        }\n        .main-section {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n            justify-content: center;\n            width: 100%;\n        }\n        .main-section1 {\n            display: flex;\n            align-items:  flex-start;\n            margin-bottom: 15px;\n            justify-content: flex-start;\n            gap: 25px;\n        }\n        .main-section-icon {\n            width: 42px;\n            height: 42px;\n            margin-right: 10px;\n        }\n        .main-section-text {\n            font-family: Poppins, sans-serif;\n            font-size: 2rem;\n            color: #333;\n            flex-grow: 1;\n            text-align: left;\n        }\n        .main-section-text div {\n            font-family: Poppins, sans-serif;\n            font-size: 2rem;\n            color: #40C6CE;\n            font-weight: 600;\n        }\n        .main-button {\n            display: inline-block;\n            padding: 12px 25px;\n            background-color: #40C6CE;\n            color: #FFF;\n            font-size: 16px;\n            font-weight: 600;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n        }\n        .main-button:hover {\n            background-color: #339DA3;\n            color: #FFF;\n        }\n        .elementor-kit-17 button:hover{\n            background-color: #40C6CE !important;\n        }\n        .main-filters {\n            margin: 0 0 30px;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n            background-color: transparent;\n            padding: 10px;\n            border-radius: 5px;\n        }\n        .main-filter-btn {\n            padding: 10px 20px;\n            background-color: transparent;\n            color: #40C6CE !important;\n            font-size: 14px;\n            border: 1px solid #40C6CE !important;\n            transition: all 0.3s ease;\n        }\n\n        .main-filter-btn:hover,\n        .main-filter-btn.active {\n            background-color: #40C6CE;\n            color: #FFF !important;\n            border-color: #FFF;\n        }\n\n        button.capsula-filter-btn {\n            border: 1px solid #40C6CE !important;\n            color: #40C6CE !important;\n        }\n\n        .active > .main-count {\n            color: #FFF !important;\n        }\n\n        .main-count {\n            font-size: 12px;\n            opacity: 0.7;\n            color: #40C6CE;\n            margin-left: 5px;\n        }\n        .main-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n        }\n        .all-main-button {\n            margin: 30px auto;\n            text-align: center;\n        }\n        .all-main-button a {\n            padding: 12px 30px;\n            background-color: #69727D78;\n            color: #FFF;\n            font-size: 16px;\n            font-weight: 600;\n            text-transform: uppercase;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n        }\n        .all-main-button a:hover {\n            background-color: #40C6CE;\n        }\n         \n        @media only screen and (min-width: 1200px) and (max-width: 1600px) {\n\n            .main-content {\n                height: 66vh;\n            }\n\n            .main-card1 {\n                height: 66vh;\n            }\n\n        }\n\n        @media (max-width: 767px) {\n\n            .main-content {\n                height: 86vh;\n            }\n\n            .main-card1 {\n                height: 86vh;\n            }\n\n            .main-filter-btn{\n                width: 40% !important;\n            }\n            .main-container{\n                display: block;\n            }\n            .main-filters{\n            justify-content: center !important;\n            }\n            .main-container {\n                grid-template-columns: 1fr;\n            }\n            .main-title {\n                font-size: 1rem;\n            }\n            .main-section-text {\n                font-size: 0.9rem;\n            }\n            .main-filter-btn {\n                font-size: 13px;\n                padding: 8px 12px;\n            }\n        }\n        @media (min-width: 768px) and (max-width: 1024px) {\n            .main-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n    <\/style><div class=\"main-filters js-filter-container\" data-is-home=\"false\"><button type=\"button\" class=\"main-filter-btn active\" data-filter=\"all\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/Frame-5.png\" alt=\"All\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">Todos<\/button><\/div><div class=\"main-container js-main-container\"><\/div><script type=\"text\/javascript\">\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var filterContainer = document.querySelector(\".js-filter-container\");\n            var filterButtons = document.querySelectorAll(\".main-filter-btn\");\n            var mainItems = document.querySelectorAll(\".js-main-item\");\n            var mainContainer = document.querySelector(\".js-main-container\");\n            var isHome = filterContainer.getAttribute(\"data-is-home\") === \"true\";\n            var homeLimit = -1;\n            \n            function filterMain(category) {\n                var hasVisibleItems = false;\n                var shownCount = 0;\n                var totalMatchCount = 0;\n                \n                mainItems.forEach(function(item) {\n                    var categories = item.getAttribute(\"data-category\").split(\",\");\n                    if (category === \"all\" || categories.includes(category)) {\n                        totalMatchCount++;\n                    }\n                });\n                \n                mainItems.forEach(function(item) {\n                    var categories = item.getAttribute(\"data-category\").split(\",\");\n                    var matchesCategory = (category === \"all\" || categories.includes(category));\n                    var respectsHomeLimit = true;\n                    if (isHome) {\n                        respectsHomeLimit = (shownCount < homeLimit);\n                    }\n                    \n                    if (matchesCategory && respectsHomeLimit) {\n                        item.style.display = \"\";\n                        hasVisibleItems = true;\n                        shownCount++;\n                    } else {\n                        item.style.display = \"none\";\n                    }\n                });\n                \n                var viewMoreButton = document.querySelector(\".all-main-button\");\n                if (viewMoreButton) {\n                    viewMoreButton.style.display = (isHome && totalMatchCount > 4) ? \"\" : \"none\";\n                }\n            }\n            \n            filterButtons.forEach(function(button) {\n                button.addEventListener(\"click\", function() {\n                    filterButtons.forEach(function(btn) {\n                        btn.classList.remove(\"active\");\n                    });\n                    this.classList.add(\"active\");\n                    filterMain(this.getAttribute(\"data-filter\"));\n                });\n            });\n            \n            filterMain(\"all\");\n\n            \/\/ Hacer la tarjeta completa clickable\n            document.querySelectorAll(\".main-card1[data-url]\").forEach(function(card) {\n                card.addEventListener(\"click\", function(e) {\n                    if (!e.target.closest(\"a, button\")) {\n                        window.open(card.getAttribute(\"data-url\"), \"_blank\");\n                    }\n                });\n            });\n        });\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37a925b e-con-full e-flex e-con e-child\" data-id=\"37a925b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-042c428 elementor-widget elementor-widget-spacer\" data-id=\"042c428\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1281e6 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d1281e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">CURSOS PR\u00d3XIMOS<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b177f69 elementor-widget elementor-widget-loop-carousel\" data-id=\"b177f69\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:18448,&quot;slides_to_show&quot;:&quot;4&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;image_spacing_custom_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:13,&quot;sizes&quot;:[]},&quot;slides_to_show_laptop&quot;:&quot;4&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;speed&quot;:500}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-loop-nothing-found-message\">\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d124d7 elementor-widget elementor-widget-spacer\" data-id=\"5d124d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-befb690 e-con-full e-flex e-con e-parent\" data-id=\"befb690\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81fcacf elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"81fcacf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong>Benef\u00edcios <\/strong>dos nossos <strong>cursos de especializa\u00e7\u00e3o<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e079c8 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4e079c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAo se formar conosco, voc\u00ea <strong>fortalecer\u00e1 suas bases t\u00e9cnicas<\/strong> para aplica\u00e7\u00e3o direta no campo.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cefa3c2 e-con-full e-flex e-con e-child\" data-id=\"cefa3c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8f9677f e-con-full e-flex e-con e-child\" data-id=\"8f9677f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c02436 elementor-widget elementor-widget-image\" data-id=\"8c02436\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"238\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Rectangle-162-300x238.png\" class=\"attachment-medium size-medium wp-image-48330\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Rectangle-162-300x238.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Rectangle-162.png 432w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad12a47 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ad12a47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Forma\u00e7\u00e3o avan\u00e7ada<\/strong> para profissionais do setor agropecu\u00e1rio\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37657bc e-con-full e-flex e-con e-child\" data-id=\"37657bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b007a85 elementor-widget elementor-widget-image\" data-id=\"b007a85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"155\" height=\"300\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/500shots_so-1-155x300.png\" class=\"attachment-medium size-medium wp-image-48336\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/500shots_so-1-155x300.png 155w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/500shots_so-1.png 166w\" sizes=\"(max-width: 155px) 100vw, 155px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69c70be elementor-widget__width-initial elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"69c70be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAcesso a <strong>conte\u00fados pr\u00e1ticos e te\u00f3ricos<\/strong> de alta qualidade\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6caae94 e-con-full e-flex e-con e-child\" data-id=\"6caae94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eb5d45 elementor-widget elementor-widget-image\" data-id=\"2eb5d45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"250\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Frame-14680-300x250.png\" class=\"attachment-medium size-medium wp-image-48333\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Frame-14680-300x250.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Frame-14680.png 432w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90cfddd elementor-widget__width-initial elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"90cfddd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Certifica\u00e7\u00e3o oficial<\/strong> que comprova seu conhecimento\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f4bf61 e-con-full e-flex e-con e-child\" data-id=\"8f4bf61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc9c176 elementor-widget elementor-widget-image\" data-id=\"dc9c176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"227\" height=\"300\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Frame-14681-227x300.png\" class=\"attachment-medium size-medium wp-image-48339\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Frame-14681-227x300.png 227w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Frame-14681.png 272w\" sizes=\"(max-width: 227px) 100vw, 227px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d822447 elementor-widget__width-initial elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d822447\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tPossibilidade de <strong>combinar cursos<\/strong> de acordo com sua \u00e1rea de interesse\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-703277e e-con-full e-flex e-con e-parent\" data-id=\"703277e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-57e48ad e-con-full e-flex e-con e-child\" data-id=\"57e48ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-18045cc e-con-full e-flex e-con e-child\" data-id=\"18045cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82ba704 elementor-widget__width-initial metodo1 elementor-widget elementor-widget-heading\" data-id=\"82ba704\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong style=\"font-size:80px;font-weight:800\" class=\"metodo1\">Metodologia<\/strong> de estudo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77ef122 e-con-full e-flex e-con e-child\" data-id=\"77ef122\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8ca111d e-con-full e-flex e-con e-child\" data-id=\"8ca111d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-dc3b79a e-con-full e-flex e-con e-child\" data-id=\"dc3b79a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e40fd44 elementor-widget elementor-widget-text-editor\" data-id=\"e40fd44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Cursos online<\/strong> com flexibilidade de hor\u00e1rios\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a728743 e-con-full e-flex e-con e-child\" data-id=\"a728743\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f620d9 elementor-widget elementor-widget-image\" data-id=\"8f620d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"186\" height=\"160\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/noun-student-8129076.png\" class=\"attachment-large size-large wp-image-48485\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-805bf0d e-con-full e-flex e-con e-child\" data-id=\"805bf0d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b9a3e86 e-con-full e-flex e-con e-child\" data-id=\"b9a3e86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9c996a elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e9c996a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Conte\u00fados multim\u00eddia<\/strong> (v\u00eddeos, PDFs, apresenta\u00e7\u00f5es)\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e46689 e-con-full e-flex e-con e-child\" data-id=\"7e46689\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42e2309 elementor-widget elementor-widget-image\" data-id=\"42e2309\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"184\" height=\"230\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/icon-content-1.png\" class=\"attachment-large size-large wp-image-48470\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16a50e6 e-con-full e-flex e-con e-child\" data-id=\"16a50e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6897deb e-con-full e-flex e-con e-child\" data-id=\"6897deb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17d2469 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"17d2469\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Avalia\u00e7\u00f5es<\/strong> pr\u00e1ticas\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6167075 e-con-full e-flex e-con e-child\" data-id=\"6167075\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f0b63c elementor-widget elementor-widget-image\" data-id=\"1f0b63c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"184\" height=\"226\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/icon-examen-1.png\" class=\"attachment-large size-large wp-image-48482\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5686e54 e-con-full e-flex e-con e-child\" data-id=\"5686e54\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d433d02 e-con-full e-flex e-con e-child\" data-id=\"d433d02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12a36c0 elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"12a36c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Avance no seu pr\u00f3prio ritmo<\/strong>, acompanhamento de progresso e suporte direto dos instrutores\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce436d1 e-con-full e-flex e-con e-child\" data-id=\"ce436d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8982b5b elementor-widget elementor-widget-image\" data-id=\"8982b5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"184\" height=\"226\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/icon-progress-1.png\" class=\"attachment-full size-full wp-image-48479\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64ec8bd e-con-full e-flex e-con e-parent\" data-id=\"64ec8bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-daecc70 e-con-full e-flex e-con e-child\" data-id=\"daecc70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-048d9a4 elementor-widget elementor-widget-image\" data-id=\"048d9a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"366\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Rectangle-151-768x439.png\" class=\"attachment-medium_large size-medium_large wp-image-48345\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Rectangle-151-768x439.png 768w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Rectangle-151-300x171.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Rectangle-151-1024x585.png 1024w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Rectangle-151.png 1316w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d03ca55 e-con-full e-flex e-con e-child\" data-id=\"d03ca55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7da2bd5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7da2bd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong>Para quem s\u00e3o destinados<\/strong> nossos Cursos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08669ea elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"08669ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Profissionais, t\u00e9cnicos, estudantes avan\u00e7ados e empresas do setor agropecu\u00e1rio<\/strong> que buscam se especializar e se manter atualizados sobre tend\u00eancias, t\u00e9cnicas e normas do setor.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a35cf1c e-con-full e-flex e-con e-parent\" data-id=\"a35cf1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9ed861 elementor-widget__width-initial elementor-widget-laptop__width-initial elementor-widget elementor-widget-heading\" data-id=\"e9ed861\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong style=\"font-weight:600\">Potencialize<\/strong> sua forma\u00e7\u00e3o com o <strong style=\"font-weight:600;text-decoration: underline #40C6CE 7px\">Plano Premium<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8327310 e-con-full e-flex e-con e-child\" data-id=\"8327310\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f773638 e-con-full e-flex e-con e-child\" data-id=\"f773638\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb7cd36 elementor-widget elementor-widget-image\" data-id=\"eb7cd36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"160\" height=\"160\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/noun-premium-7085948.png\" class=\"attachment-full size-full wp-image-48577\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/noun-premium-7085948.png 160w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/noun-premium-7085948-150x150.png 150w\" sizes=\"(max-width: 160px) 100vw, 160px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5957e8b elementor-widget elementor-widget-text-editor\" data-id=\"5957e8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Benef\u00edcios<\/strong> em todos os <strong>produtos e formatos de estudo<\/strong>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13ffb07 e-con-full e-flex e-con e-child\" data-id=\"13ffb07\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8b9410 elementor-widget elementor-widget-image\" data-id=\"f8b9410\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"186\" height=\"160\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/noun-student-8129076.png\" class=\"attachment-full size-full wp-image-48485\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e455cb elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9e455cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Acesso exclusivo<\/strong> a todas as nossas <strong>c\u00e1psulas, descontos<\/strong> em forma\u00e7\u00f5es avan\u00e7adas e cursos de especializa\u00e7\u00e3o\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-614db73 e-con-full e-flex e-con e-child\" data-id=\"614db73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec54e8e elementor-widget elementor-widget-image\" data-id=\"ec54e8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"160\" height=\"160\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/noun-magazine-7939436.png\" class=\"attachment-full size-full wp-image-48580\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/noun-magazine-7939436.png 160w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/noun-magazine-7939436-150x150.png 150w\" sizes=\"(max-width: 160px) 100vw, 160px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7514da2 elementor-widget elementor-widget-text-editor\" data-id=\"7514da2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tReceba sua <strong>revista impressa de prefer\u00eancia<\/strong> para acessar todo o conte\u00fado exclusivo da rede <strong>AgriNews<\/strong>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56d1604 elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"56d1604\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/agrinewscampus.com\/pt-br\/suscripciones\/\" id=\"premium\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Torne-se Premium<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b92dce2 e-con-full e-flex e-con e-parent\" data-id=\"b92dce2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-46a40b5 e-con-full e-flex e-con e-child\" data-id=\"46a40b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c13b0a8 elementor-widget elementor-widget-heading\" data-id=\"c13b0a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Complemente seu aprendizado<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f852a52 elementor-widget elementor-widget-spacer\" data-id=\"f852a52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e69fa9 titlemovil elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1e69fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Forma\u00e7\u00f5es avan\u00e7adas<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ac3c7d elementor-widget elementor-widget-shortcode\" data-id=\"2ac3c7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\t\t<div class=\"elementor-shortcode\"><style>\n        \/* Estilos de la tarjeta *\/\n        .main-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #423E4F;\n            text-align:left;\n        }\n        .main-title a {\n            color: white;\n            text-decoration: none;\n        }\n        .main-content1 {\n            padding: 20px;\n            text-align: center;\n        }\n        .main-content1 {\n            padding: 13px;\n            text-align: center;\n            height: 100%;\n            justify-content: space-around;\n            display: flex;\n            flex-direction: column;\n            background: rgba(0, 0, 0, 0.2);\n            backdrop-filter: blur(8px);\n            height: 30vh;\n        }\n        .main-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n        }\n        .main-card {\n            display: flex;\n            flex-direction: column;\n            background-color: #FFF;\n            border-radius: 15px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            width: 100%;\n            max-width: 438px;\n            margin: 0 auto 20px;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center;\n            justify-content: flex-end;\n            height: 50vh;\n            transition: box-shadow 0.3s ease, transform 0.3s ease;\n        }\n        .advanced-card {\n            display: flex;\n            flex-direction: column;\n            background-color: #423E4F;\n            border-radius: 15px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);\n            overflow: hidden;\n            min-width: 400px;\n            min-height: 450px;\n            width: 100%;\n            position: relative;\n        }\n        .advanced-image {\n            background-size: cover;\n            background-position: center;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 1;\n        }\n        .advanced-image::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(8px);\n            opacity: 1;\n            mix-blend-mode: overlay;\n        }\n        .advanced-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            flex-grow: 1;\n            padding: 20px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n        }\n        .advanced-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.5rem;\n            font-weight: 600;\n            line-height: 1.6rem;\n            color: #FFF;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n            margin: 0;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 90%;\n            z-index: 3;\n        }\n        .advanced-title a {\n            color: #FFF;\n            text-decoration: none;\n        }\n        .advanced-title a:hover {\n            color: #FFF;\n        }\n        .advanced-price {\n            font-family: Poppins, sans-serif;\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #FFF;\n            margin: 10px 0;\n        }\n        .advanced-socio-price {\n            font-family: Poppins, sans-serif;\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #FFF;\n            margin: 0;\n        }\n        .advanced-instructor {\n            font-family: Poppins, sans-serif;\n            font-size: 0.9rem;\n            font-style: italic;\n            color: #FFF;\n            margin: 10px 0;\n        }\n        .advanced-instructor a {\n            color: #FFF;\n            text-decoration: none;\n        }\n        .advanced-instructor a:hover {\n            color: #40C6CE;\n        }\n        .advanced-button {\n            display: inline-block;\n            padding: 12px 25px;\n            background-color: #69727D78;\n            color: #FFF;\n            font-size: 16px;\n            font-weight: 600;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n            margin: 0 auto 20px;\n        }\n        .advanced-button:hover {\n            background-color: #40C6CE;\n            color: #FFF;\n        }\n        .course-status {\n            color: #40C6CE;\n            padding: 5px 10px;\n            border-radius: 5px;\n            display: inline-block;\n        }\n\n        \/* Estilos de filtros *\/\n        .advanced-filters {\n            margin: 0 0 30px;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n            background:none !important;\n            padding: 10px;\n            border-radius: 5px;\n        }\n        .advanced-filter-btn {\n            padding: 10px 20px;\n            background: transparent; \/* Fondo blanco como en la imagen *\/\n            color: #212529 !important; \/* Texto oscuro *\/\n            font-size: 14px;\n            border-radius: 30px;\n            border: 1px solid #40C6CE; \/* Borde gris claro *\/\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .advanced-filter-btn:hover,\n        .advanced-filter-btn.active {\n            background-color: #40C6CE; \/* Fondo m\u00e1s claro en hover y active *\/\n            color: white !important;\n            border-color: #40C6CE;\n        }\n        .advanced-count {\n            font-size: 12px;\n            opacity: 0.7; \/* N\u00famero m\u00e1s claro *\/\n            margin-left: 5px;\n            color: #777; \/* Tono gris para el contador *\/\n        }\n        .no-advanced-found {\n            padding: 40px 20px;\n            text-align: center;\n            font-size: 16px;\n            color: #666;\n            display: none;\n        }\n        .advanced-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr); \/* Cambiar a 4 columnas *\/\n            gap: 30px;\n        }\n        .all-advanced-button {\n            margin: 30px auto;\n            text-align: center;\n        }\n        .all-advanced-button a {\n            padding: 12px 30px;\n            background-color: #69727D78;\n            color: #FFF;\n            font-size: 16px;\n            font-weight: 600;\n            text-transform: uppercase;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n        }\n        .all-advanced-button a:hover {\n            background-color: #40C6CE;\n            color: #FFF;\n        }\n\n        @media only screen and (min-width: 1200px) and (max-width: 1600px) {\n\n            .main-content1 {\n                height: 50vh;\n            }\n\n            .main-card {\n                height: 50vh;\n            }\n\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 767px) {\n\n          .main-content1 {\n                height: 70vh;\n            }\n\n            .main-card {\n                height: 70vh;\n            }\n\n            .advanced-filter-btn{\n                width: 40% !important;\n            }\n            .main-container{\n                display: block;\n            }\n            .formacionesMovil {\n                font-size: 12px !important;\n            }\n            .advanced-filters{\n            justify-content: center !important;\n            }\n            .advanced-card {\n                min-width: 100%;\n                min-height: 400px;\n                margin: 0 auto;\n            }\n            .advanced-container {\n                grid-template-columns: 1fr;\n            }\n            .advanced-title {\n                font-size: 1.3rem;\n            }\n            .advanced-price {\n                font-size: 1.8rem;\n            }\n            .advanced-socio-price {\n                font-size: 1rem;\n            }\n            .advanced-instructor {\n                font-size: 0.8rem;\n            }\n            .advanced-filter-btn {\n                margin: 3px;\n                font-size: 13px;\n                padding: 8px 12px;\n            }\n        }\n        @media (min-width: 768px) and (max-width: 1024px) {\n            .advanced-title {\n                font-size: 1.4rem;\n            }\n            .advanced-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        \/* Estilos para sistema de precios interactivo *\/\n        .product-selector, .matriculate-button {\n            position: relative !important;\n            transition: all 0.3s ease !important;\n            cursor: pointer !important;\n        }\n        \n        \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n        .product-selector[data-subscription=\"null\"] {\n            border: 2px solid #ccc !important;\n        }\n        \n        \/* Bot\u00f3n precio sin descuento seleccionado *\/\n        .product-selector[data-subscription=\"null\"].selected {\n            border: 4px solid #40C6CE !important;\n            box-shadow: 0 0 15px rgba(64, 198, 206, 0.6) !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.15), rgba(64, 198, 206, 0.05)) !important;\n        }\n        \n        \/* Todos los elementos seleccionados *\/\n        .product-selector.selected {\n            border: 4px solid #40C6CE !important;\n            box-shadow: 0 0 15px rgba(64, 198, 206, 0.6) !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.15), rgba(64, 198, 206, 0.05)) !important;\n            animation: selectAnimation 0.6s ease-out;\n        }\n        \n        \/* Precio con descuento (azul) seleccionado *\/\n        .product-selector[data-subscription=\"1\"].selected {\n            color: #000 !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.2), rgba(255, 255, 255, 0.9)) !important;\n        }\n        .product-selector[data-subscription=\"1\"].selected div {\n            color: #000 !important;\n        }\n        .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n            color: black !important;\n            font-weight: bold !important;\n        }\n        \n        .product-selector.selected::before {\n            content: \"\u2713 SELECCIONADO\" !important;\n            position: absolute !important;\n            top: -15px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background: #40C6CE !important;\n            color: white !important;\n            border-radius: 20px !important;\n            padding: 5px 15px !important;\n            font-weight: bold !important;\n            font-size: 11px !important;\n            z-index: 999 !important;\n            box-shadow: 0 2px 8px rgba(64, 198, 206, 0.4) !important;\n            display: flex !important;\n            white-space: nowrap !important;\n        }\n\n        .product-selector-premium::before {\n            content: \"Pre\u00e7o Premium\" !important;\n            position: absolute !important;\n            top: -15px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background: #40C6CE !important;\n            color: #292929 !important;\n            border-radius: 20px !important;\n            padding: 5px 15px !important;\n            font-weight: bold !important;\n            z-index: 999 !important;\n            box-shadow: 0 2px 8px rgba(64, 198, 206, 0.4) !important;\n            display: flex !important;\n            white-space: nowrap !important;\n            width: 96%;\n            justify-content: center;\n            font-size: 13px !important;\n            text-shadow: 2px 2px 4px rgb(0 0 0 \/ 21%);\n        }\n\n        .product-selector-premium-si::before {\n            content: \"Voc\u00ea \u00e9 premium: tem desconto!\" !important;\n            position: absolute !important;\n            top: -15px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background: #40C6CE !important;\n            color: #292929 !important;\n            border-radius: 20px !important;\n            padding: 5px 15px !important;\n            font-weight: bold !important;\n            font-size: 11px !important;\n            z-index: 999 !important;\n            box-shadow: 0 2px 8px rgba(64, 198, 206, 0.4) !important;\n            display: flex !important;\n            white-space: nowrap !important;\n        }\n        \n        \/* Hover para elementos NO seleccionados *\/\n        .product-selector:not(.selected):hover {\n            transform: translateY(-2px) !important;\n            box-shadow: 0 5px 15px rgba(64, 198, 206, 0.3) !important;\n            border-color: #40C6CE !important;\n        }\n        \n        \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n        .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n            background: rgba(64, 198, 206, 0.05) !important;\n        }\n        \n        \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n        .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n            background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n        }\n        \n        \/* Bot\u00f3n \"A\u00d1ADIR AL CARRITO\" *\/\n        .real-add-to-cart-button:hover {\n            background-color: #40C6CE !important;\n            transform: translateY(-1px);\n        }\n        \n        \/* Bot\u00f3n \"Matric\u00falate Gratis\" *\/\n        .matriculate-button:hover {\n            background-color: #339DA3 !important;\n            transform: translateY(-1px);\n        }\n        \n        @keyframes selectAnimation {\n            0% { \n                transform: scale(1);\n                box-shadow: 0 0 0 rgba(64, 198, 206, 0);\n            }\n            50% { \n                transform: scale(1.02);\n                box-shadow: 0 0 20px rgba(64, 198, 206, 0.4);\n            }\n            100% { \n                transform: scale(1);\n                box-shadow: 0 0 15px rgba(64, 198, 206, 0.6);\n            }\n        }\n\n        \/* Tooltip para precio premium al hacer hover *\/\n        .product-selector-premium {\n            position: relative !important;\n        }\n\n        .premium-tooltip-popup {\n            position: fixed;\n            background: #423E4F;\n            color: #FFF;\n            border-radius: 8px;\n            padding: 8px 12px;\n            font-size: 11px;\n            font-weight: normal;\n            max-width: 180px;\n            text-align: center;\n            line-height: 1.4;\n            z-index: 99999;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 0.2s ease;\n        }\n\n        .premium-tooltip-popup.visible {\n            opacity: 1;\n        }\n    <\/style><div class=\"advanced-filters js-filter-container\" data-is-home=\"false\"><button type=\"button\" class=\"advanced-filter-btn active\" data-filter=\"all\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/Frame-5.png\" alt=\"All\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">Todos <\/button><button type=\"button\" class=\"advanced-filter-btn\" data-filter=\"aves\" style=\"width: 13%; display:flex; align-items: center; justify-content: center;\">Aves <\/button><button type=\"button\" class=\"advanced-filter-btn\" data-filter=\"nutricao-animal\" style=\"width: 13%; display:flex; align-items: center; justify-content: center;\">Nutri\u00e7\u00e3o animal <\/button><\/div><div class=\"main-container js-main-container\"><div class=\"main-card js-main-item category-aves category-nutricao-animal \" data-category=\"aves,nutricao-animal\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Formacion-avanzada-manejo-de-la-alimentacion-avicola-product.png);\"><div class=\"main-content1\"><div class=\"d-flex\"><h3 class=\"main-title\" style=\"color: white !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\"><a href=\"https:\/\/agrinewscampus.com\/pt-br\/courses\/gestao-dos-alimentos-para-animais-em-exploracoes-avicolas-formacao-avancada\/\" target=\"_blank\">Gest\u00e3o dos alimentos para animais em explora\u00e7\u00f5es av\u00edcolas | Forma\u00e7\u00e3o avan\u00e7ada<\/a><\/h3><\/div><div class=\"main-section\"><div style=\"width: 100%;\"><style>\n        .premium-tooltip-popup {\n            position: fixed;\n            background: #423E4F;\n            color: #FFF;\n            border-radius: 8px;\n            padding: 8px 12px;\n            font-size: 11px;\n            font-weight: normal;\n            max-width: 180px;\n            text-align: center;\n            line-height: 1.4;\n            z-index: 99999;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 0.2s ease;\n        }\n        .premium-tooltip-popup.visible {\n            opacity: 1;\n        }\n    <\/style><div style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"410\" \n                                     data-course-id=\"38760\" \n                                     data-lang=\"en\" \n                                     data-price=\"45\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$45 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"410\" \n                                     data-course-id=\"38760\" \n                                     data-lang=\"en\" \n                                     data-price=\"55\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Pre\u00e7o normal<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38760\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Adicionar ao carrinho\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECCIONADO\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"Pre\u00e7o Premium\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"Voc\u00ea \u00e9 premium: tem desconto!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38760;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"Selecione uma op\u00e7\u00e3o\",\n                                text: \"Por favor, selecione o tipo de produto antes de adicion\u00e1-lo ao carrinho.\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Entendido\"\n                            });\n                            return;\n                        }\n                        \n                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><div class=\"main-card js-main-item category-aves \" data-category=\"aves\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Formacion-avanzada-primera-semana-del-pollo.png);\"><div class=\"main-content1\"><div class=\"d-flex\"><h3 class=\"main-title\" style=\"color: white !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\"><a href=\"https:\/\/agrinewscampus.com\/pt-br\/courses\/gestao-da-primeira-semana-de-criacao-de-frangos-de-carne-formacao-avancada\/\" target=\"_blank\">Gest\u00e3o da primeira semana de cria\u00e7\u00e3o de frangos de carne | Forma\u00e7\u00e3o avan\u00e7ada<\/a><\/h3><\/div><div class=\"main-section\"><div style=\"width: 100%;\"><style>\n        .premium-tooltip-popup {\n            position: fixed;\n            background: #423E4F;\n            color: #FFF;\n            border-radius: 8px;\n            padding: 8px 12px;\n            font-size: 11px;\n            font-weight: normal;\n            max-width: 180px;\n            text-align: center;\n            line-height: 1.4;\n            z-index: 99999;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 0.2s ease;\n        }\n        .premium-tooltip-popup.visible {\n            opacity: 1;\n        }\n    <\/style><div style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"\" \n                                     data-course-id=\"38763\" \n                                     data-lang=\"en\" \n                                     data-price=\"45\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$45 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"\" \n                                     data-course-id=\"38763\" \n                                     data-lang=\"en\" \n                                     data-price=\"55\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Pre\u00e7o normal<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38763\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Adicionar ao carrinho\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECCIONADO\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"Pre\u00e7o Premium\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"Voc\u00ea \u00e9 premium: tem desconto!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38763;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"Selecione uma op\u00e7\u00e3o\",\n                                text: \"Por favor, selecione o tipo de produto antes de adicion\u00e1-lo ao carrinho.\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Entendido\"\n                            });\n                            return;\n                        }\n                        \n                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><div class=\"main-card js-main-item category-aves \" data-category=\"aves\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Formacion-avanzada-pre-recepcion-del-pollo.png);\"><div class=\"main-content1\"><div class=\"d-flex\"><h3 class=\"main-title\" style=\"color: white !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\"><a href=\"https:\/\/agrinewscampus.com\/pt-br\/courses\/pre-rececao-do-frango-formacao-avancada\/\" target=\"_blank\">Pr\u00e9-rece\u00e7\u00e3o do frango | Forma\u00e7\u00e3o avan\u00e7ada<\/a><\/h3><\/div><div class=\"main-section\"><div style=\"width: 100%;\"><style>\n        .premium-tooltip-popup {\n            position: fixed;\n            background: #423E4F;\n            color: #FFF;\n            border-radius: 8px;\n            padding: 8px 12px;\n            font-size: 11px;\n            font-weight: normal;\n            max-width: 180px;\n            text-align: center;\n            line-height: 1.4;\n            z-index: 99999;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 0.2s ease;\n        }\n        .premium-tooltip-popup.visible {\n            opacity: 1;\n        }\n    <\/style><div style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"384\" \n                                     data-course-id=\"38769\" \n                                     data-lang=\"en\" \n                                     data-price=\"45\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$45 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"384\" \n                                     data-course-id=\"38769\" \n                                     data-lang=\"en\" \n                                     data-price=\"55\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Pre\u00e7o normal<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38769\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Adicionar ao carrinho\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECCIONADO\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"Pre\u00e7o Premium\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"Voc\u00ea \u00e9 premium: tem desconto!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38769;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"Selecione uma op\u00e7\u00e3o\",\n                                text: \"Por favor, selecione o tipo de produto antes de adicion\u00e1-lo ao carrinho.\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Entendido\"\n                            });\n                            return;\n                        }\n                        \n                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><script type=\"text\/javascript\">\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var filterContainer = document.querySelector(\".js-filter-container\");\n            var filterButtons = document.querySelectorAll(\".advanced-filter-btn\");\n            var advancedItems = document.querySelectorAll(\".js-main-item\");\n            var advancedContainer = document.querySelector(\".js-main-container\");\n            var noAdvancedMessage = document.querySelector(\".no-advanced-found\");\n            var isHome = filterContainer.getAttribute(\"data-is-home\") === \"true\";\n            var isCoursesPage = false;\n            var homeLimit = 0;\n            \n            function filterAdvanced(category) {\n                var hasVisibleItems = false;\n                var shownCount = 0;\n                var totalMatchCount = 0;\n                \n                advancedItems.forEach(function(item) {\n                    var categories = item.getAttribute(\"data-category\").split(\",\");\n                    if (category === \"all\" || categories.includes(category)) {\n                        totalMatchCount++;\n                    }\n                });\n                \n                advancedItems.forEach(function(item) {\n                    var categories = item.getAttribute(\"data-category\").split(\",\");\n                    var matchesCategory = (category === \"all\" || categories.includes(category));\n                    var respectsLimit = true;\n                    if (isHome || isCoursesPage) {\n                        respectsLimit = (shownCount < homeLimit);\n                    }\n                    \n                    if (matchesCategory && respectsLimit) {\n                        item.style.display = \"\";\n                        hasVisibleItems = true;\n                        shownCount++;\n                    } else {\n                        item.style.display = \"none\";\n                    }\n                });\n                \n                if (noAdvancedMessage) {\n                    noAdvancedMessage.style.display = hasVisibleItems ? \"none\" : \"block\";\n                }\n                \n                var viewMoreButton = document.querySelector(\".all-advanced-button\");\n                if (viewMoreButton) {\n                    viewMoreButton.style.display = ((isHome || isCoursesPage) && totalMatchCount > homeLimit) ? \"\" : \"none\";\n                }\n            }\n            filterButtons.forEach(function(button) {\n                button.addEventListener(\"click\", function() {\n                    filterButtons.forEach(function(btn) {\n                        btn.classList.remove(\"active\");\n                    });\n                    this.classList.add(\"active\");\n                    filterAdvanced(this.getAttribute(\"data-filter\"));\n                });\n            });\n            \n            filterAdvanced(\"all\");\n        });\n\n        \/\/ JavaScript para sistema de precios interactivo - IGUAL QUE C\u00c1PSULAS\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ JavaScript para sistema de precios interactivo - por cada curso\n            document.querySelectorAll(\".main-card\").forEach(function(card) {\n                const courseElements = card.querySelectorAll(\"[data-course-id]\");\n                if (courseElements.length === 0) return;\n                \n                const courseId = courseElements[0].getAttribute(\"data-course-id\");\n                if (!courseId) return;\n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = card.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Selecci\u00f3n autom\u00e1tica inicial si solo hay un producto\n                if (productSelectors.length === 1) {\n                    const selector = productSelectors[0];\n                    selector.classList.add(\"selected\");\n                    selectedProduct = {\n                        productId: selector.getAttribute(\"data-product-id\"),\n                        courseId: selector.getAttribute(\"data-course-id\"),\n                        lang: selector.getAttribute(\"data-lang\"),\n                        price: selector.getAttribute(\"data-price\"),\n                        subscription: selector.getAttribute(\"data-subscription\"),\n                        activo: selector.getAttribute(\"data-activo\")\n                    };\n                }\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"Selecione uma op\u00e7\u00e3o\",\n                                text: \"Por favor, selecione o tipo de produto antes de adicion\u00e1-lo ao carrinho.\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Entendido\"\n                            });\n                            return;\n                        }\n                        \n                        if (selectedProduct && typeof addToCart === \"function\") {\n                            const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                            addToCart(\n                                parseInt(selectedProduct.productId),\n                                subscription,\n                                parseInt(selectedProduct.courseId),\n                                selectedProduct.lang,\n                                parseFloat(selectedProduct.price),\n                                parseInt(selectedProduct.activo)\n                            );\n                        }\n                    });\n                }\n            });\n            \n            \/\/ Manejar botones \"Matric\u00falate Gratis\"\n            document.querySelectorAll(\".matriculate-button\").forEach(function(button) {\n                button.addEventListener(\"click\", function(e) {\n                    e.stopPropagation();\n                    var courseId = this.getAttribute(\"data-course-id\");\n                    \n                    \/\/ Realizar la inscripci\u00f3n al curso mediante AJAX\n                    fetch(\"https:\/\/agrinewscampus.com\/wp-admin\/admin-ajax.php?action=enroll_user_to_course&course_id=\" + courseId, {\n                        method: \"GET\",\n                        credentials: \"same-origin\"\n                    })\n                    .then(function(response) {\n                        return response.json();\n                    })\n                    .then(function(data) {\n                        if (data.success) {\n                            location.reload();\n                        }\n                    })\n                    .catch(function(error) {\n                        console.error(\"Error al matricularse en el curso:\", error);\n                    });\n                });\n            });\n\n            \/\/ Tooltip JS para .product-selector-premium (evita overflow:hidden de main-card)\n            var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n            var premiumTooltip = null;\n            document.querySelectorAll(\".product-selector-premium\").forEach(function(el) {\n                el.addEventListener(\"mouseenter\", function() {\n                    premiumTooltip = document.createElement(\"div\");\n                    premiumTooltip.className = \"premium-tooltip-popup\";\n                    premiumTooltip.textContent = premiumTooltipText;\n                    document.body.appendChild(premiumTooltip);\n                    var rect = el.getBoundingClientRect();\n                    var ttW = premiumTooltip.offsetWidth;\n                    var ttH = premiumTooltip.offsetHeight;\n                    premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                    premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                    requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                });\n                el.addEventListener(\"mouseleave\", function() {\n                    if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                });\n            });\n        });\n    <\/script>\u200b<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0080aa9 elementor-widget elementor-widget-spacer\" data-id=\"0080aa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d9b287 e-con-full e-flex e-con e-parent\" data-id=\"3d9b287\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9564aaf e-con-full e-flex e-con e-child\" data-id=\"9564aaf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-914ce3c elementor-widget elementor-widget-spacer\" data-id=\"914ce3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41655c6 titlemovil elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"41655c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">C\u00e1psulas Formativas<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef09585 elementor-widget elementor-widget-shortcode\" data-id=\"ef09585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\t\t<div class=\"elementor-shortcode\"><style>\n        \/* Estilos de la tarjeta *\/\n        .main-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #423E4F;\n            text-align:left;\n        }\n        .main-title a {\n            color: white;\n            text-decoration: none;\n        }\n        .main-content1 {\n            padding: 20px;\n            text-align: center;\n        }\n        .main-content1 {\n            padding: 13px;\n            text-align: center;\n            height: 100%;\n            justify-content: space-evenly;\n            display: flex;\n            flex-direction: column;\n            background: rgba(0, 0, 0, 0.2);\n            backdrop-filter: blur(8px);\n            height: 30vh;\n        }\n        .main-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n        }\n        .main-card {\n            display: flex;\n            flex-direction: column;\n            background-color: #FFF;\n            border-radius: 15px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            width: 100%;\n            max-width: 438px;\n            margin: 0 auto 20px;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center;\n            justify-content: flex-end;\n            height: 50vh;\n            transition: box-shadow 0.3s ease, transform 0.3s ease;\n        }\n        .capsula-card {\n            display: flex;\n            flex-direction: column;\n            background-color: #423E4F;\n            border-radius: 15px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);\n            overflow: hidden;\n            min-height: 24vh;\n            max-height: 400px;\n            width: 100%;\n            position: relative;\n        }\n        .capsula-image {\n            background-size: cover;\n            background-position: center;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 1;\n        }\n        .capsula-image::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(8px);\n            opacity: 1;\n            mix-blend-mode: overlay;\n        }\n        .capsula-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            flex-grow: 1;\n            padding: 10px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n        }\n        .capsula-category {\n            font-family: Poppins, sans-serif;\n            font-size: 14px;\n            color: #FFF;\n            margin: 10px 0;\n        }\n        .capsula-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.2rem;\n            font-weight: 600;\n            line-height: 1.4rem;\n            color: #FFF;\n            margin: 0 10px 10px;\n            min-height: 100px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .capsula-title a {\n            color: #FFF;\n            text-decoration: none;\n        }\n        .capsula-title a:hover {\n            color: #FFF;\n        }\n        .capsula-price {\n            font-family: Poppins, sans-serif;\n            font-size: 1rem;\n            font-weight: 600;\n            color: #FFF;\n            margin: 10px 0;\n        }\n        .capsula-instructor {\n            font-family: Poppins, sans-serif;\n            font-size: 14px;\n            font-style: italic;\n            color: #FFF;\n            margin: 0 0 10px;\n        }\n        .capsula-instructor a {\n            color: #FFF;\n            text-decoration: none;\n        }\n        .capsula-instructor a:hover {\n            color: #40C6CE;\n        }\n        .capsula-button {\n            display: inline-block;\n            padding: 10px 20px;\n            background-color: #69727D78;\n            color: #FFF;\n            font-size: 14px;\n            font-weight: 600;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n            margin: 0 auto 16px;\n        }\n        .capsula-button:hover {\n            background-color: #40C6CE;\n            color: #FFF;\n        }\n        .course-status {\n            color: #40C6CE;\n            padding: 5px 10px;\n            border-radius: 5px;\n            display: inline-block;\n        }\n\n        \/* Estilos de filtros *\/\n        .capsula-filters {\n            margin: 0 0 30px;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n        }\n        .capsula-filter-btn {\n            padding: 10px 20px;\n            background-color: transparent;\n            color: #40C6CE;\n            font-size: 14px;\n            border-radius: 30px;\n            border: 1px solid #40C6CE !important;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .capsula-filter-btn:hover,\n        .capsula-filter-btn.active {\n            background-color: #40C6CE !important;\n            color: white !important;\n        }\n        .capsula-count {\n            font-size: 12px;\n            opacity: 0.7;\n            margin-left: 5px;\n        }\n        .no-capsulas-found {\n            padding: 40px 20px;\n            text-align: center;\n            font-size: 16px;\n            color: #666;\n            display: none;\n        }\n        .capsulas-container {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr); \/* Siempre 5 columnas *\/\n            gap: 20px;\n        }\n        .all-capsules-button {\n            margin: 30px auto;\n            text-align: center;\n        }\n        .all-capsules-button a {\n            padding: 12px 30px;\n            background-color: #40C6CE;\n            color: #FFF;\n            font-size: 16px;\n            font-weight: 600;\n            text-transform: uppercase;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n        }\n        .all-capsules-button a:hover {\n            background-color: #339DA3;\n        }\n\n        @media only screen and (min-width: 1200px) and (max-width: 1600px) {\n\n            .main-content1 {\n                height: 50vh;\n            }\n\n            .main-card {\n                height: 50vh;\n            }\n\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 767px) {\n\n            .main-content1 {\n                height: 70vh;\n            }\n\n            .main-card {\n                height: 70vh;\n            }\n\n            .capsula-filter-btn {\n                width: 40% !important;\n            }\n\n            .main-container{\n                display: block;\n            }\n            .capsula-card {\n                max-width: 350px;\n                max-height: 450px;\n                margin: 0 auto;\n            }\n            .capsula-title {\n                font-size: 15px;\n            }\n            .capsula-category,\n            .capsula-instructor {\n                font-size: 13px;\n            }\n            .capsula-filter-btn {\n                margin: 3px;\n                font-size: 13px;\n                padding: 8px 12px;\n            }\n            .capsulas-container {\n                grid-template-columns: 1fr;\n            }\n\n            .capsula-filters {\n                justify-content: center;\n            }\n        }\n        @media (min-width: 768px) and (max-width: 1024px) {\n            .capsula-title {\n                font-size: 1.1rem;\n            }\n            .capsulas-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        @media (min-width: 1025px) and (max-width: 1399px) {\n            .capsulas-container {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n        @media (min-width: 1400px) and (max-width: 1699px) {\n            .capsulas-container {\n                grid-template-columns: repeat(4, 1fr);\n            }\n        }\n        @media (min-width: 1700px) {\n            .capsulas-container {\n                grid-template-columns: repeat(5, 1fr);\n            }\n        }\n\n        \/* Estilos para sistema de precios interactivo *\/\n        .product-selector, .matriculate-button {\n            position: relative !important;\n            transition: all 0.3s ease !important;\n            cursor: pointer !important;\n        }\n        \n        \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n        .product-selector[data-subscription=\"null\"] {\n            border: 2px solid #ccc !important;\n        }\n        \n        \/* Bot\u00f3n precio sin descuento seleccionado *\/\n        .product-selector[data-subscription=\"null\"].selected {\n            border: 4px solid #40C6CE !important;\n            box-shadow: 0 0 15px rgba(64, 198, 206, 0.6) !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.15), rgba(64, 198, 206, 0.05)) !important;\n        }\n        \n        \/* Todos los elementos seleccionados *\/\n        .product-selector.selected {\n            border: 4px solid #40C6CE !important;\n            box-shadow: 0 0 15px rgba(64, 198, 206, 0.6) !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.15), rgba(64, 198, 206, 0.05)) !important;\n            animation: selectAnimation 0.6s ease-out;\n        }\n        \n        \/* Precio con descuento (azul) seleccionado *\/\n        .product-selector[data-subscription=\"1\"].selected {\n            color: #000 !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.2), rgba(255, 255, 255, 0.9)) !important;\n        }\n        .product-selector[data-subscription=\"1\"].selected div {\n            color: #000 !important;\n        }\n        .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n            color: black !important;\n            font-weight: bold !important;\n        }\n        \n        .product-selector.selected::before {\n            content: \"\u2713 SELECCIONADO\" !important;\n            position: absolute !important;\n            top: -15px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background: #40C6CE !important;\n            color: white !important;\n            border-radius: 20px !important;\n            padding: 5px 15px !important;\n            font-weight: bold !important;\n            font-size: 11px !important;\n            z-index: 999 !important;\n            box-shadow: 0 2px 8px rgba(64, 198, 206, 0.4) !important;\n            display: flex !important;\n            white-space: nowrap !important;\n        }\n\n        .product-selector-premium::before {\n            content: \"Pre\u00e7o Premium\" !important;\n            position: absolute !important;\n            top: -15px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background: #40C6CE !important;\n            color: #292929 !important;\n            border-radius: 20px !important;\n            padding: 5px 15px !important;\n            font-weight: bold !important;\n            z-index: 999 !important;\n            box-shadow: 0 2px 8px rgba(64, 198, 206, 0.4) !important;\n            display: flex !important;\n            white-space: nowrap !important;\n            width: 96%;\n            justify-content: center;\n            font-size: 13px !important;\n            text-shadow: 2px 2px 4px rgb(0 0 0 \/ 21%);\n        }\n\n        .product-selector-premium-si::before {\n            content: \"Voc\u00ea \u00e9 premium: tem desconto!\" !important;\n            position: absolute !important;\n            top: -15px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background: #40C6CE !important;\n            color: #292929 !important;\n            border-radius: 20px !important;\n            padding: 5px 15px !important;\n            font-weight: bold !important;\n            font-size: 11px !important;\n            z-index: 999 !important;\n            box-shadow: 0 2px 8px rgba(64, 198, 206, 0.4) !important;\n            display: flex !important;\n            white-space: nowrap !important;\n        }\n        \n        \/* Hover para elementos NO seleccionados *\/\n        .product-selector:not(.selected):hover {\n            transform: translateY(-2px) !important;\n            box-shadow: 0 5px 15px rgba(64, 198, 206, 0.3) !important;\n            border-color: #40C6CE !important;\n        }\n        \n        \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n        .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n            background: rgba(64, 198, 206, 0.05) !important;\n        }\n        \n        \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n        .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n            background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n        }\n        \n        \/* Bot\u00f3n \"A\u00d1ADIR AL CARRITO\" *\/\n        .real-add-to-cart-button:hover {\n            background-color: #40C6CE !important;\n            transform: translateY(-1px);\n        }\n        \n        \/* Bot\u00f3n \"Matric\u00falate Gratis\" *\/\n        .matriculate-button:hover {\n            background-color: #339DA3 !important;\n            transform: translateY(-1px);\n        }\n        \n        @keyframes selectAnimation {\n            0% { \n                transform: scale(1);\n                box-shadow: 0 0 0 rgba(64, 198, 206, 0);\n            }\n            50% { \n                transform: scale(1.02);\n                box-shadow: 0 0 20px rgba(64, 198, 206, 0.4);\n            }\n            100% { \n                transform: scale(1);\n                box-shadow: 0 0 15px rgba(64, 198, 206, 0.6);\n            }\n        }\n\n        \/* Tooltip para precio premium al hacer hover *\/\n        .product-selector-premium {\n            position: relative !important;\n        }\n\n        .premium-tooltip-popup {\n            position: fixed;\n            background: #423E4F;\n            color: #FFF;\n            border-radius: 8px;\n            padding: 8px 12px;\n            font-size: 11px;\n            font-weight: normal;\n            max-width: 180px;\n            text-align: center;\n            line-height: 1.4;\n            z-index: 99999;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 0.2s ease;\n        }\n\n        .premium-tooltip-popup.visible {\n            opacity: 1;\n        }\n    <\/style><div class=\"capsula-filters js-filter-container\" data-is-home=\"false\"><button type=\"button\" class=\"capsula-filter-btn active\" data-filter=\"all\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/02\/Frame-5.png\" alt=\"All\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">Todos<\/button><button type=\"button\" class=\"capsula-filter-btn\" data-filter=\"aves\" style=\"width: 13%; display:flex; align-items: center; justify-content: center;\">Aves<\/button><\/div><div class=\"main-container js-capsulas-container\"><div class=\"main-card js-capsula-item category-aves \" data-category=\"aves\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Amprocampus-estructura-del-huevo.png);\"><div class=\"main-content1\"><div class=\"d-flex\"><h3 class=\"main-title\" style=\"color: white !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\"><a href=\"https:\/\/agrinewscampus.com\/pt-br\/courses\/estrutura-do-ovo-capsule\/\" target=\"_blank\">Estrutura do ovo | Capsule<\/a><\/h3><\/div><div class=\"main-section\"><div style=\"width: 100%;\"><style>\n        .premium-tooltip-popup {\n            position: fixed;\n            background: #423E4F;\n            color: #FFF;\n            border-radius: 8px;\n            padding: 8px 12px;\n            font-size: 11px;\n            font-weight: normal;\n            max-width: 180px;\n            text-align: center;\n            line-height: 1.4;\n            z-index: 99999;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 0.2s ease;\n        }\n        .premium-tooltip-popup.visible {\n            opacity: 1;\n        }\n    <\/style><div style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"541\" \n                                     data-course-id=\"38803\" \n                                     data-lang=\"en\" \n                                     data-price=\"0\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$0 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"541\" \n                                     data-course-id=\"38803\" \n                                     data-lang=\"en\" \n                                     data-price=\"35\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Pre\u00e7o normal<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$35<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38803\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Adicionar ao carrinho\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECCIONADO\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"Pre\u00e7o Premium\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"Voc\u00ea \u00e9 premium: tem desconto!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38803;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"Selecione uma op\u00e7\u00e3o\",\n                                text: \"Por favor, selecione o tipo de produto antes de adicion\u00e1-lo ao carrinho.\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Entendido\"\n                            });\n                            return;\n                        }\n                        \n                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><div class=\"main-card js-capsula-item category-aves \" data-category=\"aves\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Amprocampus-aparato-reproductor-gallina.png);\"><div class=\"main-content1\"><div class=\"d-flex\"><h3 class=\"main-title\" style=\"color: white !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\"><a href=\"https:\/\/agrinewscampus.com\/pt-br\/courses\/sistema-reprodutor-da-galinha-capsule\/\" target=\"_blank\">Sistema reprodutor da galinha | Capsule<\/a><\/h3><\/div><div class=\"main-section\"><div style=\"width: 100%;\"><style>\n        .premium-tooltip-popup {\n            position: fixed;\n            background: #423E4F;\n            color: #FFF;\n            border-radius: 8px;\n            padding: 8px 12px;\n            font-size: 11px;\n            font-weight: normal;\n            max-width: 180px;\n            text-align: center;\n            line-height: 1.4;\n            z-index: 99999;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 0.2s ease;\n        }\n        .premium-tooltip-popup.visible {\n            opacity: 1;\n        }\n    <\/style><div style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"553\" \n                                     data-course-id=\"38816\" \n                                     data-lang=\"en\" \n                                     data-price=\"0\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$0 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"553\" \n                                     data-course-id=\"38816\" \n                                     data-lang=\"en\" \n                                     data-price=\"35\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Pre\u00e7o normal<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$35<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38816\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Adicionar ao carrinho\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECCIONADO\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"Pre\u00e7o Premium\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"Voc\u00ea \u00e9 premium: tem desconto!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38816;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"Selecione uma op\u00e7\u00e3o\",\n                                text: \"Por favor, selecione o tipo de produto antes de adicion\u00e1-lo ao carrinho.\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Entendido\"\n                            });\n                            return;\n                        }\n                        \n                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><script type=\"text\/javascript\">\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var filterContainer = document.querySelector(\".js-filter-container\");\n            var filterButtons = document.querySelectorAll(\".capsula-filter-btn\");\n            var capsulasItems = document.querySelectorAll(\".js-capsula-item\");\n            var capsulasContainer = document.querySelector(\".js-main-container\");\n            var noCapsulesMessage = document.querySelector(\".no-capsulas-found\");\n            var isHome = filterContainer.getAttribute(\"data-is-home\") === \"true\";\n            var isCoursesPage = false;\n            var homeLimit = 0;\n            \n            function filterCapsulas(category) {\n                var hasVisibleItems = false;\n                var shownCount = 0;\n                var totalMatchCount = 0;\n                \n                capsulasItems.forEach(function(item) {\n                    var categories = item.getAttribute(\"data-category\").split(\",\");\n                    if (category === \"all\" || categories.includes(category)) {\n                        totalMatchCount++;\n                    }\n                });\n                \n                capsulasItems.forEach(function(item) {\n                    var categories = item.getAttribute(\"data-category\").split(\",\");\n                    var matchesCategory = (category === \"all\" || categories.includes(category));\n                    var respectsLimit = true;\n                    if (isHome || isCoursesPage) {\n                        respectsLimit = (shownCount < homeLimit);\n                    }\n                    \n                    if (matchesCategory && respectsLimit) {\n                        item.style.display = \"\";\n                        hasVisibleItems = true;\n                        shownCount++;\n                    } else {\n                        item.style.display = \"none\";\n                    }\n                });\n                \n                if (noCapsulesMessage) {\n                    noCapsulesMessage.style.display = hasVisibleItems ? \"none\" : \"block\";\n                }\n                \n                var viewMoreButton = document.querySelector(\".all-capsules-button\");\n                if (viewMoreButton) {\n                    viewMoreButton.style.display = ((isHome || isCoursesPage) && totalMatchCount > homeLimit) ? \"\" : \"none\";\n                }\n            }\n            \n            filterButtons.forEach(function(button) {\n                button.addEventListener(\"click\", function() {\n                    filterButtons.forEach(function(btn) {\n                        btn.classList.remove(\"active\");\n                    });\n                    this.classList.add(\"active\");\n                    filterCapsulas(this.getAttribute(\"data-filter\"));\n                });\n            });\n            \n            filterCapsulas(\"all\");\n            \n            \/\/ JavaScript para sistema de precios interactivo - por cada curso\n            document.querySelectorAll(\".main-card\").forEach(function(card) {\n                const courseElements = card.querySelectorAll(\"[data-course-id]\");\n                if (courseElements.length === 0) return;\n                \n                const courseId = courseElements[0].getAttribute(\"data-course-id\");\n                if (!courseId) return;\n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = card.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Selecci\u00f3n autom\u00e1tica inicial si solo hay un producto\n                if (productSelectors.length === 1) {\n                    const selector = productSelectors[0];\n                    selector.classList.add(\"selected\");\n                    selectedProduct = {\n                        productId: selector.getAttribute(\"data-product-id\"),\n                        courseId: selector.getAttribute(\"data-course-id\"),\n                        lang: selector.getAttribute(\"data-lang\"),\n                        price: selector.getAttribute(\"data-price\"),\n                        subscription: selector.getAttribute(\"data-subscription\"),\n                        activo: selector.getAttribute(\"data-activo\")\n                    };\n                }\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"Selecione uma op\u00e7\u00e3o\",\n                                text: \"Por favor, selecione o tipo de produto antes de adicion\u00e1-lo ao carrinho.\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Entendido\"\n                            });\n                            return;\n                        }\n                        \n                        if (selectedProduct && typeof addToCart === \"function\") {\n                            const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                            addToCart(\n                                parseInt(selectedProduct.productId),\n                                subscription,\n                                parseInt(selectedProduct.courseId),\n                                selectedProduct.lang,\n                                parseFloat(selectedProduct.price),\n                                parseInt(selectedProduct.activo)\n                            );\n                        }\n                    });\n                }\n            });\n            \n            \/\/ Manejar botones \"Matric\u00falate Gratis\"\n            document.querySelectorAll(\".matriculate-button\").forEach(function(button) {\n                button.addEventListener(\"click\", function(e) {\n                    e.stopPropagation();\n                    var courseId = this.getAttribute(\"data-course-id\");\n                    \n                    \/\/ Realizar la inscripci\u00f3n al curso mediante AJAX\n                    fetch(\"https:\/\/agrinewscampus.com\/wp-admin\/admin-ajax.php?action=enroll_user_to_course&course_id=\" + courseId, {\n                        method: \"GET\",\n                        credentials: \"same-origin\"\n                    })\n                    .then(function(response) {\n                        return response.json();\n                    })\n                    .then(function(data) {\n                        if (data.success) {\n                            location.reload();\n                        }\n                    })\n                    .catch(function(error) {\n                        console.error(\"Error al matricularse en el curso:\", error);\n                    });\n                });\n            });\n\n            \/\/ Tooltip JS para .product-selector-premium (evita overflow:hidden de main-card)\n            var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n            var premiumTooltip = null;\n            document.querySelectorAll(\".product-selector-premium\").forEach(function(el) {\n                el.addEventListener(\"mouseenter\", function() {\n                    premiumTooltip = document.createElement(\"div\");\n                    premiumTooltip.className = \"premium-tooltip-popup\";\n                    premiumTooltip.textContent = premiumTooltipText;\n                    document.body.appendChild(premiumTooltip);\n                    var rect = el.getBoundingClientRect();\n                    var ttW = premiumTooltip.offsetWidth;\n                    var ttH = premiumTooltip.offsetHeight;\n                    premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                    premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                    requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                });\n                el.addEventListener(\"mouseleave\", function() {\n                    if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                });\n            });\n        });\n    <\/script>\u200b<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-652e12b elementor-widget elementor-widget-spacer\" data-id=\"652e12b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CURSOS DE ESPECIALIZA\u00c7\u00c3O Ver cursos Nossos cursos de especializa\u00e7\u00e3o s\u00e3o desenvolvidos para profissionais do setor agropecu\u00e1rio que desejam aprofundar seus conhecimentos e desenvolver habilidades pr\u00e1ticas em \u00e1reas-chave. Nossos Cursos CURSOS PR\u00d3XIMOS Benef\u00edcios dos nossos cursos de especializa\u00e7\u00e3o Ao se formar conosco, voc\u00ea fortalecer\u00e1 suas bases t\u00e9cnicas para aplica\u00e7\u00e3o direta no campo. Forma\u00e7\u00e3o avan\u00e7ada para profissionais <\/p>\n","protected":false},"author":1,"featured_media":35477,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-35475","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/pages\/35475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/comments?post=35475"}],"version-history":[{"count":5,"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/pages\/35475\/revisions"}],"predecessor-version":[{"id":48831,"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/pages\/35475\/revisions\/48831"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/media\/35477"}],"wp:attachment":[{"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/media?parent=35475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/categories?post=35475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agrinewscampus.com\/pt-br\/wp-json\/wp\/v2\/tags?post=35475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}