﻿{"id":31260,"date":"2025-01-09T12:04:53","date_gmt":"2025-01-09T12:04:53","guid":{"rendered":"https:\/\/agrinews.tv\/agrinewscampus\/advanced-training\/"},"modified":"2026-06-15T11:06:29","modified_gmt":"2026-06-15T11:06:29","slug":"advanced-training","status":"publish","type":"page","link":"https:\/\/agrinewscampus.com\/en\/advanced-training\/","title":{"rendered":"Advanced training"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31260\" class=\"elementor elementor-31260 elementor-22948\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da029c4 e-con-full e-flex e-con e-parent\" data-id=\"da029c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4d47d35 e-con-full e-flex e-con e-child\" data-id=\"4d47d35\" 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-9acc35e e-con-full e-flex e-con e-child\" data-id=\"9acc35e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64832e2 espacio elementor-hidden-tablet elementor-hidden-mobile elementor-widget-laptop__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"64832e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Advanced training<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c06e322 e-con-full e-flex e-con e-child\" data-id=\"c06e322\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50924b2 e-flex e-con-boxed e-con e-parent\" data-id=\"50924b2\" 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-4f5113a elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4f5113a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tOur advanced<strong> training programs<\/strong> are designed for professionals in the agricultural sector. Taught by <strong>international experts and researchers,<\/strong> they feature <strong>practical content and real-world case studies.<\/strong> Learn to apply strategic knowledge in<strong> nutrition, biosecurity, animal health, production management, and animal welfare.<\/strong> \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-6d426ee e-flex e-con-boxed e-con e-parent\" data-id=\"6d426ee\" 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-0a834a3 e-con-full e-flex e-con e-child\" data-id=\"0a834a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f7e482 elementor-widget elementor-widget-spacer\" data-id=\"2f7e482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-447926b elementor-widget elementor-widget-heading\" data-id=\"447926b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our <strong>Advanced Training<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-079776f elementor-widget elementor-widget-shortcode\" data-id=\"079776f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\t\t<div class=\"elementor-shortcode\"><style>\n        \/* Estilos de la tarjeta *\/\n        .main-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #423E4F;\n            text-align:left;\n        }\n        .main-title a {\n            color: white;\n            text-decoration: none;\n        }\n        .main-content1 {\n            padding: 20px;\n            text-align: center;\n        }\n        .main-content1 {\n            padding: 13px;\n            text-align: center;\n            height: 100%;\n            justify-content: space-around;\n            display: flex;\n            flex-direction: column;\n            background: rgba(0, 0, 0, 0.2);\n            backdrop-filter: blur(8px);\n            height: 30vh;\n        }\n        .main-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n        }\n        .main-card {\n            display: flex;\n            flex-direction: column;\n            background-color: #FFF;\n            border-radius: 15px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            width: 100%;\n            max-width: 438px;\n            margin: 0 auto 20px;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center;\n            justify-content: flex-end;\n            height: 50vh;\n            transition: box-shadow 0.3s ease, transform 0.3s ease;\n        }\n        .advanced-card {\n            display: flex;\n            flex-direction: column;\n            background-color: #423E4F;\n            border-radius: 15px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);\n            overflow: hidden;\n            min-width: 400px;\n            min-height: 450px;\n            width: 100%;\n            position: relative;\n        }\n        .advanced-image {\n            background-size: cover;\n            background-position: center;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 1;\n        }\n        .advanced-image::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(8px);\n            opacity: 1;\n            mix-blend-mode: overlay;\n        }\n        .advanced-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            flex-grow: 1;\n            padding: 20px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n        }\n        .advanced-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.5rem;\n            font-weight: 600;\n            line-height: 1.6rem;\n            color: #FFF;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n            margin: 0;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 90%;\n            z-index: 3;\n        }\n        .advanced-title a {\n            color: #FFF;\n            text-decoration: none;\n        }\n        .advanced-title a:hover {\n            color: #FFF;\n        }\n        .advanced-price {\n            font-family: Poppins, sans-serif;\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #FFF;\n            margin: 10px 0;\n        }\n        .advanced-socio-price {\n            font-family: Poppins, sans-serif;\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #FFF;\n            margin: 0;\n        }\n        .advanced-instructor {\n            font-family: Poppins, sans-serif;\n            font-size: 0.9rem;\n            font-style: italic;\n            color: #FFF;\n            margin: 10px 0;\n        }\n        .advanced-instructor a {\n            color: #FFF;\n            text-decoration: none;\n        }\n        .advanced-instructor a:hover {\n            color: #40C6CE;\n        }\n        .advanced-button {\n            display: inline-block;\n            padding: 12px 25px;\n            background-color: #69727D78;\n            color: #FFF;\n            font-size: 16px;\n            font-weight: 600;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n            margin: 0 auto 20px;\n        }\n        .advanced-button:hover {\n            background-color: #40C6CE;\n            color: #FFF;\n        }\n        .course-status {\n            color: #40C6CE;\n            padding: 5px 10px;\n            border-radius: 5px;\n            display: inline-block;\n        }\n\n        \/* Estilos de filtros *\/\n        .advanced-filters {\n            margin: 0 0 30px;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n            background:none !important;\n            padding: 10px;\n            border-radius: 5px;\n        }\n        .advanced-filter-btn {\n            padding: 10px 20px;\n            background: transparent; \/* Fondo blanco como en la imagen *\/\n            color: #212529 !important; \/* Texto oscuro *\/\n            font-size: 14px;\n            border-radius: 30px;\n            border: 1px solid #40C6CE; \/* Borde gris claro *\/\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .advanced-filter-btn:hover,\n        .advanced-filter-btn.active {\n            background-color: #40C6CE; \/* Fondo m\u00e1s claro en hover y active *\/\n            color: white !important;\n            border-color: #40C6CE;\n        }\n        .advanced-count {\n            font-size: 12px;\n            opacity: 0.7; \/* N\u00famero m\u00e1s claro *\/\n            margin-left: 5px;\n            color: #777; \/* Tono gris para el contador *\/\n        }\n        .no-advanced-found {\n            padding: 40px 20px;\n            text-align: center;\n            font-size: 16px;\n            color: #666;\n            display: none;\n        }\n        .advanced-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr); \/* Cambiar a 4 columnas *\/\n            gap: 30px;\n        }\n        .all-advanced-button {\n            margin: 30px auto;\n            text-align: center;\n        }\n        .all-advanced-button a {\n            padding: 12px 30px;\n            background-color: #69727D78;\n            color: #FFF;\n            font-size: 16px;\n            font-weight: 600;\n            text-transform: uppercase;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n        }\n        .all-advanced-button a:hover {\n            background-color: #40C6CE;\n            color: #FFF;\n        }\n\n        @media only screen and (min-width: 1200px) and (max-width: 1600px) {\n\n            .main-content1 {\n                height: 50vh;\n            }\n\n            .main-card {\n                height: 50vh;\n            }\n\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 767px) {\n\n          .main-content1 {\n                height: 70vh;\n            }\n\n            .main-card {\n                height: 70vh;\n            }\n\n            .advanced-filter-btn{\n                width: 40% !important;\n            }\n            .main-container{\n                display: block;\n            }\n            .formacionesMovil {\n                font-size: 12px !important;\n            }\n            .advanced-filters{\n            justify-content: center !important;\n            }\n            .advanced-card {\n                min-width: 100%;\n                min-height: 400px;\n                margin: 0 auto;\n            }\n            .advanced-container {\n                grid-template-columns: 1fr;\n            }\n            .advanced-title {\n                font-size: 1.3rem;\n            }\n            .advanced-price {\n                font-size: 1.8rem;\n            }\n            .advanced-socio-price {\n                font-size: 1rem;\n            }\n            .advanced-instructor {\n                font-size: 0.8rem;\n            }\n            .advanced-filter-btn {\n                margin: 3px;\n                font-size: 13px;\n                padding: 8px 12px;\n            }\n        }\n        @media (min-width: 768px) and (max-width: 1024px) {\n            .advanced-title {\n                font-size: 1.4rem;\n            }\n            .advanced-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        \/* Estilos para sistema de precios interactivo *\/\n        .product-selector, .matriculate-button {\n            position: relative !important;\n            transition: all 0.3s ease !important;\n            cursor: pointer !important;\n        }\n        \n        \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n        .product-selector[data-subscription=\"null\"] {\n            border: 2px solid #ccc !important;\n        }\n        \n        \/* Bot\u00f3n precio sin descuento seleccionado *\/\n        .product-selector[data-subscription=\"null\"].selected {\n            border: 4px solid #40C6CE !important;\n            box-shadow: 0 0 15px rgba(64, 198, 206, 0.6) !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.15), rgba(64, 198, 206, 0.05)) !important;\n        }\n        \n        \/* Todos los elementos seleccionados *\/\n        .product-selector.selected {\n            border: 4px solid #40C6CE !important;\n            box-shadow: 0 0 15px rgba(64, 198, 206, 0.6) !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.15), rgba(64, 198, 206, 0.05)) !important;\n            animation: selectAnimation 0.6s ease-out;\n        }\n        \n        \/* Precio con descuento (azul) seleccionado *\/\n        .product-selector[data-subscription=\"1\"].selected {\n            color: #000 !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.2), rgba(255, 255, 255, 0.9)) !important;\n        }\n        .product-selector[data-subscription=\"1\"].selected div {\n            color: #000 !important;\n        }\n        .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n            color: black !important;\n            font-weight: bold !important;\n        }\n        \n        .product-selector.selected::before {\n            content: \"\u2713 SELECCIONADO\" !important;\n            position: absolute !important;\n            top: -15px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background: #40C6CE !important;\n            color: white !important;\n            border-radius: 20px !important;\n            padding: 5px 15px !important;\n            font-weight: bold !important;\n            font-size: 11px !important;\n            z-index: 999 !important;\n            box-shadow: 0 2px 8px rgba(64, 198, 206, 0.4) !important;\n            display: flex !important;\n            white-space: nowrap !important;\n        }\n\n        .product-selector-premium::before {\n            content: \"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: 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 style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"410\" \n                                     data-course-id=\"38756\" \n                                     data-lang=\"en\" \n                                     data-price=\"45\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$45 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"410\" \n                                     data-course-id=\"38756\" \n                                     data-lang=\"en\" \n                                     data-price=\"55\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/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                \/* 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                        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: 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 style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"399\" \n                                     data-course-id=\"38897\" \n                                     data-lang=\"en\" \n                                     data-price=\"45\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$45 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"399\" \n                                     data-course-id=\"38897\" \n                                     data-lang=\"en\" \n                                     data-price=\"55\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/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                \/* 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                        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: 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 style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"390\" \n                                     data-course-id=\"38762\" \n                                     data-lang=\"en\" \n                                     data-price=\"45\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$45 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"390\" \n                                     data-course-id=\"38762\" \n                                     data-lang=\"en\" \n                                     data-price=\"55\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/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                \/* 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                        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: 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 style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"384\" \n                                     data-course-id=\"38768\" \n                                     data-lang=\"en\" \n                                     data-price=\"45\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$45 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"384\" \n                                     data-course-id=\"38768\" \n                                     data-lang=\"en\" \n                                     data-price=\"55\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/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                \/* 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                        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><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1df194a elementor-widget elementor-widget-spacer\" data-id=\"1df194a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98c6297 e-flex e-con-boxed e-con e-parent\" data-id=\"98c6297\" 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-200166a elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"200166a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why <strong>choose<\/strong> our <strong>Advanced Training Programs?<\/strong><\/h2>\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-8005862 e-grid e-con-boxed e-con e-parent\" data-id=\"8005862\" 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-a4f6e90 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"a4f6e90\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f160724 elementor-widget elementor-widget-image\" data-id=\"f160724\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"543\" height=\"420\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Frame-14708.png\" class=\"attachment-large size-large wp-image-50178\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Frame-14708.png 543w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Frame-14708-300x232.png 300w\" sizes=\"(max-width: 543px) 100vw, 543px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d325a7d elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d325a7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAccess to <strong>leading experts in the agricultural and livestock sector<\/strong> \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b24e2b9 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"b24e2b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b26d7a elementor-widget elementor-widget-image\" data-id=\"6b26d7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"362\" height=\"280\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-conocimiento-1.png\" class=\"attachment-large size-large wp-image-50181\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-conocimiento-1.png 362w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-conocimiento-1-300x232.png 300w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f92b5c8 elementor-widget elementor-widget-text-editor\" data-id=\"f92b5c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>In-depth knowledge<\/strong> based on evidence and real cases \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4a9977 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"b4a9977\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec56239 elementor-widget elementor-widget-image\" data-id=\"ec56239\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"362\" height=\"280\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-veterinarios-1.png\" class=\"attachment-large size-large wp-image-50184\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-veterinarios-1.png 362w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-veterinarios-1-300x232.png 300w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8398b79 elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"8398b79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tTraining programs designed for<strong> intermediate and senior level professionals<\/strong> \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26dda96 e-grid e-con-boxed e-con e-parent\" data-id=\"26dda96\" 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-0684b63 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0684b63\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8448d0d elementor-widget elementor-widget-image\" data-id=\"8448d0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"280\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-actualizacion-1-1.png\" class=\"attachment-large size-large wp-image-50187\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-actualizacion-1-1.png 362w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-actualizacion-1-1-300x232.png 300w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f18f676 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f18f676\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Technical update<\/strong> with a focus on global trends \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6834b9 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"a6834b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e19e99 elementor-widget elementor-widget-image\" data-id=\"6e19e99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"280\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-recursos-1.png\" class=\"attachment-large size-large wp-image-50190\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-recursos-1.png 362w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/icon-recursos-1-300x232.png 300w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b73e086 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"b73e086\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAdvanced <strong>materials<\/strong> and <strong>exclusive resources<\/strong> \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a068f4b e-flex e-con-boxed e-con e-parent\" data-id=\"a068f4b\" 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-dfaaa60 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"dfaaa60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00d9559 elementor-widget elementor-widget-image\" data-id=\"00d9559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"483\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Rectangle-151-1-1024x772.png\" class=\"attachment-large size-large wp-image-50193\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Rectangle-151-1-1024x772.png 1024w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Rectangle-151-1-300x226.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Rectangle-151-1-768x579.png 768w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Rectangle-151-1.png 1316w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47efdbe e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"47efdbe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fce791 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9fce791\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong>Who are<\/strong> these Training Programs <strong>for?<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59d063d elementor-widget__width-initial elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"59d063d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThese training courses are aimed at<strong> veterinarians, animal scientists, farm managers, technical managers, consultants, advanced students and professionals in the agricultural sector<\/strong> who <strong>seek in-depth specialization<\/strong>, continuous updating and strategic tools for decision making. \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-0c84f87 e-flex e-con-boxed e-con e-parent\" data-id=\"0c84f87\" 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-e6147a9 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"e6147a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"985\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-202-2-scaled.png\" class=\"attachment-full size-full wp-image-50242\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-202-2-scaled.png 2560w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-202-2-300x115.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-202-2-1024x394.png 1024w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-202-2-768x295.png 768w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-202-2-1536x591.png 1536w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-202-2-2048x788.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\t\t<div class=\"elementor-element elementor-element-b63cfd1 elementor-hidden-desktop elementor-hidden-laptop elementor-widget elementor-widget-image\" data-id=\"b63cfd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"532\" height=\"1024\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-164-532x1024.png\" class=\"attachment-large size-large wp-image-50199\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-164-532x1024.png 532w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-164-156x300.png 156w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/Group-164.png 760w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-879c759 e-flex e-con-boxed e-con e-parent\" data-id=\"879c759\" 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-6293db1 e-con-full e-flex e-con e-child\" data-id=\"6293db1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c17279b elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c17279b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">&lt;b<b>Enhance<\/b> your training with the <span style=\"text-decoration: underline #40C6CE 7px\"><b>Premium Plan<\/b><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16c9318 e-con-full e-grid e-con e-child\" data-id=\"16c9318\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7fe286f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"7fe286f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec68d24 elementor-widget elementor-widget-image\" data-id=\"ec68d24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"160\" height=\"160\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/noun-premium-7085948.png\" class=\"attachment-large size-large wp-image-50216\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/noun-premium-7085948.png 160w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/noun-premium-7085948-150x150.png 150w\" sizes=\"(max-width: 160px) 100vw, 160px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5fd3e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5a5fd3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Benefits<\/strong> across all <strong>products and study formats.<\/strong> \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5920218 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"5920218\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8678fd6 elementor-widget elementor-widget-image\" data-id=\"8678fd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"186\" height=\"160\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/noun-student-8129076.png\" class=\"attachment-large size-large wp-image-50219\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1faf4e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"b1faf4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Exclusive access<\/strong> to all our <strong>modules, discounts<\/strong> on advanced training and specialization courses. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3fcedd e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"b3fcedd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c7554 elementor-widget elementor-widget-image\" data-id=\"d7c7554\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"160\" height=\"160\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/noun-magazine-7939436.png\" class=\"attachment-large size-large wp-image-50222\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/noun-magazine-7939436.png 160w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/06\/noun-magazine-7939436-150x150.png 150w\" sizes=\"(max-width: 160px) 100vw, 160px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb06628 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"eb06628\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tReceive your <strong>preferred printed magazine<\/strong> to access all the exclusive content of the <strong>AgriNews<\/strong> network. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a5e10b elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-button\" data-id=\"3a5e10b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/agrinewscampus.com\/en\/subscriptions\/\" id=\"premium\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Go Premium<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c93c9c e-flex e-con-boxed e-con e-parent\" data-id=\"4c93c9c\" 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-a68e455 titlemovil elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a68e455\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/agrinews.tv\/agrinewscampus\/sumario-capsulas\/\">Specialization Courses<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a590d70 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"a590d70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\t\t<div class=\"elementor-shortcode\"><style>\n        .main-card1 {\n            position: relative;\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            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::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\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            z-index: 1;\n            transition: opacity 0.35s ease;\n        }\n        .main-card1:hover::before {\n            opacity: 0.85;\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: 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 loading=\"lazy\" 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><div id=\"anc-discount-banner-49739\" class=\"anc-discount-banner\" style=\"margin-top:5%; margin-bottom:10px; padding:10px 14px; background:#1A6266; color:#fff; border-radius:10px; font-weight:700; text-align:center;\">Early Bird Discount until 15th July<\/div>\n                            <div style=\"display: flex; gap: 10px;\" class=\"contiene-btns-precio\">\n                                  <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                      data-product-id=\"591\" \n                                     data-course-id=\"49739\" \n                                     data-lang=\"en\" \n                                      data-price=\"550\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\">\n                                     <div class=\"anc-offer-wrap\">\n                                        <div class=\"anc-price-highlight\">\n                                            <span class=\"anc-price-old\" style=\"display:block; font-size:15px; text-decoration:line-through; opacity:.9; margin-bottom:4px;\">600<\/span>\n                                            <span class=\"anc-price-current-label\" style=\"display:block; font-size:12px; font-weight:300; margin-bottom:6px;\">Current price<\/span>\n                                            <span class=\"anc-price-new\" style=\"display:block; font-size:48px; line-height:1; font-weight:700;\">480<\/span>\n                                        <\/div>\n                                     <\/div>\n                                <\/div>\n                            <\/div><script>\n                    document.addEventListener(\"DOMContentLoaded\", function () {\n                        var regularSelector = document.querySelector(\".contiene-btns-precio .product-selector[data-course-id=\\\"49739\\\"][data-subscription=\\\"null\\\"]\");\n                        if (!regularSelector) {\n                            return;\n                        }\n                        setTimeout(function () {\n                            regularSelector.classList.add(\"selected\");\n                        }, 0);\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                \/* 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                        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: 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 loading=\"lazy\" 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><div style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"190\" \n                                     data-course-id=\"38481\" \n                                     data-lang=\"en\" \n                                     data-price=\"375\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$375 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"190\" \n                                     data-course-id=\"38481\" \n                                     data-lang=\"en\" \n                                     data-price=\"470\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$470<\/div>\n                                <\/div>\n                            <\/div><div class=\"product-selector-practicas elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"485\" \n                                     data-course-id=\"38481\" \n                                     data-lang=\"en\" \n                                     data-price=\"1950\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; text-align: start; background-color: #40c6ce; color: white; border-radius: 16px; font-weight: bold; border: 3px solid transparent; transition: all 0.3s ease; margin-bottom: 10px;\">\n                                        On-Site Training + Course <div style=\"font-size: 20px; margin-top: 10px;\">$1950<\/div>\n                                <\/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                \/* 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                        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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3207a5 e-con-full e-flex e-con e-parent\" data-id=\"e3207a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-db301fd e-flex e-con-boxed e-con e-child\" data-id=\"db301fd\" 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\t\t<div class=\"elementor-element elementor-element-be92d56 elementor-widget elementor-widget-spacer\" data-id=\"be92d56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e29dc6a titlemovil elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e29dc6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/agrinews.tv\/agrinewscampus\/sumario-capsulas\/\">TRAINING CAPSULES<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db7eeba elementor-widget elementor-widget-shortcode\" data-id=\"db7eeba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Actualizar idioma en localStorage con el valor del servidor\n        const serverLang = 'en';\n        const currentLang = localStorage.getItem('lang');\n        \n        if (currentLang !== serverLang) {\n         \/\/localStorage.setItem('lang', serverLang);\n        }\n    });\n    <\/script>\n    \n\t\t<div class=\"elementor-shortcode\"><style>\n        \/* Estilos de la tarjeta *\/\n        .main-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #423E4F;\n            text-align:left;\n        }\n        .main-title a {\n            color: white;\n            text-decoration: none;\n        }\n        .main-content1 {\n            padding: 20px;\n            text-align: center;\n        }\n        .main-content1 {\n            padding: 13px;\n            text-align: center;\n            height: 100%;\n            justify-content: space-evenly;\n            display: flex;\n            flex-direction: column;\n            background: rgba(0, 0, 0, 0.2);\n            backdrop-filter: blur(8px);\n            height: 30vh;\n        }\n        .main-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n        }\n        .main-card {\n            display: flex;\n            flex-direction: column;\n            background-color: #FFF;\n            border-radius: 15px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            width: 100%;\n            max-width: 438px;\n            margin: 0 auto 20px;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center;\n            justify-content: flex-end;\n            height: 50vh;\n            transition: box-shadow 0.3s ease, transform 0.3s ease;\n        }\n        .capsula-card {\n            display: flex;\n            flex-direction: column;\n            background-color: #423E4F;\n            border-radius: 15px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);\n            overflow: hidden;\n            min-height: 24vh;\n            max-height: 400px;\n            width: 100%;\n            position: relative;\n        }\n        .capsula-image {\n            background-size: cover;\n            background-position: center;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 1;\n        }\n        .capsula-image::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(8px);\n            opacity: 1;\n            mix-blend-mode: overlay;\n        }\n        .capsula-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            flex-grow: 1;\n            padding: 10px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n        }\n        .capsula-category {\n            font-family: Poppins, sans-serif;\n            font-size: 14px;\n            color: #FFF;\n            margin: 10px 0;\n        }\n        .capsula-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.2rem;\n            font-weight: 600;\n            line-height: 1.4rem;\n            color: #FFF;\n            margin: 0 10px 10px;\n            min-height: 100px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .capsula-title a {\n            color: #FFF;\n            text-decoration: none;\n        }\n        .capsula-title a:hover {\n            color: #FFF;\n        }\n        .capsula-price {\n            font-family: Poppins, sans-serif;\n            font-size: 1rem;\n            font-weight: 600;\n            color: #FFF;\n            margin: 10px 0;\n        }\n        .capsula-instructor {\n            font-family: Poppins, sans-serif;\n            font-size: 14px;\n            font-style: italic;\n            color: #FFF;\n            margin: 0 0 10px;\n        }\n        .capsula-instructor a {\n            color: #FFF;\n            text-decoration: none;\n        }\n        .capsula-instructor a:hover {\n            color: #40C6CE;\n        }\n        .capsula-button {\n            display: inline-block;\n            padding: 10px 20px;\n            background-color: #69727D78;\n            color: #FFF;\n            font-size: 14px;\n            font-weight: 600;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n            margin: 0 auto 16px;\n        }\n        .capsula-button:hover {\n            background-color: #40C6CE;\n            color: #FFF;\n        }\n        .course-status {\n            color: #40C6CE;\n            padding: 5px 10px;\n            border-radius: 5px;\n            display: inline-block;\n        }\n\n        \/* Estilos de filtros *\/\n        .capsula-filters {\n            margin: 0 0 30px;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n        }\n        .capsula-filter-btn {\n            padding: 10px 20px;\n            background-color: transparent;\n            color: #40C6CE;\n            font-size: 14px;\n            border-radius: 30px;\n            border: 1px solid #40C6CE !important;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .capsula-filter-btn:hover,\n        .capsula-filter-btn.active {\n            background-color: #40C6CE !important;\n            color: white !important;\n        }\n        .capsula-count {\n            font-size: 12px;\n            opacity: 0.7;\n            margin-left: 5px;\n        }\n        .no-capsulas-found {\n            padding: 40px 20px;\n            text-align: center;\n            font-size: 16px;\n            color: #666;\n            display: none;\n        }\n        .capsulas-container {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr); \/* Siempre 5 columnas *\/\n            gap: 20px;\n        }\n        .all-capsules-button {\n            margin: 30px auto;\n            text-align: center;\n        }\n        .all-capsules-button a {\n            padding: 12px 30px;\n            background-color: #40C6CE;\n            color: #FFF;\n            font-size: 16px;\n            font-weight: 600;\n            text-transform: uppercase;\n            border-radius: 30px;\n            text-decoration: none;\n            transition: background-color 0.3s ease;\n        }\n        .all-capsules-button a:hover {\n            background-color: #339DA3;\n        }\n\n        @media only screen and (min-width: 1200px) and (max-width: 1600px) {\n\n            .main-content1 {\n                height: 50vh;\n            }\n\n            .main-card {\n                height: 50vh;\n            }\n\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 767px) {\n\n            .main-content1 {\n                height: 70vh;\n            }\n\n            .main-card {\n                height: 70vh;\n            }\n\n            .capsula-filter-btn {\n                width: 40% !important;\n            }\n\n            .main-container{\n                display: block;\n            }\n            .capsula-card {\n                max-width: 350px;\n                max-height: 450px;\n                margin: 0 auto;\n            }\n            .capsula-title {\n                font-size: 15px;\n            }\n            .capsula-category,\n            .capsula-instructor {\n                font-size: 13px;\n            }\n            .capsula-filter-btn {\n                margin: 3px;\n                font-size: 13px;\n                padding: 8px 12px;\n            }\n            .capsulas-container {\n                grid-template-columns: 1fr;\n            }\n\n            .capsula-filters {\n                justify-content: center;\n            }\n        }\n        @media (min-width: 768px) and (max-width: 1024px) {\n            .capsula-title {\n                font-size: 1.1rem;\n            }\n            .capsulas-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        @media (min-width: 1025px) and (max-width: 1399px) {\n            .capsulas-container {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n        @media (min-width: 1400px) and (max-width: 1699px) {\n            .capsulas-container {\n                grid-template-columns: repeat(4, 1fr);\n            }\n        }\n        @media (min-width: 1700px) {\n            .capsulas-container {\n                grid-template-columns: repeat(5, 1fr);\n            }\n        }\n\n        \/* Estilos para sistema de precios interactivo *\/\n        .product-selector, .matriculate-button {\n            position: relative !important;\n            transition: all 0.3s ease !important;\n            cursor: pointer !important;\n        }\n        \n        \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n        .product-selector[data-subscription=\"null\"] {\n            border: 2px solid #ccc !important;\n        }\n        \n        \/* Bot\u00f3n precio sin descuento seleccionado *\/\n        .product-selector[data-subscription=\"null\"].selected {\n            border: 4px solid #40C6CE !important;\n            box-shadow: 0 0 15px rgba(64, 198, 206, 0.6) !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.15), rgba(64, 198, 206, 0.05)) !important;\n        }\n        \n        \/* Todos los elementos seleccionados *\/\n        .product-selector.selected {\n            border: 4px solid #40C6CE !important;\n            box-shadow: 0 0 15px rgba(64, 198, 206, 0.6) !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.15), rgba(64, 198, 206, 0.05)) !important;\n            animation: selectAnimation 0.6s ease-out;\n        }\n        \n        \/* Precio con descuento (azul) seleccionado *\/\n        .product-selector[data-subscription=\"1\"].selected {\n            color: #000 !important;\n            background: linear-gradient(135deg, rgba(64, 198, 206, 0.2), rgba(255, 255, 255, 0.9)) !important;\n        }\n        .product-selector[data-subscription=\"1\"].selected div {\n            color: #000 !important;\n        }\n        .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n            color: black !important;\n            font-weight: bold !important;\n        }\n        \n        .product-selector.selected::before {\n            content: \"\u2713 SELECCIONADO\" !important;\n            position: absolute !important;\n            top: -15px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background: #40C6CE !important;\n            color: white !important;\n            border-radius: 20px !important;\n            padding: 5px 15px !important;\n            font-weight: bold !important;\n            font-size: 11px !important;\n            z-index: 999 !important;\n            box-shadow: 0 2px 8px rgba(64, 198, 206, 0.4) !important;\n            display: flex !important;\n            white-space: nowrap !important;\n        }\n\n        .product-selector-premium::before {\n            content: \"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: 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 style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"538\" \n                                     data-course-id=\"38802\" \n                                     data-lang=\"en\" \n                                     data-price=\"0\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$0 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"538\" \n                                     data-course-id=\"38802\" \n                                     data-lang=\"en\" \n                                     data-price=\"35\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$35<\/div>\n                                <\/div>\n                            <\/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                \/* 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                        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: 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 style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"544\" \n                                     data-course-id=\"38808\" \n                                     data-lang=\"en\" \n                                     data-price=\"0\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$0 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"544\" \n                                     data-course-id=\"38808\" \n                                     data-lang=\"en\" \n                                     data-price=\"35\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$35<\/div>\n                                <\/div>\n                            <\/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                \/* 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                        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: 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 style=\"display: flex; gap: 10px; margin-top: 5%;\" class=\"contiene-btns-precio\">\n                                <div class=\"product-selector product-selector-premium elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"550\" \n                                     data-course-id=\"38815\" \n                                     data-lang=\"en\" \n                                     data-price=\"0\" \n                                     data-subscription=\"1\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; position: relative; flex: 1; text-align: center; background-color: #1A6266; color: white; border-radius: 16px; font-weight: bold; text-transform: none; font-size: 12px; border: 3px solid transparent; transition: all 0.3s ease; padding: 11px !important;\">\n                                    <div>\n                                        <div style=\"font-size: 48px; margin-top: 16%;\">$0 <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"product-selector elementor-button ctacolor elementor-button-link elementor-size-sm mb-3 w-100\" \n                                     data-product-id=\"550\" \n                                     data-course-id=\"38815\" \n                                     data-lang=\"en\" \n                                     data-price=\"35\" \n                                     data-subscription=\"null\" \n                                     data-activo=\"0\"\n                                     style=\"cursor:pointer; padding: 11px !important; flex: 1; text-align: center; font-size: 12px; background: rgb(26 98 102 \/ 54%) !important; color: white !important; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$35<\/div>\n                                <\/div>\n                            <\/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                \/* 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                        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>\n\t\t\t\t<div class=\"elementor-element elementor-element-53b9456 elementor-widget elementor-widget-spacer\" data-id=\"53b9456\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\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>Advanced training Our advanced training programs are designed for professionals in the agricultural sector. Taught by international experts and researchers, they feature practical content and real-world case studies. Learn to apply strategic knowledge in nutrition, biosecurity, animal health, production management, and animal welfare. Our Advanced Training Why choose our Advanced Training Programs? Access to leading <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-31260","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"agriNews Campus - The Livestock University\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Reproductive system of the chicken | Capsule - agriNews Campus\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-05-05T11:01:48+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-12-22T14:40:21+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Reproductive system of the chicken | Capsule - agriNews Campus\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/courses\\\/reproductive-system-of-the-chicken-capsule\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/advanced-training\\\/#listItem\",\"name\":\"Advanced training\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/advanced-training\\\/#listItem\",\"position\":2,\"name\":\"Advanced training\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/#organization\",\"name\":\"agriNews Campus\",\"description\":\"The Livestock University\",\"url\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/author\\\/pia\\\/#author\",\"url\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/author\\\/pia\\\/\",\"name\":\"Marimar\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/courses\\\/reproductive-system-of-the-chicken-capsule\\\/#authorImage\",\"url\":\"\\\/\\\/www.gravatar.com\\\/avatar\\\/214e08ad920a3fbbc9a01eb9d0e786c3?s=96&#038;r=g&#038;d=mm\",\"width\":96,\"height\":96,\"caption\":\"Marimar\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/courses\\\/reproductive-system-of-the-chicken-capsule\\\/#webpage\",\"url\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/courses\\\/reproductive-system-of-the-chicken-capsule\\\/\",\"name\":\"Reproductive system of the chicken | Capsule - agriNews Campus\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/courses\\\/reproductive-system-of-the-chicken-capsule\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/author\\\/pia\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/author\\\/pia\\\/#author\"},\"datePublished\":\"2025-05-05T11:01:48+00:00\",\"dateModified\":\"2025-12-22T14:40:21+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/\",\"name\":\"agriNews Campus\",\"description\":\"The Livestock University\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/agrinewscampus.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Reproductive system of the chicken | Capsule - agriNews Campus","description":"","canonical_url":"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/agrinewscampus.com\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/agrinewscampus.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/agrinewscampus.com\/en\/advanced-training\/#listItem","name":"Advanced training"}},{"@type":"ListItem","@id":"https:\/\/agrinewscampus.com\/en\/advanced-training\/#listItem","position":2,"name":"Advanced training","previousItem":{"@type":"ListItem","@id":"https:\/\/agrinewscampus.com\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/agrinewscampus.com\/en\/#organization","name":"agriNews Campus","description":"The Livestock University","url":"https:\/\/agrinewscampus.com\/en\/"},{"@type":"Person","@id":"https:\/\/agrinewscampus.com\/en\/author\/pia\/#author","url":"https:\/\/agrinewscampus.com\/en\/author\/pia\/","name":"Marimar","image":{"@type":"ImageObject","@id":"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/#authorImage","url":"\/\/www.gravatar.com\/avatar\/214e08ad920a3fbbc9a01eb9d0e786c3?s=96&#038;r=g&#038;d=mm","width":96,"height":96,"caption":"Marimar"}},{"@type":"WebPage","@id":"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/#webpage","url":"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/","name":"Reproductive system of the chicken | Capsule - agriNews Campus","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/agrinewscampus.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/#breadcrumblist"},"author":{"@id":"https:\/\/agrinewscampus.com\/en\/author\/pia\/#author"},"creator":{"@id":"https:\/\/agrinewscampus.com\/en\/author\/pia\/#author"},"datePublished":"2025-05-05T11:01:48+00:00","dateModified":"2025-12-22T14:40:21+00:00"},{"@type":"WebSite","@id":"https:\/\/agrinewscampus.com\/en\/#website","url":"https:\/\/agrinewscampus.com\/en\/","name":"agriNews Campus","description":"The Livestock University","inLanguage":"en-US","publisher":{"@id":"https:\/\/agrinewscampus.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"agriNews Campus - The Livestock University","og:type":"article","og:title":"Reproductive system of the chicken | Capsule - agriNews Campus","og:url":"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/","article:published_time":"2025-05-05T11:01:48+00:00","article:modified_time":"2025-12-22T14:40:21+00:00","twitter:card":"summary_large_image","twitter:title":"Reproductive system of the chicken | Capsule - agriNews Campus"},"aioseo_meta_data":{"post_id":"31260","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-09-16 02:18:25","updated":"2026-06-15 11:46:30","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/agrinewscampus.com\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAdvanced training\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/agrinewscampus.com\/en\/"},{"label":"Advanced training","link":"https:\/\/agrinewscampus.com\/en\/advanced-training\/"}],"_links":{"self":[{"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/31260","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=31260"}],"version-history":[{"count":5,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/31260\/revisions"}],"predecessor-version":[{"id":50580,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/31260\/revisions\/50580"}],"wp:attachment":[{"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/media?parent=31260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/categories?post=31260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/tags?post=31260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}