{"id":58647,"date":"2026-01-19T23:06:47","date_gmt":"2026-01-19T23:06:47","guid":{"rendered":"https:\/\/expocobre.com\/?page_id=58647"},"modified":"2026-01-26T21:01:08","modified_gmt":"2026-01-26T21:01:08","slug":"programa-conferencias-magistrales-expocobre-2026","status":"publish","type":"page","link":"https:\/\/expocobre.com\/en\/programa-conferencias-magistrales-expocobre-2026\/","title":{"rendered":"PROGRAMA TRABAJOS T\u00c9CNICOS EXPOCOBRE 2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"58647\" class=\"elementor elementor-58647\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b10012 e-con-full e-flex e-con e-parent\" data-id=\"9b10012\" 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-87567fd elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"87567fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TRABAJOS T\u00c9CNICOS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b63ff49 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b63ff49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CONVOCATORIA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c599b6a e-con-full e-flex e-con e-parent\" data-id=\"c599b6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f366594 elementor-widget elementor-widget-html\" data-id=\"f366594\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Agenda ExpoCobre 2026<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* VARIABLES DE COLOR (Paleta Cobre) *\/\n        :root {\n            --color-1: #964115; \/* Marr\u00f3n Cobre Intenso *\/\n            --color-2: #b15018; \/* Cobre medio *\/\n            --color-3: #c86116; \/* Naranja \u00f3xido *\/\n            --color-4: #fcc600; \/* Dorado\/Amarillo *\/\n            --blanco: #ffffff;\n            --gray-bg: #fafafa;\n            --chip-bg: #f5f5f5;\n            --shadow: 0 10px 30px rgba(150, 65, 21, 0.1);\n        }\n\n        body { \n            font-family: 'Open Sans', sans-serif; \n            background: var(--gray-bg); \n            margin: 0; \n            color: var(--color-1); \n            padding: 0; \/* CORREGIDO: Eliminado el padding-bottom para que no haya espacio bajo el footer *\/\n        }\n\n        \/* --- ENCABEZADO --- *\/\n        .header { \n            background: linear-gradient(135deg, var(--color-1) 0%, var(--color-2) 100%); \n            color: var(--blanco); \n            padding: 50px 20px 70px 20px; \n            text-align: center; \n            max-width: 1100px;      \n            margin: 20px auto 0 auto; \n            border-radius: 20px;    \n            border-bottom: 6px solid var(--color-4);\n            box-shadow: 0 10px 25px rgba(150, 65, 21, 0.15);\n        }\n        \n        .header h1 { \n            font-family: 'Montserrat'; \n            font-weight: 800; \n            margin: 0; \n            text-transform: uppercase; \n            letter-spacing: 1px; \n            font-size: 2rem; \n        }\n\n        .container { \n            max-width: 1300px; \n            margin: 0 auto; \n            padding: 0 20px; \n            position: relative; \n            padding-bottom: 50px; \/* Espacio interno para que el contenido no pegue con el footer *\/\n        }\n\n        \/* --- PESTA\u00d1AS DE D\u00cdAS --- *\/\n        .days-tabs { \n            display: flex; \n            justify-content: center; \n            margin: -35px 0 40px 0; \n            gap: 15px; \n        }\n        .day-tab {\n            background: var(--blanco); \n            border: 2px solid var(--color-3); \n            padding: 15px 40px; \n            font-family: 'Montserrat'; \n            font-weight: 700; \n            cursor: pointer; \n            border-radius: 50px; \n            color: var(--color-1); \n            transition: 0.3s; \n            box-shadow: var(--shadow); \n            outline: none; \n            font-size: 1rem;\n        }\n        .day-tab:hover:not(.active) { \n            background-color: var(--color-1); \n            color: var(--blanco); \n        }\n        .day-tab.active { \n            background: var(--color-3); \n            color: var(--blanco); \n            border-color: var(--color-4); \n            transform: translateY(-3px); \n            box-shadow: 0 15px 25px rgba(200, 97, 22, 0.3); \n        }\n\n        \/* --- CAJA DE FILTROS --- *\/\n        .filter-box { \n            background: var(--blanco); \n            padding: 30px; \n            border-radius: 20px; \n            box-shadow: var(--shadow); \n            margin-bottom: 40px; \n        }\n        .filter-group { margin-bottom: 20px; }\n        .filter-group:last-child { margin-bottom: 0; }\n        \n        .filter-label { \n            font-family: 'Montserrat'; \n            font-size: 0.8rem; \n            font-weight: 800; \n            color: var(--color-2); \n            text-transform: uppercase; \n            margin-bottom: 15px; \n            display: flex; \n            align-items: center; \n            gap: 10px; \n        }\n        .filter-label::after { \n            content: \"\"; flex: 1; height: 1px; background: var(--color-3); opacity: 0.2; \n        }\n\n        .chips { display: flex; flex-wrap: wrap; gap: 10px; }\n        \n        .chip {\n            padding: 8px 20px; \n            border-radius: 30px; \n            border: 1.5px solid #e0e0e0; \n            background: var(--chip-bg); \n            cursor: pointer; \n            font-size: 0.85rem; \n            font-weight: 600; \n            color: #666; \n            transition: all 0.2s ease; \n            outline: none !important; \n            font-family: 'Open Sans', sans-serif;\n            -webkit-tap-highlight-color: transparent;\n            text-align: center;\n            line-height: 1.3;\n        }\n        \n        .chip:hover:not(.active) { \n            border-color: var(--color-3); \n            color: var(--color-3); \n            background: var(--blanco); \n        }\n        \n        \/* FIX ANTI-ROSADO *\/\n        .chip.active, .chip.active:focus, .chip.active:hover { \n            background-color: var(--color-1) !important; \n            color: var(--blanco) !important; \n            border-color: var(--color-1) !important; \n            box-shadow: 0 4px 10px rgba(150,65,21,0.2); \n        }\n        .chip:focus:not(.active) {\n            background-color: var(--chip-bg) !important; \n            color: #666 !important; \n            border-color: var(--color-3) !important; \n        }\n\n        #area-group { animation: fadeIn 0.4s ease-in-out; }\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\n\n\n        \/* --- ESTRUCTURA DE HORARIOS --- *\/\n        .time-block {\n            margin-bottom: 50px;\n        }\n        \n        .time-header {\n            background: rgba(150, 65, 21, 0.08);\n            color: var(--color-1);\n            padding: 12px 25px;\n            border-radius: 10px;\n            font-family: 'Montserrat';\n            font-weight: 800;\n            font-size: 1.4rem; \n            margin-bottom: 25px;\n            display: inline-block;\n            border-left: 6px solid var(--color-4);\n        }\n\n        \/* GRID PARA 4 SALAS *\/\n        .sessions-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); \n            gap: 25px;\n        }\n\n        \/* --- ESTILOS DE TARJETA (TAMA\u00d1O GRANDE) --- *\/\n        .card {\n            background: var(--blanco); \n            display: flex; \n            flex-direction: column; \n            border-radius: 18px;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05); \n            border-top: 8px solid var(--color-3); \n            border-left: none;\n            overflow: hidden;\n            transition: transform 0.3s ease;\n            height: 100%; \n        }\n        .card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n        .card.hidden { display: none !important; }\n\n        \/* Etiqueta de Sala M\u00c1S GRANDE *\/\n        .room-label {\n            background: #333;\n            color: #fff;\n            font-size: 0.8rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            padding: 8px 0;\n            text-align: center;\n            letter-spacing: 1.5px;\n        }\n        .room-1 { background: var(--color-1); }\n        .room-2 { background: var(--color-2); }\n        .room-3 { background: var(--color-3); }\n        .room-4 { background: #555; }\n\n        .main-info { \n            padding: 30px 20px; \n            display: flex; \n            flex-direction: column; \n            justify-content: space-between; \n            flex: 1; \n            text-align: center; \n        }\n        \n        .speaker-data { \n            display: flex; \n            flex-direction: column; \n            align-items: center; \n            gap: 20px; \n            margin-bottom: 25px;\n        }\n        \n        \/* IMAGEN DE ORADOR: GRANDE Y FONDO BLANCO FORZADO *\/\n        .speaker-img { \n            width: 110px; \n            height: 110px; \n            border-radius: 50%; \n            border: 4px solid var(--color-4); \n            object-fit: cover; \n            background: var(--blanco) !important; \/* Fuerza fondo blanco *\/\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        \n        \/* BADGES M\u00c1S GRANDES *\/\n        .badge { \n            font-size: 0.7rem; \n            padding: 6px 14px; \n            border-radius: 6px; \n            font-weight: 700; \n            text-transform: uppercase; \n            margin: 3px; \n            display: inline-block; \n            letter-spacing: 0.5px; \n            line-height: 1.4;\n        }\n        .badge-foro { background: var(--color-1); color: var(--blanco); text-transform: none; }\n        .badge-area { background: rgba(252, 198, 0, 0.2); color: #8a6d00; border: 1px solid var(--color-4); text-transform: none; }\n\n        .speaker-info h3 { \n            margin: 15px 0; \n            font-family: 'Montserrat'; \n            font-size: 1.25rem; \n            color: #333; \n            line-height: 1.3; \n            min-height: 3em; \n        }\n        \n        .speaker-meta { font-size: 0.95rem; color: #666; line-height: 1.4; }\n        \n        .speaker-name { \n            font-weight: 800; \n            display: block; \n            color: var(--color-2); \n            margin-top: 5px; \n            font-size: 1.1rem; \n        }\n\n        .btn-cal {\n            background: transparent; \n            border: 2px solid var(--color-3); \n            color: var(--color-3);\n            padding: 12px 0; \n            border-radius: 10px; \n            font-weight: 800; \n            cursor: pointer; \n            font-size: 0.85rem; \n            transition: 0.3s; \n            width: 100%; \n            font-family: 'Montserrat'; \n            text-transform: uppercase;\n        }\n        .btn-cal:hover { background: var(--color-3); color: var(--blanco); }\n\n        @media (max-width: 768px) { \n            .sessions-grid { grid-template-columns: 1fr; } \n            .card { flex-direction: row; text-align: left; border-top: none; border-left: 8px solid var(--color-3); align-items: center; }\n            .room-label { writing-mode: vertical-lr; transform: rotate(180deg); width: 35px; height: 100%; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 0.7rem;}\n            .main-info { flex-direction: row; text-align: left; padding: 20px; gap: 15px; }\n            .speaker-data { flex-direction: row; align-items: center; margin-bottom: 0; flex: 1; }\n            .speaker-img { width: 80px; height: 80px; margin-right: 15px; } \n            .speaker-info h3 { min-height: auto; margin: 5px 0; font-size: 1.1rem; }\n            .btn-cal { width: auto; padding: 10px 20px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"header\">\n    <h1>Programa T\u00e9cnico<\/h1>\n<\/div>\n\n<div class=\"container\">\n    \n    <div class=\"days-tabs\">\n        <button class=\"day-tab active\" data-filter=\"day\" data-value=\"1\" onclick=\"applyFilter(this)\">D\u00cdA 01<\/button>\n        <button class=\"day-tab\" data-filter=\"day\" data-value=\"2\" onclick=\"applyFilter(this)\">D\u00cdA 02<\/button>\n    <\/div>\n\n    <div class=\"filter-box\">\n        <div class=\"filter-group\">\n            <div class=\"filter-label\">1. Selecciona un Foro<\/div>\n            <div class=\"chips\">\n                <button class=\"chip\" data-filter=\"foro\" data-value=\"innovacion\" onclick=\"applyFilter(this)\">Innovaci\u00f3n Tecnol\u00f3gica en Cobre<\/button>\n                <button class=\"chip\" data-filter=\"foro\" data-value=\"investigacion\" onclick=\"applyFilter(this)\">Investigaci\u00f3n Minera Universitaria<\/button>\n                <button class=\"chip\" data-filter=\"foro\" data-value=\"mantenimiento\" onclick=\"applyFilter(this)\">Mantenimiento<\/button>\n                <button class=\"chip\" data-filter=\"foro\" data-value=\"proyectos\" onclick=\"applyFilter(this)\">Proyectos del Cobre<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"filter-group\" id=\"area-group\" style=\"display: none;\">\n            <div class=\"filter-label\">2. \u00c1reas de Inter\u00e9s Relacionadas<\/div>\n            <div class=\"chips\">\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"exploraciones\" data-parent=\"innovacion\" onclick=\"applyFilter(this)\">Exploraciones y Geolog\u00eda<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"mina\" data-parent=\"innovacion\" onclick=\"applyFilter(this)\">Mina<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"planta\" data-parent=\"innovacion\" onclick=\"applyFilter(this)\">Planta de Procesamiento \/ Metalurgia<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"mantenimiento_proy\" data-parent=\"innovacion\" onclick=\"applyFilter(this)\">Mantenimiento \/ Proyectos e Ingenier\u00eda<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"rrhh\" data-parent=\"innovacion\" onclick=\"applyFilter(this)\">Recursos Humanos, salud y Seguridad<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"tecnologia\" data-parent=\"innovacion\" onclick=\"applyFilter(this)\">Tecnolog\u00eda, Innovaci\u00f3n y Automatizaci\u00f3n<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"economia\" data-parent=\"innovacion\" onclick=\"applyFilter(this)\">Precios, Comercializaci\u00f3n y Econom\u00eda Minera \/ Transformaci\u00f3n e Industrializaci\u00f3n del Cobre<\/button>\n\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"exploraciones\" data-parent=\"investigacion\" onclick=\"applyFilter(this)\">Exploraciones y Geolog\u00eda<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"mina\" data-parent=\"investigacion\" onclick=\"applyFilter(this)\">Mina<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"planta\" data-parent=\"investigacion\" onclick=\"applyFilter(this)\">Planta de Procesamiento \/ Metalurgia<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"mantenimiento_proy\" data-parent=\"investigacion\" onclick=\"applyFilter(this)\">Mantenimiento \/ Proyectos e Ingenier\u00eda<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"rrhh\" data-parent=\"investigacion\" onclick=\"applyFilter(this)\">Recursos Humanos, salud y Seguridad<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"tecnologia\" data-parent=\"investigacion\" onclick=\"applyFilter(this)\">Tecnolog\u00eda, Innovaci\u00f3n y Automatizaci\u00f3n<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"economia\" data-parent=\"investigacion\" onclick=\"applyFilter(this)\">Precios, Comercializaci\u00f3n y Econom\u00eda Minera \/ Transformaci\u00f3n e Industrializaci\u00f3n del Cobre<\/button>\n\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"estrategias\" data-parent=\"mantenimiento\" onclick=\"applyFilter(this)\">Estrategias y Gesti\u00f3n de Activos<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"digitalizacion\" data-parent=\"mantenimiento\" onclick=\"applyFilter(this)\">Digitalizaci\u00f3n e Innovaci\u00f3n<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"procesos\" data-parent=\"mantenimiento\" onclick=\"applyFilter(this)\">Procesos y Operaciones Clave<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"desempeno\" data-parent=\"mantenimiento\" onclick=\"applyFilter(this)\">Desempe\u00f1o y Optimizaci\u00f3n<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"seguridad\" data-parent=\"mantenimiento\" onclick=\"applyFilter(this)\">Seguridad y Sostenibilidad<\/button>\n\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"desarrollo\" data-parent=\"proyectos\" onclick=\"applyFilter(this)\">Desarrollo y Evaluaci\u00f3n de Proyectos<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"gestion_social\" data-parent=\"proyectos\" onclick=\"applyFilter(this)\">Gesti\u00f3n Social, Ambiental y Permisos<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"infraestructura\" data-parent=\"proyectos\" onclick=\"applyFilter(this)\">Infraestructura, Log\u00edstica y Financiamiento<\/button>\n                <button class=\"chip area-btn\" data-filter=\"area\" data-value=\"innovacion_proy\" data-parent=\"proyectos\" onclick=\"applyFilter(this)\">Innovaci\u00f3n, Tecnolog\u00eda y Futuro de la Miner\u00eda del Cobre<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"agenda-list\">\n\n        <div class=\"time-block\">\n            <div class=\"time-header\">10:00 AM - 11:00 AM<\/div>\n            \n            <div class=\"sessions-grid\">\n                \n                <div class=\"card\" data-day=\"1\" data-foro=\"innovacion\" data-area=\"tecnologia\">\n                    <div class=\"room-label room-1\">SALA 1<\/div>\n                    <div class=\"main-info\">\n                        <div class=\"speaker-data\">\n                            <img decoding=\"async\" data-src=\"https:\/\/expocobre.com\/wp-content\/uploads\/2026\/01\/OSV.png\" class=\"speaker-img smush-dimensions lazyload\" width=\"400\" style=\"--smush-image-width: 400px; --smush-image-aspect-ratio: 400\/400;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n                            <div class=\"speaker-info\">\n                                <span class=\"badge badge-foro\">Innovaci\u00f3n Tecnol\u00f3gica en Cobre<\/span>\n                                <span class=\"badge badge-area\">Tecnolog\u00eda, Innovaci\u00f3n y Automatizaci\u00f3n<\/span>\n                                <h3>Automatizaci\u00f3n Total<\/h3>\n                                <div class=\"speaker-meta\"><span class=\"speaker-name\">Ing. Ana Luz<\/span><\/div>\n                            <\/div>\n                        <\/div>\n                        <button class=\"btn-cal\" onclick=\"addToCalendar('Evento 1', '2026-10-21T10:00:00', '2026-10-21T11:00:00')\">+ AGENDAR<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\" data-day=\"1\" data-foro=\"investigacion\" data-area=\"exploraciones\">\n                    <div class=\"room-label room-2\">SALA 2<\/div>\n                    <div class=\"main-info\">\n                        <div class=\"speaker-data\">\n                            <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/300?u=uni\" class=\"speaker-img\">\n                            <div class=\"speaker-info\">\n                                <span class=\"badge badge-foro\">Investigaci\u00f3n Minera Universitaria<\/span>\n                                <span class=\"badge badge-area\">Exploraciones y Geolog\u00eda<\/span>\n                                <h3>Yacimientos Sur<\/h3>\n                                <div class=\"speaker-meta\"><span class=\"speaker-name\">Dr. Carlos M.<\/span><\/div>\n                            <\/div>\n                        <\/div>\n                        <button class=\"btn-cal\" onclick=\"addToCalendar('Evento 2', '2026-10-21T10:00:00', '2026-10-21T11:00:00')\">+ AGENDAR<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\" data-day=\"1\" data-foro=\"mantenimiento\" data-area=\"estrategias\">\n                    <div class=\"room-label room-3\">SALA 3<\/div>\n                    <div class=\"main-info\">\n                        <div class=\"speaker-data\">\n                            <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/300?u=mant\" class=\"speaker-img\">\n                            <div class=\"speaker-info\">\n                                <span class=\"badge badge-foro\">Mantenimiento<\/span>\n                                <span class=\"badge badge-area\">Estrategias y Gesti\u00f3n de Activos<\/span>\n                                <h3>ISO 55000<\/h3>\n                                <div class=\"speaker-meta\"><span class=\"speaker-name\">Ing. Roberto K.<\/span><\/div>\n                            <\/div>\n                        <\/div>\n                        <button class=\"btn-cal\" onclick=\"addToCalendar('Evento 3', '2026-10-21T10:00:00', '2026-10-21T11:00:00')\">+ AGENDAR<\/button>\n                    <\/div>\n                <\/div>\n\n                 <div class=\"card\" data-day=\"1\" data-foro=\"proyectos\" data-area=\"infraestructura\">\n                    <div class=\"room-label room-4\">SALA 4<\/div>\n                    <div class=\"main-info\">\n                        <div class=\"speaker-data\">\n                            <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/300?u=proy\" class=\"speaker-img\">\n                            <div class=\"speaker-info\">\n                                <span class=\"badge badge-foro\">Proyectos del Cobre<\/span>\n                                <span class=\"badge badge-area\">Infraestructura<\/span>\n                                <h3>Log\u00edstica 2030<\/h3>\n                                <div class=\"speaker-meta\"><span class=\"speaker-name\">Lic. Maria F.<\/span><\/div>\n                            <\/div>\n                        <\/div>\n                        <button class=\"btn-cal\" onclick=\"addToCalendar('Evento 4', '2026-10-21T10:00:00', '2026-10-21T11:00:00')\">+ AGENDAR<\/button>\n                    <\/div>\n                <\/div>\n\n            <\/div> <\/div> <\/div>\n<\/div>\n\n<script>\n    let currentFilters = { day: \"1\", foro: \"all\", area: \"all\" };\n\n    function applyFilter(element) {\n        const type = element.getAttribute('data-filter');\n        const val = element.getAttribute('data-value');\n\n        if (type === 'day') {\n            currentFilters.day = val;\n        } \n        else if (type === 'foro') {\n            const isSame = currentFilters.foro === val;\n            currentFilters.foro = isSame ? \"all\" : val;\n            currentFilters.area = \"all\";\n            updateAreaVisibility(currentFilters.foro);\n        } \n        else if (type === 'area') {\n            currentFilters.area = (currentFilters.area === val) ? \"all\" : val;\n        }\n\n        document.querySelectorAll('.day-tab, .chip').forEach(btn => {\n            const btnType = btn.dataset.filter;\n            const btnVal = btn.dataset.value;\n            if(btn.offsetParent !== null || btnType === 'day') { \n                 btn.classList.toggle('active', currentFilters[btnType] === btnVal);\n            }\n        });\n\n        filterCards();\n        element.blur(); \n    }\n\n    function updateAreaVisibility(selectedForo) {\n        const areaGroup = document.getElementById('area-group');\n        const areaButtons = document.querySelectorAll('.area-btn');\n        areaButtons.forEach(btn => btn.classList.remove('active'));\n\n        if (selectedForo === 'all') {\n            areaGroup.style.display = 'none';\n        } else {\n            areaGroup.style.display = 'block';\n            let visibleCount = 0;\n            areaButtons.forEach(btn => {\n                if (btn.dataset.parent === selectedForo) {\n                    btn.style.display = 'inline-block';\n                    visibleCount++;\n                } else {\n                    btn.style.display = 'none';\n                }\n            });\n            if (visibleCount === 0) areaGroup.style.display = 'none';\n        }\n    }\n\n    function filterCards() {\n        document.querySelectorAll('.card').forEach(card => {\n            const matchDay = card.dataset.day === currentFilters.day;\n            const matchForo = currentFilters.foro === 'all' || card.dataset.foro === currentFilters.foro;\n            const matchArea = currentFilters.area === 'all' || card.dataset.area === currentFilters.area;\n            \n            if (matchDay && matchForo && matchArea) {\n                card.classList.remove('hidden');\n            } else {\n                card.classList.add('hidden');\n            }\n        });\n\n        document.querySelectorAll('.time-block').forEach(block => {\n            const visibleCards = block.querySelectorAll('.card:not(.hidden)').length;\n            block.style.display = visibleCards > 0 ? 'block' : 'none';\n        });\n    }\n\n    function addToCalendar(title, start, end) {\n        const loc = \"Centro de Convenciones ExpoCobre\";\n        const googleUrl = `https:\/\/www.google.com\/calendar\/render?action=TEMPLATE&text=${encodeURIComponent(title)}&dates=${start.replace(\/[-:]\/g, '')}\/${end.replace(\/[-:]\/g, '')}&details=Evento ExpoCobre 2026&location=${encodeURIComponent(loc)}`;\n        window.open(googleUrl, '_blank');\n    }\n<\/script>\n\n<\/body>\n<\/html>\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>TRABAJOS T\u00c9CNICOS CONVOCATORIA Agenda ExpoCobre 2026 Programa T\u00e9cnico D\u00cdA 01 D\u00cdA 02 1. Selecciona un Foro Innovaci\u00f3n Tecnol\u00f3gica en Cobre Investigaci\u00f3n Minera Universitaria Mantenimiento Proyectos del Cobre 2. \u00c1reas de Inter\u00e9s Relacionadas Exploraciones y Geolog\u00eda Mina Planta de Procesamiento \/ Metalurgia Mantenimiento \/ Proyectos e Ingenier\u00eda Recursos Humanos, salud y Seguridad Tecnolog\u00eda, Innovaci\u00f3n y Automatizaci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-58647","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/expocobre.com\/en\/wp-json\/wp\/v2\/pages\/58647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expocobre.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expocobre.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expocobre.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/expocobre.com\/en\/wp-json\/wp\/v2\/comments?post=58647"}],"version-history":[{"count":68,"href":"https:\/\/expocobre.com\/en\/wp-json\/wp\/v2\/pages\/58647\/revisions"}],"predecessor-version":[{"id":59557,"href":"https:\/\/expocobre.com\/en\/wp-json\/wp\/v2\/pages\/58647\/revisions\/59557"}],"wp:attachment":[{"href":"https:\/\/expocobre.com\/en\/wp-json\/wp\/v2\/media?parent=58647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}