{"id":3693,"date":"2025-07-01T08:08:33","date_gmt":"2025-07-01T08:08:33","guid":{"rendered":"https:\/\/appsdev2.semarnat.gob.mx\/anuarios\/?page_id=3693"},"modified":"2025-11-29T20:17:51","modified_gmt":"2025-11-29T20:17:51","slug":"historico-de-produccion-forestal","status":"publish","type":"page","link":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/","title":{"rendered":"Hist\u00f3rico de producci\u00f3n forestal-final"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3693\" class=\"elementor elementor-3693\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3481a8 e-con-full e-flex e-con e-parent\" data-id=\"a3481a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d416b3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3d416b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <style>\r\n        body {\r\n            font-family: 'Arial', sans-serif;\r\n            margin: 0;\r\n            padding: 0; \r\n            min-height: 100vh;\r\n        }\r\n        \r\n        \/* CONTENEDORES PRINCIPALES *\/\r\n        .main-container {\r\n            width: 100%;\r\n            padding: 80px 0;\r\n        }\r\n        \r\n       \r\n\t\t.main-container.maderable { \r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tbackground-image: url(https:\/\/appsdev2.semarnat.gob.mx\/anuarios\/wp-content\/uploads\/2024\/09\/5.jpg);\r\n\t\t\tbackground-size: cover;\r\n\t\t\tbackground-position: center;\r\n\t\t}\r\n\t\t\r\n\t\t .main-container.maderable::before {\r\n\t\t  content: \"\";\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\t\t  right: 0;\r\n\t\t  bottom: 0;\r\n\t\t  left: 0;\r\n\t\t    background: linear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(239, 241, 236, 0.97),  \/* #eff1ec con 80% opacidad *\/\r\n\t\t\t\t\trgba(110, 134, 83, 0.97)    \/* #6E8653 con 80% opacidad *\/\r\n\t\t\t\t  );\r\n\t\t}\r\n        \r\n        .main-container.no-maderable {\r\n            background: linear-gradient(180deg, #fcfbf7, #e6c59b);\r\n\t\t\tmargin-bottom: 50px;\r\n        }\r\n        \r\n        .inner-container {\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* ESTILOS BASE PARA GR\u00c1FICOS *\/\r\n        .chart-container {  \r\n            width: 100%;\r\n\t\t\tposition:relative; \r\n        }\r\n        \r\n        .chart-title {\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            color: #17594D;\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .chart-subtitle {\r\n            text-align: center;\r\n            font-size: 14px;\r\n            color: #17594D;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .chart-wrapper {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            position: relative;\r\n            margin-left: 80px;\r\n        }\r\n        \r\n        .chart-wrapper.maderable {\r\n            height: 450px;\r\n\t\t\tmin-width:800px;\r\n        }\r\n        \r\n        .chart-wrapper.no-maderable {\r\n            height: 450px; \r\n\t\t\tmin-width:500px;\r\n        }\r\n        \r\n        .grid-lines {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .grid-lines.maderable {\r\n            bottom: 50px;\r\n        }\r\n        \r\n        .grid-lines.no-maderable {\r\n            bottom: 0;\r\n        }\r\n        \r\n        .grid-line {\r\n            height: 1px;\r\n            width: 100%;\r\n        }\r\n        \r\n        .grid-line.maderable {\r\n            background-color: rgba(255, 255, 255, 0.2);\r\n        }\r\n        \r\n        .grid-line.no-maderable {\r\n            background-color: rgba(255, 255, 255, 0.3); \r\n        }\r\n        \r\n        .grid-line.no-maderable:last-child {\r\n            background-color: rgba(255, 255, 255, 0.6); \r\n        }\r\n        \r\n        .y-axis {\r\n            position: absolute;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            align-items: flex-end;\r\n            padding-right: 10px;\r\n            font-size: 14px;\r\n            color: #17594D;\r\n            font-weight: bold;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .y-axis.maderable {\r\n            left: -46px;\r\n            height: calc(100% - 50px);\r\n        }\r\n        \r\n        .y-axis.no-maderable {\r\n            left: -40px;\r\n        }\r\n        \r\n        .y-label {\r\n            position: absolute;\r\n            top: 45%;\r\n            transform: rotate(-90deg) translateX(50%);\r\n            transform-origin: center;\r\n            font-size: 14px;\r\n            color: #17594D;\r\n            font-weight: bold;\r\n            white-space: nowrap;\r\n        }\r\n        \r\n        .y-label.maderable {\r\n            left: -108px;\r\n        }\r\n        \r\n        .y-label.no-maderable {\r\n            left: -146px;\r\n            top: 50%;\r\n        }\r\n        \r\n        .bars-container {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            width: 100%;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n        \r\n        .bars-container.maderable {\r\n            height: calc(100% - 50px);\r\n            gap: 4px;\r\n        }\r\n        \r\n        .bars-container.no-maderable {\r\n            height: 100%;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .bar-wrapper {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            height: 100%;\r\n            position: relative;\r\n\t\t\tborder-radius: 1px;\r\n        }\r\n        \r\n        .bar {\r\n            background-color: #17594D;\r\n            width: 100%;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            position: absolute;\r\n            bottom: 0;\r\n            transform: scaleY(0);\r\n            transform-origin: bottom;\r\n\t\t\tborder-radius: 1px;\r\n        }\r\n        \r\n        .bar.maderable {\r\n            max-width: 10px;\r\n        }\r\n        \r\n        .bar.maderable:hover {\r\n            background-color: #073A2B;\r\n            transform: scaleX(1.1) scaleY(1);\r\n        }\r\n        \r\n        .bar.no-maderable {\r\n            max-width: 12px;\r\n            border-radius: 2px 2px 0 0;\r\n        }\r\n        \r\n        .bar.no-maderable:hover {\r\n            background-color: #073A2B;\r\n            transform: scale(1.05) scaleY(1);\r\n        }\r\n        \r\n        .data-point {\r\n            position: absolute;\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            z-index: 4;\r\n            cursor: pointer;\r\n            transition: transform 0.2s ease;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            opacity: 0;\r\n        }\r\n        \r\n        .data-point:hover {\r\n            transform: translateX(-50%) scale(1.3);\r\n        }\r\n        \r\n        .data-point.green {\r\n            background-color: #4CAF50;\r\n        }\r\n        \r\n        .data-point.orange {\r\n            background-color: #FF9800;\r\n        }\r\n        \r\n        .data-point.red {\r\n            background-color: #F44336;\r\n        }\r\n        \r\n        .bar-label {\r\n            font-size: 12px;\r\n            color: #17594D;\r\n            font-weight: bold;\r\n            white-space: nowrap;\r\n            position: absolute;\r\n            left: 50%;\r\n        }\r\n        \r\n        .bar-label.maderable {\r\n            bottom: -35px;\r\n            transform: translateX(-50%) rotate(-90deg);\r\n            transform-origin: center;\r\n        }\r\n        \r\n        .bar-label.no-maderable {\r\n\t\t\tmargin-top: 8px;\r\n\t\t\ttransform: rotate(-90deg);\r\n\t\t\ttransform-origin: center;\r\n\t\t\tbottom: -34px;\r\n\t\t\tmargin-left: -12px;\r\n        }\r\n        \r\n        \/* ESTILOS COMPARTIDOS *\/\r\n        .tooltip {\r\n            position: fixed;\r\n            background-color: rgba(45, 90, 61, 0.95);\r\n            color: white;\r\n            padding: 8px 12px;\r\n            border-radius: 4px;\r\n            font-size: 12px;\r\n            pointer-events: none;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            z-index: 1000;\r\n            max-width: 200px;\r\n        }\r\n        \r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 10000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: auto;\r\n            background-color: rgba(0, 0, 0, 0.26);\r\n            backdrop-filter: blur(3px);\r\n        }\r\n        \r\n\t\t.modal-content {\r\n\t\t\tbackground-color: #FBFAF5;\r\n\t\t\tmargin: 10% auto;\r\n\t\t\tpadding: 30px;\r\n\t\t\tborder: none;\r\n\t\t\tborder-radius: 12px;\r\n\t\t\twidth: 90%;\r\n\t\t\tmax-width: 500px;\r\n\t\t\tbox-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n\t\t\tanimation: modalSlideIn 0.3s ease-out;\r\n\t\t}\r\n        \r\n        @keyframes modalSlideIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-50px) scale(0.9);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n            }\r\n        }\r\n        \r\n        .modal-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #e0e0e0;\r\n        }\r\n        \r\n        .modal-title {\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n            color: #2d5a3d;\r\n            margin: 0;\r\n        }\r\n        \r\n        .modal-year {\r\n            background-color: #2d5a3d;\r\n            color: white;\r\n            padding: 5px 12px;\r\n            border-radius: 20px;\r\n            font-size: 14px;\r\n            font-weight: bold;\r\n\t\t\tmargin-right:10px;\r\n\t\t\tfloat:right;\r\n        }\r\n        \r\n        .modal-body {\r\n            color: #333;\r\n            line-height: 1.6;\r\n            font-size: 14px;\r\n\t\t\tpadding-bottom:20px;\r\n        }\r\n        \r\n        .event-type {\r\n            display: inline-block;\r\n            padding: 0px 6px;\r\n            border-radius: 4px;\r\n            font-size: 14px; \r\n        }\r\n        \r\n        .event-type.green {\r\n            background-color: #e8f5e8;\r\n            color: #2e7d32;\r\n        }\r\n        \r\n        .event-type.orange {\r\n            background-color: #fff3e0;\r\n            color: #f57c00;\r\n        }\r\n        \r\n        .event-type.red {\r\n            background-color: #ffebee;\r\n            color: #c62828;\r\n        }\r\n        \r\n        .close {\r\n            color: #aaa;\r\n            float: right;\r\n            font-size: 28px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            border: none;\r\n            background: none;\r\n            padding: 0;\r\n            margin: 0;\r\n            line-height: 1;\r\n        }\r\n        \r\n        .close:hover,\r\n        .close:focus {\r\n            color: #2d5a3d;\r\n            text-decoration: none;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .inner-container {\r\n                padding: 0 15px;\r\n            }\r\n            \r\n            .main-container {\r\n                padding: 30px 0;\r\n            }\r\n            \r\n            .chart-wrapper {\r\n                margin-left: 60px;\r\n            }\r\n            \r\n            .y-axis {\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .y-axis.maderable {\r\n                left: -60px;\r\n            }\r\n            \r\n            .y-axis.no-maderable {\r\n                left: -60px;\r\n            }\r\n            \r\n            .bar-label.maderable {\r\n                font-size: 8px;\r\n            }\r\n            \r\n            .bar.no-maderable {\r\n                max-width: 11px;\r\n            }\r\n            \r\n            .bar-label.no-maderable {\r\n                font-size: 10px;\r\n            }\r\n        }\r\n\t\t.text-container{\r\n\t\t\t position:relative;\r\n\t\t\t max-width: 800px;\r\n\t\t\t margin: auto;\r\n\t\t\t text-align: center;\r\n\t\t\t color: #021b12bf;\r\n\t\t\t padding-bottom:60px;\r\n\t\t}\r\n\t\t\r\n .slide-in {\r\n      position: absolute; \r\n      left: 0;\r\n      transform: translateX(-100%);\r\n      opacity: 0;\r\n      transition: transform 1s ease-out, opacity 1s ease-out;\r\n      background: #15774E;\r\n      color: white;\r\n      padding: 0px 10px;\r\n      border-radius: 2px;\r\n      width: 220px;\r\n    }\r\n\t\r\n\t .slide-in h2 {\r\n      font-size:18px;\r\n\t  padding-left:15px;\r\n    }\r\n\r\n    .slide-in.visible {\r\n      transform: translateX(0);\r\n      opacity: 1;\r\n    }\r\n\t\r\n\t\r\n\t\r\n\t.legend-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            max-width: 300px;\r\n            margin: 0 auto;\r\n            background: #ffffff54;\r\n            padding: 20px;\r\n            border-radius: 3px 0px 0px 3px;\r\n            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\r\n\t\t\tposition:absolute;\r\n\t\t\tright:0;\r\n\t\t\ttop:30%;\r\n        }\r\n\r\n        .legend-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 8px 12px;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            border-radius: 6px;\r\n        }\r\n\r\n        .legend-item:hover {\r\n            background: rgba(0, 0, 0, 0.03);\r\n            transform: translateX(3px);\r\n        }\r\n\r\n        .legend-dot {\r\n            width: 16px;\r\n            height: 16px;\r\n            border-radius: 50%;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .legend-text {\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: #333;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        \/* Colores espec\u00edficos *\/\r\n        .legend-legislacion .legend-dot {\r\n            background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);\r\n        }\r\n\r\n        .legend-politica .legend-dot {\r\n            background: linear-gradient(135deg, #FF9800 0%, #f57c00 100%);\r\n        }\r\n\r\n        .legend-institucion .legend-dot {\r\n            background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);\r\n        }\r\n\t\t\r\n\t\t@media (max-width: 768px) { \r\n\t\t\t.slide-in{\r\n\t\t\t\tdisplay:none;\r\n\t\t\t}\r\n\t\t\t.legend-container{\r\n\t\t\t\tdisplay:none;\r\n\t\t\t}\r\n\t\t\t.chart-container{ \r\n\t\t\t\toverflow:auto;\r\n\t\t\t}\r\n        }\r\n    <\/style>\r\n    \r\n    \r\n     <!-- GR\u00c1FICO MADERABLE -->\r\n    <div class=\"main-container maderable\">\r\n\r\n        <div class=\"inner-container\">\r\n\t\t\t\r\n\t\t\t<div class=\"slide-in\" id=\"animatedDiv1\" style=\"margin-top:100px\">\r\n\t\t\t<h2>Producci\u00f3n forestal maderable<\/h2>\r\n\t\t  <\/div>\r\n\t\t\t<div class=\"slide-in\" id=\"activador1\" style=\"opacidad:0; height:1px; width:1px; padding:0; margin:0; position:relative;\"> \r\n\t\t  <\/div>\r\n\t\t\t<div class=\"text-container\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/appsdev2.semarnat.gob.mx\/anuarios\/wp-content\/uploads\/2025\/07\/hisfor.png\" alt=\"Historial forestal\" style=\"width:100%; max-width:400px; \">\r\n\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tEntre 1964 y 2023, el promedio anual de producci\u00f3n forestal maderable en M\u00e9xico fue de 7.10 millones de metros c\u00fabicos rollo (m\u00b3r). Sin embargo, en 2023, la producci\u00f3n alcanz\u00f3 apenas los 6.6 millones de m\u00b3r, situ\u00e1ndose por debajo de dicho promedio. Este decrecimiento, observado especialmente en los \u00faltimos tres a\u00f1os, puede atribuirse en gran medida al impacto de la pandemia de COVID-19, que afect\u00f3 tanto la operaci\u00f3n de las actividades forestales como la demanda de productos.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t    <div class=\"legend-container\">\r\n\t\t\t\t<div class=\"legend-item legend-legislacion\">\r\n\t\t\t\t\t<div class=\"legend-dot\"><\/div>\r\n\t\t\t\t\t<span class=\"legend-text\">Legislaci\u00f3n<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"legend-item legend-politica\">\r\n\t\t\t\t\t<div class=\"legend-dot\"><\/div>\r\n\t\t\t\t\t<span class=\"legend-text\">Pol\u00edtica<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"legend-item legend-institucion\">\r\n\t\t\t\t\t<div class=\"legend-dot\"><\/div>\r\n\t\t\t\t\t<span class=\"legend-text\">Instituci\u00f3n<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n            <div class=\"chart-container\">\r\n                <div class=\"chart-title\">Producci\u00f3n forestal maderable<\/div>\r\n                <div class=\"chart-subtitle\">(millones de m\u00b3r)<\/div>\r\n                \r\n                <div class=\"chart-wrapper maderable\">\r\n                    <div class=\"y-label maderable\">Millones de m\u00b3r<\/div>\r\n                    <div class=\"grid-lines maderable\" id=\"gridLinesMaderable\"><\/div>\r\n                    <div class=\"y-axis maderable\" id=\"yAxisMaderable\"><\/div>\r\n                    <div class=\"bars-container maderable\" id=\"barsContainer1\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tooltip\" id=\"tooltip1\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- GR\u00c1FICO NO MADERABLE -->\r\n    <div class=\"main-container no-maderable\">\r\n        <div class=\"inner-container\">\r\n\t\t\t\t<div class=\"slide-in\" id=\"animatedDiv2\">\r\n\t\t\t\t\t<h2>Producci\u00f3n forestal no maderable<\/h2>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"slide-in\" id=\"activador2\" style=\"opacidad:0; height:1px; width:1px; padding:0; margin:0; position:relative;\"> \r\n\t\t\t\t<\/div>\r\n\t\t\t<div class=\"text-container\">\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\tEn contraste, la producci\u00f3n no maderable ha mostrado un comportamiento m\u00e1s din\u00e1mico y, en general, una tendencia al crecimiento en los \u00faltimos a\u00f1os. El promedio nacional hist\u00f3rico para esta categor\u00eda es de 86.3 toneladas anuales, pero en 2023 se alcanzaron 152 mil toneladas, lo que representa un aumento significativo. Este incremento refleja una creciente valorizaci\u00f3n de los productos forestales, impulsada por su uso en industrias como la farmac\u00e9utica, cosm\u00e9tica, alimentaria y artesanal.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t<\/div>\r\n            <div class=\"chart-container\">\r\n                <div class=\"chart-title\">Producci\u00f3n forestal no maderable<\/div>\r\n                <div class=\"chart-subtitle\">(miles de toneladas de m\u00b3r)<\/div>\r\n                \r\n                <div class=\"chart-wrapper no-maderable\">\r\n                    <div class=\"y-label no-maderable\">Miles de toneladas de m\u00b3r<\/div>\r\n                    <div class=\"grid-lines no-maderable\" id=\"gridLinesNoMaderable\"><\/div>\r\n                    <div class=\"y-axis no-maderable\" id=\"yAxisNoMaderable\"><\/div>\r\n                    <div class=\"bars-container no-maderable\" id=\"barsContainer2\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tooltip\" id=\"tooltip2\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Modal compartido -->\r\n    <div id=\"eventModal\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h2 class=\"modal-title\" id=\"modalTitle\">Evento Forestal<\/h2>\r\n                <button class=\"close\" id=\"closeModal\">&times;<\/button>\r\n            <\/div>\r\n            <div class=\"modal-body\">\r\n                <div class=\"event-type\" id=\"eventType\">Evento<\/div> \r\n               \r\n                <p id=\"modalDescription\">Descripci\u00f3n del evento...<\/p>\r\n\t\t\t\t <span class=\"modal-year\" id=\"modalYear\">2023<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n\t\r\n const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n\t\t\tif(entry.target.id=='activador1'){\r\n\t\t\t\tconst targetdiv = document.getElementById('animatedDiv1');\r\n\t\t\t\ttargetdiv.classList.add('visible');\r\n\t\t\t\tconst targetdiv2 = document.getElementById('animatedDiv2');\r\n\t\t\t\ttargetdiv2.classList.remove('visible');\r\n\t\t\t} \r\n\t\t\tif(entry.target.id=='activador2'){\r\n\t\t\t\tconst targetdiv2 = document.getElementById('animatedDiv2');\r\n\t\t\t\ttargetdiv2.classList.add('visible');\r\n\t\t\t\tconst targetdiv1 = document.getElementById('animatedDiv1');\r\n\t\t\t\ttargetdiv1.classList.remove('visible');\r\n\t\t\t}\r\n\t\t\t\t\r\n        }\r\n      });\r\n    }, { threshold: 0.1 }); \r\n    const target = document.getElementById('activador1');\r\n    observer.observe(target);\r\n\t\r\n\t    const target2 = document.getElementById('activador2');\r\n    observer.observe(target2);\r\n\r\n        \/\/ Configuraci\u00f3n de gr\u00e1ficos\r\n        const chartConfig = {\r\n            maderable: {\r\n                maxValue: 12.0,\r\n                yAxisValues: [12.00, 10.00, 8.00, 6.00, 4.00, 2.00, 0.00],\r\n                unit: 'millones m\u00b3r'\r\n            },\r\n            noMaderable: {\r\n                maxValue: 200,\r\n                yAxisValues: [200, 180, 160, 140, 120, 100, 80, 60, 40, 20, 0],\r\n                unit: 'mil toneladas'\r\n            }\r\n        };\r\n\r\n        \/\/ Datos del gr\u00e1fico maderable\r\n        const dataMaderable = [\r\n\t\t  { year: '1964', barValue: 4.70, points: [] },\r\n\t\t  { year: '1965', barValue: 4.73, points: [] },\r\n\t\t  { year: '1966', barValue: 4.85, points: [] },\r\n\t\t  { year: '1967', barValue: 5.12, points: [] },\r\n\t\t  { year: '1968', barValue: 5.22, points: [] },\r\n\t\t  { year: '1969', barValue: 5.49, points: [] },\r\n\t\t  { year: '1970', barValue: 5.92, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '1971', \r\n\t\t\tbarValue: 5.42, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 5.92, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley para Prevenir y Controlar la Contaminaci\u00f3n Ambiental',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'La Ley para prevenir y controlar la contaminaci\u00f3n ambiental de 1971 en M\u00e9xico fue una normativa pionera que estableci\u00f3 medidas para evitar y mitigar la contaminaci\u00f3n del aire, agua y suelo en el pa\u00eds. Estableci\u00f3 la creaci\u00f3xn de la Secretar\u00eda del Medio Ambiente, as\u00ed como la regulaci\u00f3n de las emisiones industriales y residuos peligrosos. Esta ley sent\u00f3 las bases legales para la protecci\u00f3n del medio ambiente en M\u00e9xico y fue precursora de legislaciones ambientales posteriores.'\r\n\t\t\t  }\r\n\t\t\t] \r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1972', \r\n\t\t\tbarValue: 5.68, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 6.18, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Programa Nacional de Desmontes',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El Programa Nacional de Desmontes (PRONADE), implementado entre 1972 y 1983 en M\u00e9xico, buscaba talar 24.6 millones de hect\u00e1reas, equivalentes al 12% del territorio nacional, principalmente en zonas de selva alta y mediana. El objetivo era convertir esas \u00e1reas en pastos para el ganado, ya que se cons ideraba que la vegetaci\u00f3n original no era econ\u00f3micamente rentable.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 6.68, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Los l\u00edmites del crecimiento (Club de Roma)',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'Los l\u00edmites del creciemiento, es un informe publicado por el laboratorio de ideas Club de Roma donde se advierten los peligros del crecimiento econ\u00f3mico descontrolado y la explotaci\u00f3n insostenible de los recursos naturales.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.18, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: '1era Cumbre de la Tierra (Estocolmo)',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'Fue la primera conferencia internacional importante sobre medio ambiente, donde se sostuvieron conversaciones sobre la conservaci\u00f3n y mejora del medio humano y un plan de acci\u00f3n para la acci\u00f3n medioambiental internacional. Se cre\u00f3 el Programa de las Naciones Unidas para el Medio Ambiente (PNUMA).'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.68, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Subsecretar\u00eda para el Mejoramiento del Ambiente',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'Esta Subsecretar\u00eda se estableci\u00f3 dentro de la estructura org\u00e1nica de la entonces Secretar\u00eda de Salubridad y Asistencia con el objetivo de coordinar pol\u00edticas y programas para prevenir y controlar la contaminaci\u00f3n, conversar los recursos naturales y promover el desarrollo sostenible. Esta subsecretar\u00eda estableci\u00f3 las bases institucionales para la gesti\u00f3n ambiental en M\u00e9xico.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '1973', barValue: 6.01, points: [] },\r\n\t\t  { year: '1974', barValue: 6.67, points: [] },\r\n\t\t  { year: '1975', barValue: 6.93, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '1976', \r\n\t\t\tbarValue: 7.15, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.65, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley Org\u00e1nica de la Administraci\u00f3n P\u00fablica Federal',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'Se promulg\u00f3 la Ley Org\u00e1nica de la Administraci\u00f3n P\u00fablica Federal donde se distribuy\u00f3 la responsabilidad sobre los asuntos del ambiente y de los recursos naturales entre la Secretar\u00eda de Salubridad y Asistencia, la de Asentamientos Humanos y Obras P\u00fablicas, la de Agricultura y Recursos Hidr\u00e1ulicos, y la de Reforma Agraria.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.15, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Secretar\u00eda de Agricultura y Recursos Hidr\u00e1ulicos',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'Se crea la Secretar\u00eda de Agricultura y Recursos Hidr\u00e1ulicos, la cual sustituye a la Secretar\u00eda de Recursos Hidr\u00e1ulicos e incorpora la materia agraria, y se encarg\u00f3 del aprovechamiento y conservaci\u00f3n del agua.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '1977', barValue: 7.67, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '1978', \r\n\t\t\tbarValue: 8.11, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.61, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Comisi\u00f3n Intersecretarial de Saneamiento Ambiental',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'En 1978, se public\u00f3 en el Diario Oficial de la Federaci\u00f3n el acuerdo por el que se crea la Comisi\u00f3n Intersecretarial de Saneamiento Ambiental. Formaron parte de ella las Secretarias de Salubridad y Asistencia, la de Asentamientos Humanos y Obras P\u00fablicas, la de Agricultura y Recursos Hidr\u00e1ulicos, y la de Reforma Agraria, as\u00ed como las de Estado y Departamentos Administrativos, de Patrimonio y Fomento Industrial, de Programaci\u00f3n y Presupuesto, de Educaci\u00f3n P\u00fablica, de Trabajo y Previsi\u00f3n Social, de Defensa Nacional, de Marina, el Departamento de Pesca y el Departamento del Distrito Federal.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '1979', barValue: 8.96, points: [] },\r\n\t\t  { year: '1980', barValue: 9.05, points: [] },\r\n\t\t  { year: '1981', barValue: 8.95, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '1982', \r\n\t\t\tbarValue: 8.99, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.49, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Secretar\u00eda de Desarrollo Urbano y Ecolog\u00eda',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'En 1982, tras una reforma constitucional, se crea la Secretar\u00eda de Desarrollo Urbano y Ecolog\u00eda (SEDUE) con el objetivo de garantizar el cumplimiento de las leyes y reorientar la pol\u00edtica ambiental del pa\u00eds.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.99, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley Federal de Protecci\u00f3n al Ambiente',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'La Ley de Protecci\u00f3n al Ambiente de 1982 estableci\u00f3 un marco legal para la protecci\u00f3n del medio ambiente en el pa\u00eds.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1983', \r\n\t\t\tbarValue: 8.74, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.24, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Plan Nacional de Desarrollo 1983-1988',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El Plan Nacional de Desarrollo 1983-1988 incorpor\u00f3 por primera vez el tema ecol\u00f3gico como factor en el desarrollo econ\u00f3mico y social. En este documento se plantearon estrategias para el buen uso de los recursos naturales, el uso de tecnolog\u00edas eficientes y para evitar el crecimiento urbano en las zonas metropolitanas de las ciudades de M\u00e9xico, Guadalajara y Monterrey'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1984', \r\n\t\t\tbarValue: 9.45, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.95, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'M\u00e9todo Mexicano de Ordenaci\u00f3n de Bosques Irregulares',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: '<br>En 1984, se modifica el M\u00e9todo Mexicano de Ordenaci\u00f3n de Montes (MMOM) y da lugar al M\u00e9todo Mexicano de Ordenaci\u00f3n de Bosques Irregulares (MMOBI) como una alternativa para gestionar de manera sostenible los bosques que presentan una estructura irregular, es decir, aquellos donde los \u00e1rboles tienen diferentes edades, tama\u00f1os y distribuciones espaciales. Este m\u00e9todo se utiliza principalmente en los bosques templados de M\u00e9xico, como los bosques de pino, encino y otras especies que crecen en condiciones donde no hay una estructura homog\u00e9nea. A diferencia de los bosques regulares, donde los \u00e1rboles tienen una distribuci\u00f3n uniforme y similar en cuanto a edad y tama\u00f1o, los bosques irregulares requieren una forma de manejo m\u00e1s compleja, ya que la diversidad de \u00e1rboles puede influir en su crecimiento, regeneraci\u00f3n y explotaci\u00f3n.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '1985', barValue: 9.94, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '1986', \r\n\t\t\tbarValue: 8.95, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.45, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley Forestal 1986',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 1986 se promulga la Ley Forestal de 1986, la cual regula en beneficio social el aprovechamiento de los elementos naturales susceptibles de apropiaci\u00f3n con objeto de hacer una distribuci\u00f3n equitativa de la riqueza p\u00fablica. En esta ley se crean los servicios t\u00e9cnicos forestales, con el objeto de verifgicar la regularidad de la explotaci\u00f3n de los aprovechamientos.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1987', \r\n\t\t\tbarValue: 9.79, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 10.29, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Reformas constitucionales en materia ambiental',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 1987 se reformaron los art\u00edculos 27 y 73 de la Constituci\u00f3n. En el primer caso se se\u00f1al\u00f3 la obligaci\u00f3n del Estado para dictar las medidas necesarias para ayudar a mantener el equilibrio ecol\u00f3gico. En cuanto al art\u00edculo 73, se facult\u00f3 al Congreso de la Uni\u00f3n para legislar en materia de protecci\u00f3n al ambiente.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 10.79, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Firma de convenios internacionales',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'En 1987 el gobierno federal ratific\u00f3 el Protocolo de Montreal para la protecci\u00f3n de la capa de ozono; en ese mismo a\u00f1o firm\u00f3 el Protocolo de Helsinki relativo a las emisiones de azufre. En 1988 firm\u00f3 el Protocolo de Sof\u00eda relativo a \u00f3xidos de nitr\u00f3geno y sus efectos fronterizos, y en 1989 firm\u00f3 el Convenio de Basilea para regular el tr\u00e1nsito fronterizo de desechos peligrosos.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 11.29, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Informe Brundtland',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'En 1983, la Organizaci\u00f3n de las Naciones Unidas (ONU), ante la evidencia de que la protecci\u00f3n del medio ambiente se convertir\u00eda en una cuesti\u00f3n que pon\u00eda en riesgo la supervivencia, estableci\u00f3 la Comisi\u00f3n Mundial sobre el Medio Ambiente y el Desarrollo. \u00c9sta, presidida por el noruego Gro Harlem Brundtland, lleg\u00f3 a la conclusi\u00f3n de que para satisfacer las necesidades del presente, sin comprometer los recursos de las generaciones futuras, la protecci\u00f3n del medio ambiente y el crecimiento econ\u00f3mico tendr\u00edan que abordarse como una sola cuesti\u00f3n.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1988', \r\n\t\t\tbarValue: 9.31, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.81, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley General del Equilibrio Ecol\u00f3gico y Protecci\u00f3n al Ambiente',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 1987 se promulga la Ley General del Equilibrio Ecol\u00f3gico y la Protecci\u00f3n al Ambiente (LGEEPA), pionera en Am\u00e9rica Latina y base de la pol\u00edtica ambiental del pa\u00eds. Sus aspectos b\u00e1sicos fueron establecer disposiciones para la protecci\u00f3n de las \u00e1reas naturales, prevenci\u00f3n y control de la contaminaci\u00f3n, y control en el manejo de residuos peligrosos; la clasificaci\u00f3n de las fuentes de contaminaci\u00f3n y las sanciones para quienes violaran las disposiciones contenidas en la ley.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1989', \r\n\t\t\tbarValue: 8.88, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.38, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Comisi\u00f3n Nacional del Agua',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'Surge como un organismo desconcentrado de la Secretar\u00eda de Agricultura y Recursos Hidr\u00e1ulicos. La CONAGUA es la encargada de administrar, regular, control y proteger las aguas nacionales en M\u00e9xico para lograr el uso sustentable de estas.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.88, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Comisi\u00f3n Nacional del Agua',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'En 1989 se crea la Comisi\u00f3n Nacional del Agua (CNA) con el prop\u00f3sito de ser autoridad federal en materia de administraci\u00f3n del agua y protecci\u00f3n de cuencas hidrol\u00f3gicas.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1990', \r\n\t\t\tbarValue: 8.20, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.70, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Sistema de Conservaci\u00f3n y Desarrollo Silv\u00edcola',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El SICODESI (Sistema de Conservaci\u00f3n y Desarrollo Silv\u00edcola) es un sistema de planificaci\u00f3n para el manejo de recursos forestales, creado mediante un acuerdo de colaboraci\u00f3n entre M\u00e9xico y Finlandia. Est\u00e1 enfocado principalmente en la producci\u00f3n de madera en bosques de con\u00edferas. Utiliza bases de datos y software para capturar, procesar y analizar datos de campo, con el objetivo de desarrollar pol\u00edticas de manejo forestal que integren aspectos t\u00e9cnicos, ambientales, socioecon\u00f3micos y metodol\u00f3gicos.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.20, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Sistema de Conservaci\u00f3n y Desarrollo Silv\u00edcola',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El SICODESI (Sistema de Conservaci\u00f3n y Desarrollo Silv\u00edcola) es un sistema de planificaci\u00f3n para el manejo de recursos forestales, creado mediante un acuerdo de colaboraci\u00f3n entre M\u00e9xico y Finlandia. Est\u00e1 enfocado principalmente en la producci\u00f3n de madera en bosques de con\u00edferas. Utiliza bases de datos y software para capturar, procesar y analizar datos de campo, con el objetivo de desarrollar pol\u00edticas de manejo forestal que integren aspectos t\u00e9cnicos, ambientales, socioecon\u00f3micos y metodol\u00f3gicos.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '1991', barValue: 7.70, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '1992', \r\n\t\t\tbarValue: 7.70, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.20, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley Forestal de 1992',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 1992 se aprob\u00f3 una nueva Ley Forestal, la cual liberalizaba la actividad forestal en sus distintas fases y daba apertura al libre mercado de los servicios t\u00e9cnicos forestales, que hasta entonces hab\u00edan sido controlados por el Estado.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.70, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley de Aguas Nacionales',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 1992, La Secretar\u00eda de Agricultura y Recursos Hidr\u00e1ulicos promulga la Ley de Aguas Nacionales, la cual ten\u00eda como objeto regular la explotaci\u00f3n, uso o aprovechamiento de dichas aguas, su distribuci\u00f3n y control, as\u00ed como la preservaci\u00f3n de su cantidad y calidad para lograr su desarrollo integral sustentable.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.20, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Reformas a la LGEEPA',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 1992 se realizan reformas a la LGEEPA donde se define el desarrollo sustentable como: El proceso evaluable mediante criterios e indicadores del car\u00e1cter ambiental, econ\u00f3mico y social que tiende a mejorar la calidad de vida y la productividad de las personas, que se funda en medidas apropiadas de preservaci\u00f3n del equilibrio ecol\u00f3gico, protecci\u00f3n del ambiente y aprovechamiento de recursos naturales, de manera que no se comprometa la satisfacci\u00f3n de las necesidades de las generaciones futuras.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.70, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Declaraci\u00f3n de R\u00edo de Janeiro',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'En 1992 se realizan reformas a la LGEEPA donde se define el desarrollo sustentable como: El proceso evaluable mediante criterios e indicadores del car\u00e1cter ambiental, econ\u00f3mico y social que tiende a mejorar la calidad de vida y la productividad de las personas, que se funda en medidas apropiadas de preservaci\u00f3n del equilibrio ecol\u00f3gico, protecci\u00f3n del ambiente y aprovechamiento de recursos naturales, de manera que no se comprometa la satisfacci\u00f3n de las necesidades de las generaciones futuras.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 10.20, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Procuradur\u00eda Federal de Protecci\u00f3n al Ambiente',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'Se crea la Procuradur\u00eda Federal de Protecci\u00f3n al Ambiente (PROFEPA) con el objetivo de vigilar la aplicaci\u00f3n de las leyes ambientales.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 10.70, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Instituto Nacional de Ecolog\u00eda',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'Se crea el Instituto Nacional de Ecolog\u00eda con el objetivo de ejecutar proyectos relacionados con el ambiente y de elaborar la normatividad ambiental.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 11.20, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Secretar\u00eda de Desarrollo Social',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'La Secretar\u00eda de Desarrollo Urbano y Ecolog\u00eda se transforma en la Secretar\u00eda de Desarrollo Social.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '1993', barValue: 6.30, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '1994', \r\n\t\t\tbarValue: 6.40, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 6.90, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Tratado de Libre Comercio de Am\u00e9rica del Norte',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'Con la firma del Tratado de Libre Comercio de Am\u00e9rica del Norte, se abrieron las puertas al comercio de productos forestales con Estados Unidos y Canad\u00e1.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.40, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Secretar\u00eda de Medio Ambiente, Recursos Naturales y Pesca',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'Se crea la Secretar\u00eda de Medio Ambiente, Recursos Naturales y Pesca (SEMARNAP) como respuesta a la necesidad de planeaci\u00f3n del manejo de recursos naturales y pol\u00edticas ambientales desde una l\u00f3gica integral. Esta secretar\u00eda integr\u00f3 el sector forestal, el agua, la pesca y todo lo relacionado con el ambiente con el enfoque de desarrollo sostenible.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '1995', barValue: 6.30, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '1996', \r\n\t\t\tbarValue: 6.80, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.30, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Programa Forestal y de Suelo 1995-2000',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El Programa Forestal y de Suelo 1995-2000 tuvo como objetivo principal fue el aumentar la participaci\u00f3n del sector forestal en la econom\u00eda mediante un modelo de aprovechamiento sustentable de los recursos. Se propusieron dos l\u00edneas de acci\u00f3n: 1) fomentar plantaciones forestales comerciales, y 2) dise\u00f1ar e implementar apoyos directos, financieros y fiscales para incentivar inversiones productivas. Estas acciones incluyeron, por primera vez, subsidios para el sector forestal.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1997', \r\n\t\t\tbarValue: 7.70, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.20, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Premio al M\u00e9rito Nacional Forestal',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El Premio al M\u00e9rito Nacional Forestal, creado en 1997, reconoce a quienes contribuyen a la conservaci\u00f3n y uso adecuado de los recursos forestales. Se otorga en cuatro categor\u00edas: manejo forestal sostenible, desarrollo forestal, protecci\u00f3n y restauraci\u00f3n, y sector acad\u00e9mico. Las propuestas pueden ser presentadas por personas o instituciones y el premio incluye un diploma y una recompensa econ\u00f3mica.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '1998', \r\n\t\t\tbarValue: 8.30, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.80, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Proyecto de Conservaci\u00f3n y Manejo Sustentable de Recursos Forestales (primera etapa)',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El Proyecto de Conservaci\u00f3n y Manejo Sustentable de Recursos Forestales (Procymaf) se cre\u00f3 para fortalecer las capacidades de comunidades ind\u00edgenas y ejidos en el manejo forestal y el desarrollo de empresas forestales viables. El proyecto promovi\u00f3 actividades como foros regionales, capacitaciones t\u00e9cnicas y administrativas, intercambio de conocimientos entre comunidades y evaluaciones participativas. Inicia su operaci\u00f3n en Oaxaca y posteriormente se extendi\u00f3 a Guerrero, Michoac\u00e1n y Jalisco.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '1999', barValue: 8.50, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '2000', \r\n\t\t\tbarValue: 9.40, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 9.90, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley General de Vida Silvestre',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'Se promulg\u00f3 la Ley General de Vida Silvestre con el objetivo de proteger y conservar la biodiversidad del pa\u00eds, regulando el uso, manejo y aprovechamiento sustentable de especies silvestres y sus h\u00e1bitats.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 10.40, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Secretar\u00eda de Medio Ambiente y Recursos Naturales',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'Se cambia la Ley de la Administraci\u00f3n P\u00fablica Federal, dando origen a la Secretar\u00eda de Medio Ambiente y Recursos Naturales (SEMARNAT). La pesca, como actividad productiva, pas\u00f3 a formar parte de la Secretar\u00eda de Agricultura, Ganader\u00eda, Desarrollo Rural, Pesca y Alimentaci\u00f3n (SAGARPA). Esta separaci\u00f3n, seg\u00fan la dependencia, busc\u00f3 separar las actividades productivas pesqueras de las pol\u00edticas de protecci\u00f3n ambiental y de recursos naturales para incidir en la disminuci\u00f3n de la contaminaci\u00f3n, la perdida de ecosistemas y de biodiversidad.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '2001', \r\n\t\t\tbarValue: 8.10, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.60, \r\n\t\t\t\tcolor: 'red', \r\n\t\t\t\ttitle: 'Comisi\u00f3n Nacional Forestal',\r\n\t\t\t\ttype: 'Instituci\u00f3n',\r\n\t\t\t\tevent: 'Se crea la Comisi\u00f3n Nacional Forestal, organismo encargado de desarrollar, favorecer e impulsar las actividades productivas, de conservaci\u00f3n, protecci\u00f3n y restauraci\u00f3n en materia forestal, as\u00ed como participar en la formulaci\u00f3n de planes y programas, y en la aplicaci\u00f3n de la pol\u00edtica de desarrollo forestal sustentable de M\u00e9xico.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '2002', barValue: 6.70, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '2003', \r\n\t\t\tbarValue: 7.00, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.50, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Pago por Servicios Ambientales',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El pago por servicios ambientales (PSA) fue creado como un incentivo econ\u00f3mico para los due\u00f1os de los terrenos forestales donde se generan estos servicios, con la finalidad de compensar por los costos de conservaci\u00f3n y por los gastos en que incurren al realizar pr\u00e1cticas de buen manejo del territorio. En su momento, este programa fue una de las iniciativas m\u00e1s ambiciosas a nivel global.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.00, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley General de Desarrollo Forestal Sustentable',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 2003 se promulga la Ley General de Desarrollo Forestal Sustentable con el objetivo de regular y fomentar la conservaci\u00f3n, protecci\u00f3n, restauraci\u00f3n, producci\u00f3n, ordenaci\u00f3n, el cultivo, manejo y aprovechamiento de los ecosistemas forestales del pa\u00eds y sus recursos. Destaca la consolidaci\u00f3n y la creaci\u00f3n de nuevos programas de subsidio en apoyo al sector forestal.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '2004', \r\n\t\t\tbarValue: 6.70, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.20, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Proyecto de Conservaci\u00f3n y Manejo Sustentable de Recursos Forestales (segunda etapa)',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El Procymaf inicia su segunda etapa en 1,032 comunidades de Durango, Guerrero, Jalisco, Michoac\u00e1n, Oaxaca y Quintana Roo. Esta etapa se enfoc\u00f3 en el desarrollo de las capacidades t\u00e9cnicas y de gesti\u00f3n locales y el impulso a la diversificaci\u00f3n de silvicultura comunitaria.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '2005', barValue: 6.40, points: [] },\r\n\t\t  { year: '2006', barValue: 6.50, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '2007', \r\n\t\t\tbarValue: 7.00, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.50, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Pro\u00c1rbol',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'En 2007, el gobierno federal cre\u00f3 el programa Pro\u00c1rbol para promover la conservaci\u00f3n, protecci\u00f3n y restauraci\u00f3n de los recursos forestales, adem\u00e1s de incentivar su uso sostenible. El programa se centr\u00f3 en fortalecer la gesti\u00f3n comunitaria, fomentar el capital social, integrar cadenas productivas, organizar a los propietarios de tierras y promover la capacitaci\u00f3n y transferencia de tecnolog\u00eda a nivel comunitario y regional.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '2008', barValue: 6.30, points: [] },\r\n\t\t  { year: '2009', barValue: 5.80, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '2010', \r\n\t\t\tbarValue: 5.60, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 6.10, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Proyecto de Conservaci\u00f3n y Manejo Sustentable de Recursos Forestales (tercera etapa)',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'El Procymaf inicia su tercera etapa con acciones nacionales las cuales ya no se enfocan en regiones espec\u00edficas como las dos etapas anteriores.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '2011', barValue: 5.50, points: [] },\r\n\t\t  { year: '2012', barValue: 5.90, points: [] },\r\n\t\t  { year: '2013', barValue: 6.00, points: [] },\r\n\t\t  { year: '2014', barValue: 5.70, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '2015', \r\n\t\t\tbarValue: 6.10, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 6.60, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Estrategia Nacional de Manejo Forestal Sustentable para el Incremento de la Producci\u00f3n y Productividad',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'En 2015, el gobierno federal implementa la Estrategia Nacional de Manejo Forestal Sustentable para el Incremento de la Producci\u00f3n y Productividad (ENAIPROS) con el objetivo de promover el uso responsable de los recursos forestales mediante la organizaci\u00f3n y fortalecimiento de los productores, t\u00e9cnicas silv\u00edcolas modernas, y estrategias de financiamiento y comercializaci\u00f3n. Este programa buscaba aumentar la producci\u00f3n, conservar la biodiversidad y mejorar las condiciones de vida en las regiones forestales. Se estructur\u00f3 en cinco componentes: fortalecimiento empresarial comunitario, manejo forestal, mercados, coordinaci\u00f3n institucional y monitoreo. Entre sus metas para 2018 destacaba aumentar la producci\u00f3n maderable a 11 millones de metros c\u00fabicos y certificar 2.5 millones de hect\u00e1reas con manejo sustentable.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '2016', barValue: 6.70, points: [] },\r\n\t\t  { year: '2017', barValue: 9.00, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '2018', \r\n\t\t\tbarValue: 8.30, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.80, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Ley General de Desarrollo Forestal Sustentable',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'Se promulga una nueva Ley General de Desarrollo Forestal Sustentable. Los principales cambios respecto a la Ley de 2003 es el enfoque en el desarrollo sustentable, el fortalecimiento de los derechos comunitarios, la creaci\u00f3n del Consejo Nacional Forestal, el establecimiento de nuevos instrumentos de pol\u00edtica forestal como los programas de manejo sustentable, el combate a la deforestaci\u00f3n y protecci\u00f3n de los ecosistemas y normas m\u00e1s estrictas para el aprovechamiento forestal.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '2019', \r\n\t\t\tbarValue: 8.20, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 8.70, \r\n\t\t\t\tcolor: 'orange', \r\n\t\t\t\ttitle: 'Sembrando Vida',\r\n\t\t\t\ttype: 'Pol\u00edtica',\r\n\t\t\t\tevent: 'Sembrando Vida es un proyecto del gobierno de M\u00e9xico que busca apoyar a campesinos y comunidades rurales para plantar \u00e1rboles frutales y maderables en sus tierras al tiempo que propicia la reforestaci\u00f3n. Los participantes del programa reciben est\u00edmulos econ\u00f3micos mensuales por sus labores de siembra, cuidado y cosecha.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '2020', \r\n\t\t\tbarValue: 7.30, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.80, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Reglamento de la Ley General de Desarrollo Sustentable',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En diciembre de 2020, la SEMARNAT public\u00f3 un nuevo reglamento para la Ley General de Desarrollo Forestal Sustentable, sustituyendo el de 2005. Este reglamento incluye varios cambios importantes: Se asigna a la Agencia Nacional de Seguridad Industrial (ASEA) la autoridad para gestionar la autorizaci\u00f3n de cambio de uso de suelo en terrenos forestales (CUSTF) para proyectos del sector hidrocarburos; se introduce un cap\u00edtulo sobre derechos humanos y mecanismos de resoluci\u00f3n de conflictos, especialmente para comunidades ind\u00edgenas y afromexicanas; se elimina la justificaci\u00f3n econ\u00f3mica para el cambio de uso de suelo, y se requiere un an\u00e1lisis de biodiversidad y medidas de mitigaci\u00f3n sobre el agua; y la PROFEPA verificar\u00e1 la documentaci\u00f3n de los proyectos forestales para garantizar su legalidad.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { year: '2021', barValue: 7.60, points: [] },\r\n\t\t  { \r\n\t\t\tyear: '2022', \r\n\t\t\tbarValue: 7.10, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.60, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'Modificaci\u00f3n a la Ley General de Desarollo Forestal Sustentable',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 2022, se reforma la LGDFS, entre lo que se destaca: \u00e9nfasis en el respeto a los derechos y participaci\u00f3n de las comunidades ind\u00edgenas, afromexicanas y equiparables mediante consulta libre, previa e informada; a\u00f1adir las definiciones de acahual, \u00e1rbol y arbusto; y la separaci\u00f3n como instrumentos de pol\u00edtica nacional en materia forestal el Sistema Nacional de Gesti\u00f3n Forestal y el Sistema Nacional de Informaci\u00f3n Forestal.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  },\r\n\t\t  { \r\n\t\t\tyear: '2023', \r\n\t\t\tbarValue: 6.60, \r\n\t\t\tpoints: [\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.10, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'NOM-152-SEMARNAT-2023',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 2023, se publica la NOM-152-SEMARNAT-2023 Que establece los criterios y especificaciones del contenido de los programas de manejo forestal sustentable para el aprovechamiento de recursos forestales maderables en bosques, selvas y vegetaci\u00f3n de zonas \u00e1ridas. Con ello, se elimina los niveles avanzado, intermedio y simplificado de los programas de manejo forestal (PMF) y regula de manera independiente actividades como la remoci\u00f3n de arbolado muerto, la poda, y el aprovechamiento para investigaci\u00f3n o recreaci\u00f3n. Se enfoca en medir las condiciones actuales del predio y su variaci\u00f3n tras el ciclo de corta. Se a\u00f1ade una tabla para verificar la persistencia de las especies aprovechadas, y el proceso de Evaluaci\u00f3n de Conformidad se adapta a cada tipo de solicitud de aprovechamiento.'\r\n\t\t\t  },\r\n\t\t\t  { \r\n\t\t\t\tvalue: 7.60, \r\n\t\t\t\tcolor: 'green', \r\n\t\t\t\ttitle: 'NOM-015-SEMARNAT\/AGRICULTURA-2023',\r\n\t\t\t\ttype: 'Legislaci\u00f3n',\r\n\t\t\t\tevent: 'En 2023, se publica Norma Oficial Mexicana NOM-015-SEMARNAT\/AGRICULTURA-2023, la cual especifica las t\u00e9cnicas de uso del fuego en terrenos forestales, temporalmente forestales, preferentemente forestales, y en terrenos de uso agropecuario y colindante. Su objetivo es reducir el impacto en la calidad del aire, la p\u00e9rdida de biodiversidad y el empobrecimiento de los suelos de cultivo.'\r\n\t\t\t  }\r\n\t\t\t]\r\n\t\t  }\r\n\t\t];\r\n\r\n        \/\/ Datos del gr\u00e1fico no maderable\r\n    const dataNoMaderable = [\r\n\t  { year: '1995', value: 41.5 }, { year: '1996', value: 53.6 }, { year: '1997', value: 43.7 },\r\n\t  { year: '1998', value: 47 }, { year: '1999', value: 57 }, { year: '2000', value: 84 },\r\n\t  { year: '2001', value: 70 }, { year: '2002', value: 76 }, { year: '2003', value: 98 },\r\n\t  { year: '2004', value: 83 }, { year: '2005', value: 75 }, { year: '2006', value: 36 },\r\n\t  { year: '2007', value: 62 }, { year: '2008', value: 48 }, { year: '2009', value: 60 },\r\n\t  { year: '2010', value: 65 }, { year: '2011', value: 63 }, { year: '2012', value: 112 },\r\n\t  { year: '2013', value: 71 }, { year: '2014', value: 78.2 }, { year: '2015', value: 79.46 },\r\n\t  { year: '2016', value: 88.2 }, { year: '2017', value: 147.8 }, { year: '2018', value: 106.3 },\r\n\t  { year: '2019', value: 190 }, { year: '2020', value: 133 }, { year: '2021', value: 150 },\r\n\t  { year: '2022', value: 134 }, { year: '2023', value: 152 }\r\n\t];\r\n\r\n        \/\/ Elementos del DOM\r\n        const elements = {\r\n            modal: document.getElementById('eventModal'),\r\n            closeModal: document.getElementById('closeModal'),\r\n            tooltips: [document.getElementById('tooltip1'), document.getElementById('tooltip2')],\r\n            containers: [document.getElementById('barsContainer1'), document.getElementById('barsContainer2')]\r\n        };\r\n\r\n        \/\/ Funciones utilitarias\r\n        const utils = {\r\n            getEventTypeText: (color) => ({\r\n                'green': 'Evento Positivo',\r\n                'orange': 'Evento Neutral',\r\n                'red': 'Evento Negativo'\r\n            }[color] || 'Evento Desconocido'),\r\n\r\n            createGridLines: (container, count, type) => {\r\n                for (let i = 0; i < count; i++) {\r\n                    const line = document.createElement('div');\r\n                    line.className = `grid-line ${type}`;\r\n                    container.appendChild(line);\r\n                }\r\n            },\r\n\r\n            createYAxis: (container, values) => {\r\n                values.forEach(value => {\r\n                    const label = document.createElement('div');\r\n                    label.textContent = value;\r\n                    container.appendChild(label);\r\n                });\r\n            },\r\n\r\n            setupTooltip: (element, tooltip, content) => {\r\n                element.addEventListener('mouseenter', () => {\r\n                    tooltip.style.opacity = '1';\r\n                    tooltip.innerHTML = content();\r\n                });\r\n\r\n                element.addEventListener('mousemove', (e) => {\r\n                     tooltip.style.left = `${e.clientX - 100}px`;\r\n\t\t\t\t\t\ttooltip.style.top = `${e.clientY - 80}px`;\r\n                });\r\n\r\n                element.addEventListener('mouseleave', () => {\r\n                    tooltip.style.opacity = '0';\r\n                });\r\n            }\r\n        };\r\n\r\n        \/\/ Funciones del modal\r\n        const modal = {\r\n            open: (year, point) => {\r\n                document.getElementById('modalYear').textContent = year;\r\n                document.getElementById('modalTitle').textContent = point.title;\r\n                document.getElementById('modalDescription').innerHTML  = point.event;\r\n                \r\n                const eventType = document.getElementById('eventType');\r\n                eventType.className = `event-type ${point.color}`;\r\n                eventType.textContent = point.type;\r\n                \r\n                elements.modal.style.display = 'block';\r\n                document.body.style.overflow = 'hidden';\r\n            },\r\n\r\n            close: () => {\r\n                elements.modal.style.display = 'none';\r\n                document.body.style.overflow = 'auto';\r\n            }\r\n        };\r\n\r\n        \/\/ Event listeners del modal\r\n        elements.closeModal.addEventListener('click', modal.close);\r\n        window.addEventListener('click', (e) => {\r\n            if (e.target === elements.modal) modal.close();\r\n        });\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape' && elements.modal.style.display === 'block') {\r\n                modal.close();\r\n            }\r\n        });\r\n\r\n        \/\/ Crear gr\u00e1ficos\r\n        const chartBuilder = {\r\n            createChart: (data, config, containerIndex, type) => {\r\n                const container = elements.containers[containerIndex];\r\n                const tooltip = elements.tooltips[containerIndex];\r\n\r\n                data.forEach(item => {\r\n                    const barWrapper = document.createElement('div');\r\n                    barWrapper.className = 'bar-wrapper';\r\n\r\n                    const bar = document.createElement('div');\r\n                    bar.className = `bar ${type}`;\r\n                    const value = type === 'maderable' ? item.barValue : item.value;\r\n                    bar.style.height = `${(value \/ config.maxValue) * 100}%`;\r\n                    \r\n                    const label = document.createElement('div');\r\n                    label.className = `bar-label ${type}`;\r\n                    label.textContent = item.year;\r\n\r\n                    \/\/ Tooltip para barras\r\n                    utils.setupTooltip(bar, tooltip, () => \r\n                        `<strong>${item.year}<\/strong><br>${type === 'maderable' ? 'Producci\u00f3n' : 'Producci\u00f3n'}: ${value.toFixed(type === 'maderable' ? 1 : 0)} ${config.unit}`\r\n                    );\r\n\r\n                    \/\/ Crear puntos de datos (solo para maderable)\r\n                    if (type === 'maderable' && item.points) {\r\n                        item.points.forEach(point => {\r\n                            const dataPoint = document.createElement('div');\r\n                            dataPoint.className = `data-point ${point.color}`;\r\n                            dataPoint.style.bottom = `${(point.value \/ config.maxValue) * 100}%`;\r\n                            \r\n                            dataPoint.addEventListener('click', (e) => {\r\n                                e.stopPropagation();\r\n                                modal.open(item.year, point);\r\n                            });\r\n                            \r\n                            utils.setupTooltip(dataPoint, tooltip, () => \r\n                                `<strong>${item.year}<\/strong>.-   ${point.title}<br><br><em>Click para m\u00e1s detalles<\/em>`\r\n                            );\r\n\r\n                            barWrapper.appendChild(dataPoint);\r\n                        });\r\n                    }\r\n\r\n                    barWrapper.appendChild(bar);\r\n                    barWrapper.appendChild(label);\r\n                    container.appendChild(barWrapper);\r\n                });\r\n            }\r\n        };\r\n\r\n        \/\/ Inicializar gr\u00e1ficos\r\n        function init() {\r\n            \/\/ Crear grid lines y y-axis\r\n            utils.createGridLines(document.getElementById('gridLinesMaderable'), 7, 'maderable');\r\n            utils.createGridLines(document.getElementById('gridLinesNoMaderable'), 11, 'no-maderable');\r\n            \r\n            utils.createYAxis(document.getElementById('yAxisMaderable'), chartConfig.maderable.yAxisValues);\r\n            utils.createYAxis(document.getElementById('yAxisNoMaderable'), chartConfig.noMaderable.yAxisValues);\r\n\r\n            \/\/ Crear los gr\u00e1ficos\r\n            chartBuilder.createChart(dataMaderable, chartConfig.maderable, 0, 'maderable');\r\n            chartBuilder.createChart(dataNoMaderable, chartConfig.noMaderable, 1, 'no-maderable');\r\n\r\n            \/\/ Animaciones\r\n            setTimeout(() => {\r\n                const bars1 = elements.containers[0].querySelectorAll('.bar');\r\n                bars1.forEach((bar, index) => {\r\n                    setTimeout(() => bar.style.transform = 'scaleY(1)', index * 20);\r\n                });\r\n                \r\n                const points1 = elements.containers[0].querySelectorAll('.data-point');\r\n                points1.forEach((point, index) => {\r\n                    setTimeout(() => point.style.opacity = '1', 1000 + index * 30);\r\n                });\r\n\r\n                const bars2 = elements.containers[1].querySelectorAll('.bar');\r\n                bars2.forEach((bar, index) => {\r\n                    setTimeout(() => bar.style.transform = 'scaleY(1)', 2000 + index * 50);\r\n                });\r\n            }, 100);\r\n        }\r\n\r\n        \/\/ Inicializar la aplicaci\u00f3n\r\n        init();\r\n    <\/script>\r\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","protected":false},"excerpt":{"rendered":"<p>Producci\u00f3n forestal maderable Entre 1964 y 2023, el promedio anual de producci\u00f3n forestal maderable en M\u00e9xico fue de 7.10 millones de metros c\u00fabicos rollo (m\u00b3r). Sin embargo, en 2023, la producci\u00f3n alcanz\u00f3 apenas los 6.6 millones de m\u00b3r, situ\u00e1ndose por debajo de dicho promedio. Este decrecimiento, observado especialmente en los \u00faltimos tres a\u00f1os, puede atribuirse [&hellip;]<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_3693\" class=\"pvc_stats total_only  \" data-element-id=\"3693\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/anuarios.semarnat.gob.mx\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3693","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hist\u00f3rico de producci\u00f3n forestal-final - ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hist\u00f3rico de producci\u00f3n forestal-final - ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL\" \/>\n<meta property=\"og:description\" content=\"Producci\u00f3n forestal maderable Entre 1964 y 2023, el promedio anual de producci\u00f3n forestal maderable en M\u00e9xico fue de 7.10 millones de metros c\u00fabicos rollo (m\u00b3r). Sin embargo, en 2023, la producci\u00f3n alcanz\u00f3 apenas los 6.6 millones de m\u00b3r, situ\u00e1ndose por debajo de dicho promedio. Este decrecimiento, observado especialmente en los \u00faltimos tres a\u00f1os, puede atribuirse [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/\" \/>\n<meta property=\"og:site_name\" content=\"ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-29T20:17:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/appsdev2.semarnat.gob.mx\/anuarios\/wp-content\/uploads\/2025\/07\/hisfor.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/index.php\\\/historico-de-produccion-forestal\\\/\",\"url\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/index.php\\\/historico-de-produccion-forestal\\\/\",\"name\":\"Hist\u00f3rico de producci\u00f3n forestal-final - ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/index.php\\\/historico-de-produccion-forestal\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/index.php\\\/historico-de-produccion-forestal\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/appsdev2.semarnat.gob.mx\\\/anuarios\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/hisfor.png\",\"datePublished\":\"2025-07-01T08:08:33+00:00\",\"dateModified\":\"2025-11-29T20:17:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/index.php\\\/historico-de-produccion-forestal\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/index.php\\\/historico-de-produccion-forestal\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/index.php\\\/historico-de-produccion-forestal\\\/#primaryimage\",\"url\":\"https:\\\/\\\/appsdev2.semarnat.gob.mx\\\/anuarios\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/hisfor.png\",\"contentUrl\":\"https:\\\/\\\/appsdev2.semarnat.gob.mx\\\/anuarios\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/hisfor.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/index.php\\\/historico-de-produccion-forestal\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hist\u00f3rico de producci\u00f3n forestal-final\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/#website\",\"url\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/\",\"name\":\"ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/anuarios.semarnat.gob.mx\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hist\u00f3rico de producci\u00f3n forestal-final - ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_MX","og_type":"article","og_title":"Hist\u00f3rico de producci\u00f3n forestal-final - ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL","og_description":"Producci\u00f3n forestal maderable Entre 1964 y 2023, el promedio anual de producci\u00f3n forestal maderable en M\u00e9xico fue de 7.10 millones de metros c\u00fabicos rollo (m\u00b3r). Sin embargo, en 2023, la producci\u00f3n alcanz\u00f3 apenas los 6.6 millones de m\u00b3r, situ\u00e1ndose por debajo de dicho promedio. Este decrecimiento, observado especialmente en los \u00faltimos tres a\u00f1os, puede atribuirse [&hellip;]","og_url":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/","og_site_name":"ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL","article_modified_time":"2025-11-29T20:17:51+00:00","og_image":[{"url":"https:\/\/appsdev2.semarnat.gob.mx\/anuarios\/wp-content\/uploads\/2025\/07\/hisfor.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/","url":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/","name":"Hist\u00f3rico de producci\u00f3n forestal-final - ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL","isPartOf":{"@id":"https:\/\/anuarios.semarnat.gob.mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/#primaryimage"},"image":{"@id":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/#primaryimage"},"thumbnailUrl":"https:\/\/appsdev2.semarnat.gob.mx\/anuarios\/wp-content\/uploads\/2025\/07\/hisfor.png","datePublished":"2025-07-01T08:08:33+00:00","dateModified":"2025-11-29T20:17:51+00:00","breadcrumb":{"@id":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/#primaryimage","url":"https:\/\/appsdev2.semarnat.gob.mx\/anuarios\/wp-content\/uploads\/2025\/07\/hisfor.png","contentUrl":"https:\/\/appsdev2.semarnat.gob.mx\/anuarios\/wp-content\/uploads\/2025\/07\/hisfor.png"},{"@type":"BreadcrumbList","@id":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/historico-de-produccion-forestal\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/anuarios.semarnat.gob.mx\/"},{"@type":"ListItem","position":2,"name":"Hist\u00f3rico de producci\u00f3n forestal-final"}]},{"@type":"WebSite","@id":"https:\/\/anuarios.semarnat.gob.mx\/#website","url":"https:\/\/anuarios.semarnat.gob.mx\/","name":"ESTAD\u00cdSTICAS DE LA PRODUCCI\u00d3N FORESTAL","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/anuarios.semarnat.gob.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/3693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/wp-json\/wp\/v2\/comments?post=3693"}],"version-history":[{"count":20,"href":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/3693\/revisions"}],"predecessor-version":[{"id":3763,"href":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/3693\/revisions\/3763"}],"wp:attachment":[{"href":"https:\/\/anuarios.semarnat.gob.mx\/index.php\/wp-json\/wp\/v2\/media?parent=3693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}