{"id":174,"date":"2022-06-25T14:19:30","date_gmt":"2022-06-25T14:19:30","guid":{"rendered":"https:\/\/www.igem.uma.es\/?page_id=174"},"modified":"2026-05-26T22:32:05","modified_gmt":"2026-05-26T22:32:05","slug":"inicio","status":"publish","type":"page","link":"https:\/\/www.igem.uma.es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"174\" class=\"elementor elementor-174\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2be5b1c elementor-section-full_width elementor-section-height-min-height elementor-section-content-middle elementor-section-stretched elementor-section-height-default elementor-section-items-middle\" data-id=\"2be5b1c\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-22a58de\" data-id=\"22a58de\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f0eae4f elementor-widget elementor-widget-spacer\" data-id=\"f0eae4f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.6 - 08-06-2022 *\/\n.e-container.e-container--row .elementor-spacer-inner{width:var(--spacer-size)}.e-container.e-container--column .elementor-spacer-inner,.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}<\/style>\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c3f15e4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c3f15e4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bdbdc82\" data-id=\"bdbdc82\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79d30d7 elementor-widget elementor-widget-image\" data-id=\"79d30d7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.6 - 08-06-2022 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/drive.google.com\/file\/d\/1QBUNWGbkZlaWn-mGV_1G8Gp6HAn6svIk\/view?fbclid=PAZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQMMjU2MjgxMDQwNTU4AAGnVuoSRz4X5SI5kGhMwa-d48NLBCl4Yw62ogTGVo0ocllz3mIpUzkxT1o3p0c_aem_GHp0mP0VPke8WSGxBuugMQ\">\n\t\t\t\t\t\t\t<img width=\"1920\" height=\"729\" src=\"https:\/\/www.igem.uma.es\/wp-content\/uploads\/2026\/05\/meetup-igem-1-e1778767563366.png\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.igem.uma.es\/wp-content\/uploads\/2026\/05\/meetup-igem-1-e1778767563366.png 1920w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2026\/05\/meetup-igem-1-e1778767563366-300x114.png 300w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2026\/05\/meetup-igem-1-e1778767563366-1024x389.png 1024w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2026\/05\/meetup-igem-1-e1778767563366-768x292.png 768w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2026\/05\/meetup-igem-1-e1778767563366-1536x583.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-847c177 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"847c177\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-9fe70c0\" data-id=\"9fe70c0\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-37c490d elementor-widget elementor-widget-heading\" data-id=\"37c490d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.6 - 08-06-2022 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Qui\u00e9nes somos<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d34934f elementor-widget elementor-widget-text-editor\" data-id=\"d34934f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.6 - 08-06-2022 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Somos el <span class=\"notion-enable-hover\" data-token-index=\"1\">equipo iGEM de la Universidad de M\u00e1laga<\/span>, un grupo multidisciplinar de estudiantes unidos por la pasi\u00f3n por la <span class=\"notion-enable-hover\" data-token-index=\"3\">ciencia, la tecnolog\u00eda y la ingenier\u00eda<\/span>. Cada a\u00f1o participamos en el <span class=\"notion-enable-hover\" data-token-index=\"5\">Grand Jamboree<\/span>, la mayor competici\u00f3n internacional de biolog\u00eda sint\u00e9tica, donde presentamos un proyecto innovador con el que buscamos generar un <span class=\"notion-enable-hover\" data-token-index=\"7\">impacto real en la sociedad<\/span>.<\/p><p>Esta iniciativa est\u00e1 impulsada por el\u00a0<a class=\"notion-link-token notion-focusable-token notion-enable-hover\" tabindex=\"0\" href=\"https:\/\/www.uma.es\/departamento-de-biologia-molecular-y-bioquimica\/\" rel=\"noopener noreferrer\" data-token-index=\"9\"><span class=\"link-annotation-unknown-block-id--458850361\">Departamento de Biolog\u00eda Molecular y Bioqu\u00edmica<\/span><\/a>, con el apoyo del\u00a0<a class=\"notion-link-token notion-focusable-token notion-enable-hover\" tabindex=\"0\" href=\"https:\/\/www.ihsm.uma-csic.es\/\" rel=\"noopener noreferrer\" data-token-index=\"11\"><span class=\"link-annotation-unknown-block-id-1032630128\">IHSM<\/span><\/a>\u00a0y\u00a0<a class=\"notion-link-token notion-focusable-token notion-enable-hover\" tabindex=\"0\" href=\"https:\/\/www.link.uma.es\/\" rel=\"noopener noreferrer\" data-token-index=\"13\"><span class=\"link-annotation-unknown-block-id-1415211118\">Link by UMA-ATech<\/span><\/a>.<!-- notionvc: 8fee6c3d-0b6c-4698-a1dd-9cf0cee4ab88 --><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-58ba4d6\" data-id=\"58ba4d6\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-272593c elementor-widget elementor-widget-heading\" data-id=\"272593c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Qu\u00e9 es iGEM<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b34114a elementor-widget elementor-widget-text-editor\" data-id=\"b34114a\" data-element_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<p><span style=\"font-size: 1rem;\">iGEM es la <\/span><span class=\"notion-enable-hover\" style=\"font-size: 1rem; font-weight: 600;\" data-token-index=\"1\">mayor competici\u00f3n internacional de Biolog\u00eda Sint\u00e9tica<\/span><span style=\"font-size: 1rem;\">, organizada por el\u00a0<\/span><span class=\"notion-enable-hover\" style=\"font-size: 1rem; font-weight: 600;\" data-token-index=\"3\">MIT<\/span><span style=\"font-size: 1rem;\"> (Instituto Tecnol\u00f3gico de Massachusetts), en la que universidades de todo el mundo dise\u00f1an soluciones innovadoras para los grandes retos del presente. \u00bfTe intriga saber m\u00e1s sobre la fundaci\u00f3n que impulsa esta iniciativa global<\/span><span style=\"font-size: 1rem;\">?<\/span><\/p><p><!-- notionvc: 27678498-5736-4727-b4bb-e24f11b7b391 --><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-160f25c elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"160f25c\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20659e8\" data-id=\"20659e8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-134db64 elementor-widget elementor-widget-heading\" data-id=\"134db64\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sobre la fundaci\u00f3n iGEM<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5398457 elementor-widget elementor-widget-text-editor\" data-id=\"5398457\" data-element_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<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"color: rgba(255,255,255,var(--o42jjq,1)); caret-color: #ffffff; --ys-xuq: none; font-kerning: normal;\">La competici\u00f3n est\u00e1 organizada por la iGEM Foundation, una organizaci\u00f3n independiente sin \u00e1nimo de lucro establecida en 2012, con sede en Boston. La fundaci\u00f3n se dedica a:<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f6d1c0a elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"f6d1c0a\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;bounceInUp&quot;,&quot;animation_delay&quot;:100}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-52e7eca\" data-id=\"52e7eca\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-42b966d elementor-widget elementor-widget-heading\" data-id=\"42b966d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Educaci\u00f3n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dd8f3a elementor-widget elementor-widget-text-editor\" data-id=\"9dd8f3a\" data-element_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<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Promover la educaci\u00f3n en biolog\u00eda sint\u00e9tica y fomentar el desarrollo de una comunidad global de cient\u00edficos<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-692474e\" data-id=\"692474e\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6b46540 elementor-widget elementor-widget-heading\" data-id=\"6b46540\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Competici\u00f3n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e86445d elementor-widget elementor-widget-text-editor\" data-id=\"e86445d\" data-element_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<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"color: rgba(255,255,255,var(--o42jjq,1)); caret-color: #ffffff; --ys-xuq: none; font-kerning: normal;\">Organizar el Giant Jamboree anual (ahora llamado Grand Jamboree), donde los equipos presentan sus proyectos<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d3eefce elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"d3eefce\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;bounceInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7707edd\" data-id=\"7707edd\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d6625ee elementor-widget elementor-widget-heading\" data-id=\"d6625ee\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Registro de partes<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b93725 elementor-widget elementor-widget-text-editor\" data-id=\"8b93725\" data-element_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<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"color: rgba(255,255,255,var(--o42jjq,1)); caret-color: #ffffff; --ys-xuq: none; font-kerning: normal;\">Mantener el Registry of Standard Biological Parts, una colecci\u00f3n de miles de componentes gen\u00e9ticos de c\u00f3digo abierto<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-375f7ad\" data-id=\"375f7ad\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a2486a3 elementor-widget elementor-widget-heading\" data-id=\"a2486a3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desarrollo comunitario<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ac741b elementor-widget elementor-widget-text-editor\" data-id=\"4ac741b\" data-element_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<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"color: rgba(255,255,255,var(--o42jjq,1)); caret-color: #ffffff; --ys-xuq: none; font-kerning: normal;\">Crear una red global de cient\u00edficos, investigadores y entusiastas de la biolog\u00eda sint\u00e9tica<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-29d2188 elementor-widget elementor-widget-heading\" data-id=\"29d2188\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sobre la competici\u00f3n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90a8c71 elementor-widget elementor-widget-text-editor\" data-id=\"90a8c71\" data-element_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<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"color: rgba(255,255,255,var(--o42jjq,1)); caret-color: #ffffff; --ys-xuq: none; font-kerning: normal;\">iGEM (International Genetically Engineered Machine competition) es una competici\u00f3n internacional de biolog\u00eda sint\u00e9tica dirigida principalmente a estudiantes universitarios, aunque tambi\u00e9n hay categor\u00edas para estudiantes de secundaria y equipos comunitarios.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3205a98 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"3205a98\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;bounceInUp&quot;,&quot;animation_delay&quot;:100}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-11efbbc\" data-id=\"11efbbc\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9c0cacf elementor-widget elementor-widget-image\" data-id=\"9c0cacf\" data-element_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 width=\"300\" height=\"225\" src=\"https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/Untitled-300x225.jpeg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/Untitled-300x225.jpeg 300w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/Untitled-1024x768.jpeg 1024w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/Untitled-768x576.jpeg 768w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/Untitled-1536x1152.jpeg 1536w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/Untitled-2048x1536.jpeg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fd3cec elementor-widget elementor-widget-text-editor\" data-id=\"6fd3cec\" data-element_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<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Esta competici\u00f3n anual, fundada en 2003 en el MIT (Massachusetts Institute of Technology), desaf\u00eda a equipos de estudiantes de todo el mundo a dise\u00f1ar, construir y probar sistemas biol\u00f3gicos utilizando partes biol\u00f3gicas estandarizadas llamadas BioBricks.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-27d1d31\" data-id=\"27d1d31\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6fc12df elementor-widget elementor-widget-image\" data-id=\"6fc12df\" data-element_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 width=\"300\" height=\"200\" src=\"https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/JAR0136-300x200.jpg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/JAR0136-300x200.jpg 300w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/JAR0136-1024x683.jpg 1024w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/JAR0136-768x512.jpg 768w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/JAR0136-1536x1024.jpg 1536w, https:\/\/www.igem.uma.es\/wp-content\/uploads\/2025\/08\/JAR0136-2048x1365.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48c18b1 elementor-widget elementor-widget-text-editor\" data-id=\"48c18b1\" data-element_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<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"color: rgba(255,255,255,var(--o42jjq,1)); caret-color: #ffffff; --ys-xuq: none; font-kerning: normal;\">Los equipos trabajan durante varios meses en proyectos que buscan resolver problemas reales usando los principios de la biolog\u00eda sint\u00e9tica.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b3256d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b3256d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8387f38\" data-id=\"8387f38\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6bbc56b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6bbc56b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b24d94b\" data-id=\"b24d94b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c39ec5d elementor-widget elementor-widget-html\" data-id=\"c39ec5d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>News Feed Carousel<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Lora:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --primary-dark: #0170B9;\r\n            --primary-accent: #61CE70;\r\n            --text-light: #56c8d7;\r\n            --text-muted: #0a2463;\r\n            --border-color: #54595F2a;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Roboto Condensed', sans-serif;\r\n            background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\r\n            color: var(--text-light);\r\n            padding: 60px 20px;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .carousel-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .carousel-header {\r\n            margin-bottom: 50px;\r\n            border-left: 6px solid var(--primary-accent);\r\n            padding-left: 24px;\r\n            animation: slideInLeft 0.8s ease-out;\r\n        }\r\n\r\n        .carousel-header h1 {\r\n            font-family: 'Roboto Slab', serif;\r\n            font-size: clamp(2.5rem, 5vw, 4rem);\r\n            letter-spacing: -0.02em;\r\n            text-transform: uppercase;\r\n            background: #56c8d7;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: 8px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .carousel-header p {\r\n            font-size: 1rem;\r\n            color: var(--text-muted);\r\n            font-style: italic;\r\n        }\r\n\r\n        .carousel-wrapper {\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 20px 0;\r\n            width: 100%;\r\n        }\r\n\r\n        .carousel-track {\r\n            display: flex;\r\n            gap: 30px;\r\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n            will-change: transform;\r\n        }\r\n\r\n        .news-card {\r\n            flex: 0 0 450px;\r\n            min-width: 350px;\r\n            background: rgb(255, 255, 255);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 4px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            opacity: 0;\r\n            animation: fadeInUp 0.6s ease-out forwards;\r\n            position: relative;\r\n        }\r\n\r\n        .news-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: var(--primary-accent);\r\n            box-shadow: 0 20px 60px rgba(40, 85, 110, 0.15);\r\n        }\r\n\r\n        .news-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .news-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .news-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .news-card:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n        .card-image-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 280px;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, #2a2a2a, #1a1a1a);\r\n        }\r\n\r\n        .card-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .news-card:hover .card-image {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .card-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .news-card:hover .card-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .card-content {\r\n            padding: 28px;\r\n        }\r\n\r\n        .card-category {\r\n            font-family: 'Roboto Slab', serif;\r\n            font-size: 0.75rem;\r\n            letter-spacing: 0.15em;\r\n            text-transform: uppercase;\r\n            color: var(--primary-accent);\r\n            margin-bottom: 12px;\r\n            display: inline-block;\r\n        }\r\n\r\n        .card-title {\r\n            font-family: 'Roboto Slab', serif;\r\n            font-size: 1.4rem;\r\n            line-height: 1.3;\r\n            margin-bottom: 12px;\r\n            color: var(--text-muted);\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .card-excerpt {\r\n            font-family: 'Roboto Condensed', sans-serif;\r\n            font-size: 0.95rem;\r\n            line-height: 1.6;\r\n            color: #2a2a2a;\r\n            margin-bottom: 16px;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .card-meta {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            font-size: 0.85rem;\r\n            color: var(--text-light);\r\n            font-style: italic;\r\n            font-family: 'Roboto Condensed', sans-serif;\r\n        }\r\n\r\n        .card-meta::before {\r\n            content: '';\r\n            width: 30px;\r\n            height: 1px;\r\n            background: var(--primary-accent);\r\n        }\r\n\r\n        .carousel-controls {\r\n            display: flex;\r\n            gap: 16px;\r\n            margin-top: 40px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .carousel-btn {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid var(--border-color);\r\n            color: var(--text-light);\r\n            width: 56px;\r\n            height: 56px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            font-size: 1.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .carousel-btn:hover {\r\n            background: var(--primary-accent);\r\n            border-color: var(--primary-accent);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .carousel-btn:disabled {\r\n            opacity: 0.3;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        .carousel-btn:disabled:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-color: var(--border-color);\r\n            transform: scale(1);\r\n        }\r\n\r\n        .carousel-indicators {\r\n            display: flex;\r\n            gap: 12px;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .indicator {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid transparent;\r\n        }\r\n\r\n        .indicator.active {\r\n            background: var(--primary-accent);\r\n            width: 32px;\r\n            border-radius: 5px;\r\n        }\r\n\r\n        .indicator:hover {\r\n            background: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes slideInLeft {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .news-card {\r\n                flex: 0 0 calc(100vw - 40px);\r\n                min-width: unset;\r\n                max-width: 450px;\r\n            }\r\n\r\n            .carousel-wrapper {\r\n                padding: 20px 20px;\r\n            }\r\n\r\n            .carousel-track {\r\n                gap: 20px;\r\n            }\r\n\r\n            .carousel-header h1 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            body {\r\n                padding: 30px 10px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"carousel-container\">\r\n        <div class=\"carousel-header\">\r\n            <h1>Somos noticia<\/h1>\r\n            <p>Mant\u00e9nte al d\u00eda con nuestros logros<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"carousel-wrapper\">\r\n            <div class=\"carousel-track\" id=\"carouselTrack\">\r\n                <!-- News cards will be dynamically inserted here -->\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"carousel-controls\">\r\n            <button class=\"carousel-btn\" id=\"prevBtn\" aria-label=\"Previous\">\u2039<\/button>\r\n            <div class=\"carousel-indicators\" id=\"indicators\"><\/div>\r\n            <button class=\"carousel-btn\" id=\"nextBtn\" aria-label=\"Next\">\u203a<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ articles\r\n        const newsArticles = [\r\n            {\r\n                image: 'http:\/\/www.igem.uma.es\/wp-content\/uploads\/2026\/05\/Spotify.png',\r\n                category: 'Podcast iGEM Lund',\r\n                title: 'The Sequence - Ep.3: Science on the Costa del Sol',\r\n                excerpt: 'Entrevista a nuestro equipo iGEM-UMA en el podcast de iGEM Lund, donde hablamos sobre nuestro proyecto Frida y nuestra European iGEM Meetup en M\u00e1laga',\r\n                date: '23\/04\/2026',\r\n                link: 'https:\/\/open.spotify.com\/episode\/1RQb2v9XKdipzoXThwxgNw?si=c0dc492977854757'\r\n            },\r\n            {\r\n                image: 'https:\/\/www.uma.es\/media\/fotos\/Aflaxoffweb.jpg',\r\n                category: 'I+D+i UMA',\r\n                title: 'El equipo \"iGEM-UMA\" llevar\u00e1 a la Universidad de M\u00e1laga a la competici\u00f3n de Biolog\u00eda Sint\u00e9tica m\u00e1s importante del mundo',\r\n                excerpt: 'El equipo iGEM-UMA volver\u00e1 a participar, por tercer a\u00f1o consecutivo, en la competici\u00f3n internacional \"iGEM Grand Jamboree\" el encuentro de Biolog\u00eda Sint\u00e9tica m\u00e1s importante del mundo, cuya final se celebrar\u00e1 entre el 23 y el 26 de octubre en Par\u00eds.',\r\n                date: '12\/09\/2024',\r\n                link: 'https:\/\/www.google.com\/url?sa=t&rct=j&q=&esrc=s&source=newssearch&cd=&cad=rja&uact=8&ved=2ahUKEwjznoH6qK-SAxUYU6QEHcYrNekQxfQBKAB6BAgIEAE&url=https%3A%2F%2Fwww.uma.es%2Fsala-de-prensa%2Fnoticias%2Fel-equipo-igem-uma-llevara-a-la-universidad-a-la-competicion-de-biologia-sintetica-mas-importante-del-mundo%2F&usg=AOvVaw1K8zoAksgY4udULIKAq8Ij&opi=89978449'\r\n            },\r\n            {\r\n                image: 'https:\/\/estaticos-cdn.prensaiberica.es\/clip\/4a53bb66-c159-47c2-af07-ad88bb59d1cf_16-9-discover-aspect-ratio_default_0.webp',\r\n                category: 'La Opini\u00f3n de M\u00e1laga',\r\n                title: '\"iGEM-UMA\" gana la medalla de plata en la competici\u00f3n de biolog\u00eda sint\u00e9tica de relevancia internacional',\r\n                excerpt: '\"AflaxOFF\" detectar\u00e1 y combatir\u00e1 la intoxicaci\u00f3n por aflatoxinas, un desaf\u00edo que afecta al 80% de la producci\u00f3n agraria',\r\n                date: '03\/11\/2024',\r\n                link: 'https:\/\/www.laopiniondemalaga.es\/malaga\/2024\/10\/28\/igem-uma-queda-segundo-competicion-110724858.html-2'\r\n            },\r\n            {\r\n                image: 'https:\/\/www.areacostadelsol.com\/wp-content\/uploads\/2025\/11\/facultad-biologia-universidad-de-malaga.jpeg',\r\n                category: '\u00c1rea Costa del Sol',\r\n                title: 'Estudiantes malague\u00f1os lideran un proyecto pionero en biolog\u00eda sint\u00e9tica y piden ayuda para cumplir su sue\u00f1o',\r\n                excerpt: 'Con proyectos que convierten aceite usado en biopintura o residuos agr\u00edcolas en almid\u00f3n, estos j\u00f3venes cient\u00edficos aspiran a representar a M\u00e1laga en la \u00e9lite de la innovaci\u00f3n biotecnol\u00f3gica',\r\n                date: '03\/11\/2025',\r\n                link: 'https:\/\/www.areacostadelsol.com\/malaga\/estudiantes-malaguenos-lideran-un-proyecto-pionero-en-biologia-sintetica-y-piden-ayuda-para-cumplir-su-sueno\/'\r\n            },\r\n            {\r\n                image: 'https:\/\/www.umadivulga.uma.es\/wp-content\/uploads\/2024\/06\/foto-IGEM-2024-P1100415-780x487.jpg',\r\n                category: 'UMA Divulga',\r\n                title: 'iGEM-UMA participa en la competici\u00f3n internacional de Biolog\u00eda Sint\u00e9tica iGEM Grand Jamboree',\r\n                excerpt: 'El equipo presentar\u00e1 el proyecto \"AflaxOFF\", basado en el desarrollo de un probi\u00f3tico capaz de detectar y frenar la absorci\u00f3n de toxinas en el tracto digestivo',\r\n                date: '11\/06\/2024',\r\n                link: 'https:\/\/www.umadivulga.uma.es\/noticias\/igem-uma-participa-en-la-competicion-internacional-de-biologia-sintetica-igem-grand-jamboree\/'\r\n            }\r\n            \r\n        ];\r\n\r\n        class NewsCarousel {\r\n            constructor(articles) {\r\n                this.articles = articles;\r\n                this.currentIndex = 0;\r\n                this.track = document.getElementById('carouselTrack');\r\n                this.prevBtn = document.getElementById('prevBtn');\r\n                this.nextBtn = document.getElementById('nextBtn');\r\n                this.indicatorsContainer = document.getElementById('indicators');\r\n                this.isTransitioning = false;\r\n                \r\n                this.init();\r\n            }\r\n\r\n            getCardsPerView() {\r\n                return window.innerWidth < 768 ? 1 : 1;\r\n            }\r\n\r\n            getTotalSlides() {\r\n                return this.articles.length;\r\n            }\r\n\r\n            init() {\r\n                this.renderCards();\r\n                this.renderIndicators();\r\n                this.attachEventListeners();\r\n                this.updateControls();\r\n\r\n                let resizeTimeout;\r\n                window.addEventListener('resize', () => {\r\n                    clearTimeout(resizeTimeout);\r\n                    resizeTimeout = setTimeout(() => {\r\n                        this.updateCarousel();\r\n                    }, 250);\r\n                });\r\n            }\r\n\r\n            renderCards() {\r\n                this.track.innerHTML = this.articles.map(article => `\r\n                    <div class=\"news-card\" data-link=\"${article.link}\">\r\n                        <div class=\"card-image-wrapper\">\r\n                            <img src=\"${article.image}\" alt=\"${article.title}\" class=\"card-image\">\r\n                            <div class=\"card-overlay\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"card-content\">\r\n                            <span class=\"card-category\">${article.category}<\/span>\r\n                            <h3 class=\"card-title\">${article.title}<\/h3>\r\n                            <p class=\"card-excerpt\">${article.excerpt}<\/p>\r\n                            <div class=\"card-meta\">${article.date}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                `).join('');\r\n\r\n                \/\/ Add click handlers to cards\r\n                this.track.querySelectorAll('.news-card').forEach(card => {\r\n                    card.addEventListener('click', (e) => {\r\n                        e.preventDefault();\r\n                        const link = card.getAttribute('data-link');\r\n                        if (link && link !== '#') {\r\n                            window.location.href = link;\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n\r\n            renderIndicators() {\r\n                const totalSlides = this.getTotalSlides();\r\n                this.indicatorsContainer.innerHTML = '';\r\n                \r\n                for (let i = 0; i < totalSlides; i++) {\r\n                    const indicator = document.createElement('div');\r\n                    indicator.className = i === 0 ? 'indicator active' : 'indicator';\r\n                    indicator.setAttribute('data-index', i);\r\n                    this.indicatorsContainer.appendChild(indicator);\r\n                }\r\n            }\r\n\r\n            attachEventListeners() {\r\n                this.prevBtn.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    this.prev();\r\n                });\r\n                \r\n                this.nextBtn.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    this.next();\r\n                });\r\n                \r\n                this.indicatorsContainer.addEventListener('click', (e) => {\r\n                    if (e.target.classList.contains('indicator')) {\r\n                        e.preventDefault();\r\n                        const index = parseInt(e.target.getAttribute('data-index'));\r\n                        this.goToSlide(index);\r\n                    }\r\n                });\r\n            }\r\n\r\n            prev() {\r\n                if (this.isTransitioning) return;\r\n                if (this.currentIndex > 0) {\r\n                    this.currentIndex--;\r\n                    this.updateCarousel();\r\n                }\r\n            }\r\n\r\n            next() {\r\n                if (this.isTransitioning) return;\r\n                const maxIndex = this.getTotalSlides() - 1;\r\n                if (this.currentIndex < maxIndex) {\r\n                    this.currentIndex++;\r\n                    this.updateCarousel();\r\n                }\r\n            }\r\n\r\n            goToSlide(index) {\r\n                if (this.isTransitioning) return;\r\n                const maxIndex = this.getTotalSlides() - 1;\r\n                this.currentIndex = Math.max(0, Math.min(index, maxIndex));\r\n                this.updateCarousel();\r\n            }\r\n\r\n            updateCarousel() {\r\n                this.isTransitioning = true;\r\n                \r\n                const firstCard = this.track.querySelector('.news-card');\r\n                if (!firstCard) return;\r\n                \r\n                \/\/ Get actual rendered card width\r\n                const cardWidth = firstCard.offsetWidth;\r\n                const cardStyle = window.getComputedStyle(firstCard);\r\n                const gap = parseFloat(cardStyle.marginRight) || 30;\r\n                \r\n                \/\/ Calculate wrapper width and centering offset for mobile\r\n                const wrapperWidth = this.track.parentElement.offsetWidth;\r\n                const isMobile = window.innerWidth < 768;\r\n                \r\n                let offset;\r\n                if (isMobile) {\r\n                    \/\/ Center the card on mobile\r\n                    const centerOffset = (wrapperWidth - cardWidth) \/ 2;\r\n                    offset = centerOffset - (this.currentIndex * (cardWidth + gap));\r\n                } else {\r\n                    \/\/ Standard offset for desktop\r\n                    offset = -(this.currentIndex * (cardWidth + gap));\r\n                }\r\n                \r\n                this.track.style.transform = `translateX(${offset}px)`;\r\n                \r\n                setTimeout(() => {\r\n                    this.isTransitioning = false;\r\n                }, 600);\r\n                \r\n                this.updateControls();\r\n                this.updateIndicators();\r\n            }\r\n\r\n            updateControls() {\r\n                const maxIndex = this.getTotalSlides() - 1;\r\n                this.prevBtn.disabled = this.currentIndex === 0;\r\n                this.nextBtn.disabled = this.currentIndex >= maxIndex;\r\n            }\r\n\r\n            updateIndicators() {\r\n                const indicators = this.indicatorsContainer.querySelectorAll('.indicator');\r\n                indicators.forEach((indicator, i) => {\r\n                    indicator.classList.toggle('active', i === this.currentIndex);\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/news carousel initialization\r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', () => {\r\n                new NewsCarousel(newsArticles);\r\n            });\r\n        } else {\r\n            new NewsCarousel(newsArticles);\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b3a1b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b3a1b5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-961c555\" data-id=\"961c555\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-de93722 e-transform elementor-widget elementor-widget-google_maps\" data-id=\"de93722\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.6 - 08-06-2022 *\/\n.elementor-widget-google_maps .elementor-widget-container{overflow:hidden}.elementor-widget-google_maps iframe{height:300px}<\/style>\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Facultad%20de%20ciencias%20malaga&#038;t=m&#038;z=14&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Facultad de ciencias malaga\"\n\t\t\t\t\taria-label=\"Facultad de ciencias malaga\"\n\t\t\t><\/iframe>\n\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<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Qui\u00e9nes somos Somos el equipo iGEM de la Universidad de M\u00e1laga, un grupo multidisciplinar de estudiantes unidos por la pasi\u00f3n por la ciencia, la tecnolog\u00eda y la ingenier\u00eda. Cada a\u00f1o participamos en el Grand Jamboree, la mayor competici\u00f3n internacional de biolog\u00eda sint\u00e9tica, donde presentamos un proyecto innovador con el que buscamos generar un impacto real &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.igem.uma.es\/\"> <span class=\"screen-reader-text\">Inicio<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_themeisle_gutenberg_block_has_review":false},"_links":{"self":[{"href":"https:\/\/www.igem.uma.es\/index.php?rest_route=\/wp\/v2\/pages\/174"}],"collection":[{"href":"https:\/\/www.igem.uma.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.igem.uma.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.igem.uma.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.igem.uma.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=174"}],"version-history":[{"count":296,"href":"https:\/\/www.igem.uma.es\/index.php?rest_route=\/wp\/v2\/pages\/174\/revisions"}],"predecessor-version":[{"id":2732,"href":"https:\/\/www.igem.uma.es\/index.php?rest_route=\/wp\/v2\/pages\/174\/revisions\/2732"}],"wp:attachment":[{"href":"https:\/\/www.igem.uma.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}