{"id":31094,"date":"2020-11-25T06:52:03","date_gmt":"2020-11-25T06:52:03","guid":{"rendered":"https:\/\/agrinews.tv\/agrinewscampus\/specialized-courses\/"},"modified":"2026-09-23T15:47:01","modified_gmt":"2026-09-23T15:47:01","slug":"specialisation-courses","status":"publish","type":"page","link":"https:\/\/agrinewscampus.com\/en\/specialisation-courses\/","title":{"rendered":"Specialisation Courses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31094\" class=\"elementor elementor-31094 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-hidden-tablet elementor-hidden-mobile 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\t<h1 class=\"elementor-heading-title elementor-size-default\">SPECIALISATION COURSES<\/h1>\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>\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\t\t\t\t\t<p>Our <strong>specialist courses<\/strong> are designed for <strong>professionals in the agricultural sector<\/strong> who wish to <strong>deepen their knowledge and develop practical skills<\/strong> in key areas.<\/p>\t\t\t\t\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\t<h2 class=\"elementor-heading-title elementor-size-default\">Our <strong>Courses<\/strong><\/h2>\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\" data-widget_type=\"shortcode.default\">\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        .main-card1 {\n            position: relative;\n            isolation: isolate;\n            border-radius: 20px;\n            overflow: hidden;\n            width: 100%;\n            max-width: 438px;\n            margin: 0 auto 20px;\n            aspect-ratio: 3 \/ 4;\n            background-size: cover;\n            background-position: center;\n            background-blend-mode: multiply;\n            cursor: pointer;\n            transition: transform 0.35s cubic-bezier(.22,.68,0,1.2), box-shadow 0.35s ease;\n            box-shadow: 0 6px 24px rgba(0,0,0,0.18);\n        }\n        .main-card1:hover {\n            transform: translateY(-6px) scale(1.015);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.28);\n        }\n        .main-card1::after {\n            content: \"\\2197\";\n            position: absolute;\n            top: 16px;\n            right: 16px;\n            width: 36px;\n            height: 36px;\n            line-height: 34px;\n            text-align: center;\n            border-radius: 50%;\n            background: rgba(255,255,255,0.15);\n            backdrop-filter: blur(6px);\n            border: 1.5px solid rgba(255,255,255,0.5);\n            color: #FFF;\n            font-size: 17px;\n            z-index: 3;\n            opacity: 0;\n            transition: opacity 0.3s ease, background 0.3s ease;\n            pointer-events: none;\n        }\n        .main-card1:hover::after {\n            opacity: 1;\n            background: rgba(64,198,206,0.85);\n            border-color: #40C6CE;\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            position: absolute;\n            inset: 0;\n            z-index: 2;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            padding: 18px 18px 20px;\n        }\n        .main-card-top {\n            display: flex;\n            justify-content: flex-end;\n            align-items: flex-start;\n        }\n        .main-card-bottom {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\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\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(3, 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            \/* aspect-ratio controla el tama\u00f1o *\/\n        }\n\n        @media (max-width: 767px) {\n            .main-card1 {\n                aspect-ratio: 4 \/ 5;\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\/05\/Frame-5.png\" alt=\"All\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">All<\/button><button type=\"button\" class=\"main-filter-btn\" data-filter=\"avicultura\" style=\"width: 13%; display:flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Poultry\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">Poultry<\/button><\/div><div class=\"main-container js-main-container\"><div class=\"main-card1 js-main-item  \" data-category=\"\" data-url=\"https:\/\/agrinewscampus.com\/en\/courses\/advanced-applied-mycotoxin-management\/\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/05\/imagen-curso-micotoxinas.jpg);\"><div class=\"main-content\"><div class=\"main-card-top\"><\/div><div class=\"main-card-bottom\"><h3 class=\"main-title\" style=\"color: white !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/advanced-applied-mycotoxin-management\/\" target=\"_blank\">Advanced applied mycotoxin management<\/a><\/h3><div class=\"main-section1\"><div class=\"\"><p class=\"mb-0 text-left\" style=\"color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-weight: 500; font-size: 12px;\">CERTIFIED BY<\/p><div class=\"main-section-text\"> <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/certificacion-agrinews.svg\" alt=\"Certificaci\u00f3n\" width=\"300\" height=\"113\" style=\"max-width: 101px; max-height: 38px; margin-left: 5px; vertical-align: middle;\"><\/div><\/div><div class=\"\"><p class=\"mb-0 text-left\" style=\"color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);  font-weight: 500; font-size: 12px;\">TUTORED BY<\/p><div class=\"main-section-text\" style=\"display: flex; align-items: center;\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/jog-raj.jpeg\" style=\"width: 48px;border-radius: 40px;border: 4px solid #40C6CE;\"><span style=\"margin-left:8px;font-size: 13px;font-weight: 700;color: white;width: 50%;text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\">Dr. Jog Raj<\/span><\/div><\/div><\/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><style>\n                                .anc-product-choice {\n                                    display: flex;\n                                    flex-direction: column;\n                                    gap: 12px;\n                                    margin-top: 5%;\n                                }\n                                .anc-product-choice .product-choice-card {\n                                    border: 2px solid #d9e2e7;\n                                    border-radius: 16px;\n                                    background: #f7fbfd;\n                                    padding: 14px;\n                                    cursor: pointer;\n                                    transition: all 0.25s ease;\n                                }\n                                .anc-product-choice .product-choice-card.selected {\n                                    border-color: #40C6CE;\n                                    box-shadow: 0 0 0 3px rgba(64, 198, 206, 0.18);\n                                    background: #ffffff;\n                                }\n                                .anc-product-choice .product-choice-card--premium {\n                                    border-color: #0b3150;\n                                    background: #f2f8fc;\n                                }\n                                .anc-product-choice .product-choice-card--premium.selected {\n                                    border-color: #0b3150;\n                                    box-shadow: 0 0 0 3px rgba(11, 49, 80, 0.16);\n                                }\n                                .anc-product-choice .choice-head {\n                                    display: flex;\n                                    align-items: center;\n                                    gap: 10px;\n                                }\n                                .anc-product-choice .choice-badge {\n                                    margin-left: auto;\n                                    padding: 5px 9px;\n                                    border-radius: 999px;\n                                    background: #d8f5f3;\n                                    color: #075c61;\n                                    font-size: 10px;\n                                    font-weight: 800;\n                                    text-transform: uppercase;\n                                }\n                                .anc-product-choice .choice-radio {\n                                    width: 18px;\n                                    height: 18px;\n                                    accent-color: #6E2DD8;\n                                    margin: 0;\n                                    pointer-events: none;\n                                }\n                                .anc-product-choice .choice-label {\n                                    font-size: 14px;\n                                    color: #6a7b85;\n                                    font-weight: 500;\n                                }\n                                .anc-product-choice .choice-price {\n                                    margin-top: 4px;\n                                    font-size: 42px;\n                                    line-height: 1;\n                                    color: #1d7f86;\n                                    font-weight: 800;\n                                    text-align: center;\n                                }\n                                .anc-product-choice .choice-price-secondary {\n                                    font-size: 38px;\n                                }\n                                .anc-product-choice .choice-price-breakdown {\n                                    margin-top: 7px;\n                                    color: #526773;\n                                    font-size: 13px;\n                                    font-weight: 600;\n                                    text-align: center;\n                                }\n                                .anc-product-choice .choice-checklist {\n                                    display: none;\n                                    margin: 12px 0 0;\n                                    padding: 0;\n                                    list-style: none;\n                                }\n                                .anc-product-choice .product-choice-card.selected .choice-checklist {\n                                    display: block;\n                                }\n                                .anc-product-choice .choice-checklist li {\n                                    position: relative;\n                                    margin: 0 0 8px;\n                                    padding-left: 22px;\n                                    font-size: 14px;\n                                    line-height: 1.35;\n                                    color: #2e4952;\n                                }\n                                .anc-product-choice .choice-checklist li::before {\n                                    content: \"\\2713\";\n                                    position: absolute;\n                                    left: 0;\n                                    top: 0;\n                                    color: #40C6CE;\n                                    font-weight: 800;\n                                }\n                                .anc-product-choice .choice-checklist li.choice-checklist__excluded {\n                                    color: #b42332;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-checklist li.choice-checklist__excluded::before {\n                                    content: \"\\2715\";\n                                    color: #c62838;\n                                }\n                                .anc-product-choice .choice-checklist a {\n                                    color: #1d7f86;\n                                    text-decoration: underline;\n                                    text-decoration-thickness: 2px;\n                                    text-underline-offset: 2px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-checklist a:hover,\n                                .anc-product-choice .choice-checklist a:focus {\n                                    color: #145e63;\n                                    text-decoration: underline;\n                                }\n                                .anc-product-choice .choice-actions {\n                                    display: none;\n                                    margin-top: 12px;\n                                    gap: 8px;\n                                    flex-direction: column;\n                                }\n                                .anc-product-choice .product-choice-card.selected .choice-actions {\n                                    display: flex;\n                                }\n                                .anc-product-choice .choice-btn {\n                                    display: block;\n                                    width: 100%;\n                                    text-align: center;\n                                    border-radius: 12px;\n                                    padding: 11px 14px;\n                                    font-weight: 700;\n                                    text-decoration: none;\n                                    text-transform: none;\n                                }\n                                .anc-product-choice .choice-btn-add {\n                                    background: rgb(220, 53, 69);\n                                    color: #fff;\n                                    border: 2px solid rgb(220, 53, 69);\n                                }\n                                .anc-product-choice .choice-btn-buy {\n                                    background: transparent;\n                                    color: #40C6CE;\n                                    border: 2px solid #40C6CE;\n                                }\n                                .anc-product-choice .choice-btn-premium-upsell {\n                                    background: #c62838;\n                                    color: #ffffff;\n                                    border: 2px solid #c62838;\n                                    box-shadow: 0 3px 10px rgba(198, 40, 56, 0.2);\n                                    font-size: 15px;\n                                }\n                                .anc-product-choice .choice-btn-premium-upsell:hover,\n                                .anc-product-choice .choice-btn-premium-upsell:focus {\n                                    background: #a81f2e;\n                                    border-color: #a81f2e;\n                                    color: #ffffff;\n                                }\n                                .anc-product-choice {\n                                    display: block;\n                                    gap: 0;\n                                    padding: 18px;\n                                    border: 1px solid #d5dfe4;\n                                    border-radius: 8px;\n                                    background: #ffffff;\n                                    color: #0b3150;\n                                }\n                                .anc-product-choice .choice-tabs {\n                                    display: grid;\n                                    grid-template-columns: repeat(2, minmax(0, 1fr));\n                                    gap: 4px;\n                                    padding: 4px;\n                                    border-radius: 8px;\n                                    background: #edf2f4;\n                                }\n                                .anc-product-choice .product-choice-card {\n                                    appearance: none;\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: center;\n                                    width: 100%;\n                                    min-width: 0;\n                                    min-height: 46px;\n                                    margin: 0;\n                                    padding: 10px 8px;\n                                    border: 0;\n                                    border-radius: 6px;\n                                    background: transparent;\n                                    box-shadow: none;\n                                    color: #466071;\n                                    text-align: center;\n                                    cursor: pointer;\n                                }\n                                .anc-product-choice .product-choice-card.selected {\n                                    border: 1px solid #dce5e9;\n                                    background: #ffffff;\n                                    box-shadow: 0 1px 4px rgba(11, 49, 80, 0.12);\n                                    color: #0b3150;\n                                }\n                                .anc-product-choice .choice-radio {\n                                    display: none;\n                                }\n                                .anc-product-choice .choice-summary-badge {\n                                    padding: 6px 10px;\n                                    border-radius: 999px;\n                                    background: #d8f5f3;\n                                    color: #075c61;\n                                    font-size: 10px;\n                                    font-weight: 800;\n                                    text-transform: uppercase;\n                                }\n                                .anc-product-choice .choice-label {\n                                    color: inherit;\n                                    font-size: 14px;\n                                    font-weight: 600;\n                                }\n                                .anc-product-choice .choice-badge {\n                                    display: none;\n                                }\n                                .anc-product-choice .choice-summary {\n                                    padding-top: 20px;\n                                }\n                                .anc-product-choice .choice-intro {\n                                    margin-bottom: 14px;\n                                }\n                                .anc-product-choice .choice-intro h2 {\n                                    margin: 0;\n                                    color: #0b3150;\n                                    font-size: 18px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-intro p {\n                                    margin: 5px 0 0;\n                                    color: #607887;\n                                    font-size: 13px;\n                                }\n                                .anc-product-choice .choice-summary-heading,\n                                .anc-product-choice .choice-summary-row,\n                                .anc-product-choice .choice-total-row {\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: space-between;\n                                    gap: 12px;\n                                }\n                                .anc-product-choice .choice-summary-heading {\n                                    margin-bottom: 18px;\n                                }\n                                .anc-product-choice .choice-summary-heading h3 {\n                                    margin: 0;\n                                    color: #0b3150;\n                                    font-size: 16px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-badge {\n                                    padding: 6px 10px;\n                                    border-radius: 999px;\n                                    background: #d8f5f3;\n                                    color: #075c61;\n                                    font-size: 10px;\n                                    font-weight: 800;\n                                    text-transform: uppercase;\n                                }\n                                .anc-product-choice .choice-summary-row {\n                                    margin-bottom: 14px;\n                                    color: #0b3150;\n                                    font-size: 14px;\n                                }\n                                .anc-product-choice .choice-summary-row strong {\n                                    flex: 0 0 auto;\n                                    color: #0b3150;\n                                    font-size: 14px;\n                                    text-align: right;\n                                }\n                                .anc-product-choice .choice-summary-row small {\n                                    display: block;\n                                    margin-top: 3px;\n                                    color: #607887;\n                                    font-size: 12px;\n                                }\n                                .anc-product-choice .choice-course-prices {\n                                    text-align: right;\n                                }\n                                .anc-product-choice .choice-course-prices del {\n                                    display: block;\n                                    margin-top: 3px;\n                                    color: #84939b;\n                                    font-size: 12px;\n                                }\n                                .anc-product-choice .choice-discount-label {\n                                    display: block;\n                                    margin-top: 3px;\n                                    color: #14804a;\n                                    font-size: 12px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-savings {\n                                    display: flex;\n                                    align-items: center;\n                                    gap: 9px;\n                                    margin: 16px 0;\n                                    padding: 12px;\n                                    border-radius: 6px;\n                                    background: #dcf8e8;\n                                    color: #087443;\n                                    font-size: 14px;\n                                    font-weight: 600;\n                                }\n                                .anc-product-choice .choice-savings-mark {\n                                    display: inline-flex;\n                                    align-items: center;\n                                    justify-content: center;\n                                    width: 20px;\n                                    height: 20px;\n                                    border-radius: 50%;\n                                    background: #07854e;\n                                    color: #ffffff;\n                                    font-size: 13px;\n                                }\n                                .anc-product-choice .choice-total-row {\n                                    margin-top: 18px;\n                                    padding-top: 18px;\n                                    border-top: 1px solid #d5dfe4;\n                                }\n                                .anc-product-choice .choice-total-label {\n                                    color: #607887;\n                                    font-size: 12px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-total-label span {\n                                    display: block;\n                                    margin-top: 4px;\n                                    font-size: 12px;\n                                    font-weight: 400;\n                                }\n                                .anc-product-choice .choice-total-value {\n                                    color: #0b3150;\n                                    font-size: 36px;\n                                    line-height: 1;\n                                    font-weight: 800;\n                                    white-space: nowrap;\n                                }\n                                .anc-product-choice .choice-multiple-note {\n                                    margin: 8px 0 0;\n                                    color: #607887;\n                                    font-size: 12px;\n                                }\n                                .anc-product-choice .choice-regular-upsell {\n                                    margin-top: 18px;\n                                }\n                                .anc-product-choice .choice-regular-upsell ul,\n                                .anc-product-choice .choice-premium-benefits ul {\n                                    margin: 0;\n                                    padding: 0;\n                                    list-style: none;\n                                }\n                                .anc-product-choice .choice-regular-upsell li,\n                                .anc-product-choice .choice-premium-benefits li {\n                                    position: relative;\n                                    margin: 0 0 10px;\n                                    padding-left: 22px;\n                                    font-size: 14px;\n                                    line-height: 1.4;\n                                }\n                                .anc-product-choice .choice-regular-upsell li {\n                                    color: #b42332;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-regular-upsell li::before {\n                                    position: absolute;\n                                    left: 0;\n                                    color: #c62838;\n                                    content: \"\\2715\";\n                                    font-weight: 800;\n                                }\n                                .anc-product-choice .choice-premium-benefits {\n                                    margin-top: 22px;\n                                    padding-top: 18px;\n                                    border-top: 1px solid #d5dfe4;\n                                }\n                                .anc-product-choice .choice-premium-benefits h4 {\n                                    margin: 0 0 14px;\n                                    color: #607887;\n                                    font-size: 12px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-premium-benefits li {\n                                    color: #0b3150;\n                                }\n                                .anc-product-choice .choice-premium-benefits li::before {\n                                    position: absolute;\n                                    left: 0;\n                                    color: #0aa6a6;\n                                    content: \"\\2713\";\n                                    font-weight: 800;\n                                }\n                                .anc-product-choice .choice-premium-benefits a {\n                                    color: #0b6670;\n                                    font-weight: 700;\n                                    text-decoration: underline;\n                                    text-underline-offset: 2px;\n                                }\n                                .anc-product-choice .choice-actions {\n                                    display: flex !important;\n                                    flex-direction: column;\n                                    gap: 8px;\n                                    margin-top: 18px;\n                                }\n                                .anc-product-choice .choice-btn {\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: center;\n                                    width: 100%;\n                                    min-height: 46px;\n                                    padding: 11px 14px;\n                                    border-radius: 6px;\n                                    font-size: 14px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-btn-buy {\n                                    border: 2px solid #0b3150;\n                                    background: #0b3150;\n                                    color: #ffffff;\n                                }\n                                .anc-product-choice[data-selected-plan=\"regular\"] .choice-btn-buy {\n                                    border-color: #0b3150;\n                                    background: #ffffff;\n                                    color: #0b3150;\n                                }\n                                .anc-product-choice .choice-btn-premium-upsell {\n                                    min-height: 50px;\n                                    border: 2px solid #c62838;\n                                    background: #c62838;\n                                    color: #ffffff;\n                                    font-size: 15px;\n                                }\n                                .anc-product-choice [hidden] {\n                                    display: none !important;\n                                }\n                                @media (max-width: 767px) {\n                                    body.single-sfwd-courses {\n                                        padding-bottom: 0;\n                                    }\n                                    .anc-product-choice {\n                                        padding: 16px;\n                                    }\n                                    .anc-product-choice .choice-total-value {\n                                        font-size: 30px;\n                                    }\n                                }\n                                @media (max-width: 767px) {\n                                    body.single-sfwd-courses {\n                                        padding-bottom: 190px;\n                                    }\n                                    .anc-mobile-sticky-choice {\n                                        position: fixed;\n                                        left: 12px;\n                                        right: 12px;\n                                        bottom: calc(env(safe-area-inset-bottom, 0px) + 76px);\n                                        z-index: 9999;\n                                        background: #ffffff;\n                                        border: 1px solid #d9e2e7;\n                                        border-radius: 18px;\n                                        box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.16);\n                                        padding: 12px;\n                                    }\n                                    .anc-mobile-sticky-choice[hidden] {\n                                        display: none !important;\n                                    }\n                                    .anc-mobile-sticky-choice__summary {\n                                        display: flex;\n                                        align-items: center;\n                                        justify-content: space-between;\n                                        gap: 12px;\n                                    }\n                                    .anc-mobile-sticky-choice__label {\n                                        font-size: 13px;\n                                        font-weight: 700;\n                                        color: #48616a;\n                                    }\n                                    .anc-mobile-sticky-choice__price {\n                                        font-size: 30px;\n                                        line-height: 1;\n                                        font-weight: 800;\n                                        color: #1d7f86;\n                                        white-space: nowrap;\n                                    }\n                                    .anc-mobile-sticky-choice__actions {\n                                        display: flex;\n                                        gap: 8px;\n                                        margin-top: 10px;\n                                    }\n                                    .anc-mobile-sticky-choice__btn {\n                                        appearance: none;\n                                        -webkit-appearance: none;\n                                        flex: 1 1 0;\n                                        display: inline-flex;\n                                        align-items: center;\n                                        justify-content: center;\n                                        border-radius: 12px;\n                                        padding: 11px 12px;\n                                        font-size: 14px;\n                                        line-height: 1.2;\n                                        font-weight: 700;\n                                        text-align: center;\n                                        text-indent: 0;\n                                        text-transform: none;\n                                        text-shadow: none;\n                                        white-space: nowrap;\n                                        overflow: visible;\n                                        opacity: 1;\n                                        border: 2px solid transparent;\n                                    }\n                                    .anc-mobile-sticky-choice__btn--add {\n                                        background: rgb(220, 53, 69);\n                                        color: #fff;\n                                        border-color: rgb(220, 53, 69);\n                                    }\n                                    .anc-mobile-sticky-choice__btn--buy {\n                                        background: transparent;\n                                        color: #40C6CE !important;\n                                        border-color: #40C6CE;\n                                    }\n\n                                    .anc-mobile-sticky-choice__btn--buy:hover,\n                                    .anc-mobile-sticky-choice__btn--buy:focus,\n                                    .anc-mobile-sticky-choice__btn--buy:active,\n                                    .anc-mobile-sticky-choice__btn--buy:visited {\n                                        color: #40C6CE !important;\n                                        background: #ffffff;\n                                    }\n                                }\n                                                                \n                              <\/style>\n                              <div class=\"contiene-btns-precio anc-product-choice\" data-course-id=\"49739\" data-selected-plan=\"premium\">\n                                <div class=\"choice-intro\">\n                                    <h2>Choose how to access<\/h2>\n                                    <p>Select an option to see what is included.<\/p>\n                                <\/div>\n                                <div class=\"choice-tabs\" role=\"tablist\" aria-label=\"Choose how to access\">\n                                    <button type=\"button\" class=\"product-choice-card product-choice-card--premium selected\" id=\"choice-tab-premium-49739\" role=\"tab\" aria-controls=\"choice-summary-49739\" aria-selected=\"true\" data-product-id=\"591\" data-course-id=\"49739\" data-lang=\"en\" data-price=\"443\" data-subscription=\"1\" data-activo=\"0\">\n                                        <span class=\"choice-label\">Course + Premium Plan<\/span>\n                                    <\/button>\n                                    <button type=\"button\" class=\"product-choice-card product-choice-card--regular\" id=\"choice-tab-regular-49739\" role=\"tab\" aria-controls=\"choice-summary-49739\" aria-selected=\"false\" data-product-id=\"591\" data-course-id=\"49739\" data-lang=\"en\" data-price=\"550\" data-subscription=\"null\" data-activo=\"0\">\n                                        <span class=\"choice-label\">Course only<\/span>\n                                    <\/button>\n                                <\/div>\n                                <section class=\"choice-summary\" id=\"choice-summary-49739\" role=\"tabpanel\" aria-labelledby=\"choice-tab-premium-49739\">\n                                    <div class=\"choice-summary-heading\">\n                                        <h3>Your purchase<\/h3>\n                                        <span class=\"choice-summary-badge\" data-premium-only>MORE BENEFITS<\/span>\n                                    <\/div>\n                                    <div class=\"choice-summary-row\" data-premium-only>\n                                        <div><strong>Premium Plan<\/strong><small class=\"choice-plan-description\">Premium Plan<\/small><\/div>\n                                        <strong class=\"choice-subscription-price\">...<\/strong>\n                                    <\/div>\n                                    <div class=\"choice-summary-row\" data-premium-only>\n                                        <div><strong>This course with Premium Plan<\/strong><small class=\"choice-discount-label\">Discount applied<\/small><\/div>\n                                        <strong class=\"choice-course-prices\"><span class=\"choice-premium-course-price\">$443<\/span><del class=\"choice-regular-course-price\">$550<\/del><\/strong>\n                                    <\/div>\n                                    <div class=\"choice-summary-row\" data-regular-only hidden>\n                                        <strong>This course<\/strong>\n                                        <strong class=\"choice-regular-price-value\">$550<\/strong>\n                                    <\/div>\n                                    <div class=\"choice-savings\" data-premium-only hidden>\n                                        <span class=\"choice-savings-mark\">&#10003;<\/span>\n                                        <span class=\"choice-savings-copy\"><\/span>\n                                    <\/div>\n                                    <div class=\"choice-total-row\">\n                                        <div class=\"choice-total-label\">TOTAL DUE TODAY<span class=\"choice-total-description\">Subscription + course<\/span><\/div>\n                                        <strong class=\"choice-total-value\" aria-live=\"polite\">...<\/strong>\n                                    <\/div>\n                                    <div class=\"choice-regular-upsell\" data-regular-only hidden>\n                                        <ul>\n                                            <li>Your specialist magazine, delivered straight to your home.<\/li>\n                                            <li><a href=\"https:\/\/agrinewscampus.com\/en\/training-capsules\/\">Unlimited training capsules.<\/a><\/li>\n                                            <li>Your personal content library.<\/li>\n                                            <li>Exclusive discounts on courses and events.<\/li>\n                                        <\/ul>\n                                        <button type=\"button\" class=\"choice-btn choice-btn-premium-upsell\">View Course + Premium Plan<\/button>\n                                    <\/div>\n                                    <div class=\"choice-actions\">\n                                        <button type=\"button\" class=\"choice-btn choice-btn-buy\">Buy Course + Premium Plan<\/button>\n                                    <\/div>\n                                    <div class=\"choice-premium-benefits\" data-premium-only>\n                                        <h4>YOUR PREMIUM PLAN ALSO INCLUDES<\/h4>\n                                        <ul>\n                                            <li>The magazine of the specialist publication you choose, delivered directly to your home.<\/li>\n                                            <li><a href=\"https:\/\/agrinewscampus.com\/en\/training-capsules\/\">Unlimited access to all training capsules<\/a> from agriNews Campus.<\/li>\n                                            <li>A personal library to save your favorite content.<\/li>\n                                            <li>Exclusive discounts on specialization courses and agriNews events.<\/li>\n                                        <\/ul>\n                                    <\/div>\n                                <\/section>\n                              <\/div>\n                              <script>\n                                document.addEventListener(\"DOMContentLoaded\", function() {\n                                    var choiceCopy = {\"language\":\"en\",\"heading\":\"Choose how to access\",\"intro\":\"Select an option to see what is included.\",\"premium_tab\":\"Course + Premium Plan\",\"regular_tab\":\"Course only\",\"your_purchase\":\"Your purchase\",\"more_benefits\":\"MORE BENEFITS\",\"subscription\":\"Premium Plan\",\"plan\":\"Premium Plan\",\"course_premium\":\"This course with Premium Plan\",\"discount\":\"Discount applied\",\"course\":\"This course\",\"total_today\":\"TOTAL DUE TODAY\",\"total_premium\":\"Subscription + course\",\"total_regular\":\"Course only\",\"upsell_button\":\"View Course + Premium Plan\",\"buy_premium\":\"Buy Course + Premium Plan\",\"buy_regular\":\"Buy course only\",\"premium_includes\":\"YOUR PREMIUM PLAN ALSO INCLUDES\",\"calculating\":\"Calculating total...\",\"annual_plan\":\"Annual plan\",\"monthly_plan\":\"Monthly plan\",\"savings_prefix\":\"You save \",\"savings_suffix\":\" on this course\",\"purchase_error\":\"Could not prepare your purchase. Please try again later.\",\"price_error\":\"Check the total in your cart\"};\n                                    var container = document.querySelector(\".anc-product-choice[data-course-id=\\\"49739\\\"]\");\n                                    if (!container) {\n                                        return;\n                                    }\n\n                                    var cards = container.querySelectorAll(\".product-choice-card\");\n                                    if (!cards.length) {\n                                        return;\n                                    }\n\n                                    var premiumCard = container.querySelector(\".product-choice-card--premium\");\n                                    var regularCard = container.querySelector(\".product-choice-card--regular\");\n                                    var premiumPricing = null;\n                                    var totalElement = container.querySelector(\".choice-total-value\");\n                                    var buyButton = container.querySelector(\".choice-btn-buy\");\n\n                                    function getSelectedCard() {\n                                        return container.querySelector(\".product-choice-card.selected\") || premiumCard;\n                                    }\n\n                                    function formatMoney(amount, currency, language) {\n                                        var locale = language === \"en\" ? \"en-US\" : (language === \"pt\" ? \"pt-BR\" : \"es-ES\");\n                                        return new Intl.NumberFormat(locale, {\n                                            style: \"currency\",\n                                            currency: currency,\n                                            minimumFractionDigits: 0,\n                                            maximumFractionDigits: 2\n                                        }).format(amount);\n                                    }\n\n                                    function updateSummary() {\n                                        var selectedCard = getSelectedCard();\n                                        if (!selectedCard) {\n                                            return;\n                                        }\n\n                                        var isPremium = selectedCard.getAttribute(\"data-subscription\") === \"1\";\n                                        var regularPriceText = container.querySelector(\".choice-regular-price-value\").textContent.trim();\n                                        var premiumOnly = container.querySelectorAll(\"[data-premium-only]\");\n                                        var regularOnly = container.querySelectorAll(\"[data-regular-only]\");\n                                        premiumOnly.forEach(function(element) { element.hidden = !isPremium; });\n                                        regularOnly.forEach(function(element) { element.hidden = isPremium; });\n                                        container.setAttribute(\"data-selected-plan\", isPremium ? \"premium\" : \"regular\");\n                                        container.querySelector(\".choice-total-description\").textContent = isPremium ? choiceCopy.total_premium : choiceCopy.total_regular;\n\n                                        if (isPremium) {\n                                            var totalLabel = premiumPricing ? premiumPricing.totalLabel : choiceCopy.calculating;\n                                            totalElement.textContent = totalLabel;\n                                            container.querySelector(\".choice-subscription-price\").textContent = premiumPricing ? premiumPricing.subscriptionLabel : \"...\";\n                                            container.querySelector(\".choice-plan-description\").textContent = premiumPricing ? premiumPricing.planDescription : choiceCopy.plan;\n                                            buyButton.textContent = choiceCopy.buy_premium + (premiumPricing ? \" \u00b7 \" + totalLabel : \"\");\n\n                                            var regularPrice = parseFloat(regularCard.getAttribute(\"data-price\"));\n                                            var discountedPrice = parseFloat(premiumCard.getAttribute(\"data-price\"));\n                                            var savings = regularPrice - discountedPrice;\n                                            var savingsElement = container.querySelector(\".choice-savings\");\n                                            if (premiumPricing && savings > 0) {\n                                                savingsElement.hidden = false;\n                                                container.querySelector(\".choice-savings-copy\").textContent = choiceCopy.savings_prefix + formatMoney(savings, premiumPricing.currency, premiumPricing.language) + choiceCopy.savings_suffix;\n                                            } else {\n                                                savingsElement.hidden = true;\n                                            }\n                                        } else {\n                                            totalElement.textContent = regularPriceText;\n                                            buyButton.textContent = choiceCopy.buy_regular + (regularPriceText ? \" \u00b7 \" + regularPriceText : \"\");\n                                        }\n                                    }\n\n                                    function checkoutAfterAdd(card) {\n                                        var sub = card.getAttribute(\"data-subscription\");\n                                        return addToCart(\n                                            parseInt(card.getAttribute(\"data-product-id\"), 10),\n                                            sub === \"null\" ? null : parseInt(sub, 10),\n                                            parseInt(card.getAttribute(\"data-course-id\"), 10),\n                                            card.getAttribute(\"data-lang\"),\n                                            parseFloat(card.getAttribute(\"data-price\")),\n                                            parseInt(card.getAttribute(\"data-activo\"), 10),\n                                            false,\n                                            sub === \"1\"\n                                        ).then(function(added) {\n                                            if (added === \"subscription-choice-required\") {\n                                                if (typeof window.openCartPopup === \"function\") {\n                                                    window.openCartPopup();\n                                                }\n                                                return;\n                                            }\n                                            if (!added) {\n                                                alert(choiceCopy.purchase_error);\n                                                return;\n                                            }\n\n                                            var itemCheckout = JSON.parse(localStorage.getItem(\"item_checkout\")) || [];\n                                            var lang = localStorage.getItem(\"lang\") || \"es\";\n                                            var ids = new Set();\n                                            itemCheckout.forEach(function(item) {\n                                                if (item.subscription_id) {\n                                                    ids.add(item.subscription_id.toString());\n                                                }\n                                                if (item.product_id) {\n                                                    ids.add(item.product_id.toString());\n                                                }\n                                            });\n\n                                            if (ids.size) {\n                                                var productIds = Array.from(ids).join(\",\");\n                                                window.location.href = \"https:\/\/agrinewscampus.com\/checkout\/?ids=\" + productIds + \"&lang=\" + lang;\n                                            }\n                                        });\n                                    }\n\n                                    function updatePremiumTotal() {\n                                        var coursePrice = parseFloat(premiumCard.getAttribute(\"data-price\"));\n                                        var courseId = premiumCard.getAttribute(\"data-course-id\");\n                                        var region = premiumCard.getAttribute(\"data-lang\") || \"es\";\n                                        var displayLanguage = choiceCopy.language;\n                                        var endpoint = \"https:\/\/agrifm.org\/profile\/checkout\/products\/get-products-by-course\/?course_id=\" + encodeURIComponent(courseId) + \"&region=\" + encodeURIComponent(region);\n\n                                        fetch(endpoint)\n                                            .then(function(response) {\n                                                if (!response.ok) {\n                                                    throw new Error(\"No se pudieron cargar los precios Premium.\");\n                                                }\n                                                return response.json();\n                                            })\n                                            .then(function(data) {\n                                                var subscriptionsById = new Map();\n                                                if (data.success && Array.isArray(data.products)) {\n                                                    data.products.forEach(function(product) {\n                                                        (Array.isArray(product.subscriptions) ? product.subscriptions : []).forEach(function(subscription) {\n                                                            if (subscription.id && !subscriptionsById.has(String(subscription.id))) {\n                                                                subscriptionsById.set(String(subscription.id), subscription);\n                                                            }\n                                                        });\n                                                    });\n                                                }\n\n                                                var subscriptions = Array.from(subscriptionsById.values()).filter(function(subscription) {\n                                                    return Number.isFinite(parseFloat(subscription.price));\n                                                });\n                                                if (!subscriptions.length || !Number.isFinite(coursePrice)) {\n                                                    throw new Error(\"No hay precios Premium disponibles.\");\n                                                }\n\n                                                var subscriptionPrice = parseFloat(subscriptions[0].price);\n                                                var currency = String(subscriptions[0].currency || \"EUR\").toUpperCase();\n                                                var formatter = new Intl.NumberFormat(displayLanguage === \"en\" ? \"en-US\" : (displayLanguage === \"pt\" ? \"pt-BR\" : \"es-ES\"), {\n                                                    style: \"currency\",\n                                                    currency: currency,\n                                                    minimumFractionDigits: 0,\n                                                    maximumFractionDigits: 2\n                                                });\n                                                var totalPrice = coursePrice + subscriptionPrice;\n                                                premiumPricing = {\n                                                    currency: currency,\n                                                    region: region,\n                                                    language: displayLanguage,\n                                                    totalLabel: formatter.format(totalPrice),\n                                                    subscriptionLabel: formatter.format(subscriptionPrice),\n                                                    planDescription: \/anual|annual|year\/i.test(subscriptions[0].name || \"\")\n                                                        ? choiceCopy.annual_plan\n                                                        : (\/mensual|monthly|month\/i.test(subscriptions[0].name || \"\") ? choiceCopy.monthly_plan : choiceCopy.plan)\n                                                };\n                                                updateSummary();\n                                            })\n                                            .catch(function() {\n                                                totalElement.textContent = choiceCopy.price_error;\n                                                container.querySelector(\".choice-subscription-price\").textContent = \"\";\n                                            });\n                                    }\n\n                                    cards.forEach(function(card) {\n                                        card.addEventListener(\"click\", function() {\n                                            cards.forEach(function(item) {\n                                                item.classList.remove(\"selected\");\n                                                item.setAttribute(\"aria-selected\", \"false\");\n                                            });\n                                            card.classList.add(\"selected\");\n                                            card.setAttribute(\"aria-selected\", \"true\");\n                                            container.querySelector(\".choice-summary\").setAttribute(\"aria-labelledby\", card.id);\n                                            updateSummary();\n                                        });\n                                    });\n\n                                    container.querySelector(\".choice-btn-buy\").addEventListener(\"click\", function() {\n                                        checkoutAfterAdd(getSelectedCard());\n                                    });\n                                    container.querySelector(\".choice-btn-premium-upsell\").addEventListener(\"click\", function() {\n                                        var premiumTab = container.querySelector(\".product-choice-card--premium\");\n                                        if (premiumTab) {\n                                            premiumTab.click();\n                                            premiumTab.focus();\n                                        }\n                                    });\n\n                                    var defaultCard = container.querySelector(\".product-choice-card--premium\") || cards[0];\n                                    if (defaultCard) {\n                                        defaultCard.click();\n                                    }\n                                    updatePremiumTotal();\n                                });\n                              <\/script><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 49739;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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><div class=\"main-card1 js-main-item category-avicultura \" data-category=\"avicultura\" data-url=\"https:\/\/agrinewscampus.com\/en\/courses\/poultry-hatchery-course\/\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/01\/dreamstime_xs_34764233.jpg);\"><div class=\"main-content\"><div class=\"main-card-top\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Especie\" style=\"width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));\"><\/div><div class=\"main-card-bottom\"><h3 class=\"main-title\" style=\"color: white !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/poultry-hatchery-course\/\" target=\"_blank\">Poultry Hatchery Management Course (English)<\/a><\/h3><div class=\"main-section1\"><div class=\"\"><p class=\"mb-0 text-left\" style=\"color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-weight: 500; font-size: 12px;\">CERTIFIED BY<\/p><div class=\"main-section-text\"> <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/ncstate.svg\" alt=\"Certificaci\u00f3n\" width=\"300\" height=\"113\" style=\"max-width: 101px; max-height: 38px; margin-left: 5px; vertical-align: middle;\"><\/div><\/div><div class=\"\"><p class=\"mb-0 text-left\" style=\"color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);  font-weight: 500; font-size: 12px;\">TUTORED BY<\/p><div class=\"main-section-text\" style=\"display: flex; align-items: center;\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/edgar-oviedo-1-1.jpg\" style=\"width: 48px;border-radius: 40px;border: 4px solid #40C6CE;\"><span style=\"margin-left:8px;font-size: 13px;font-weight: 700;color: white;width: 50%;text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\">Dr. Edgar O. Oviedo Rond\u00f3n<\/span><\/div><\/div><\/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><style>\n                                .anc-product-choice {\n                                    display: flex;\n                                    flex-direction: column;\n                                    gap: 12px;\n                                    margin-top: 5%;\n                                }\n                                .anc-product-choice .product-choice-card {\n                                    border: 2px solid #d9e2e7;\n                                    border-radius: 16px;\n                                    background: #f7fbfd;\n                                    padding: 14px;\n                                    cursor: pointer;\n                                    transition: all 0.25s ease;\n                                }\n                                .anc-product-choice .product-choice-card.selected {\n                                    border-color: #40C6CE;\n                                    box-shadow: 0 0 0 3px rgba(64, 198, 206, 0.18);\n                                    background: #ffffff;\n                                }\n                                .anc-product-choice .product-choice-card--premium {\n                                    border-color: #0b3150;\n                                    background: #f2f8fc;\n                                }\n                                .anc-product-choice .product-choice-card--premium.selected {\n                                    border-color: #0b3150;\n                                    box-shadow: 0 0 0 3px rgba(11, 49, 80, 0.16);\n                                }\n                                .anc-product-choice .choice-head {\n                                    display: flex;\n                                    align-items: center;\n                                    gap: 10px;\n                                }\n                                .anc-product-choice .choice-badge {\n                                    margin-left: auto;\n                                    padding: 5px 9px;\n                                    border-radius: 999px;\n                                    background: #d8f5f3;\n                                    color: #075c61;\n                                    font-size: 10px;\n                                    font-weight: 800;\n                                    text-transform: uppercase;\n                                }\n                                .anc-product-choice .choice-radio {\n                                    width: 18px;\n                                    height: 18px;\n                                    accent-color: #6E2DD8;\n                                    margin: 0;\n                                    pointer-events: none;\n                                }\n                                .anc-product-choice .choice-label {\n                                    font-size: 14px;\n                                    color: #6a7b85;\n                                    font-weight: 500;\n                                }\n                                .anc-product-choice .choice-price {\n                                    margin-top: 4px;\n                                    font-size: 42px;\n                                    line-height: 1;\n                                    color: #1d7f86;\n                                    font-weight: 800;\n                                    text-align: center;\n                                }\n                                .anc-product-choice .choice-price-secondary {\n                                    font-size: 38px;\n                                }\n                                .anc-product-choice .choice-price-breakdown {\n                                    margin-top: 7px;\n                                    color: #526773;\n                                    font-size: 13px;\n                                    font-weight: 600;\n                                    text-align: center;\n                                }\n                                .anc-product-choice .choice-checklist {\n                                    display: none;\n                                    margin: 12px 0 0;\n                                    padding: 0;\n                                    list-style: none;\n                                }\n                                .anc-product-choice .product-choice-card.selected .choice-checklist {\n                                    display: block;\n                                }\n                                .anc-product-choice .choice-checklist li {\n                                    position: relative;\n                                    margin: 0 0 8px;\n                                    padding-left: 22px;\n                                    font-size: 14px;\n                                    line-height: 1.35;\n                                    color: #2e4952;\n                                }\n                                .anc-product-choice .choice-checklist li::before {\n                                    content: \"\\2713\";\n                                    position: absolute;\n                                    left: 0;\n                                    top: 0;\n                                    color: #40C6CE;\n                                    font-weight: 800;\n                                }\n                                .anc-product-choice .choice-checklist li.choice-checklist__excluded {\n                                    color: #b42332;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-checklist li.choice-checklist__excluded::before {\n                                    content: \"\\2715\";\n                                    color: #c62838;\n                                }\n                                .anc-product-choice .choice-checklist a {\n                                    color: #1d7f86;\n                                    text-decoration: underline;\n                                    text-decoration-thickness: 2px;\n                                    text-underline-offset: 2px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-checklist a:hover,\n                                .anc-product-choice .choice-checklist a:focus {\n                                    color: #145e63;\n                                    text-decoration: underline;\n                                }\n                                .anc-product-choice .choice-actions {\n                                    display: none;\n                                    margin-top: 12px;\n                                    gap: 8px;\n                                    flex-direction: column;\n                                }\n                                .anc-product-choice .product-choice-card.selected .choice-actions {\n                                    display: flex;\n                                }\n                                .anc-product-choice .choice-btn {\n                                    display: block;\n                                    width: 100%;\n                                    text-align: center;\n                                    border-radius: 12px;\n                                    padding: 11px 14px;\n                                    font-weight: 700;\n                                    text-decoration: none;\n                                    text-transform: none;\n                                }\n                                .anc-product-choice .choice-btn-add {\n                                    background: rgb(220, 53, 69);\n                                    color: #fff;\n                                    border: 2px solid rgb(220, 53, 69);\n                                }\n                                .anc-product-choice .choice-btn-buy {\n                                    background: transparent;\n                                    color: #40C6CE;\n                                    border: 2px solid #40C6CE;\n                                }\n                                .anc-product-choice .choice-btn-premium-upsell {\n                                    background: #c62838;\n                                    color: #ffffff;\n                                    border: 2px solid #c62838;\n                                    box-shadow: 0 3px 10px rgba(198, 40, 56, 0.2);\n                                    font-size: 15px;\n                                }\n                                .anc-product-choice .choice-btn-premium-upsell:hover,\n                                .anc-product-choice .choice-btn-premium-upsell:focus {\n                                    background: #a81f2e;\n                                    border-color: #a81f2e;\n                                    color: #ffffff;\n                                }\n                                .anc-product-choice {\n                                    display: block;\n                                    gap: 0;\n                                    padding: 18px;\n                                    border: 1px solid #d5dfe4;\n                                    border-radius: 8px;\n                                    background: #ffffff;\n                                    color: #0b3150;\n                                }\n                                .anc-product-choice .choice-tabs {\n                                    display: grid;\n                                    grid-template-columns: repeat(2, minmax(0, 1fr));\n                                    gap: 4px;\n                                    padding: 4px;\n                                    border-radius: 8px;\n                                    background: #edf2f4;\n                                }\n                                .anc-product-choice .product-choice-card {\n                                    appearance: none;\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: center;\n                                    width: 100%;\n                                    min-width: 0;\n                                    min-height: 46px;\n                                    margin: 0;\n                                    padding: 10px 8px;\n                                    border: 0;\n                                    border-radius: 6px;\n                                    background: transparent;\n                                    box-shadow: none;\n                                    color: #466071;\n                                    text-align: center;\n                                    cursor: pointer;\n                                }\n                                .anc-product-choice .product-choice-card.selected {\n                                    border: 1px solid #dce5e9;\n                                    background: #ffffff;\n                                    box-shadow: 0 1px 4px rgba(11, 49, 80, 0.12);\n                                    color: #0b3150;\n                                }\n                                .anc-product-choice .choice-radio {\n                                    display: none;\n                                }\n                                .anc-product-choice .choice-summary-badge {\n                                    padding: 6px 10px;\n                                    border-radius: 999px;\n                                    background: #d8f5f3;\n                                    color: #075c61;\n                                    font-size: 10px;\n                                    font-weight: 800;\n                                    text-transform: uppercase;\n                                }\n                                .anc-product-choice .choice-label {\n                                    color: inherit;\n                                    font-size: 14px;\n                                    font-weight: 600;\n                                }\n                                .anc-product-choice .choice-badge {\n                                    display: none;\n                                }\n                                .anc-product-choice .choice-summary {\n                                    padding-top: 20px;\n                                }\n                                .anc-product-choice .choice-intro {\n                                    margin-bottom: 14px;\n                                }\n                                .anc-product-choice .choice-intro h2 {\n                                    margin: 0;\n                                    color: #0b3150;\n                                    font-size: 18px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-intro p {\n                                    margin: 5px 0 0;\n                                    color: #607887;\n                                    font-size: 13px;\n                                }\n                                .anc-product-choice .choice-summary-heading,\n                                .anc-product-choice .choice-summary-row,\n                                .anc-product-choice .choice-total-row {\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: space-between;\n                                    gap: 12px;\n                                }\n                                .anc-product-choice .choice-summary-heading {\n                                    margin-bottom: 18px;\n                                }\n                                .anc-product-choice .choice-summary-heading h3 {\n                                    margin: 0;\n                                    color: #0b3150;\n                                    font-size: 16px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-badge {\n                                    padding: 6px 10px;\n                                    border-radius: 999px;\n                                    background: #d8f5f3;\n                                    color: #075c61;\n                                    font-size: 10px;\n                                    font-weight: 800;\n                                    text-transform: uppercase;\n                                }\n                                .anc-product-choice .choice-summary-row {\n                                    margin-bottom: 14px;\n                                    color: #0b3150;\n                                    font-size: 14px;\n                                }\n                                .anc-product-choice .choice-summary-row strong {\n                                    flex: 0 0 auto;\n                                    color: #0b3150;\n                                    font-size: 14px;\n                                    text-align: right;\n                                }\n                                .anc-product-choice .choice-summary-row small {\n                                    display: block;\n                                    margin-top: 3px;\n                                    color: #607887;\n                                    font-size: 12px;\n                                }\n                                .anc-product-choice .choice-course-prices {\n                                    text-align: right;\n                                }\n                                .anc-product-choice .choice-course-prices del {\n                                    display: block;\n                                    margin-top: 3px;\n                                    color: #84939b;\n                                    font-size: 12px;\n                                }\n                                .anc-product-choice .choice-discount-label {\n                                    display: block;\n                                    margin-top: 3px;\n                                    color: #14804a;\n                                    font-size: 12px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-savings {\n                                    display: flex;\n                                    align-items: center;\n                                    gap: 9px;\n                                    margin: 16px 0;\n                                    padding: 12px;\n                                    border-radius: 6px;\n                                    background: #dcf8e8;\n                                    color: #087443;\n                                    font-size: 14px;\n                                    font-weight: 600;\n                                }\n                                .anc-product-choice .choice-savings-mark {\n                                    display: inline-flex;\n                                    align-items: center;\n                                    justify-content: center;\n                                    width: 20px;\n                                    height: 20px;\n                                    border-radius: 50%;\n                                    background: #07854e;\n                                    color: #ffffff;\n                                    font-size: 13px;\n                                }\n                                .anc-product-choice .choice-total-row {\n                                    margin-top: 18px;\n                                    padding-top: 18px;\n                                    border-top: 1px solid #d5dfe4;\n                                }\n                                .anc-product-choice .choice-total-label {\n                                    color: #607887;\n                                    font-size: 12px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-total-label span {\n                                    display: block;\n                                    margin-top: 4px;\n                                    font-size: 12px;\n                                    font-weight: 400;\n                                }\n                                .anc-product-choice .choice-total-value {\n                                    color: #0b3150;\n                                    font-size: 36px;\n                                    line-height: 1;\n                                    font-weight: 800;\n                                    white-space: nowrap;\n                                }\n                                .anc-product-choice .choice-multiple-note {\n                                    margin: 8px 0 0;\n                                    color: #607887;\n                                    font-size: 12px;\n                                }\n                                .anc-product-choice .choice-regular-upsell {\n                                    margin-top: 18px;\n                                }\n                                .anc-product-choice .choice-regular-upsell ul,\n                                .anc-product-choice .choice-premium-benefits ul {\n                                    margin: 0;\n                                    padding: 0;\n                                    list-style: none;\n                                }\n                                .anc-product-choice .choice-regular-upsell li,\n                                .anc-product-choice .choice-premium-benefits li {\n                                    position: relative;\n                                    margin: 0 0 10px;\n                                    padding-left: 22px;\n                                    font-size: 14px;\n                                    line-height: 1.4;\n                                }\n                                .anc-product-choice .choice-regular-upsell li {\n                                    color: #b42332;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-regular-upsell li::before {\n                                    position: absolute;\n                                    left: 0;\n                                    color: #c62838;\n                                    content: \"\\2715\";\n                                    font-weight: 800;\n                                }\n                                .anc-product-choice .choice-premium-benefits {\n                                    margin-top: 22px;\n                                    padding-top: 18px;\n                                    border-top: 1px solid #d5dfe4;\n                                }\n                                .anc-product-choice .choice-premium-benefits h4 {\n                                    margin: 0 0 14px;\n                                    color: #607887;\n                                    font-size: 12px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-premium-benefits li {\n                                    color: #0b3150;\n                                }\n                                .anc-product-choice .choice-premium-benefits li::before {\n                                    position: absolute;\n                                    left: 0;\n                                    color: #0aa6a6;\n                                    content: \"\\2713\";\n                                    font-weight: 800;\n                                }\n                                .anc-product-choice .choice-premium-benefits a {\n                                    color: #0b6670;\n                                    font-weight: 700;\n                                    text-decoration: underline;\n                                    text-underline-offset: 2px;\n                                }\n                                .anc-product-choice .choice-actions {\n                                    display: flex !important;\n                                    flex-direction: column;\n                                    gap: 8px;\n                                    margin-top: 18px;\n                                }\n                                .anc-product-choice .choice-btn {\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: center;\n                                    width: 100%;\n                                    min-height: 46px;\n                                    padding: 11px 14px;\n                                    border-radius: 6px;\n                                    font-size: 14px;\n                                    font-weight: 700;\n                                }\n                                .anc-product-choice .choice-btn-buy {\n                                    border: 2px solid #0b3150;\n                                    background: #0b3150;\n                                    color: #ffffff;\n                                }\n                                .anc-product-choice[data-selected-plan=\"regular\"] .choice-btn-buy {\n                                    border-color: #0b3150;\n                                    background: #ffffff;\n                                    color: #0b3150;\n                                }\n                                .anc-product-choice .choice-btn-premium-upsell {\n                                    min-height: 50px;\n                                    border: 2px solid #c62838;\n                                    background: #c62838;\n                                    color: #ffffff;\n                                    font-size: 15px;\n                                }\n                                .anc-product-choice [hidden] {\n                                    display: none !important;\n                                }\n                                @media (max-width: 767px) {\n                                    body.single-sfwd-courses {\n                                        padding-bottom: 0;\n                                    }\n                                    .anc-product-choice {\n                                        padding: 16px;\n                                    }\n                                    .anc-product-choice .choice-total-value {\n                                        font-size: 30px;\n                                    }\n                                }\n                                @media (max-width: 767px) {\n                                    body.single-sfwd-courses {\n                                        padding-bottom: 190px;\n                                    }\n                                    .anc-mobile-sticky-choice {\n                                        position: fixed;\n                                        left: 12px;\n                                        right: 12px;\n                                        bottom: calc(env(safe-area-inset-bottom, 0px) + 76px);\n                                        z-index: 9999;\n                                        background: #ffffff;\n                                        border: 1px solid #d9e2e7;\n                                        border-radius: 18px;\n                                        box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.16);\n                                        padding: 12px;\n                                    }\n                                    .anc-mobile-sticky-choice[hidden] {\n                                        display: none !important;\n                                    }\n                                    .anc-mobile-sticky-choice__summary {\n                                        display: flex;\n                                        align-items: center;\n                                        justify-content: space-between;\n                                        gap: 12px;\n                                    }\n                                    .anc-mobile-sticky-choice__label {\n                                        font-size: 13px;\n                                        font-weight: 700;\n                                        color: #48616a;\n                                    }\n                                    .anc-mobile-sticky-choice__price {\n                                        font-size: 30px;\n                                        line-height: 1;\n                                        font-weight: 800;\n                                        color: #1d7f86;\n                                        white-space: nowrap;\n                                    }\n                                    .anc-mobile-sticky-choice__actions {\n                                        display: flex;\n                                        gap: 8px;\n                                        margin-top: 10px;\n                                    }\n                                    .anc-mobile-sticky-choice__btn {\n                                        appearance: none;\n                                        -webkit-appearance: none;\n                                        flex: 1 1 0;\n                                        display: inline-flex;\n                                        align-items: center;\n                                        justify-content: center;\n                                        border-radius: 12px;\n                                        padding: 11px 12px;\n                                        font-size: 14px;\n                                        line-height: 1.2;\n                                        font-weight: 700;\n                                        text-align: center;\n                                        text-indent: 0;\n                                        text-transform: none;\n                                        text-shadow: none;\n                                        white-space: nowrap;\n                                        overflow: visible;\n                                        opacity: 1;\n                                        border: 2px solid transparent;\n                                    }\n                                    .anc-mobile-sticky-choice__btn--add {\n                                        background: rgb(220, 53, 69);\n                                        color: #fff;\n                                        border-color: rgb(220, 53, 69);\n                                    }\n                                    .anc-mobile-sticky-choice__btn--buy {\n                                        background: transparent;\n                                        color: #40C6CE !important;\n                                        border-color: #40C6CE;\n                                    }\n\n                                    .anc-mobile-sticky-choice__btn--buy:hover,\n                                    .anc-mobile-sticky-choice__btn--buy:focus,\n                                    .anc-mobile-sticky-choice__btn--buy:active,\n                                    .anc-mobile-sticky-choice__btn--buy:visited {\n                                        color: #40C6CE !important;\n                                        background: #ffffff;\n                                    }\n                                }\n                                                                \n                              <\/style>\n                              <div class=\"contiene-btns-precio anc-product-choice\" data-course-id=\"38481\" data-selected-plan=\"premium\">\n                                <div class=\"choice-intro\">\n                                    <h2>Choose how to access<\/h2>\n                                    <p>Select an option to see what is included.<\/p>\n                                <\/div>\n                                <div class=\"choice-tabs\" role=\"tablist\" aria-label=\"Choose how to access\">\n                                    <button type=\"button\" class=\"product-choice-card product-choice-card--premium selected\" id=\"choice-tab-premium-38481\" role=\"tab\" aria-controls=\"choice-summary-38481\" aria-selected=\"true\" data-product-id=\"190\" data-course-id=\"38481\" data-lang=\"en\" data-price=\"375\" data-subscription=\"1\" data-activo=\"0\">\n                                        <span class=\"choice-label\">Course + Premium Plan<\/span>\n                                    <\/button>\n                                    <button type=\"button\" class=\"product-choice-card product-choice-card--regular\" id=\"choice-tab-regular-38481\" role=\"tab\" aria-controls=\"choice-summary-38481\" aria-selected=\"false\" data-product-id=\"190\" data-course-id=\"38481\" data-lang=\"en\" data-price=\"470\" data-subscription=\"null\" data-activo=\"0\">\n                                        <span class=\"choice-label\">Course only<\/span>\n                                    <\/button>\n                                <\/div>\n                                <section class=\"choice-summary\" id=\"choice-summary-38481\" role=\"tabpanel\" aria-labelledby=\"choice-tab-premium-38481\">\n                                    <div class=\"choice-summary-heading\">\n                                        <h3>Your purchase<\/h3>\n                                        <span class=\"choice-summary-badge\" data-premium-only>MORE BENEFITS<\/span>\n                                    <\/div>\n                                    <div class=\"choice-summary-row\" data-premium-only>\n                                        <div><strong>Premium Plan<\/strong><small class=\"choice-plan-description\">Premium Plan<\/small><\/div>\n                                        <strong class=\"choice-subscription-price\">...<\/strong>\n                                    <\/div>\n                                    <div class=\"choice-summary-row\" data-premium-only>\n                                        <div><strong>This course with Premium Plan<\/strong><small class=\"choice-discount-label\">Discount applied<\/small><\/div>\n                                        <strong class=\"choice-course-prices\"><span class=\"choice-premium-course-price\">$375<\/span><del class=\"choice-regular-course-price\">$470<\/del><\/strong>\n                                    <\/div>\n                                    <div class=\"choice-summary-row\" data-regular-only hidden>\n                                        <strong>This course<\/strong>\n                                        <strong class=\"choice-regular-price-value\">$470<\/strong>\n                                    <\/div>\n                                    <div class=\"choice-savings\" data-premium-only hidden>\n                                        <span class=\"choice-savings-mark\">&#10003;<\/span>\n                                        <span class=\"choice-savings-copy\"><\/span>\n                                    <\/div>\n                                    <div class=\"choice-total-row\">\n                                        <div class=\"choice-total-label\">TOTAL DUE TODAY<span class=\"choice-total-description\">Subscription + course<\/span><\/div>\n                                        <strong class=\"choice-total-value\" aria-live=\"polite\">...<\/strong>\n                                    <\/div>\n                                    <div class=\"choice-regular-upsell\" data-regular-only hidden>\n                                        <ul>\n                                            <li>Your specialist magazine, delivered straight to your home.<\/li>\n                                            <li><a href=\"https:\/\/agrinewscampus.com\/en\/training-capsules\/\">Unlimited training capsules.<\/a><\/li>\n                                            <li>Your personal content library.<\/li>\n                                            <li>Exclusive discounts on courses and events.<\/li>\n                                        <\/ul>\n                                        <button type=\"button\" class=\"choice-btn choice-btn-premium-upsell\">View Course + Premium Plan<\/button>\n                                    <\/div>\n                                    <div class=\"choice-actions\">\n                                        <button type=\"button\" class=\"choice-btn choice-btn-buy\">Buy Course + Premium Plan<\/button>\n                                    <\/div>\n                                    <div class=\"choice-premium-benefits\" data-premium-only>\n                                        <h4>YOUR PREMIUM PLAN ALSO INCLUDES<\/h4>\n                                        <ul>\n                                            <li>The magazine of the specialist publication you choose, delivered directly to your home.<\/li>\n                                            <li><a href=\"https:\/\/agrinewscampus.com\/en\/training-capsules\/\">Unlimited access to all training capsules<\/a> from agriNews Campus.<\/li>\n                                            <li>A personal library to save your favorite content.<\/li>\n                                            <li>Exclusive discounts on specialization courses and agriNews events.<\/li>\n                                        <\/ul>\n                                    <\/div>\n                                <\/section>\n                              <\/div>\n                              <script>\n                                document.addEventListener(\"DOMContentLoaded\", function() {\n                                    var choiceCopy = {\"language\":\"en\",\"heading\":\"Choose how to access\",\"intro\":\"Select an option to see what is included.\",\"premium_tab\":\"Course + Premium Plan\",\"regular_tab\":\"Course only\",\"your_purchase\":\"Your purchase\",\"more_benefits\":\"MORE BENEFITS\",\"subscription\":\"Premium Plan\",\"plan\":\"Premium Plan\",\"course_premium\":\"This course with Premium Plan\",\"discount\":\"Discount applied\",\"course\":\"This course\",\"total_today\":\"TOTAL DUE TODAY\",\"total_premium\":\"Subscription + course\",\"total_regular\":\"Course only\",\"upsell_button\":\"View Course + Premium Plan\",\"buy_premium\":\"Buy Course + Premium Plan\",\"buy_regular\":\"Buy course only\",\"premium_includes\":\"YOUR PREMIUM PLAN ALSO INCLUDES\",\"calculating\":\"Calculating total...\",\"annual_plan\":\"Annual plan\",\"monthly_plan\":\"Monthly plan\",\"savings_prefix\":\"You save \",\"savings_suffix\":\" on this course\",\"purchase_error\":\"Could not prepare your purchase. Please try again later.\",\"price_error\":\"Check the total in your cart\"};\n                                    var container = document.querySelector(\".anc-product-choice[data-course-id=\\\"38481\\\"]\");\n                                    if (!container) {\n                                        return;\n                                    }\n\n                                    var cards = container.querySelectorAll(\".product-choice-card\");\n                                    if (!cards.length) {\n                                        return;\n                                    }\n\n                                    var premiumCard = container.querySelector(\".product-choice-card--premium\");\n                                    var regularCard = container.querySelector(\".product-choice-card--regular\");\n                                    var premiumPricing = null;\n                                    var totalElement = container.querySelector(\".choice-total-value\");\n                                    var buyButton = container.querySelector(\".choice-btn-buy\");\n\n                                    function getSelectedCard() {\n                                        return container.querySelector(\".product-choice-card.selected\") || premiumCard;\n                                    }\n\n                                    function formatMoney(amount, currency, language) {\n                                        var locale = language === \"en\" ? \"en-US\" : (language === \"pt\" ? \"pt-BR\" : \"es-ES\");\n                                        return new Intl.NumberFormat(locale, {\n                                            style: \"currency\",\n                                            currency: currency,\n                                            minimumFractionDigits: 0,\n                                            maximumFractionDigits: 2\n                                        }).format(amount);\n                                    }\n\n                                    function updateSummary() {\n                                        var selectedCard = getSelectedCard();\n                                        if (!selectedCard) {\n                                            return;\n                                        }\n\n                                        var isPremium = selectedCard.getAttribute(\"data-subscription\") === \"1\";\n                                        var regularPriceText = container.querySelector(\".choice-regular-price-value\").textContent.trim();\n                                        var premiumOnly = container.querySelectorAll(\"[data-premium-only]\");\n                                        var regularOnly = container.querySelectorAll(\"[data-regular-only]\");\n                                        premiumOnly.forEach(function(element) { element.hidden = !isPremium; });\n                                        regularOnly.forEach(function(element) { element.hidden = isPremium; });\n                                        container.setAttribute(\"data-selected-plan\", isPremium ? \"premium\" : \"regular\");\n                                        container.querySelector(\".choice-total-description\").textContent = isPremium ? choiceCopy.total_premium : choiceCopy.total_regular;\n\n                                        if (isPremium) {\n                                            var totalLabel = premiumPricing ? premiumPricing.totalLabel : choiceCopy.calculating;\n                                            totalElement.textContent = totalLabel;\n                                            container.querySelector(\".choice-subscription-price\").textContent = premiumPricing ? premiumPricing.subscriptionLabel : \"...\";\n                                            container.querySelector(\".choice-plan-description\").textContent = premiumPricing ? premiumPricing.planDescription : choiceCopy.plan;\n                                            buyButton.textContent = choiceCopy.buy_premium + (premiumPricing ? \" \u00b7 \" + totalLabel : \"\");\n\n                                            var regularPrice = parseFloat(regularCard.getAttribute(\"data-price\"));\n                                            var discountedPrice = parseFloat(premiumCard.getAttribute(\"data-price\"));\n                                            var savings = regularPrice - discountedPrice;\n                                            var savingsElement = container.querySelector(\".choice-savings\");\n                                            if (premiumPricing && savings > 0) {\n                                                savingsElement.hidden = false;\n                                                container.querySelector(\".choice-savings-copy\").textContent = choiceCopy.savings_prefix + formatMoney(savings, premiumPricing.currency, premiumPricing.language) + choiceCopy.savings_suffix;\n                                            } else {\n                                                savingsElement.hidden = true;\n                                            }\n                                        } else {\n                                            totalElement.textContent = regularPriceText;\n                                            buyButton.textContent = choiceCopy.buy_regular + (regularPriceText ? \" \u00b7 \" + regularPriceText : \"\");\n                                        }\n                                    }\n\n                                    function checkoutAfterAdd(card) {\n                                        var sub = card.getAttribute(\"data-subscription\");\n                                        return addToCart(\n                                            parseInt(card.getAttribute(\"data-product-id\"), 10),\n                                            sub === \"null\" ? null : parseInt(sub, 10),\n                                            parseInt(card.getAttribute(\"data-course-id\"), 10),\n                                            card.getAttribute(\"data-lang\"),\n                                            parseFloat(card.getAttribute(\"data-price\")),\n                                            parseInt(card.getAttribute(\"data-activo\"), 10),\n                                            false,\n                                            sub === \"1\"\n                                        ).then(function(added) {\n                                            if (added === \"subscription-choice-required\") {\n                                                if (typeof window.openCartPopup === \"function\") {\n                                                    window.openCartPopup();\n                                                }\n                                                return;\n                                            }\n                                            if (!added) {\n                                                alert(choiceCopy.purchase_error);\n                                                return;\n                                            }\n\n                                            var itemCheckout = JSON.parse(localStorage.getItem(\"item_checkout\")) || [];\n                                            var lang = localStorage.getItem(\"lang\") || \"es\";\n                                            var ids = new Set();\n                                            itemCheckout.forEach(function(item) {\n                                                if (item.subscription_id) {\n                                                    ids.add(item.subscription_id.toString());\n                                                }\n                                                if (item.product_id) {\n                                                    ids.add(item.product_id.toString());\n                                                }\n                                            });\n\n                                            if (ids.size) {\n                                                var productIds = Array.from(ids).join(\",\");\n                                                window.location.href = \"https:\/\/agrinewscampus.com\/checkout\/?ids=\" + productIds + \"&lang=\" + lang;\n                                            }\n                                        });\n                                    }\n\n                                    function updatePremiumTotal() {\n                                        var coursePrice = parseFloat(premiumCard.getAttribute(\"data-price\"));\n                                        var courseId = premiumCard.getAttribute(\"data-course-id\");\n                                        var region = premiumCard.getAttribute(\"data-lang\") || \"es\";\n                                        var displayLanguage = choiceCopy.language;\n                                        var endpoint = \"https:\/\/agrifm.org\/profile\/checkout\/products\/get-products-by-course\/?course_id=\" + encodeURIComponent(courseId) + \"&region=\" + encodeURIComponent(region);\n\n                                        fetch(endpoint)\n                                            .then(function(response) {\n                                                if (!response.ok) {\n                                                    throw new Error(\"No se pudieron cargar los precios Premium.\");\n                                                }\n                                                return response.json();\n                                            })\n                                            .then(function(data) {\n                                                var subscriptionsById = new Map();\n                                                if (data.success && Array.isArray(data.products)) {\n                                                    data.products.forEach(function(product) {\n                                                        (Array.isArray(product.subscriptions) ? product.subscriptions : []).forEach(function(subscription) {\n                                                            if (subscription.id && !subscriptionsById.has(String(subscription.id))) {\n                                                                subscriptionsById.set(String(subscription.id), subscription);\n                                                            }\n                                                        });\n                                                    });\n                                                }\n\n                                                var subscriptions = Array.from(subscriptionsById.values()).filter(function(subscription) {\n                                                    return Number.isFinite(parseFloat(subscription.price));\n                                                });\n                                                if (!subscriptions.length || !Number.isFinite(coursePrice)) {\n                                                    throw new Error(\"No hay precios Premium disponibles.\");\n                                                }\n\n                                                var subscriptionPrice = parseFloat(subscriptions[0].price);\n                                                var currency = String(subscriptions[0].currency || \"EUR\").toUpperCase();\n                                                var formatter = new Intl.NumberFormat(displayLanguage === \"en\" ? \"en-US\" : (displayLanguage === \"pt\" ? \"pt-BR\" : \"es-ES\"), {\n                                                    style: \"currency\",\n                                                    currency: currency,\n                                                    minimumFractionDigits: 0,\n                                                    maximumFractionDigits: 2\n                                                });\n                                                var totalPrice = coursePrice + subscriptionPrice;\n                                                premiumPricing = {\n                                                    currency: currency,\n                                                    region: region,\n                                                    language: displayLanguage,\n                                                    totalLabel: formatter.format(totalPrice),\n                                                    subscriptionLabel: formatter.format(subscriptionPrice),\n                                                    planDescription: \/anual|annual|year\/i.test(subscriptions[0].name || \"\")\n                                                        ? choiceCopy.annual_plan\n                                                        : (\/mensual|monthly|month\/i.test(subscriptions[0].name || \"\") ? choiceCopy.monthly_plan : choiceCopy.plan)\n                                                };\n                                                updateSummary();\n                                            })\n                                            .catch(function() {\n                                                totalElement.textContent = choiceCopy.price_error;\n                                                container.querySelector(\".choice-subscription-price\").textContent = \"\";\n                                            });\n                                    }\n\n                                    cards.forEach(function(card) {\n                                        card.addEventListener(\"click\", function() {\n                                            cards.forEach(function(item) {\n                                                item.classList.remove(\"selected\");\n                                                item.setAttribute(\"aria-selected\", \"false\");\n                                            });\n                                            card.classList.add(\"selected\");\n                                            card.setAttribute(\"aria-selected\", \"true\");\n                                            container.querySelector(\".choice-summary\").setAttribute(\"aria-labelledby\", card.id);\n                                            updateSummary();\n                                        });\n                                    });\n\n                                    container.querySelector(\".choice-btn-buy\").addEventListener(\"click\", function() {\n                                        checkoutAfterAdd(getSelectedCard());\n                                    });\n                                    container.querySelector(\".choice-btn-premium-upsell\").addEventListener(\"click\", function() {\n                                        var premiumTab = container.querySelector(\".product-choice-card--premium\");\n                                        if (premiumTab) {\n                                            premiumTab.click();\n                                            premiumTab.focus();\n                                        }\n                                    });\n\n                                    var defaultCard = container.querySelector(\".product-choice-card--premium\") || cards[0];\n                                    if (defaultCard) {\n                                        defaultCard.click();\n                                    }\n                                    updatePremiumTotal();\n                                });\n                              <\/script><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 38481;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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><\/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<div class=\"elementor-element elementor-element-befb690 e-flex e-con-boxed e-con e-parent\" data-id=\"befb690\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong>Benefits<\/strong> of our <strong>specialist courses<\/strong><\/h2>\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\t\t\t\t\t<p>By training with us <strong>, you will improve your technical skills <\/strong> so that you can put them into practice straight away in the field.<\/p>\n\t\t\t\t\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\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-48329\" 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 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\t\t\t\t\t<p><span><strong>Advanced training<\/strong> for professionals in the agricultural sector<\/span><\/p>\n\t\t\t\t\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\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" 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-48335\" 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 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\t\t\t\t\t<p><span>Access to <strong>high-quality practical<\/strong> and <strong>theoretical<\/strong> content<\/span><\/p>\n\t\t\t\t\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\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" 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-48332\" 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 class=\"elementor-element elementor-element-90cfddd elementor-widget__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\t\t\t\t\t<p><span><strong>Official certification<\/strong> that validates your knowledge<\/span><\/p>\n\t\t\t\t\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\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-48338\" 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 class=\"elementor-element elementor-element-d822447 elementor-widget__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\t\t\t\t\t<p><span>Option to <strong>combine courses<\/strong> according to your area of interest<\/span><\/p>\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-2b30877 e-con-full e-flex e-con e-parent\" data-id=\"2b30877\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1459872 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"1459872\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1247\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-152-1-scaled.png\" class=\"attachment-full size-full wp-image-50138\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-152-1-scaled.png 2560w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-152-1-300x146.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-152-1-1024x499.png 1024w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-152-1-768x374.png 768w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-152-1-1536x748.png 1536w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-152-1-2048x998.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\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<div class=\"elementor-element elementor-element-64ec8bd e-flex e-con-boxed e-con e-parent\" data-id=\"64ec8bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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\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-48344\" 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<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\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong>Who are our courses aimed at?<\/strong><\/h2>\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\t\t\t\t\t<p><strong>Professionals, technicians, advanced students<\/strong> and <strong>companies in the agriculture and livestock sector<\/strong> looking to specialise and keep up to date with industry trends, techniques and regulations.<\/p>\n\t\t\t\t\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-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-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\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 class=\"elementor-element elementor-element-1e69fa9 titlemovil 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\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/agrinews.tv\/agrinewscampus\/sumario-capsulas\/\" target=\"_blank\" rel=\"noopener\">ADVANCED TRAINING<\/a><\/div>\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\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\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            min-height: 140px;\n            height: auto;\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            background: linear-gradient(\n                to top,\n                rgba(10,10,20,0.88) 0%,\n                rgba(10,10,20,0.45) 45%,\n                rgba(10,10,20,0.08) 100%\n            );\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            aspect-ratio: 438 \/ 300;\n            height: auto;\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                min-height: 160px;\n                height: auto;\n            }\n\n            .main-card {\n                aspect-ratio: 438 \/ 300;\n                height: auto;\n            }\n\n        }\n\n        @media (min-width: 992px) and (max-width: 1199px) {\n            .main-container {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (min-width: 768px) and (max-width: 991px) {\n            .main-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 767px) {\n\n          .main-content1 {\n                min-height: 120px;\n                height: auto;\n            }\n\n            .main-card {\n                aspect-ratio: 16 \/ 11;\n                height: auto;\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: \"premium price\" !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: \"Eres premium: \u00a1tienes descuento!\" !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\/05\/Frame-5.png\" alt=\"All\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">All <\/button><button type=\"button\" class=\"advanced-filter-btn\" data-filter=\"avicultura\" style=\"width: 13%; display:flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Poultry\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">Poultry <\/button><button type=\"button\" class=\"advanced-filter-btn\" data-filter=\"nutricion\" style=\"width: 13%; display:flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/nutricion.svg\" alt=\"Nutrition\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">Nutrition <\/button><\/div><div class=\"main-container js-main-container\"><div class=\"main-card js-main-item category-avicultura category-nutricion \" data-category=\"avicultura,nutricion\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), 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\/en\/courses\/feed-management-in-poultry-farms-advanced-training\/\" target=\"_blank\">Feed management in poultry farms | Advanced training<\/a><\/h3><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Especie\" style=\"max-width: 60px; max-height: 60px; object-fit: contain;\"><\/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 class=\"anc-price-text-only\" style=\"margin-top: 14px; font-size: 18px; line-height: 1.4;\"><p style=\"margin: 0; color: #ffffff !important;\"><strong>$55<\/strong><\/p><\/div><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 38756;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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-nutricion \" data-category=\"nutricion\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Formacion-avanzada-Buenas-practicas-de-produccion-3.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\/en\/courses\/good-production-practices-for-the-animal-feed-industry-advanced-training\/\" target=\"_blank\">Good Production Practices for the Animal Feed Industry | Advanced Training<\/a><\/h3><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/nutricion.svg\" alt=\"Especie\" style=\"max-width: 60px; max-height: 60px; object-fit: contain;\"><\/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 class=\"anc-price-text-only\" style=\"margin-top: 14px; font-size: 18px; line-height: 1.4;\"><p style=\"margin: 0; color: #ffffff !important;\"><strong>$55<\/strong><\/p><\/div><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 38897;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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-avicultura \" data-category=\"avicultura\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), 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\/en\/courses\/management-of-the-first-week-of-the-chick-advanced-training\/\" target=\"_blank\">Management of the first week of the chick | Advanced training<\/a><\/h3><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Especie\" style=\"max-width: 60px; max-height: 60px; object-fit: contain;\"><\/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 class=\"anc-price-text-only\" style=\"margin-top: 14px; font-size: 18px; line-height: 1.4;\"><p style=\"margin: 0; color: #ffffff !important;\"><strong>$55<\/strong><\/p><\/div><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 38762;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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-avicultura \" data-category=\"avicultura\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), 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\/en\/courses\/chicken-pre-reception-advanced-training\/\" target=\"_blank\">Chicken pre-reception | Advanced training<\/a><\/h3><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Especie\" style=\"max-width: 60px; max-height: 60px; object-fit: contain;\"><\/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 class=\"anc-price-text-only\" style=\"margin-top: 14px; font-size: 18px; line-height: 1.4;\"><p style=\"margin: 0; color: #ffffff !important;\"><strong>$55<\/strong><\/p><\/div><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 38768;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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: \"Select an option\",\n                                text: \"Please select a product type before adding to cart\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Understood\"\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 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\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-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\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 class=\"elementor-element elementor-element-708cce5 titlemovil elementor-widget elementor-widget-heading\" data-id=\"708cce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/agrinews.tv\/agrinewscampus\/sumario-capsulas\/\" target=\"_blank\" rel=\"noopener\">TRAINING CAPSULES<\/a><\/div>\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\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-evenly;\n            display: flex;\n            flex-direction: column;\n            min-height: 140px;\n            height: auto;\n        }\n        .main-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n        }\n        .main-card {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            border-radius: 15px;\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            aspect-ratio: 438 \/ 300;\n            height: auto;\n            max-height: none;\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                min-height: 160px;\n                height: auto;\n            }\n\n            .main-card {\n                aspect-ratio: 438 \/ 300;\n                height: auto;\n            }\n\n        }\n\n        @media (min-width: 992px) and (max-width: 1199px) {\n            .main-container {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (min-width: 768px) and (max-width: 991px) {\n            .main-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 767px) {\n\n            .main-content1 {\n                min-height: 120px;\n                height: auto;\n            }\n\n            .main-card {\n                aspect-ratio: 16 \/ 11;\n                height: auto;\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: \"premium price\" !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: \"Eres premium: \u00a1tienes descuento!\" !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\/05\/Frame-5.png\" alt=\"All\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">All<\/button><button type=\"button\" class=\"capsula-filter-btn\" data-filter=\"avicultura\" style=\"width: 13%; display:flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Poultry\" style=\"max-width: 30px; max-height: 30px; object-fit: contain; margin-right: 8px; vertical-align: middle;\">Poultry<\/button><\/div><div class=\"main-container js-capsulas-container\"><div class=\"main-card js-capsula-item category-avicultura \" data-category=\"avicultura\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), 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\/en\/courses\/egg-structure-capsule\/\" target=\"_blank\">Egg structure | Capsule<\/a><\/h3><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Especie\" style=\"max-width: 60px; max-height: 60px; object-fit: contain;\"><\/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 class=\"anc-price-text-only\" style=\"margin-top: 14px; font-size: 18px; line-height: 1.4;\"><p style=\"margin: 0; color: #ffffff !important;\"><strong>$35<\/strong><\/p><\/div><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 38802;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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-avicultura \" data-category=\"avicultura\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Amprocampus-mito-hormonas-.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\/en\/courses\/the-myth-of-hormones-in-chicken-meat-capsule\/\" target=\"_blank\">The myth of hormones in chicken meat | Capsule<\/a><\/h3><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Especie\" style=\"max-width: 60px; max-height: 60px; object-fit: contain;\"><\/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 class=\"anc-price-text-only\" style=\"margin-top: 14px; font-size: 18px; line-height: 1.4;\"><p style=\"margin: 0; color: #ffffff !important;\"><strong>$35<\/strong><\/p><\/div><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 38808;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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-avicultura \" data-category=\"avicultura\" style=\"background-image: linear-gradient(to top, rgba(10,10,20,0.96) 0%, rgba(10,10,20,0.78) 28%, rgba(10,10,20,0.38) 58%, rgba(10,10,20,0.12) 82%, rgba(10,10,20,0.00) 100%), 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\/en\/courses\/reproductive-system-of-the-chicken-capsule\/\" target=\"_blank\">Reproductive system of the chicken | Capsule<\/a><\/h3><img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Especie\" style=\"max-width: 60px; max-height: 60px; object-fit: contain;\"><\/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 class=\"anc-price-text-only\" style=\"margin-top: 14px; font-size: 18px; line-height: 1.4;\"><p style=\"margin: 0; color: #ffffff !important;\"><strong>$35<\/strong><\/p><\/div><style>\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                    display: none !important;\n                }\n\n                .product-selector-premium::before {\n                    display: none !important;\n                }\n\n                .product-selector-premium-si::before {\n                    display: none !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                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:not(.selected):hover,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:focus-visible,\n                .product-selector.anc-member-premium-card__buy[data-subscription=\"null\"]:active {\n                    border: 0 !important;\n                    border-color: #124466 !important;\n                    background: #124466 !important;\n                    box-shadow: none !important;\n                    color: #ffffff !important;\n                    transform: none !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 = 38815;\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                \n                \/\/ Manejar selecci\u00f3n de productos \u2014 a\u00f1adir al carrito directamente al hacer clic\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        if (this.classList.contains(\"anc-member-premium-choice\")) {\n                            return;\n                        }\n                        e.preventDefault();\n\n                        \/\/ Ignorar clics sint\u00e9ticos\/program\u00e1ticos (Elementor, plugins, etc.)\n                        if (!e.isTrusted) return;\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                        \/\/ A\u00f1adir al carrito directamente\n                        const subscription = this.getAttribute(\"data-subscription\") === \"null\" ? null : parseInt(this.getAttribute(\"data-subscription\"));\n                        addToCart(\n                            parseInt(this.getAttribute(\"data-product-id\")),\n                            subscription,\n                            parseInt(this.getAttribute(\"data-course-id\")),\n                            this.getAttribute(\"data-lang\"),\n                            parseFloat(this.getAttribute(\"data-price\")),\n                            parseInt(this.getAttribute(\"data-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: \"Select an option\",\n                                text: \"Please select a product type before adding to cart\",\n                                icon: \"warning\",\n                                confirmButtonText: \"Understood\"\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 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\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","protected":false},"excerpt":{"rendered":"<p>SPECIALISATION COURSES Our specialist courses are designed for professionals in the agricultural sector who wish to deepen their knowledge and develop practical skills in key areas. Our Courses Benefits of our specialist courses By training with us , you will improve your technical skills so that you can put them into practice straight away in <\/p>\n","protected":false},"author":1,"featured_media":30681,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-31094","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/31094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/comments?post=31094"}],"version-history":[{"count":5,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/31094\/revisions"}],"predecessor-version":[{"id":53378,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/31094\/revisions\/53378"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/media\/30681"}],"wp:attachment":[{"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/media?parent=31094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/categories?post=31094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/tags?post=31094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}