{"id":47054,"date":"2026-01-20T16:54:17","date_gmt":"2026-01-20T16:54:17","guid":{"rendered":"https:\/\/agrinewscampus.com\/home-2\/"},"modified":"2026-02-13T13:31:49","modified_gmt":"2026-02-13T13:31:49","slug":"home-2","status":"publish","type":"page","link":"https:\/\/agrinewscampus.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47054\" class=\"elementor elementor-47054 elementor-47030\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3201be2 e-con-full e-flex e-con e-parent\" data-id=\"3201be2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7603311 elementor-arrows-position-inside elementor-widget elementor-widget-loop-carousel\" data-id=\"7603311\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:47094,&quot;_skin&quot;:&quot;post&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"ltr\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t<style id=\"loop-47094\">.elementor-47094 .elementor-element.elementor-element-75b4a3a{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.34;--overlay-mix-blend-mode:multiply;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47094 .elementor-element.elementor-element-75b4a3a:not(.elementor-motion-effects-element-type-background), .elementor-47094 .elementor-element.elementor-element-75b4a3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url(\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/hero-agrinewscampus-1-1.webp\");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-47094 .elementor-element.elementor-element-75b4a3a::before, .elementor-47094 .elementor-element.elementor-element-75b4a3a > .elementor-background-video-container::before, .elementor-47094 .elementor-element.elementor-element-75b4a3a > .e-con-inner > .elementor-background-video-container::before, .elementor-47094 .elementor-element.elementor-element-75b4a3a > .elementor-background-slideshow::before, .elementor-47094 .elementor-element.elementor-element-75b4a3a > .e-con-inner > .elementor-background-slideshow::before, .elementor-47094 .elementor-element.elementor-element-75b4a3a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 42%, #423E4F2E 100%);}.elementor-47094 .elementor-element.elementor-element-c18c314{--display:flex;--min-height:60vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-47094 .elementor-element.elementor-element-c18c314.e-con{--align-self:center;--order:99999 \/* order end hack *\/;}.elementor-47094 .elementor-element.elementor-element-f1f5d88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47094 .elementor-element.elementor-element-47f1477{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-47094 .elementor-element.elementor-element-47f1477::before, .elementor-47094 .elementor-element.elementor-element-47f1477 > .elementor-background-video-container::before, .elementor-47094 .elementor-element.elementor-element-47f1477 > .e-con-inner > .elementor-background-video-container::before, .elementor-47094 .elementor-element.elementor-element-47f1477 > .elementor-background-slideshow::before, .elementor-47094 .elementor-element.elementor-element-47f1477 > .e-con-inner > .elementor-background-slideshow::before, .elementor-47094 .elementor-element.elementor-element-47f1477 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-47094 .elementor-element.elementor-element-0177529{--spacer-size:12px;}.elementor-47094 .elementor-element.elementor-element-4546ae5{font-family:\"Poppins\", Sans-serif;font-size:46px;font-weight:400;line-height:50px;letter-spacing:0px;color:#FFFFFF;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-47094 .elementor-element.elementor-element-f7a53be{--spacer-size:25px;}.elementor-47094 .elementor-element.elementor-element-b515c51 .elementor-button{font-family:\"Poppins\", Sans-serif;font-size:18px;font-weight:600;text-transform:none;fill:#423E4F;color:#423E4F;background-color:#40C6CE;}@media(min-width:768px){.elementor-47094 .elementor-element.elementor-element-f1f5d88{--width:82%;}.elementor-47094 .elementor-element.elementor-element-47f1477{--width:57%;}}@media(max-width:1680px) and (min-width:768px){.elementor-47094 .elementor-element.elementor-element-c18c314{--content-width:1485px;}.elementor-47094 .elementor-element.elementor-element-f1f5d88{--width:55%;}.elementor-47094 .elementor-element.elementor-element-47f1477{--width:42%;}}@media(max-width:1024px) and (min-width:768px){.elementor-47094 .elementor-element.elementor-element-f1f5d88{--width:30%;}.elementor-47094 .elementor-element.elementor-element-47f1477{--width:100%;}}@media(min-width:1681px){.elementor-47094 .elementor-element.elementor-element-75b4a3a:not(.elementor-motion-effects-element-type-background), .elementor-47094 .elementor-element.elementor-element-75b4a3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1680px){.elementor-47094 .elementor-element.elementor-element-75b4a3a:not(.elementor-motion-effects-element-type-background), .elementor-47094 .elementor-element.elementor-element-75b4a3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-47094 .elementor-element.elementor-element-c18c314{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-47094 .elementor-element.elementor-element-f1f5d88{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-47094 .elementor-element.elementor-element-47f1477{--min-height:35vh;}.elementor-47094 .elementor-element.elementor-element-4546ae5{font-size:0.9rem;line-height:0.9rem;}}@media(max-width:1024px){.elementor-47094 .elementor-element.elementor-element-c18c314{--min-height:47vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47094 .elementor-element.elementor-element-f1f5d88{--margin-top:20px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47094 .elementor-element.elementor-element-47f1477{--overlay-opacity:0.52;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-47094 .elementor-element.elementor-element-47f1477.e-con{--order:99999 \/* order end hack *\/;}.elementor-47094 .elementor-element.elementor-element-4546ae5{font-size:1rem;line-height:1rem;}}@media(max-width:767px){.elementor-47094 .elementor-element.elementor-element-47f1477{--overlay-opacity:0.69;--padding-top:5%;--padding-bottom:5%;--padding-left:12%;--padding-right:12%;}.elementor-47094 .elementor-element.elementor-element-4546ae5{text-align:center;font-size:0.5rem;line-height:1rem;}}\/* Start custom CSS for button, class: .elementor-element-b515c51 *\/#registrate{\n    width: 300px;\n    padding: 10px 0 !important;\n}\n\n@media only screen and (max-width: 767px) {\n  #registrate{\n    width: 250px;\n    padding: 10px 0 !important;\n}  \n}\/* End custom CSS *\/\n\/* Start custom CSS for container, class: .elementor-element-75b4a3a *\/.elementor-47094 .elementor-element.elementor-element-75b4a3a {\r\n  max-height: 100vh;\r\n  overflow: hidden;\r\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"47094\" class=\"elementor elementor-47094 elementor-12219 elementor-12219 swiper-slide e-loop-item e-loop-item-36130 post-36130 elementos type-elementos status-publish has-post-thumbnail hentry tag-slider-home\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-75b4a3a e-con-full e-flex e-con e-parent\" data-id=\"75b4a3a\" 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-c18c314 e-flex e-con-boxed e-con e-child\" data-id=\"c18c314\" 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-f1f5d88 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"f1f5d88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47f1477 e-con-full e-flex e-con e-child\" data-id=\"47f1477\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0177529 elementor-widget elementor-widget-spacer\" data-id=\"0177529\" 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-4546ae5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4546ae5\" 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<p class=\"textoPrincipal\" style=\"font-family: 'Poppins'; font-weight: 600; line-height: 1.3; font-size: 46px;\"><span style=\"text-decoration: underline #40C6CE 7px;\">Professional Training<\/span> for the Agricultural Sector<\/p>\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-f7a53be elementor-widget elementor-widget-spacer\" data-id=\"f7a53be\" 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-b515c51 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"b515c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/socialagri.com\/login\/login-otp?medio=agrinewscampus.com&#038;edicion=en&#038;urlredirect=https%3A%2F%2Fagrinewscampus.com%2F\" target=\"_blank\" id=\"registrate\">\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\">Register Now<\/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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-700e8c2 e-con-full e-flex e-con e-child\" data-id=\"700e8c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef9e4f elementor-widget elementor-widget-image\" data-id=\"7ef9e4f\" 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=\"1920\" height=\"122\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/separador-home.png\" class=\"attachment-full size-full wp-image-46651\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/separador-home.png 1920w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/separador-home-300x19.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/separador-home-1024x65.png 1024w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/separador-home-768x49.png 768w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/separador-home-1536x98.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-494e8c8 e-con-full e-flex e-con e-child\" data-id=\"494e8c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3851f61 elementor-widget elementor-widget-heading\" data-id=\"3851f61\" 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\">Your path to <br><strong>professional learning<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75a69e0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"75a69e0\" 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<p><span><strong>AgriNews Campus<\/strong> is the benchmark in training for the sector, with <strong>technical content<\/strong> designed <strong>according to real needs<\/strong> and <strong>taught by active professionals.<\/strong><\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-701e869 e-flex e-con-boxed e-con e-parent\" data-id=\"701e869\" 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-02617db elementor-widget__width-inherit elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"02617db\" 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\t\t<div class=\"elementor-shortcode\">    <div class=\"agrinews-timeline-container\">\n        <style>\n            .agrinews-timeline-container {\n                position: relative;\n                width: 100%;\n                max-width: 1400px;\n                margin: 0 auto;\n                background-size: contain;\n                background-repeat: no-repeat;\n                background-position: center;\n                min-height: 400px;\n            }\n\n            \/* Desktop styles *\/\n            @media (min-width: 768px) {\n                .agrinews-timeline-container {\n                    background-image: url('https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/time-line-ENG1-scaled.png');\n                    min-height: 500px;\n                    aspect-ratio: 2560\/1090;\n                }\n            }\n\n            \/* Mobile styles *\/\n            @media (max-width: 767px) {\n                .agrinews-timeline-container {\n                    background-image: url('https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/06\/timeline_mobile.png');\n                    min-height: 800px;\n                }\n            }\n\n            .timeline-point {\n                position: absolute;\n                width: 15%;\n                height: 84px;\n                cursor: pointer;\n                transition: all 0.3s ease;\n                z-index: 10;\n            }\n\n            .timeline-tooltip,\n            .timeline-tooltip1 {\n                position: absolute;\n                background: white;\n                border: 1px solid #ddd;\n                border-radius: 8px;\n                padding: 15px;\n                min-width: 250px;\n                max-width: 300px;\n                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n                opacity: 0;\n                visibility: hidden;\n                transition: all 0.3s ease;\n                z-index: 100;\n                font-size: 14px;\n                line-height: 1.4;\n            }\n\n            .timeline-tooltip.show,\n            .timeline-tooltip1.show {\n                opacity: 1;\n                visibility: visible;\n            }\n\n            .timeline-tooltip h4,\n            .timeline-tooltip1 h4 {\n                margin: 0 0 10px 0;\n                color: #00BCD4;\n                font-size: 16px;\n                font-weight: bold;\n            }\n\n            .timeline-tooltip p,\n            .timeline-tooltip1 p {\n                margin: 0 0 10px 0;\n                color: #333;\n            }\n\n            \/* Estilos para im\u00e1genes en tooltips *\/\n            .tooltip-image {\n                width: 100%;\n                max-width: 200px;\n                height: auto;\n                border-radius: 6px;\n                margin: 10px 0;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n            }\n\n            .tooltip-images-container {\n                display: flex;\n                gap: 10px;\n                margin: 10px 0;\n                flex-wrap: wrap;\n            }\n\n            .tooltip-images-container img {\n                width: 60px;\n                height: 60px;\n                border-radius: 50%;\n                object-fit: cover;\n                border: 2px solid #00BCD4;\n            }\n\n            .tooltip-icons-container img {\n                width: 40px;\n                height: 40px;\n                object-fit: contain;\n            }\n\n            .tooltip-certificate {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                margin: 10px 0;\n            }\n\n            .tooltip-certificate img {\n                width: 50px;\n                height: 50px;\n                object-fit: contain;\n            }\n\n            .tooltip-screenshot {\n                width: 100%;\n                max-width: 180px;\n                height: auto;\n                border-radius: 6px;\n                margin: 10px 0;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n            }\n\n            .tooltip-screenshot1 {\n                position: absolute;\n                width: 56%;\n                left: 59%;\n                top: 67%;\n            }\n\n            .tooltip-logo {\n                display: inline-block;\n                margin: 0 5px;\n            }\n\n            .tooltip-logo img {\n                width: 80px;\n                height: auto;\n                vertical-align: middle;\n            }\n\n            .timeline-tooltip::after,\n            .timeline-tooltip1::after {\n                content: '';\n                position: absolute;\n                width: 0;\n                height: 0;\n                border: 8px solid transparent;\n            }\n\n            .timeline-tooltip1::after {\n                transform: rotate(180deg);\n            }\n\n            \/* Desktop positioning - ajustado para la imagen horizontal *\/\n            @media (min-width: 768px) {\n                .timeline-point-1 {\n                    top: 61%;\n                    left: 2%;\n                }\n\n                .timeline-point-2 {\n                    top: 21%;\n                    left: 14%;\n                }\n\n                .timeline-point-3 {\n                    top: 61%;\n                    left: 26%;\n                }\n\n                .timeline-point-4 {\n                    top: 21%;\n                    left: 38%;\n                }\n\n                .timeline-point-5 {\n                    top: 61%;\n                    left: 49%;\n                }\n\n                .timeline-point-6 {\n                    top: 21%;\n                    left: 61%;\n                }\n\n                .timeline-point-7 {\n                    top: 62%;\n                    left: 72%;\n                }\n\n                .timeline-point-8 {\n                    top: 21%;\n                    left: 84%;\n                }\n\n                .tooltip-1 {\n                    bottom: 40px;\n                    left: -27px;\n                }\n\n                .tooltip-1::after {\n                    top: -10%;\n                    left: 120px;\n                    border-top-color: white;\n                }\n\n                .tooltip-2 {\n                    top: 4px;\n                    left: 157px;\n                }\n\n                .tooltip-2::after {\n                    bottom: -11%;\n                    left: 120px;\n                    border-top-color: white;\n                }\n\n                .tooltip-3 {\n                    bottom: -41px;\n                    left: 24%;\n                }\n\n                .tooltip-3::after {\n                    top: -7%;\n                    left: 120px;\n                    border-top-color: white;\n                }\n\n                .tooltip-4 {\n                    top: -23px;\n                    left: 36%;\n                }\n\n                .tooltip-4::after {\n                    bottom: -10%;\n                    left: 120px;\n                    border-top-color: white;\n                }\n\n                .tooltip-5 {\n                    bottom: -15px;\n                    left: 47%;\n                }\n\n                .tooltip-5::after {\n                    top: -10%;\n                    left: 135px;\n                    border-top-color: white;\n                }\n\n                .tooltip-6 {\n                    top: 0px;\n                    left: 56%;\n                }\n\n                .tooltip-6::after {\n                    bottom: -11%;\n                    left: 135px;\n                    border-top-color: white;\n                }\n\n                .tooltip-7 {\n                    bottom: 29px;\n                    right: 9%;\n                }\n\n                .tooltip-7::after {\n                    top: -12%;\n                    right: 167px;\n                    border-top-color: white;\n                }\n\n                .tooltip-8 {\n                    top: 16px;\n                    right: -42px;\n                }\n\n                .tooltip-8::after {\n                    bottom: -13%;\n                    right: 163px;\n                    border-top-color: white;\n                }\n            }\n\n            \/* Mobile positioning *\/\n            @media (max-width: 767px) {\n                .timeline-point-1 {\n                    top: 8%;\n                    right: 15%;\n                }\n\n                .timeline-point-2 {\n                    top: 18%;\n                    left: 15%;\n                }\n\n                .timeline-point-3 {\n                    top: 28%;\n                    right: 15%;\n                }\n\n                .timeline-point-4 {\n                    top: 38%;\n                    left: 20%;\n                }\n\n                .timeline-point-5 {\n                    top: 48%;\n                    right: 15%;\n                }\n\n                .timeline-point-6 {\n                    top: 58%;\n                    left: 15%;\n                }\n\n                .timeline-point-7 {\n                    top: 68%;\n                    right: 15%;\n                }\n\n                .timeline-point-8 {\n                    top: 78%;\n                    left: 20%;\n                }\n\n                .timeline-tooltip,\n                .timeline-tooltip1 {\n                    min-width: 200px;\n                    max-width: 250px;\n                    font-size: 12px;\n                }\n\n                .tooltip-1 {\n                    bottom: -4px;\n                    left: -27px;\n                }\n\n                .tooltip-1::after {\n                    top: -16px;\n                    right: 30px;\n                    border-bottom-color: white;\n                }\n\n                .tooltip-2 {\n                    top: 30px;\n                    left: 20px;\n                }\n\n                .tooltip-2::after {\n                    top: -16px;\n                    left: 30px;\n                    border-bottom-color: white;\n                }\n\n                .tooltip-3 {\n                    bottom: -59px;\n                    left: 24%;\n                }\n\n                .tooltip-3::after {\n                    bottom: -16px;\n                    right: 30px;\n                    border-top-color: white;\n                }\n\n                .tooltip-4 {\n                    bottom: 30px;\n                    left: 20px;\n                }\n\n                .tooltip-4::after {\n                    bottom: -16px;\n                    left: 30px;\n                    border-top-color: white;\n                }\n\n                .tooltip-5 {\n                    top: -15px;\n                    right: 20px;\n                }\n\n                .tooltip-5::after {\n                    top: -16px;\n                    right: 30px;\n                    border-bottom-color: white;\n                }\n\n                .tooltip-6 {\n                    top: 30px;\n                    left: 20px;\n                }\n\n                .tooltip-6::after {\n                    top: -16px;\n                    left: 30px;\n                    border-bottom-color: white;\n                }\n\n                .tooltip-7 {\n                    bottom: 30px;\n                    right: 20px;\n                }\n\n                .tooltip-7::after {\n                    bottom: -16px;\n                    right: 30px;\n                    border-top-color: white;\n                }\n\n                .tooltip-8 {\n                    bottom: 30px;\n                    left: 20px;\n                }\n\n                .tooltip-8::after {\n                    bottom: -16px;\n                    left: 30px;\n                    border-top-color: white;\n                }\n            }\n        <\/style>\n\n        <!-- Timeline Points -->\n        <div class=\"timeline-point timeline-point-1\" data-tooltip=\"tooltip-1\"><\/div>\n        <div class=\"timeline-tooltip1 tooltip-1\">\n            <h4>Your starting point.<\/h4>\n            <p>Access our specialized platform.<\/p>\n            <!-- Imagen de screenshot\/tablet para tooltip 1 -->\n            <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/login.png\" alt=\"Plataforma\" class=\"tooltip-screenshot1\">\n        <\/div>\n\n        <div class=\"timeline-point timeline-point-2\" data-tooltip=\"tooltip-2\"><\/div>\n        <div class=\"timeline-tooltip tooltip-2\">\n            <h4>Training tailored to your specialty.<\/h4>\n            <p>Choose the area that best fits your professional profile.<\/p>\n            <!-- Iconos de especialidades para tooltip 2 -->\n            <div class=\"tooltip-icons-container\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/vaca.svg\" alt=\"Rumiantes\" style=\"position: absolute;  top: -25px; right: -1px;\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/gallina.svg\" alt=\"Avicultura\" style=\"position: absolute; top: 20px; right: -33px;\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/pig.svg\" alt=\"Porcino\" style=\"position: absolute; top: 68px; right: -34px;\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/nutricion.svg\" alt=\"Nutrici\u00f3n\" style=\"position: absolute; top: 112px; right: -3px;\">\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-point timeline-point-3\" data-tooltip=\"tooltip-3\"><\/div>\n        <div class=\"timeline-tooltip1 tooltip-3\">\n            <h4>Learn at your own pace, from anywhere.<\/h4>\n            <p>Access different online learning formats: Courses, Training Programs, and Capsules.<\/p>\n            <!-- Imagen de gorro acad\u00e9mico y diploma para tooltip 3 -->\n            <div style=\"text-align: right;\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete.png\" alt=\"Formaci\u00f3n\" style=\"width: 80px;height: auto;display: inline-block;position: absolute;top: -15px;right: -29px;\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-1.png\" alt=\"Formaci\u00f3n\" style=\"width: 80px;height: auto;display: inline-block;position: absolute;top: 15px;right: -46px;\">\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-point timeline-point-4\" data-tooltip=\"tooltip-4\"><\/div>\n        <div class=\"timeline-tooltip tooltip-4\">\n            <h4>Knowledge you can put into practice.<\/h4>\n            <p>Our content is designed to solve real-world industry challenges.<\/p>\n            <!-- Imagen de persona en videoconferencia para tooltip 4 -->\n            <div style=\"text-align: right;\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/formacion-online.png\" alt=\"Profesionales\" class=\"tooltip-screenshot\" style=\"position: absolute;top: 94px;right: -112px;width: 58%;\">\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-point timeline-point-5\" data-tooltip=\"tooltip-5\"><\/div>\n        <div class=\"timeline-tooltip1 tooltip-5\">\n            <h4>Learn from those working in the industry.<\/h4>\n            <p>Real-world experience, up-to-date knowledge<\/p>\n            <!-- Im\u00e1genes de profesores\/formadores para tooltip 5 -->\n            <div class=\"tooltip-images-container\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/jose-luis.png\" alt=\"Profesor 1\" style=\"position: absolute; bottom: -11px; right: 12px;\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/laura-perez.png\" alt=\"Profesor 2\" style=\"position: absolute;  bottom: -32px; right: -48px;\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/edgar-oviedo.png\" alt=\"Profesor 3\" style=\"position: absolute; bottom: 39px;  right: -28px;\">\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-point timeline-point-6\" data-tooltip=\"tooltip-6\"><\/div>\n        <div class=\"timeline-tooltip tooltip-6\">\n            <h4>Learn while staying connected to the industry.<\/h4>\n            <p>Be part of an international community.<\/p>\n            <!-- Imagen de trabajo en equipo para tooltip 6 -->\n            <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/manos-unidas.png\" alt=\"Comunidad\" class=\"tooltip-image\" style=\"position: absolute;top: 82px;right: -39px;width: 54%;\">\n        <\/div>\n\n        <div class=\"timeline-point timeline-point-7\" data-tooltip=\"tooltip-7\"><\/div>\n        <div class=\"timeline-tooltip1 tooltip-7\">\n            <h4>Add value to your training.<\/h4>\n            <p style=\"width: 71%;\">Earn certificates that validate your training.<\/p>\n            <!-- Imagen de certificado para tooltip 7 -->\n            <div class=\"tooltip-certificate\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-2.png\" alt=\"Certificado\" style=\"position: absolute;top: -2px;right: -54px;width: 171px;height: 199px;\">\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-point timeline-point-8\" data-tooltip=\"tooltip-8\"><\/div>\n        <div class=\"timeline-tooltip tooltip-8\">\n            <h4>Agrinews Campus supports you.<\/h4>\n            <p>This is a path of continuous growth.<\/p>\n            <!-- Logo de Agrinews Campus para tooltip 8 -->\n            <div class=\"\">\n                <img decoding=\"async\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/08\/favicon.svg\" alt=\"Agrinews Campus\" style=\"position: absolute;top: 54px; right: -30px; width: 28%;\">\n            <\/div>\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const timelinePoints = document.querySelectorAll('.timeline-point');\n\n                timelinePoints.forEach(point => {\n                    const tooltipClass = point.getAttribute('data-tooltip');\n                    const tooltip = document.querySelector('.' + tooltipClass);\n\n                    if (tooltip) {\n                        \/\/ Desktop hover events\n                        if (window.innerWidth >= 768) {\n                            point.addEventListener('mouseenter', function() {\n                                tooltip.classList.add('show');\n                            });\n\n                            point.addEventListener('mouseleave', function() {\n                                tooltip.classList.remove('show');\n                            });\n                        } else {\n                            \/\/ Mobile click events\n                            point.addEventListener('click', function() {\n                                \/\/ Hide all tooltips first\n                                document.querySelectorAll('.timeline-tooltip').forEach(t => {\n                                    t.classList.remove('show');\n                                });\n                                \/\/ Show current tooltip\n                                tooltip.classList.add('show');\n                            });\n                        }\n                    }\n                });\n\n                \/\/ Close tooltips when clicking outside on mobile\n                if (window.innerWidth < 768) {\n                    document.addEventListener('click', function(e) {\n                        if (!e.target.closest('.timeline-point') && !e.target.closest('.timeline-tooltip')) {\n                            document.querySelectorAll('.timeline-tooltip').forEach(tooltip => {\n                                tooltip.classList.remove('show');\n                            });\n                        }\n                        if (!e.target.closest('.timeline-point') && !e.target.closest('.timeline-tooltip1')) {\n                            document.querySelectorAll('.timeline-tooltip1').forEach(tooltip => {\n                                tooltip.classList.remove('show');\n                            });\n                        }\n                    });\n                }\n            });\n        <\/script>\n    <\/div>\n<\/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-0887e8d courses-area elementor-hidden-desktop elementor-hidden-laptop e-flex e-con-boxed e-con e-parent\" data-id=\"0887e8d\" 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-ca052a2 e-con-full e-flex e-con e-child\" data-id=\"ca052a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3f61a5f e-con-full e-flex e-con e-child\" data-id=\"3f61a5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3757b78 elementor-widget elementor-widget-image\" data-id=\"3757b78\" 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=\"640\" height=\"962\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Camino-ENG-681x1024.png\" class=\"attachment-large size-large wp-image-47217\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Camino-ENG-681x1024.png 681w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Camino-ENG-200x300.png 200w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Camino-ENG-545x820.png 545w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/Camino-ENG.png 760w\" 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\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-1b6d795 e-flex e-con-boxed e-con e-parent\" data-id=\"1b6d795\" 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-393902a elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"393902a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/socialagri.com\/login\/login-otp?medio=agrinewscampus.com&#038;edicion=en&#038;urlredirect=https%3A%2F%2Fagrinewscampus.com%2F\/en\" target=\"_blank\" id=\"formate\">\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\">Start training!<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9475a7d e-flex e-con-boxed e-con e-parent\" data-id=\"9475a7d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-91b7fa4 e-con-full e-flex e-con e-child\" data-id=\"91b7fa4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5035cea elementor-widget elementor-widget-heading\" data-id=\"5035cea\" 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\">Discover our <br><strong>study formats<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d36c5c2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d36c5c2\" 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<p><span>At <strong>Agrinews Campus<\/strong> we offer <strong>different levels of depth<\/strong> to adapt to the <strong>needs<\/strong> and <strong>available time<\/strong> of each professional.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe9304f e-con-full e-flex e-con e-child\" data-id=\"fe9304f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-59a136e e-con-full e-flex e-con e-child\" data-id=\"59a136e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-040b8f4 elementor-widget elementor-widget-image\" data-id=\"040b8f4\" 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=\"640\" height=\"598\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete.png\" class=\"attachment-large size-large wp-image-46682\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete.png 784w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-300x280.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-768x717.png 768w\" 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 class=\"elementor-element elementor-element-523aae1 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"523aae1\" 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\">Specialisation courses<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9b8dd7 elementor-widget elementor-widget-text-editor\" data-id=\"e9b8dd7\" 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<p style=\"text-align: centre;\"><span>Designed to tailor the training experience to the real needs of each professional field.<\/span><\/p>\n<p style=\"text-align: centre;\"><span data-metadata=\"&lt;!-- (figmeta)eyJmaWxlS2V5IjoiZzVqbTJtNXlWbU9icU5uRzBTUGRnRyIsInBhc3RlSUQiOjIxMDMxNDAyODIsImRhdGFUeXBlIjoic2NlbmUifQo=(\/figmeta)--&gt;\"><\/span><span data-buffer=\"&quot;&lt;!--(figma)ZmlnLWtpd2llAAAAEGwAALW9CZxkS1XgHffeXKq6ut++A499B30bi7u5VVV25\/byZlW\/\" 98axzmrm6ko6kzpnm9wvm9kqererererezfbrayzzbarerezrayrerurgurkgizhgizhgibb739oxl15s7oe=\"\" v2=\"\" 3=\"\" d=\"\" r=\"\" tgnig4celeirpnnih782cy9ueudc8nopema2nuot2snnbctqhdmfzxajyro6xnqmojepl1tsjko5x3txalusydhnwnrqfgkhn27q1vsgq1srnwbfdo6yrmnfbmtbx=\"\" trtsabwmzbzq71fv7d8ln5latvlpv2mgxytj=\"\" xsv3ys2g5ffjfluy3q6em4bohkvko7idulw5c=\"\" dwpx0vwlu0sf1p1qr4slxdx=\"\" d5qlsrvhqdnwkb3kufugi7ikxb6ezwm3fuhlirw067uqjbevjxubwd8dxvrqfslpq61w0gwatcmgunzde0k6vmo1epmdgumtgf1x5=\"\" fhnn6ndjdlzvvrqldqunvouapa0on63vmokuzfs56vcgnru3tsluhcgph4jbipu4hbqs3v=\"\" j1mhfadkw802xoj0yzz9vvjudxgpp=\"\" olxfjqzug4bcr3frqd7c1qr3djjud8fn=\"\" 2ocjqdnonu6rtjsumgzzywwdfanvoracyjsbps0zckmvvghsf0js=\"\" ka7uduieay3c3wplyk2m7vkobhtbmhdtrxzajjdztznnqkcg5znvlzvtcuvwq3aciw5coc6sekf70s7srfvk7r3ws3avrukzi2uyewz=\"\" izqnexu7hgstjgdjqfced5blzzfkk=\"\" snuisovcmvlo6i6y6otwstco7z6udzr3x9ho3murgtswzmmktwtpd7rqz1fkglodrwvwxkd5qr5srbri3bly3nmv8k=\"\" kbqh=\"\" dywd7skjswu10rske3nc2em9wddj2te9b2ov0tfjx=\"\" b3dc4iga2cnbd3k3xlxc8nsow9nf9bbcgfzdjnqhzm0tkxv45yjcqanuufiibjfq06yq4cprzfkw9voow=\"\" dankptrl28yyzx7bgw81gqfivimcqa0rnomcl=\"\" xhcwz1wosol=\"\" ffangl6exrqqxbbbv02t9t8elv7fpjmgerfu=\"\" p=\"\"> <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f747da e-con-full e-flex e-con e-child\" data-id=\"6f747da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-eff542d e-con-full e-flex e-con e-child\" data-id=\"eff542d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ad252 elementor-widget elementor-widget-text-editor\" data-id=\"13ad252\" 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<p style=\"text-align: centre;\"><span>DURATION<br \/><strong>approx. 25 hours<\/strong><\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c22dfc9 e-con-full e-flex e-con e-child\" data-id=\"c22dfc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9822b8 elementor-widget elementor-widget-text-editor\" data-id=\"a9822b8\" 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<p style=\"text-align: centre;\"><span>CONTENT<br \/><b>20 &#8211; 30 lessons<\/b><\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-021266d elementor-align-center elementor-widget-laptop__width-initial elementor-widget elementor-widget-button\" data-id=\"021266d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/agrinewscampus.com\/en\/specialisation-courses\/\" id=\"ver-curso\">\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\">See courses<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91d44a7 e-con-full e-flex e-con e-child\" data-id=\"91d44a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffdee2d elementor-widget elementor-widget-image\" data-id=\"ffdee2d\" 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=\"598\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-1.png\" class=\"attachment-large size-large wp-image-46689\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-1.png 784w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-1-300x280.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-1-768x717.png 768w\" 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 class=\"elementor-element elementor-element-e240f31 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e240f31\" 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\">Advanced training<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbcc67a elementor-widget elementor-widget-text-editor\" data-id=\"cbcc67a\" 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<p style=\"text-align: centre;\"><span>The ideal option for acquiring <strong>specialised knowledge in an accessible, practical and straightforward format.<\/strong><\/span><\/p>\n<p style=\"text-align: centre;\"><span>Perfect for expanding your skills without a significant investment of time<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69e0888 e-con-full e-flex e-con e-child\" data-id=\"69e0888\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1c94577 e-con-full e-flex e-con e-child\" data-id=\"1c94577\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73aa9e0 elementor-widget elementor-widget-text-editor\" data-id=\"73aa9e0\" 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<p style=\"text-align: centre;\"><span>DURATION<br \/><strong>approx. 5 hours<\/strong><\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-956243f e-con-full e-flex e-con e-child\" data-id=\"956243f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a19f8e8 elementor-widget elementor-widget-text-editor\" data-id=\"a19f8e8\" 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<p style=\"text-align: centre;\"><span>CONTENTS<br \/><b>5 lessons<\/b><\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4191b0e elementor-align-center elementor-widget-laptop__width-initial elementor-widget elementor-widget-button\" data-id=\"4191b0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/agrinewscampus.com\/en\/advanced-training\/\" id=\"ver-formaciones\">\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\">See formations<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49f1a35 e-con-full e-flex e-con e-child\" data-id=\"49f1a35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9a54fc elementor-widget elementor-widget-image\" data-id=\"e9a54fc\" 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=\"596\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-2.png\" class=\"attachment-large size-large wp-image-46692\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-2.png 640w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/birrete-2-300x279.png 300w\" 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 class=\"elementor-element elementor-element-a80a001 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a80a001\" 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\">Capsules<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63ac804 elementor-widget elementor-widget-text-editor\" data-id=\"63ac804\" 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<p style=\"text-align: centre;\"><span><strong>Fast<\/strong> and <strong>effective<\/strong> learning to meet specific needs.\u2028Delve into a specific topic in an <strong>agile<\/strong> and <strong>highly focused<\/strong> manner.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-192301a e-con-full e-flex e-con e-child\" data-id=\"192301a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8b947fe e-con-full e-flex e-con e-child\" data-id=\"8b947fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87ae102 elementor-widget elementor-widget-text-editor\" data-id=\"87ae102\" 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<p style=\"text-align: centre;\"><span>DURATION<br \/><strong>approx. 1 &#8211; 2 hours<\/strong><\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44cc329 e-con-full e-flex e-con e-child\" data-id=\"44cc329\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26b6ffc elementor-widget elementor-widget-text-editor\" data-id=\"26b6ffc\" 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<p style=\"text-align: centre;\"><span>CONTENTS<br \/><b>2 lessons<\/b><\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1ea1f8 elementor-align-center elementor-widget-laptop__width-initial elementor-widget elementor-widget-button\" data-id=\"a1ea1f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/agrinewscampus.com\/en\/training-capsules\/\" id=\"ver-capsulas\">\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\">See capsules<\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5b4ea0 e-flex e-con-boxed e-con e-parent\" data-id=\"b5b4ea0\" 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-e22393a elementor-widget elementor-widget-heading\" data-id=\"e22393a\" 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>Latest<\/strong> content<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e932c24 elementor-widget elementor-widget-shortcode\" data-id=\"e932c24\" 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\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 del carrusel de formaciones *\/\n        .formaciones-carousel-wrapper {\n            width: 100%;\n            margin: 40px auto;\n            padding: 0;\n        }\n        \n        .formaciones-filters {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 15px;\n            flex-wrap: wrap;\n            position: relative;\n        }\n        \n        .formaciones-filters-buttons {\n            display: flex;\n            gap: 15px;\n            flex-wrap: wrap;\n        }\n        \n        .formaciones-navigation {\n            display: flex;\n            gap: 10px;\n            align-items: center;\n        }\n        \n        .formaciones-filter-btn {\n            background-color: transparent;\n            color: #222222 !important;\n            font-size: 16px;\n            font-weight: 500 !important;\n            border: 2px solid #40C6CE;\n            transition: all 0.3s ease;\n        }\n        \n        .formaciones-filter-btn:hover,\n        .formaciones-filter-btn.active {\n            background-color: #40C6CE !important;\n            color: white !important;\n        }\n        \n        .formaciones-carousel {\n            position: relative;\n            overflow: visible;\n            padding: 20px 0;\n        }\n        \n        .formaciones-carousel .swiper {\n            width: 100%;\n            padding: 20px 60px;\n            overflow: visible;\n        }\n        \n        .formaciones-carousel .swiper-wrapper {\n            align-items: stretch;\n        }\n        \n        .formaciones-carousel .swiper-slide {\n            height: auto;\n        }\n        \n        \/* Estilos de las cards - copiados de las funciones originales *\/\n        .formaciones-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            margin: 0 auto;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center;\n            justify-content: flex-end;\n            height: 59vh;\n            min-height: 400px;\n            transition: box-shadow 0.3s ease, transform 0.3s ease;\n        }\n        \n        .formaciones-card:hover {\n            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2), 0 6px 18px rgba(0, 0, 0, 0.15);\n            transform: translateY(-3px);\n        }\n        \n        .formaciones-card-content {\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            min-height: 59vh;\n        }\n        \n        .formaciones-card-title {\n            font-family: Poppins, sans-serif;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: white !important;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n            text-align: left;\n            margin: 0 0 15px 0;\n        }\n        \n        .formaciones-card-title a {\n            color: white !important;\n            text-decoration: none;\n        }\n        \n        .formaciones-card-title a:hover {\n            color: #40C6CE !important;\n        }\n        \n        .formaciones-card-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            text-align: center;\n            transition: background-color 0.3s ease;\n        }\n        \n        .formaciones-card-button:hover {\n            background-color: #339DA3;\n            color: #FFF;\n        }\n        \n        \/* Navegaci\u00f3n del swiper *\/\n        .formaciones-swiper-button-prev,\n        .formaciones-swiper-button-next,\n        .formaciones-swiper-button-prev-top,\n        .formaciones-swiper-button-next-top {\n            position: static;\n            width: 86px;\n            height: 36px;\n            background-color: #423E4F;\n            border-radius: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            z-index: 10;\n            transition: all 0.3s ease;\n        }\n        \n        .formaciones-swiper-button-prev:hover,\n        .formaciones-swiper-button-next:hover,\n        .formaciones-swiper-button-prev-top:hover,\n        .formaciones-swiper-button-next-top:hover {\n            background-color: #339DA3;\n        }\n        \n        .formaciones-swiper-button-prev::after,\n        .formaciones-swiper-button-next::after,\n        .formaciones-swiper-button-prev-top::after,\n        .formaciones-swiper-button-next-top::after {\n            content: \"\";\n            width: 10px;\n            height: 10px;\n            border-top: 2px solid white;\n            border-right: 2px solid white;\n        }\n        \n        .formaciones-swiper-button-prev::after,\n        .formaciones-swiper-button-prev-top::after {\n            transform: rotate(-135deg);\n            margin-left: 3px;\n        }\n        \n        .formaciones-swiper-button-next::after,\n        .formaciones-swiper-button-next-top::after {\n            transform: rotate(45deg);\n            margin-right: 3px;\n        }\n        \n        \/* Paginaci\u00f3n *\/\n        .formaciones-swiper-pagination {\n            margin-top: 20px;\n            text-align: center;\n        }\n        \n        .formaciones-swiper-pagination .swiper-pagination-bullet {\n            width: 10px;\n            height: 10px;\n            background: #40C6CE;\n            opacity: 0.3;\n        }\n        \n        .formaciones-swiper-pagination .swiper-pagination-bullet-active {\n            opacity: 1;\n        }\n        \n        \/* Bot\u00f3n Ver M\u00e1s *\/\n        .formaciones-ver-mas {\n            text-align: center;\n            margin-top: 30px;\n        }\n        \n        .formaciones-ver-mas a {\n            display: inline-block;\n            padding: 15px 40px;\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        \n        .formaciones-ver-mas a:hover {\n            background-color: #339DA3;\n        }\n        \n        \/* Responsivo *\/\n        @media (max-width: 768px) {\n            .formaciones-filters {\n                gap: 10px;\n            }\n            \n            .formaciones-filter-btn {\n                padding: 10px 20px;\n                font-size: 14px;\n            }\n            \n            .formaciones-carousel .swiper {\n                padding: 20px 10px;\n            }\n            \n            .formaciones-card {\n                height: auto;\n                min-height: 350px;\n            }\n            \n            .formaciones-card-title {\n                font-size: 1rem;\n                min-height: auto;\n            }\n        }\n    <\/style><div class=\"formaciones-carousel-wrapper\"><div class=\"formaciones-filters\"><div class=\"formaciones-filters-buttons\"><button type=\"button\" class=\"formaciones-filter-btn active\" data-type=\"cursos\">Courses<\/button><button type=\"button\" class=\"formaciones-filter-btn\" data-type=\"formaciones\"> Trainings<\/button><button type=\"button\" class=\"formaciones-filter-btn\" data-type=\"capsulas\">Capsules<\/button><\/div><div class=\"formaciones-navigation\"><div class=\"formaciones-swiper-button-prev-top\"><\/div><div class=\"formaciones-swiper-button-next-top\"><\/div><\/div><\/div><div class=\"formaciones-carousel\" data-type=\"cursos\" style=\"display: block;\"><div class=\"swiper formaciones-swiper-cursos\"><div class=\"swiper-wrapper\"><\/div><div class=\"formaciones-swiper-pagination\"><\/div><\/div><\/div><div class=\"formaciones-carousel\" data-type=\"formaciones\" style=\"display: none;\"><div class=\"swiper formaciones-swiper-formaciones\"><div class=\"swiper-wrapper\"><div class=\"swiper-slide\"><div class=\"formaciones-card\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Formacion-avanzada-manejo-de-la-alimentacion-avicola-product.png);\"><div class=\"formaciones-card-content\"><div class=\"d-flex\"><h3 class=\"formaciones-card-title\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/feed-management-in-poultry-farms-advanced-training\/\">Feed management in poultry farms | Advanced training<\/a><\/h3><\/div><div class=\"main-section\" style=\"display: flex; align-items: center; margin-bottom: 15px; justify-content: center; width: 100%;\"><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: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38756\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Add to cart\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECTED\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"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                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"You are a premium member: you get a discount!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38756;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"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                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"formaciones-card\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Formacion-avanzada-Buenas-practicas-de-produccion-3.png);\"><div class=\"formaciones-card-content\"><div class=\"d-flex\"><h3 class=\"formaciones-card-title\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/good-production-practices-for-the-animal-feed-industry-advanced-training\/\">Good Production Practices for the Animal Feed Industry | Advanced Training<\/a><\/h3><\/div><div class=\"main-section\" style=\"display: flex; align-items: center; margin-bottom: 15px; justify-content: center; width: 100%;\"><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: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38897\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Add to cart\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECTED\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"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                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"You are a premium member: you get a discount!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38897;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"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                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"formaciones-card\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Formacion-avanzada-primera-semana-del-pollo.png);\"><div class=\"formaciones-card-content\"><div class=\"d-flex\"><h3 class=\"formaciones-card-title\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/management-of-the-first-week-of-the-chick-advanced-training\/\">Management of the first week of the chick | Advanced training<\/a><\/h3><\/div><div class=\"main-section\" style=\"display: flex; align-items: center; margin-bottom: 15px; justify-content: center; width: 100%;\"><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: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38762\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Add to cart\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECTED\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"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                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"You are a premium member: you get a discount!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38762;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"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                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"formaciones-card\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Formacion-avanzada-pre-recepcion-del-pollo.png);\"><div class=\"formaciones-card-content\"><div class=\"d-flex\"><h3 class=\"formaciones-card-title\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/chicken-pre-reception-advanced-training\/\">Chicken pre-reception | Advanced training<\/a><\/h3><\/div><div class=\"main-section\" style=\"display: flex; align-items: center; margin-bottom: 15px; justify-content: center; width: 100%;\"><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: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$55<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38768\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Add to cart\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECTED\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"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                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"You are a premium member: you get a discount!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38768;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"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                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"formaciones-swiper-pagination\"><\/div><\/div><\/div><div class=\"formaciones-carousel\" data-type=\"capsulas\" style=\"display: none;\"><div class=\"swiper formaciones-swiper-capsulas\"><div class=\"swiper-wrapper\"><div class=\"swiper-slide\"><div class=\"formaciones-card\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Amprocampus-estructura-del-huevo.png);\"><div class=\"formaciones-card-content\"><div class=\"d-flex\"><h3 class=\"formaciones-card-title\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/egg-structure-capsule\/\">Egg structure | Capsule<\/a><\/h3><\/div><div class=\"main-section\" style=\"display: flex; align-items: center; margin-bottom: 15px; justify-content: center; width: 100%;\"><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: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$35<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38802\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Add to cart\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECTED\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"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                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"You are a premium member: you get a discount!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38802;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"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                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"formaciones-card\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Amprocampus-mito-hormonas-.png);\"><div class=\"formaciones-card-content\"><div class=\"d-flex\"><h3 class=\"formaciones-card-title\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/the-myth-of-hormones-in-chicken-meat-capsule\/\">The myth of hormones in chicken meat | Capsule<\/a><\/h3><\/div><div class=\"main-section\" style=\"display: flex; align-items: center; margin-bottom: 15px; justify-content: center; width: 100%;\"><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: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$35<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38808\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Add to cart\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECTED\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"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                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"You are a premium member: you get a discount!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38808;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"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                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"formaciones-card\" style=\"background-image: url(https:\/\/agrinewscampus.com\/wp-content\/uploads\/2025\/05\/Amprocampus-aparato-reproductor-gallina.png);\"><div class=\"formaciones-card-content\"><div class=\"d-flex\"><h3 class=\"formaciones-card-title\"><a href=\"https:\/\/agrinewscampus.com\/en\/courses\/reproductive-system-of-the-chicken-capsule\/\">Reproductive system of the chicken | Capsule<\/a><\/h3><\/div><div class=\"main-section\" style=\"display: flex; align-items: center; margin-bottom: 15px; justify-content: center; width: 100%;\"><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: transparent; color: white; border-radius: 16px; border: 3px solid white; text-decoration: none; text-transform: none; font-weight: bold; transition: all 0.3s ease;\"> \n                                     <p style=\"color: white;font-weight: 300;margin-bottom: 9px !important;font-size: 12px;\" class=\"precio_regular1\">Regular price<\/p>\n                                     <div style=\"font-size: 24px; font-weight: 500; \" class=\"precio_regular\">$35<\/div>\n                                <\/div>\n                            <\/div><div style=\"margin-top: 20px; text-align: center;\">\n                            <button id=\"real-add-to-cart-btn-38815\" class=\"real-add-to-cart-button elementor-button ctacolor elementor-button-link elementor-size-sm w-100\" \n                                    style=\"text-transform: none; background-color: #40C6CE;color: #292929;border: none;padding: 19px 20px !important;border-radius: 16px;font-weight: bold;font-size: 19px !important;cursor: pointer;transition: all 0.3s ease;\">\n                                Add to cart\n                            <\/button>\n                        <\/div><style>\n\n                button.real-add-to-cart-button:hover, .ctacolor:hover {\n                    background: transparent !important;\n                    border: 2px solid #40C6CE !important;\n                    color: #40C6CE !important;\n                }\n                .product-selector, .product-selector-practicas {\n                    position: relative !important;\n                    transition: all 0.3s ease !important;\n                    cursor: pointer !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento - borde claro siempre *\/\n                .product-selector[data-subscription=\"null\"] {\n                    border: 2px solid #ccc !important;\n                }\n                \n                \/* Bot\u00f3n precio sin descuento seleccionado - mantener borde verde pero m\u00e1s claro *\/\n                .product-selector[data-subscription=\"null\"].selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Todos los elementos seleccionados *\/\n                .product-selector.selected, .product-selector-practicas.selected {\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05)) !important;\n                }\n                \n                \/* Precio con descuento (azul) seleccionado - texto negro para mejor contraste *\/\n                .product-selector[data-subscription=\"1\"].selected {\n                    color: #000 !important;\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected .ahorro-label {\n                    color: black !important;\n                    font-weight: bold !important;\n                }\n                \n                \/* Mantener el estilo correcto en hover para elementos seleccionados *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover div {\n                    color: #000 !important;\n                }\n                .product-selector[data-subscription=\"1\"].selected:hover .ahorro-label {\n                    color: black !important;\n                }\n                \n                .product-selector.selected::before, .product-selector-practicas.selected::before {\n                    content: \"\u2713 SELECTED\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: white !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium::before {\n                    content: \"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                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n\n                .product-selector-premium-si::before {\n                    content: \"You are a premium member: you get a discount!\" !important;\n                    position: absolute !important;\n                    top: -15px !important;\n                    left: 50% !important;\n                    transform: translateX(-50%) !important;\n                    background: #40C6CE !important;\n                    color: #292929 !important;\n                    border-radius: 20px !important;\n                    padding: 5px 15px !important;\n                    font-weight: bold !important;\n                    font-size: 11px !important;\n                    z-index: 999 !important;\n                    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;\n                    display: flex !important;\n                    text-wrap: nowrap !important;\n                }\n                \n                \/* Hover para elementos NO seleccionados *\/\n                .product-selector:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                .product-selector-practicas:not(.selected):hover {\n                    transform: translateY(-2px) !important;\n                    box-shadow: 0 5px 15px rgba(0, 123, 186, 0.3) !important;\n                    border-color: #007cba !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n blanco (precio sin descuento) *\/\n                .product-selector[data-subscription=\"null\"]:not(.selected):hover {\n                    background: rgba(0, 123, 186, 0.05) !important;\n                }\n                \n                \/* Hover espec\u00edfico para bot\u00f3n azul (precio con descuento) *\/\n                .product-selector[data-subscription=\"1\"]:not(.selected):hover {\n                    background: linear-gradient(135deg, #144b4eff, #0b2e30ff) !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen hover - se mantienen igual *\/\n                .product-selector.selected:hover, \n                .product-selector-practicas.selected:hover {\n                    transform: none !important;\n                }\n                \n                \/* Espec\u00edficamente para bot\u00f3n premium seleccionado - mantener estilos *\/\n                .product-selector[data-subscription=\"1\"].selected:hover {\n                    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(255, 255, 255, 0.9)) !important;\n                    border: 4px solid #40C6CE !important;\n                    box-shadow: 0 0 15px rgba(40, 167, 69, 0.6) !important;\n                    transform: none !important;\n                }\n                \n                .product-selector:active, .product-selector-practicas:active {\n                    transform: scale(0.98) !important;\n                }\n                \n                \/* Indicador visual dashed border para hover - solo elementos NO seleccionados *\/\n                .product-selector:not(.selected)::after, .product-selector-practicas:not(.selected)::after {\n                    content: \"\" !important;\n                    position: absolute !important;\n                    top: 0 !important;\n                    left: 0 !important;\n                    right: 0 !important;\n                    bottom: 0 !important;\n                    border: 2px dashed transparent !important;\n                    border-radius: inherit !important;\n                    transition: all 0.3s ease !important;\n                    pointer-events: none !important;\n                }\n                \n                .product-selector:not(.selected):hover::after, .product-selector-practicas:not(.selected):hover::after {\n                    border-color: #007cba !important;\n                    border-style: solid !important;\n                }\n                \n                \/* Elementos seleccionados NO tienen ::after border *\/\n                .product-selector.selected::after, .product-selector-practicas.selected::after {\n                    display: none !important;\n                }\n                \n                @keyframes selectAnimation {\n                    0% { \n                        transform: scale(1);\n                        box-shadow: 0 0 0 rgba(40, 167, 69, 0);\n                    }\n                    50% { \n                        transform: scale(1.02);\n                        box-shadow: 0 0 20px rgba(40, 167, 69, 0.4);\n                    }\n                    100% { \n                        transform: scale(1);\n                        box-shadow: 0 0 15px rgba(40, 167, 69, 0.6);\n                    }\n                }\n                \n                \/* Media Queries para pantallas grandes *\/\n                @media (min-width: 1901px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 38px !important;\n                        margin-top: 12% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 26px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1401px) and (max-width: 1900px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 130px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 40px !important;\n                        margin-top: 14% !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 17px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 13px 18px !important;\n                    }\n                }\n                \n                @media (min-width: 1301px) and (max-width: 1400px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 110px !important;\n                        min-height: 90px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 10px 16px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex para que no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1201px) and (max-width: 1300px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        max-height: 115px !important;\n                        min-height: 95px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 11px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 34px !important;\n                        margin-top: 8% !important;\n                        line-height: 1.1 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 15px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 25px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 7px !important;\n                        top: -11px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 11px 17px !important;\n                    }\n                    \n                    \/* Ajustar contenedor flex *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 8px !important;\n                        align-items: stretch !important;\n                    }\n                }\n                \n                @media (min-width: 1025px) and (max-width: 1200px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        max-height: 120px !important;\n                        min-height: 100px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        font-size: 12px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 4px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 27px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 12px 18px !important;\n                    }\n                    \n                    \/* Asegurar que el contenedor flex no se desborde *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        gap: 6px !important;\n                        align-items: stretch !important;\n                        flex-wrap: nowrap !important;\n                    }\n                }\n                \n                \/* Media Queries mejoradas para m\u00f3viles *\/\n                @media (max-width: 1024px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                    }\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 42px !important;\n                        margin-top: 12% !important;\n                    }\n                }\n                \n                @media (max-width: 992px) {\n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 36px !important;\n                        margin-top: 10% !important;\n                    }\n                    .product-selector-premium::before {\n                        font-size: 10px !important;\n                        padding: 4px 12px !important;\n                    }\n                }\n                \n                \/* Tableta - hasta 768px *\/\n                @media (max-width: 768px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 80px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 30px !important;\n                        margin-top: 8% !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -12px !important;\n                        font-size: 9px !important;\n                        padding: 4px 12px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 4px 10px !important;\n                        top: -14px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Grande - hasta 640px *\/\n                @media (max-width: 640px) {\n                    \/* Cambiar a dise\u00f1o vertical siempre *\/\n                    div[style*=\"display: flex; gap: 10px\"] {\n                        display: block !important;\n                        gap: 0 !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        display: block !important;\n                        width: 100% !important;\n                        flex: none !important;\n                        margin-bottom: 15px !important;\n                        padding: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                    }\n                    \n                    .product-selector, .product-selector-practicas {\n                        font-size: 14px !important;\n                        padding: 20px !important;\n                        margin-bottom: 15px !important;\n                        min-height: 85px !important;\n                        border-radius: 12px !important;\n                        display: flex !important;\n                        flex-direction: column !important;\n                        justify-content: center !important;\n                        text-align: center !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 32px !important;\n                        margin-top: 0 !important;\n                        line-height: 1.2 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 18px !important;\n                        margin-top: 5px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        top: -10px !important;\n                        font-size: 9px !important;\n                        padding: 3px 10px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 9px !important;\n                        padding: 3px 8px !important;\n                        top: -12px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 16px !important;\n                        padding: 18px 20px !important;\n                        margin-top: 10px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Mediano - hasta 480px *\/\n                @media (max-width: 480px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 13px !important;\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                        border-radius: 10px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 12px !important;\n                        min-height: 75px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 28px !important;\n                        margin-top: 0 !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 16px !important;\n                        margin-top: 3px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 24px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 8px !important;\n                        padding: 2px 8px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 8px !important;\n                        padding: 2px 6px !important;\n                        top: -10px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 15px !important;\n                        padding: 16px 18px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Peque\u00f1o - hasta 360px *\/\n                @media (max-width: 360px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 12px !important;\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                        border-radius: 8px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 10px !important;\n                        min-height: 70px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 24px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 14px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 20px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 7px !important;\n                        padding: 2px 6px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 7px !important;\n                        padding: 2px 5px !important;\n                        top: -8px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 14px !important;\n                        padding: 14px 16px !important;\n                    }\n                }\n                \n                \/* M\u00f3vil Extra Peque\u00f1o - hasta 320px *\/\n                @media (max-width: 320px) {\n                    .product-selector, .product-selector-practicas {\n                        font-size: 11px !important;\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                        border-radius: 6px !important;\n                    }\n                    \n                    .product-selector[style*=\"flex: 1\"] {\n                        padding: 20px !important;\n                        margin-bottom: 8px !important;\n                        min-height: 65px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 48px\"] {\n                        font-size: 20px !important;\n                        margin-top: 0 !important;\n                        font-weight: bold !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 20px\"] {\n                        font-size: 12px !important;\n                        margin-top: 2px !important;\n                    }\n                    \n                    .product-selector div[style*=\"font-size: 31px\"] {\n                        font-size: 18px !important;\n                    }\n                    \n                    .product-selector.selected::before,\n                    .product-selector-practicas.selected::before {\n                        font-size: 6px !important;\n                        padding: 1px 4px !important;\n                        top: -6px !important;\n                    }\n                    \n                    .product-selector-premium::before {\n                        font-size: 6px !important;\n                        padding: 1px 3px !important;\n                        top: -7px !important;\n                    }\n                    \n                    .real-add-to-cart-button {\n                        font-size: 13px !important;\n                        padding: 12px 14px !important;\n                    }\n                }\n            <\/style><script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const courseId = 38815;\n                \n                \n                \/\/ Selectores para los elementos de este curso espec\u00edfico\n                const productSelectors = document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector, [data-course-id=\\\"\" + courseId + \"\\\"].product-selector-practicas\");\n                const realAddToCartBtn = document.getElementById(\"real-add-to-cart-btn-\" + courseId);\n                \n                let selectedProduct = null;\n                \n                \/\/ Manejar selecci\u00f3n de productos\n                productSelectors.forEach(function(selector) {\n                    selector.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Remover selecci\u00f3n previa\n                        productSelectors.forEach(function(s) {\n                            s.classList.remove(\"selected\");\n                        });\n                        \n                        \/\/ Agregar selecci\u00f3n actual con efecto\n                        this.classList.add(\"selected\");\n                        \n                        \/\/ Efecto visual suave\n                        this.style.animation = \"selectAnimation 0.6s ease-out\";\n                        setTimeout(() => {\n                            this.style.animation = \"\";\n                        }, 600);\n                        \n                        \/\/ Guardar datos del producto seleccionado\n                        selectedProduct = {\n                            productId: this.getAttribute(\"data-product-id\"),\n                            courseId: this.getAttribute(\"data-course-id\"),\n                            lang: this.getAttribute(\"data-lang\"),\n                            price: this.getAttribute(\"data-price\"),\n                            subscription: this.getAttribute(\"data-subscription\"),\n                            activo: this.getAttribute(\"data-activo\")\n                        };\n                    });\n                });\n                \n                \/\/ Manejar click del bot\u00f3n \"Agregar al Carrito\"\n                if (realAddToCartBtn) {\n                    realAddToCartBtn.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        \n                        if (!selectedProduct) {\n                            \/\/ Mostrar alerta si no hay producto seleccionado\n                            Swal.fire({\n                                title: \"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                        \/\/ Llamar a la funci\u00f3n addToCart con los datos del producto seleccionado\n                        const subscription = selectedProduct.subscription === \"null\" ? null : parseInt(selectedProduct.subscription);\n                        addToCart(\n                            parseInt(selectedProduct.productId),\n                            subscription,\n                            parseInt(selectedProduct.courseId),\n                            selectedProduct.lang,\n                            parseFloat(selectedProduct.price),\n                            parseInt(selectedProduct.activo)\n                        );\n                    });\n                }\n\n                \/\/ Tooltip JS para .product-selector-premium\n                var premiumTooltipText = \"Para saber m\u00e1s sobre el Plan Premium, visita nuestra p\u00e1gina\";\n                var premiumTooltip = null;\n                document.querySelectorAll(\"[data-course-id=\\\"\" + courseId + \"\\\"].product-selector-premium\").forEach(function(el) {\n                    el.addEventListener(\"mouseenter\", function() {\n                        premiumTooltip = document.createElement(\"div\");\n                        premiumTooltip.className = \"premium-tooltip-popup\";\n                        premiumTooltip.textContent = premiumTooltipText;\n                        document.body.appendChild(premiumTooltip);\n                        var rect = el.getBoundingClientRect();\n                        var ttW = premiumTooltip.offsetWidth;\n                        var ttH = premiumTooltip.offsetHeight;\n                        premiumTooltip.style.left = (rect.left + rect.width \/ 2 - ttW \/ 2) + \"px\";\n                        premiumTooltip.style.top = (rect.top - ttH - 8) + \"px\";\n                        requestAnimationFrame(function() { premiumTooltip.classList.add(\"visible\"); });\n                    });\n                    el.addEventListener(\"mouseleave\", function() {\n                        if (premiumTooltip) { premiumTooltip.remove(); premiumTooltip = null; }\n                    });\n                });\n            });\n            <\/script><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"formaciones-swiper-pagination\"><\/div><\/div><\/div><div class=\"formaciones-ver-mas\" data-type=\"cursos\" style=\"display: block;\"><a href=\"https:\/\/agrinewscampus.com\/cursos-de-especializacion\/\">SEE ALL COURSES<\/a><\/div><div class=\"formaciones-ver-mas\" data-type=\"formaciones\" style=\"display: none;\"><a href=\"https:\/\/agrinewscampus.com\/formaciones\/\">VIEW ALL TRAINING COURSES<\/a><\/div><div class=\"formaciones-ver-mas\" data-type=\"capsulas\" style=\"display: none;\"><a href=\"https:\/\/agrinewscampus.com\/capsulas-formativas\/\">SEE ALL CAPSULES<\/a><\/div><\/div><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script><link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/><script type=\"text\/javascript\">\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Inicializar Swiper para cada tipo\n            const swiperCursos = new Swiper(\".formaciones-swiper-cursos\", {\n                slidesPerView: 3,\n                spaceBetween: 30,\n                loop: false,\n                simulateTouch: false,\n                allowTouchMove: false,\n                navigation: {\n                    nextEl: \".formaciones-swiper-button-next-top\",\n                    prevEl: \".formaciones-swiper-button-prev-top\",\n                },\n                pagination: {\n                    el: \".formaciones-carousel[data-type='cursos'] .formaciones-swiper-pagination\",\n                    clickable: true,\n                },\n                breakpoints: {\n                    320: {\n                        slidesPerView: 1,\n                        spaceBetween: 10,\n                        simulateTouch: true,\n                        allowTouchMove: true,\n                    },\n                    768: {\n                        slidesPerView: 2,\n                        spaceBetween: 20,\n                        simulateTouch: true,\n                        allowTouchMove: true,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 30,\n                        simulateTouch: false,\n                        allowTouchMove: false,\n                    },\n                },\n            });\n            \n            const swiperFormaciones = new Swiper(\".formaciones-swiper-formaciones\", {\n                slidesPerView: 3,\n                spaceBetween: 30,\n                loop: false,\n                simulateTouch: false,\n                allowTouchMove: false,\n                navigation: {\n                    nextEl: \".formaciones-swiper-button-next-top\",\n                    prevEl: \".formaciones-swiper-button-prev-top\",\n                },\n                pagination: {\n                    el: \".formaciones-carousel[data-type='formaciones'] .formaciones-swiper-pagination\",\n                    clickable: true,\n                },\n                breakpoints: {\n                    320: {\n                        slidesPerView: 1,\n                        spaceBetween: 10,\n                        simulateTouch: true,\n                        allowTouchMove: true,\n                    },\n                    768: {\n                        slidesPerView: 2,\n                        spaceBetween: 20,\n                        simulateTouch: true,\n                        allowTouchMove: true,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 30,\n                        simulateTouch: false,\n                        allowTouchMove: false,\n                    },\n                },\n            });\n            \n            const swiperCapsulas = new Swiper(\".formaciones-swiper-capsulas\", {\n                slidesPerView: 3,\n                spaceBetween: 30,\n                loop: false,\n                simulateTouch: false,\n                allowTouchMove: false,\n                navigation: {\n                    nextEl: \".formaciones-swiper-button-next-top\",\n                    prevEl: \".formaciones-swiper-button-prev-top\",\n                },\n                pagination: {\n                    el: \".formaciones-carousel[data-type='capsulas'] .formaciones-swiper-pagination\",\n                    clickable: true,\n                },\n                breakpoints: {\n                    320: {\n                        slidesPerView: 1,\n                        spaceBetween: 10,\n                        simulateTouch: true,\n                        allowTouchMove: true,\n                    },\n                    768: {\n                        slidesPerView: 2,\n                        spaceBetween: 20,\n                        simulateTouch: true,\n                        allowTouchMove: true,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 30,\n                        simulateTouch: false,\n                        allowTouchMove: false,\n                    },\n                },\n            });\n            \n            \/\/ Manejo de filtros\n            const filterButtons = document.querySelectorAll(\".formaciones-filter-btn\");\n            const carousels = document.querySelectorAll(\".formaciones-carousel\");\n            const verMasButtons = document.querySelectorAll(\".formaciones-ver-mas\");\n            \n            filterButtons.forEach(function(button) {\n                button.addEventListener(\"click\", function() {\n                    const type = this.getAttribute(\"data-type\");\n                    \n                    \/\/ Actualizar botones activos\n                    filterButtons.forEach(function(btn) {\n                        btn.classList.remove(\"active\");\n                    });\n                    this.classList.add(\"active\");\n                    \n                    \/\/ Mostrar\/ocultar carruseles\n                    carousels.forEach(function(carousel) {\n                        if (carousel.getAttribute(\"data-type\") === type) {\n                            carousel.style.display = \"block\";\n                        } else {\n                            carousel.style.display = \"none\";\n                        }\n                    });\n                    \n                    \/\/ Mostrar\/ocultar botones \"Ver M\u00e1s\"\n                    verMasButtons.forEach(function(btn) {\n                        if (btn.getAttribute(\"data-type\") === type) {\n                            btn.style.display = \"block\";\n                        } else {\n                            btn.style.display = \"none\";\n                        }\n                    });\n                    \n                    \/\/ Actualizar Swiper correspondiente\n                    if (type === \"cursos\") {\n                        swiperCursos.update();\n                    } else if (type === \"formaciones\") {\n                        swiperFormaciones.update();\n                    } else if (type === \"capsulas\") {\n                        swiperCapsulas.update();\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-94b8ada e-con-full courses-area pt-3 pb-3 e-flex e-con e-parent\" data-id=\"94b8ada\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-727e527 elementor-widget elementor-widget-heading\" data-id=\"727e527\" 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\">With the participation of <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d329406 elementor-widget__width-initial elementor-widget elementor-widget-image-carousel\" data-id=\"d329406\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrusel de im\u00e1genes\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/ncstate.svg\" alt=\"ncstate\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/murcia.svg\" alt=\"murcia\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/anprogaporc.svg\" alt=\"anprogaporc\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/redaporc.svg\" alt=\"redaporc\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2024\/09\/capsulas-formativas-1.svg\" alt=\"capsulas-formativas\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4840d1 e-flex e-con-boxed e-con e-parent\" data-id=\"e4840d1\" 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-2535522 e-con-full e-flex e-con e-child\" data-id=\"2535522\" 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-3e2baff elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"3e2baff\" 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\">Boost your <span style=\"text-decoration: underline #40C6CE 7px\">professional development<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20f68c7 e-con-full e-flex e-con e-child\" data-id=\"20f68c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7811aac e-con-full e-flex e-con e-child\" data-id=\"7811aac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-667eb07 elementor-widget elementor-widget-heading\" data-id=\"667eb07\" 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\">Where do <strong>we come from?<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-459698b elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"459698b\" 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<p style=\"font-size: 18px;\">We are part of the <b>agriNews Communication Group<\/b>, a media outlet specialising in technical content for the agricultural sector. We provide reliable, up-to-date information for professionals in the field.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09bb965 e-con-full e-flex e-con e-child\" data-id=\"09bb965\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e42458 elementor-widget elementor-widget-heading\" data-id=\"8e42458\" 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\">User <br><strong style=\"font-size:50px;font-style: italic\">Free<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2b224e e-con-full e-flex e-con e-child\" data-id=\"d2b224e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0090bdc elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget-laptop__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"0090bdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-times-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Limited<\/strong> access<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-times-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>No discounts<\/strong> on courses<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\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-a142b6e elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"a142b6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-times-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Magazine not included<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-times-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>No exclusive content<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b60519 e-con-full e-flex e-con e-child\" data-id=\"6b60519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba011ae elementor-widget elementor-widget-heading\" data-id=\"ba011ae\" 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\">Be part of a <br><strong style=\"font-size:60px;text-decoration: underline #40C6CE 7px;font-style: italic\">BIGGER Plan<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d20b3e9 e-con-full e-flex e-con e-child\" data-id=\"d20b3e9\" 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-f37cb7b elementor-widget elementor-widget-heading\" data-id=\"f37cb7b\" 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\">User <br><strong style=\"font-size:50px;font-style: italic\">Premium<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7172ac e-con-full e-flex e-con e-child\" data-id=\"c7172ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e6c277 elementor-widget__width-initial elementor-widget-laptop__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"8e6c277\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Full access <\/strong> to all <strong>capsules<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Discounts<\/strong> exclusively on <strong>advanced courses and training programmes<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\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-bd713fc elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"bd713fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Print magazine <\/strong> of your choice included<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Alerts, news and <strong>exclusive content <\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d64b6fc elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"d64b6fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/agrinewscampus.com\/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\">Become a Premium Member<\/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 class=\"elementor-element elementor-element-b5b006b elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"b5b006b\" 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=\"118\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/logos-scaled.png\" class=\"attachment-full size-full wp-image-46712\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/logos-scaled.png 2560w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/logos-300x14.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/logos-1024x47.png 1024w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/logos-768x36.png 768w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/logos-1536x71.png 1536w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/logos-2048x95.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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-477ce2b e-flex e-con-boxed e-con e-parent\" data-id=\"477ce2b\" 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-7056cb0 e-con-full e-flex e-con e-child\" data-id=\"7056cb0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1628b04 e-con-full e-flex e-con e-child\" data-id=\"1628b04\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-052896c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"052896c\" 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\">Are you an <strong>expert<\/strong> and would you like to  <strong style=\"text-decoration: underline #40C6CE 7px\">be part of Agrinews Campus? <\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25cce06 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"25cce06\" 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<p style=\"font-size: 20px;\">If you are a <strong>professional in the agricultural sector<\/strong> and would like to <strong>collaborate as a trainer<\/strong>, please send us your proposal.<\/p>\n\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-aaa25f1 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"aaa25f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/agrinewscampus.com\/en\/contact\/\" id=\"propuesta\">\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\">Submit proposal<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bd6535 e-con-full e-flex e-con e-child\" data-id=\"0bd6535\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3dbf1 elementor-widget elementor-widget-image\" data-id=\"0e3dbf1\" 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=\"319\" src=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/7155-Photoroom-2-1024x511.png\" class=\"attachment-large size-large wp-image-46695\" alt=\"\" srcset=\"https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/7155-Photoroom-2-1024x511.png 1024w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/7155-Photoroom-2-300x150.png 300w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/7155-Photoroom-2-768x383.png 768w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/7155-Photoroom-2-1536x766.png 1536w, https:\/\/agrinewscampus.com\/wp-content\/uploads\/2026\/01\/7155-Photoroom-2.png 1764w\" 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\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","protected":false},"excerpt":{"rendered":"<p>Your path to professional learning AgriNews Campus is the benchmark in training for the sector, with technical content designed according to real needs and taught by active professionals. Start training! Discover our study formats At Agrinews Campus we offer different levels of depth to adapt to the needs and available time of each professional. Specialisation <\/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,"footnotes":""},"categories":[],"tags":[],"class_list":["post-47054","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/47054","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=47054"}],"version-history":[{"count":5,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/47054\/revisions"}],"predecessor-version":[{"id":49221,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/pages\/47054\/revisions\/49221"}],"wp:attachment":[{"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/media?parent=47054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/categories?post=47054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agrinewscampus.com\/en\/wp-json\/wp\/v2\/tags?post=47054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}