{"id":2,"date":"2026-09-24T14:41:19","date_gmt":"2026-09-24T14:41:19","guid":{"rendered":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/?page_id=2"},"modified":"2026-10-05T21:19:47","modified_gmt":"2026-10-05T21:19:47","slug":"inicio","status":"publish","type":"page","link":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c204c65 e-con-full e-flex e-con e-parent\" data-id=\"c204c65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47a436f elementor-widget elementor-widget-html\" data-id=\"47a436f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Invasi\u00f3n Silenciosa | Reportaje Especial<\/title>\r\n    \r\n    <!-- Google Fonts: Playfair Display (Serif) and Inter (Sans-serif) -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Phosphor Icons for UI Elements -->\r\n    <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n    <!-- Tailwind CSS Setup -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        darkBg: '#080d0a', \/\/ Dark forest green \/ black base\r\n                        panelBg: '#121a14', \/\/ Slightly lighter for panels\r\n                        charcoal: '#1a221d',\r\n                        textOff: '#f0eee9', \/\/ Off-white\r\n                        accent: '#a72618', \/\/ Dark red\/orange accent\r\n                    },\r\n                    fontFamily: {\r\n                        serif: ['\"Playfair Display\"', 'serif'],\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    backgroundImage: {\r\n                        'hero-img': \"linear-gradient(to bottom, rgba(8, 13, 10, 0.4), rgba(8, 13, 10, 1)), url('https:\/\/images.unsplash.com\/photo-1542385151-efd9000785a0?q=80&w=2400&auto=format&fit=crop')\",\r\n                        'future-img': \"linear-gradient(to top, rgba(8, 13, 10, 1), rgba(8, 13, 10, 0.6)), url('https:\/\/images.unsplash.com\/photo-1448375240586-882707db8855?q=80&w=2670&auto=format&fit=crop')\",\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        body {\r\n            background-color: #080d0a;\r\n            color: #f0eee9;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Custom scrollbar for dark theme *\/\r\n        ::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: #080d0a; \r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: #1a221d; \r\n            border-radius: 3px;\r\n        }\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: #a72618; \r\n        }\r\n\r\n        \/* Typography enhancements *\/\r\n        .font-serif {\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        \/* Reveal Animations (Triggered via JS) *\/\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: opacity 1s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        }\r\n        .reveal.active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        .delay-100 { transition-delay: 100ms; }\r\n        .delay-200 { transition-delay: 200ms; }\r\n        .delay-300 { transition-delay: 300ms; }\r\n\r\n        \/* Scrollytelling visual markers *\/\r\n        .sticky-wrapper {\r\n            position: relative;\r\n        }\r\n        @media (min-width: 1024px) {\r\n            .sticky-element {\r\n                position: sticky;\r\n                top: 20vh;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"antialiased font-sans selection:bg-accent selection:text-white\">\r\n\r\n    <header id=\"main-header\" class=\"fixed top-0 w-full z-50 transition-all duration-300 bg-transparent border-b border-transparent\">\r\n        <div class=\"container mx-auto px-6 h-16 flex items-center justify-between\">\r\n            <div class=\"text-[10px] sm:text-xs tracking-widest font-bold text-textOff\/80 uppercase hidden sm:block\">\r\n                Reportaje de Investigaci\u00f3n\r\n            <\/div>\r\n            \r\n            <!-- Navigation -->\r\n            <nav class=\"flex gap-4 sm:gap-6 text-[10px] sm:text-xs font-medium tracking-[0.15em] text-textOff\/70 ml-auto\">\r\n                <a href=\"#afectados\" class=\"hover:text-accent transition-colors\"><span class=\"hidden md:inline\">01 <\/span>AFECTADOS<\/a>\r\n                <a href=\"#problema\" class=\"hover:text-accent transition-colors\"><span class=\"hidden md:inline\">02 <\/span>PROBLEMA<\/a>\r\n                <a href=\"#explicacion\" class=\"hover:text-accent transition-colors\"><span class=\"hidden md:inline\">03 <\/span>EXPLICACI\u00d3N<\/a>\r\n                <a href=\"#responsables\" class=\"hover:text-accent transition-colors\"><span class=\"hidden md:inline\">04 <\/span>RESPONSABLES<\/a>\r\n                <a href=\"#futuro\" class=\"hover:text-accent transition-colors\"><span class=\"hidden md:inline\">05 <\/span>FUTURO<\/a>\r\n            <\/nav>\r\n        <\/div>\r\n        \r\n        <!-- Reading Progress Bar -->\r\n        <div class=\"absolute bottom-0 left-0 w-full h-[2px] bg-white\/5\">\r\n            <div id=\"progress-bar\" class=\"h-full bg-accent w-0 transition-all duration-75 ease-out shadow-[0_0_10px_rgba(167,38,24,0.5)]\"><\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <main>\r\n        <section id=\"inicio\" class=\"relative h-screen flex items-center justify-center bg-hero-img bg-cover bg-center bg-fixed\">\r\n            <div class=\"relative z-10 text-center px-4 max-w-5xl mx-auto mt-10\">\r\n                <h2 class=\"text-accent tracking-[0.3em] text-xs font-bold uppercase mb-6 reveal\">Archivo Exclusivo<\/h2>\r\n                <h1 class=\"font-serif text-5xl md:text-7xl lg:text-8xl font-bold leading-none mb-8 reveal delay-100 text-white drop-shadow-2xl\">\r\n                    INVASI\u00d3N SILENCIOSA\r\n                <\/h1>\r\n                <p class=\"font-serif text-xl md:text-3xl text-textOff\/90 max-w-3xl mx-auto italic reveal delay-200 font-light leading-snug\">\r\n                    El vis\u00f3n, el castor y el jabal\u00ed: tres especies que reescriben las reglas de nuestros ecosistemas.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"absolute bottom-12 left-1\/2 transform -translate-x-1\/2 flex flex-col items-center gap-3 reveal delay-300 opacity-60\">\r\n                <span class=\"text-[9px] tracking-[0.2em] uppercase font-bold text-white\">Scroll para investigar<\/span>\r\n                <i class=\"ph ph-caret-down animate-bounce text-accent text-xl\"><\/i>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"afectados\" class=\"py-32 px-6 container mx-auto\">\r\n            <div class=\"mb-24 max-w-3xl reveal border-l-2 border-accent pl-6\">\r\n                <span class=\"text-accent font-bold tracking-[0.2em] text-xs uppercase block mb-4\">01 \u2014 Los Afectados<\/span>\r\n                <h2 class=\"font-serif text-4xl md:text-6xl font-bold mb-6 leading-tight\">El territorio que cambi\u00f3 para siempre<\/h2>\r\n                <p class=\"text-lg text-textOff\/70 leading-relaxed font-light\">\r\n                    En los bosques y r\u00edos del sur de Chile, la llegada de estos tres mam\u00edferos ha desatado una crisis ecol\u00f3gica sin precedentes. Aves sin nidos, bosques centenarios inundados y suelos arrasados son el saldo de una ocupaci\u00f3n que no encuentra resistencia natural.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Testimonies Grid -->\r\n            <div class=\"flex flex-col gap-12 lg:gap-24\">\r\n                \r\n                <!-- Vis\u00f3n Afectados -->\r\n                <article class=\"flex flex-col md:flex-row gap-8 items-center reveal\">\r\n                    <div class=\"w-full md:w-3\/5 relative group aspect-video overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1596726279141-9457631cc714?q=80&w=1200&auto=format&fit=crop\" alt=\"Vis\u00f3n en la ribera\" class=\"w-full h-full object-cover filter grayscale opacity-70 group-hover:grayscale-0 group-hover:opacity-100 transition duration-700\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-darkBg via-transparent to-transparent\"><\/div>\r\n                        <!-- Play Button Placeholder -->\r\n                        <button class=\"absolute bottom-6 left-6 w-12 h-12 rounded-full border border-white\/30 bg-black\/50 backdrop-blur-sm flex items-center justify-center text-white hover:border-accent hover:text-accent transition-colors\">\r\n                            <i class=\"ph-fill ph-play text-xl\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <div class=\"w-full md:w-2\/5 px-4 md:px-8\">\r\n                        <h3 class=\"font-serif text-3xl mb-4 text-white\">\"Los cisnes ya no tienen cr\u00edas aqu\u00ed\"<\/h3>\r\n                        <p class=\"text-textOff\/60 font-light mb-6\">El <strong class=\"text-white font-medium\">vis\u00f3n americano<\/strong> es un depredador semiacu\u00e1tico implacable. En los humedales del sur, arrasa con nidadas completas de aves acu\u00e1ticas, anfibios y roedores nativos que no evolucionaron para defenderse de \u00e9l.<\/p>\r\n                        <p class=\"text-xs uppercase tracking-widest text-accent font-bold\">\u2014 Habitante, Santuario de la Naturaleza Carlos Anwandter<\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Castor Afectados -->\r\n                <article class=\"flex flex-col md:flex-row-reverse gap-8 items-center reveal\">\r\n                    <div class=\"w-full md:w-3\/5 relative group aspect-video overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1587327885474-9f9453f65b86?q=80&w=1200&auto=format&fit=crop\" alt=\"Dique de castor\" class=\"w-full h-full object-cover filter grayscale opacity-70 group-hover:grayscale-0 group-hover:opacity-100 transition duration-700\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-darkBg via-transparent to-transparent\"><\/div>\r\n                        <!-- Audio Button Placeholder -->\r\n                        <button class=\"absolute bottom-6 right-6 w-12 h-12 rounded-full border border-white\/30 bg-black\/50 backdrop-blur-sm flex items-center justify-center text-white hover:border-accent hover:text-accent transition-colors\">\r\n                            <i class=\"ph ph-waveform text-xl\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <div class=\"w-full md:w-2\/5 px-4 md:px-8 text-left md:text-right\">\r\n                        <h3 class=\"font-serif text-3xl mb-4 text-white\">\"Nuestros \u00e1rboles se ahogan en sus propios bosques\"<\/h3>\r\n                        <p class=\"text-textOff\/60 font-light mb-6\">En Tierra del Fuego, el <strong class=\"text-white font-medium\">castor<\/strong> construye diques que inundan los fr\u00e1giles bosques de lenga. A diferencia de los \u00e1rboles norteamericanos, los bosques patag\u00f3nicos no sobreviven a la inundaci\u00f3n, dejando cementerios de \u00e1rboles grises.<\/p>\r\n                        <p class=\"text-xs uppercase tracking-widest text-accent font-bold\">\u2014 Investigador, Parque Nacional Karukinka<\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Jabal\u00ed Afectados -->\r\n                <article class=\"flex flex-col md:flex-row gap-8 items-center reveal\">\r\n                    <div class=\"w-full md:w-3\/5 relative group aspect-video overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1601267493409-7707e77a16f9?q=80&w=1200&auto=format&fit=crop\" alt=\"Jabal\u00ed en el bosque\" class=\"w-full h-full object-cover filter grayscale opacity-70 group-hover:grayscale-0 group-hover:opacity-100 transition duration-700\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-darkBg via-transparent to-transparent\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"w-full md:w-2\/5 px-4 md:px-8\">\r\n                        <h3 class=\"font-serif text-3xl mb-4 text-white\">\"El suelo parece arado por m\u00e1quinas\"<\/h3>\r\n                        <p class=\"text-textOff\/60 font-light mb-6\">Al buscar tub\u00e9rculos y ra\u00edces, el <strong class=\"text-white font-medium\">jabal\u00ed<\/strong> destruye la capa vegetal del bosque nativo chileno (las 'hozaradas'). Esto impide la regeneraci\u00f3n de plantas end\u00e9micas y propaga semillas de malezas ex\u00f3ticas, alterando toda la red tr\u00f3fica.<\/p>\r\n                        <p class=\"text-xs uppercase tracking-widest text-accent font-bold\">\u2014 Agricultor, Regi\u00f3n de Los R\u00edos<\/p>\r\n                    <\/div>\r\n                <\/article>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"problema\" class=\"bg-panelBg py-32 border-y border-white\/5 relative\">\r\n            <div class=\"container mx-auto px-6 max-w-6xl sticky-wrapper flex flex-col lg:flex-row gap-16\">\r\n                \r\n                <!-- Sticky Left Text -->\r\n                <div class=\"lg:w-1\/3 reveal\">\r\n                    <div class=\"sticky-element\">\r\n                        <span class=\"text-accent font-bold tracking-[0.2em] text-xs uppercase block mb-4\">02 \u2014 El Problema<\/span>\r\n                        <h2 class=\"font-serif text-4xl md:text-5xl font-bold mb-6\">Tres especies,<br>un avance imparable<\/h2>\r\n                        <p class=\"text-textOff\/70 font-light mb-8\">\r\n                            Los n\u00fameros exponen la magnitud del desastre. Sin depredadores naturales como osos o lobos, y con un clima templado ideal, la tasa de reproducci\u00f3n de estos invasores es alarmante.\r\n                        <\/p>\r\n                        <div class=\"hidden lg:block w-full h-[1px] bg-gradient-to-r from-accent to-transparent mt-8\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Scrolling Data Panels -->\r\n                <div class=\"lg:w-2\/3 space-y-24 lg:space-y-48 lg:py-32\">\r\n                    \r\n                    <!-- Castor Data -->\r\n                    <div class=\"reveal bg-darkBg\/50 p-8 md:p-12 border border-white\/5 rounded-sm\">\r\n                        <h3 class=\"font-serif text-3xl text-white mb-2\">La ingenier\u00eda de la destrucci\u00f3n<\/h3>\r\n                        <p class=\"text-accent font-bold tracking-widest text-sm uppercase mb-8\">Especie: Castor (Castor canadensis)<\/p>\r\n                        \r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-6\">\r\n                            <div>\r\n                                <span class=\"block text-5xl font-serif text-white mb-2 counter\" data-target=\"23000\">0<\/span>\r\n                                <span class=\"text-sm text-textOff\/60 font-light block border-t border-white\/10 pt-2\">Hect\u00e1reas de bosque nativo destruidas en la Patagonia chileno-argentina.<\/span>\r\n                            <\/div>\r\n                            <div>\r\n                                <span class=\"block text-5xl font-serif text-white mb-2\">> <span class=\"counter\" data-target=\"100000\">0<\/span><\/span>\r\n                                <span class=\"text-sm text-textOff\/60 font-light block border-t border-white\/10 pt-2\">Individuos estimados actualmente. Comenzaron siendo solo 20 parejas en 1946.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Vis\u00f3n Data -->\r\n                    <div class=\"reveal bg-darkBg\/50 p-8 md:p-12 border border-white\/5 rounded-sm\">\r\n                        <h3 class=\"font-serif text-3xl text-white mb-2\">El cazador anfibio<\/h3>\r\n                        <p class=\"text-accent font-bold tracking-widest text-sm uppercase mb-8\">Especie: Vis\u00f3n (Neovison vison)<\/p>\r\n                        \r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-6\">\r\n                            <div>\r\n                                <span class=\"block text-5xl font-serif text-white mb-2\">+<span class=\"counter\" data-target=\"12\">0<\/span><\/span>\r\n                                <span class=\"text-sm text-textOff\/60 font-light block border-t border-white\/10 pt-2\">Regiones de Chile donde ya se registra su presencia (desde La Araucan\u00eda hasta Magallanes).<\/span>\r\n                            <\/div>\r\n                            <div>\r\n                                <span class=\"block text-4xl font-serif text-white mb-3 mt-2 text-accent\">Cr\u00edtico<\/span>\r\n                                <span class=\"text-sm text-textOff\/60 font-light block border-t border-white\/10 pt-2\">Impacto en la avifauna. Pueden matar presas m\u00e1s grandes que ellos y practicar la matanza excedentaria (matar m\u00e1s de lo que consumen).<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Jabal\u00ed Data -->\r\n                    <div class=\"reveal bg-darkBg\/50 p-8 md:p-12 border border-white\/5 rounded-sm\">\r\n                        <h3 class=\"font-serif text-3xl text-white mb-2\">El tractor biol\u00f3gico<\/h3>\r\n                        <p class=\"text-accent font-bold tracking-widest text-sm uppercase mb-8\">Especie: Jabal\u00ed (Sus scrofa)<\/p>\r\n                        \r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-6\">\r\n                            <div>\r\n                                <span class=\"block text-5xl font-serif text-white mb-2\"><span class=\"counter\" data-target=\"70\">0<\/span>%<\/span>\r\n                                <span class=\"text-sm text-textOff\/60 font-light block border-t border-white\/10 pt-2\">De su dieta en los bosques chilenos se compone de ra\u00edces y semillas de especies nativas, impidiendo el rebrote.<\/span>\r\n                            <\/div>\r\n                            <div>\r\n                                <span class=\"block text-5xl font-serif text-white mb-2\"><span class=\"counter\" data-target=\"6\">0<\/span> a 12<\/span>\r\n                                <span class=\"text-sm text-textOff\/60 font-light block border-t border-white\/10 pt-2\">Cr\u00edas por camada. Alta adaptabilidad y cruce con cerdos dom\u00e9sticos incrementa su fertilidad.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"explicacion\" class=\"py-32 px-6 container mx-auto\">\r\n            <div class=\"text-center max-w-2xl mx-auto mb-20 reveal\">\r\n                <span class=\"text-accent font-bold tracking-[0.2em] text-xs uppercase block mb-4\">03 \u2014 La Explicaci\u00f3n<\/span>\r\n                <h2 class=\"font-serif text-4xl md:text-5xl font-bold mb-6\">\u00bfC\u00f3mo llegaron hasta aqu\u00ed?<\/h2>\r\n                <p class=\"text-textOff\/70 font-light\">\r\n                    Ninguna de estas especies lleg\u00f3 por medios naturales. Fueron introducidas por el Estado y empresarios privados con fines comerciales que, a la larga, resultaron en fracasos econ\u00f3micos y desastres ecol\u00f3gicos.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl mx-auto\">\r\n                <!-- Vis\u00f3n Historia -->\r\n                <div class=\"bg-panelBg p-8 border border-white\/10 hover:border-accent\/50 transition-colors reveal\">\r\n                    <div class=\"w-12 h-12 bg-charcoal rounded-full flex items-center justify-center mb-6\">\r\n                        <span class=\"font-serif font-bold text-accent\">V<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif text-2xl font-bold text-white mb-3\">La fiebre de la piel<\/h3>\r\n                    <h4 class=\"text-xs uppercase text-textOff\/40 tracking-widest mb-4\">Vis\u00f3n \/ A\u00f1os 30-70<\/h4>\r\n                    <p class=\"text-sm text-textOff\/70 font-light leading-relaxed\">\r\n                        Fueron introducidos inicialmente en la Regi\u00f3n de Magallanes y luego en Ays\u00e9n por iniciativas privadas para desarrollar la industria peletera (abrigos de piel). Cuando el negocio dej\u00f3 de ser rentable en los a\u00f1os 70, muchos criaderos cerraron. Los visones fueron liberados intencionalmente o escaparon de las jaulas mal mantenidas, encontrando en los r\u00edos chilenos un para\u00edso sin depredadores.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Castor Historia -->\r\n                <div class=\"bg-panelBg p-8 border border-white\/10 hover:border-accent\/50 transition-colors reveal delay-100\">\r\n                    <div class=\"w-12 h-12 bg-charcoal rounded-full flex items-center justify-center mb-6\">\r\n                        <span class=\"font-serif font-bold text-accent\">C<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif text-2xl font-bold text-white mb-3\">El proyecto binacional<\/h3>\r\n                    <h4 class=\"text-xs uppercase text-textOff\/40 tracking-widest mb-4\">Castor \/ 1946<\/h4>\r\n                    <p class=\"text-sm text-textOff\/70 font-light leading-relaxed\">\r\n                        En 1946, el gobierno argentino trajo 20 parejas de castores desde Canad\u00e1 para fomentar la industria peletera en Tierra del Fuego. Las fronteras pol\u00edticas no existen para la naturaleza: r\u00e1pidamente cruzaron a territorio chileno. Al no tener inviernos tan crudos ni lobos que los cacen, su poblaci\u00f3n estall\u00f3. La industria de la piel nunca despeg\u00f3, pero el castor se qued\u00f3.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Jabal\u00ed Historia -->\r\n                <div class=\"bg-panelBg p-8 border border-white\/10 hover:border-accent\/50 transition-colors reveal delay-200\">\r\n                    <div class=\"w-12 h-12 bg-charcoal rounded-full flex items-center justify-center mb-6\">\r\n                        <span class=\"font-serif font-bold text-accent\">J<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif text-2xl font-bold text-white mb-3\">Caza y crianza<\/h3>\r\n                    <h4 class=\"text-xs uppercase text-textOff\/40 tracking-widest mb-4\">Jabal\u00ed \/ Siglo XX<\/h4>\r\n                    <p class=\"text-sm text-textOff\/70 font-light leading-relaxed\">\r\n                        Introducidos primero en Argentina para cotos de caza mayor a principios del siglo XX, comenzaron a cruzar la cordillera hacia Chile de forma natural. Paralelamente, se permitieron criaderos en Chile para consumo de carne ex\u00f3tica. Los escapes accidentales y las cruzas con cerdos dom\u00e9sticos asilvestrados crearon una poblaci\u00f3n robusta que hoy avanza hacia el norte del pa\u00eds.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"responsables\" class=\"py-32 bg-[#050806] border-y border-white\/5\">\r\n            <div class=\"container mx-auto px-6 mb-20 max-w-6xl reveal\">\r\n                <span class=\"text-accent font-bold tracking-[0.2em] text-xs uppercase block mb-4\">04 \u2014 Los Responsables<\/span>\r\n                <h2 class=\"font-serif text-4xl md:text-6xl font-bold mb-6\">\u00bfQui\u00e9n maneja el desastre?<\/h2>\r\n                <p class=\"max-w-3xl text-lg text-textOff\/70 font-light\">\r\n                    Documentos obtenidos por Ley de Transparencia revelan un panorama de presupuestos insuficientes, estrategias a corto plazo y una responsabilidad estatal fragmentada entre distintas agencias.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"container mx-auto px-6 max-w-6xl grid grid-cols-1 lg:grid-cols-2 gap-16\">\r\n                \r\n                <!-- Lo que dicen (Oficial) -->\r\n                <div class=\"space-y-10\">\r\n                    <div class=\"border-b border-white\/10 pb-4 mb-8 reveal\">\r\n                        <h3 class=\"font-serif text-xl text-white\/50 uppercase tracking-widest\">Lo que dicen los reportes oficiales<\/h3>\r\n                    <\/div>\r\n\r\n                    <div class=\"bg-white\/5 p-8 border-l-2 border-white\/20 reveal\">\r\n                        <div class=\"flex items-center gap-3 mb-4\">\r\n                            <i class=\"ph ph-file-text text-xl text-textOff\/50\"><\/i>\r\n                            <span class=\"text-xs font-bold uppercase tracking-widest text-textOff\/50\">Minuta Institucional 2024<\/span>\r\n                        <\/div>\r\n                        <blockquote class=\"font-serif italic text-lg text-white mb-4\">\r\n                            \"Se han ejecutado planes de manejo exitosos, instalando trampas en cuencas cr\u00edticas e impulsando el control \u00e9tico de las especies invasoras a trav\u00e9s del Servicio Agr\u00edcola y Ganadero.\"\r\n                        <\/blockquote>\r\n                    <\/div>\r\n\r\n                    <div class=\"bg-white\/5 p-8 border-l-2 border-white\/20 reveal\">\r\n                        <div class=\"flex items-center gap-3 mb-4\">\r\n                            <i class=\"ph ph-microphone text-xl text-textOff\/50\"><\/i>\r\n                            <span class=\"text-xs font-bold uppercase tracking-widest text-textOff\/50\">Declaraci\u00f3n en Comisi\u00f3n Medioambiental<\/span>\r\n                        <\/div>\r\n                        <blockquote class=\"font-serif italic text-lg text-white mb-4\">\r\n                            \"Las barreras geogr\u00e1ficas naturales de nuestro pa\u00eds han facilitado la contenci\u00f3n de los focos poblacionales de jabal\u00ed en la zona sur, manteniendo la bioseguridad del centro del pa\u00eds.\"\r\n                        <\/blockquote>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Lo que ocurre (Realidad) -->\r\n                <div class=\"space-y-10\">\r\n                    <div class=\"border-b border-accent\/40 pb-4 mb-8 reveal\">\r\n                        <h3 class=\"font-serif text-xl text-accent uppercase tracking-widest\">Lo que ocurre en el territorio<\/h3>\r\n                    <\/div>\r\n\r\n                    <div class=\"relative pl-8 border-l-2 border-accent reveal\">\r\n                        <i class=\"ph-fill ph-quotes absolute -left-[14px] top-0 text-darkBg bg-accent rounded-full p-1 text-xs\"><\/i>\r\n                        <p class=\"font-serif text-xl font-light mb-4 text-white\">\r\n                            \"Llevamos a\u00f1os postulando a fondos concursables para comprar trampas para visones. El control est\u00e1 externalizado a organizaciones locales que no dan abasto. Es apagar un incendio forestal con vasos de agua.\"\r\n                        <\/p>\r\n                        <span class=\"text-xs font-bold uppercase tracking-widest text-accent block\">\u2014 Presidente ONG de Conservaci\u00f3n Sur<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"relative pl-8 border-l-2 border-accent reveal\">\r\n                        <i class=\"ph-fill ph-quotes absolute -left-[14px] top-0 text-darkBg bg-accent rounded-full p-1 text-xs\"><\/i>\r\n                        <p class=\"font-serif text-xl font-light mb-4 text-white\">\r\n                            \"La erradicaci\u00f3n del castor en Magallanes fracas\u00f3 operativamente. Los cazadores contratados cobraban por cola, cazaban donde era f\u00e1cil acceder, dejando intactas las poblaciones en zonas remotas que r\u00e1pidamente repoblaron todo.\"\r\n                        <\/p>\r\n                        <span class=\"text-xs font-bold uppercase tracking-widest text-accent block\">\u2014 Ex-funcionario programa de control GEF<\/span>\r\n                    <\/div>\r\n                    \r\n                    <!-- Document visual cue -->\r\n                     <div class=\"mt-8 p-4 border border-white\/10 bg-black flex items-center justify-between cursor-pointer hover:border-accent transition-colors reveal\">\r\n                         <div class=\"flex items-center gap-3\">\r\n                             <i class=\"ph ph-download-simple text-accent text-xl\"><\/i>\r\n                             <span class=\"text-sm font-medium text-white\">Respuesta Transparencia AG-2025 (PDF)<\/span>\r\n                         <\/div>\r\n                         <span class=\"text-xs text-textOff\/40\">1.2 MB<\/span>\r\n                     <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"futuro\" class=\"relative py-40 min-h-screen flex flex-col justify-center bg-future-img bg-cover bg-center bg-fixed\">\r\n            <div class=\"absolute inset-0 bg-darkBg\/70 backdrop-blur-[2px]\"><\/div>\r\n            \r\n            <div class=\"container mx-auto px-6 relative z-10 text-center max-w-5xl\">\r\n                <span class=\"text-accent font-bold tracking-[0.2em] text-xs uppercase block mb-4 reveal\">05 \u2014 El Futuro<\/span>\r\n                <h2 class=\"font-serif text-5xl md:text-7xl font-bold mb-16 reveal delay-100 text-white drop-shadow-lg\">\r\n                    \u00bfQu\u00e9 hacemos ahora?\r\n                <\/h2>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n                    <!-- Escenario: Inacci\u00f3n -->\r\n                    <div class=\"border border-white\/20 bg-darkBg\/80 p-10 hover:border-white\/50 transition-all text-left reveal delay-100\">\r\n                        <span class=\"text-xs text-textOff\/40 tracking-widest uppercase mb-4 block\">Escenario A<\/span>\r\n                        <h3 class=\"font-serif text-2xl font-bold mb-4 text-white\">Inacci\u00f3n<\/h3>\r\n                        <p class=\"text-sm text-textOff\/70 font-light\">Asumir a estas especies como \"neocilenas\". Implica la p\u00e9rdida definitiva de biodiversidad end\u00e9mica y aceptar un ecosistema empobrecido y homogeneizado.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Escenario: Control -->\r\n                    <div class=\"border border-accent bg-darkBg\/90 p-10 shadow-[0_0_20px_rgba(167,38,24,0.15)] text-left reveal delay-200\">\r\n                        <span class=\"text-xs text-accent tracking-widest uppercase mb-4 block\">Escenario B (Actual)<\/span>\r\n                        <h3 class=\"font-serif text-2xl font-bold mb-4 text-white\">Control Permanente<\/h3>\r\n                        <p class=\"text-sm text-textOff\/70 font-light\">Mantener las poblaciones a raya mediante caza y trampeo continuo. Requiere presupuesto estatal indefinido y constante. Si se detiene, la plaga resurge en meses.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Escenario: Erradicaci\u00f3n -->\r\n                    <div class=\"border border-white\/20 bg-darkBg\/80 p-10 hover:border-white\/50 transition-all text-left reveal delay-300\">\r\n                        <span class=\"text-xs text-textOff\/40 tracking-widest uppercase mb-4 block\">Escenario C<\/span>\r\n                        <h3 class=\"font-serif text-2xl font-bold mb-4 text-white\">Erradicaci\u00f3n<\/h3>\r\n                        <p class=\"text-sm text-textOff\/70 font-light\">Medidas extremas, uso de toxinas focalizadas o biotecnolog\u00eda (ej. edici\u00f3n gen\u00e9tica). Altamente controversial pol\u00edtica y socialmente, pero la \u00fanica salida definitiva para la flora y fauna nativa.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <p class=\"font-serif text-2xl md:text-3xl italic text-white\/80 mt-32 max-w-3xl mx-auto reveal leading-snug\">\r\n                    \"La naturaleza no juzga, solo se adapta. La pregunta es si nosotros estamos dispuestos a pagar el costo de la adaptaci\u00f3n que obligamos a sufrir a nuestros ecosistemas.\"\r\n                <\/p>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <footer class=\"bg-black py-16 border-t border-white\/10\">\r\n        <div class=\"container mx-auto px-6 text-center text-xs text-textOff\/40 font-light tracking-wide space-y-4\">\r\n            <p class=\"uppercase font-bold tracking-[0.2em] text-white\/70 mb-8\">Cr\u00e9ditos del Reportaje<\/p>\r\n            <p>Investigaci\u00f3n y Periodismo: Unidad de Medio Ambiente, Octubre 2026<\/p>\r\n            <p>Fotograf\u00edas de Archivo: Unsplash (Placeholders) \/ Agencias Documentales<\/p>\r\n            <p>Dise\u00f1o y Desarrollo de Landing Page: Interfaz Multimedia Interactiva<\/p>\r\n            <p class=\"mt-12 opacity-30 font-serif\">&copy; 2026 Invasi\u00f3n Silenciosa. Todos los derechos reservados.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            \r\n            \/\/ --- 1. Intersection Observer for Fade-ins (Reveal) ---\r\n            const revealElements = document.querySelectorAll('.reveal');\r\n            \r\n            const revealOptions = {\r\n                threshold: 0.15, \/\/ Trigger when 15% is visible\r\n                rootMargin: \"0px 0px -50px 0px\" \/\/ Trigger slightly before it hits the bottom\r\n            };\r\n\r\n            const revealOnScroll = new IntersectionObserver(function(entries, observer) {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('active');\r\n                        \/\/ Unobserve after revealing to animate only once\r\n                        observer.unobserve(entry.target); \r\n                    }\r\n                });\r\n            }, revealOptions);\r\n\r\n            revealElements.forEach(el => {\r\n                revealOnScroll.observe(el);\r\n            });\r\n\r\n            \/\/ --- 2. Scroll Progress Bar & Header Style ---\r\n            const progressBar = document.getElementById('progress-bar');\r\n            const header = document.getElementById('main-header');\r\n            \r\n            window.addEventListener('scroll', () => {\r\n                \/\/ Progress Bar Math\r\n                const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\r\n                const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n                const scrolled = (winScroll \/ height) * 100;\r\n                progressBar.style.width = scrolled + \"%\";\r\n                \r\n                \/\/ Header background transition\r\n                if (winScroll > 100) {\r\n                    header.classList.add('bg-darkBg\/95', 'backdrop-blur-md', 'border-white\/10');\r\n                    header.classList.remove('bg-transparent', 'border-transparent');\r\n                } else {\r\n                    header.classList.remove('bg-darkBg\/95', 'backdrop-blur-md', 'border-white\/10');\r\n                    header.classList.add('bg-transparent', 'border-transparent');\r\n                }\r\n            });\r\n\r\n            \/\/ --- 3. Simple Number Counter Animation (for Chapter 2) ---\r\n            \/\/ Triggers when the number section becomes visible\r\n            const counters = document.querySelectorAll('.counter');\r\n            let hasCounted = false;\r\n\r\n            const counterObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting && !hasCounted) {\r\n                        hasCounted = true; \/\/ prevent re-running\r\n                        counters.forEach(counter => {\r\n                            const updateCount = () => {\r\n                                const target = +counter.getAttribute('data-target');\r\n                                const count = +counter.innerText;\r\n                                \/\/ Calculate increment based on target size\r\n                                const inc = target \/ 50; \r\n\r\n                                if (count < target) {\r\n                                    counter.innerText = Math.ceil(count + inc);\r\n                                    setTimeout(updateCount, 40); \/\/ 40ms interval\r\n                                } else {\r\n                                    \/\/ Add formatting (dots for thousands)\r\n                                    counter.innerText = target.toLocaleString('es-CL');\r\n                                }\r\n                            };\r\n                            updateCount();\r\n                        });\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 });\r\n            \r\n            \/\/ Observe the container of the counters\r\n            const problemSection = document.getElementById('problema');\r\n            if(problemSection) counterObserver.observe(problemSection);\r\n\r\n        });\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d61e1a3 e-flex e-con-boxed e-con e-parent\" data-id=\"d61e1a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7cb04e2 e-con-full e-flex e-con e-child\" data-id=\"7cb04e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88a0f0f e-con-full e-flex e-con e-child\" data-id=\"88a0f0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce62c9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1ce62c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sketchfab-embed-wrapper\"> <iframe title=\"Vis\u00f3n - Neovison vison\" frameborder=\"0\" allowfullscreen mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" allow=\"autoplay; fullscreen; xr-spatial-tracking\" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src=\"https:\/\/sketchfab.com\/models\/ba0f72693c2c4452bedbe612e38f10a9\/embed\"> <\/iframe> <p style=\"font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;\"> <a href=\"https:\/\/sketchfab.com\/3d-models\/vison-neovison-vison-ba0f72693c2c4452bedbe612e38f10a9\" target=\"_blank\" rel=\"nofollow\" style=\"font-weight: bold; color: #1CAAD9;\"> Vis\u00f3n - Neovison vison <\/a> by <a href=\"https:\/\/sketchfab.com\/iqvi\" target=\"_blank\" rel=\"nofollow\" style=\"font-weight: bold; color: #1CAAD9;\"> OCTOPUS <\/a> on <a href=\"https:\/\/sketchfab.com\" target=\"_blank\" rel=\"nofollow\" style=\"font-weight: bold; color: #1CAAD9;\">Sketchfab<\/a><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Invasi\u00f3n Silenciosa | Reportaje Especial Reportaje de Investigaci\u00f3n 01 AFECTADOS 02 PROBLEMA 03 EXPLICACI\u00d3N 04 RESPONSABLES 05 FUTURO Archivo Exclusivo INVASI\u00d3N SILENCIOSA El vis\u00f3n, el castor y el jabal\u00ed: tres especies que reescriben las reglas de nuestros ecosistemas. Scroll para investigar 01 \u2014 Los Afectados El territorio que cambi\u00f3 para siempre En los bosques y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":20,"href":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/wp-json\/wp\/v2\/pages\/2\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/titulo.periodismoccp.cl\/2026\/invasores\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}