{"id":28,"date":"2026-06-29T04:06:24","date_gmt":"2026-06-29T04:06:24","guid":{"rendered":"https:\/\/programatrinacional.com\/wp\/?page_id=28"},"modified":"2026-08-28T21:53:09","modified_gmt":"2026-08-28T21:53:09","slug":"quienes-somos","status":"publish","type":"page","link":"https:\/\/programatrinacional.com\/en\/quienes-somos\/","title":{"rendered":"QUIENES SOMOS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67984c6 e-grid e-con-boxed e-con e-parent\" data-id=\"67984c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d2b010 elementor-widget elementor-widget-heading\" data-id=\"2d2b010\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">QUI\u00c9NES SOMOS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44317f4 e-grid e-con-boxed e-con e-parent\" data-id=\"44317f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b37ff57 e-grid e-con-full e-con e-child\" data-id=\"b37ff57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35a3240 elementor-widget elementor-widget-html\" data-id=\"35a3240\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"corredor-mapa-limpio\">\r\n  <div class=\"corredor-mapa-container\">\r\n\r\n    <!-- BLOQUE TEXTO SIN FONDO BLANCO -->\r\n    <div class=\"corredor-copy-limpio\">\r\n      <span class=\"corredor-tag\">Programa Trinacional<\/span>\r\n\r\n      <h2>\r\n        Conservaci\u00f3n y desarrollo sostenible del corredor\r\n      <\/h2>\r\n\r\n      <p>\r\n        El Programa Trinacional de Conservaci\u00f3n y Desarrollo Sostenible del Corredor de \u00c1reas Protegidas Colombia, Ecuador y Per\u00fa fue reconocido en el 2011 mediante un memorando de entendimiento entre estos tres pa\u00edses, tras a\u00f1os de intercambios t\u00e9cnicos iniciados en el 2005.\r\n      <\/p>\r\n\r\n      <p>\r\n        Articula cinco \u00e1reas protegidas en la cuenca alta y media del r\u00edo Putumayo; estas son: el Parque Nacional Natural La Paya en Colombia, la Reserva de Producci\u00f3n de Fauna Cuyabeno en Ecuador, el Parque Nacional G\u00fcepp\u00ed-Sekime, la Reserva Comunal Airo Pai y la Reserva Comunal Huimeki en Per\u00fa.\r\n      <\/p>\r\n\r\n      <div class=\"corredor-mini-datos\">\r\n        <div>\r\n          <strong>3<\/strong>\r\n          <span>pa\u00edses<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>5<\/strong>\r\n          <span>\u00e1reas<br>protegidas<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>20<\/strong>\r\n          <span>a\u00f1os de historia<br>compartida<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- MAPA COMPLETO -->\r\n    <div class=\"corredor-mapa-box\">\r\n      <div class=\"corredor-mapa-header\">\r\n        <span>Mapa del corredor trinacional<\/span>\r\n        <small>Colombia \u00b7 Ecuador \u00b7 Per\u00fa<\/small>\r\n      <\/div>\r\n\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/programatrinacional.com\/\/wp\/wp-content\/uploads\/2026\/07\/Mapa_Corredor_Trinacional-1-scaled.png\" \r\n        alt=\"Mapa del Corredor Trinacional\"\r\n      >\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n\r\n  .corredor-mapa-limpio,\r\n  .corredor-mapa-limpio * {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .corredor-mapa-limpio {\r\n    width: 100%;\r\n    background: #F5F2EA;\r\n    padding: 60px 24px;\r\n  }\r\n\r\n  .corredor-mapa-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 0.82fr 1.18fr;\r\n    gap: 44px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* TEXTO SIN CARD *\/\r\n  .corredor-copy-limpio {\r\n    position: relative;\r\n    padding: 12px 0 12px 28px;\r\n  }\r\n\r\n  .corredor-copy-limpio::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 0;\r\n    width: 6px;\r\n    height: 110px;\r\n    border-radius: 20px;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      #D6E300,\r\n      #0098D7,\r\n      #B23A92,\r\n      #C16B1C\r\n    );\r\n  }\r\n\r\n  .corredor-tag {\r\n    display: inline-block;\r\n    margin-bottom: 16px;\r\n    color: #B23A92;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .corredor-copy-limpio h2 {\r\n    margin: 0 0 22px;\r\n    color: #1D1D1B;\r\n    font-size: 38px;\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    max-width: 520px;\r\n  }\r\n\r\n  .corredor-copy-limpio p {\r\n    margin: 0 0 17px;\r\n    color: #1D1D1B;\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n    font-weight: 400;\r\n    max-width: 520px;\r\n  }\r\n\r\n  \/* DATOS *\/\r\n  .corredor-mini-datos {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 14px;\r\n    margin-top: 34px;\r\n    max-width: 560px;\r\n  }\r\n\r\n  .corredor-mini-datos div {\r\n    background: rgba(255, 255, 255, 0.35);\r\n    border-radius: 18px;\r\n    padding: 22px 14px;\r\n    text-align: center;\r\n    border: 1.4px dashed #0098D7;\r\n    transition: transform 0.3s ease, background 0.3s ease;\r\n    min-height: 118px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .corredor-mini-datos div:hover {\r\n    transform: translateY(-4px);\r\n    background: rgba(255, 255, 255, 0.7);\r\n  }\r\n\r\n  .corredor-mini-datos strong {\r\n    display: block;\r\n    color: #0098D7;\r\n    font-size: 42px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .corredor-mini-datos span {\r\n    display: block;\r\n    color: #1D1D1B;\r\n    font-size: 14px;\r\n    line-height: 1.18;\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* MAPA *\/\r\n  .corredor-mapa-box {\r\n    background: #ffffff;\r\n    border-radius: 28px;\r\n    padding: 18px;\r\n    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.10);\r\n    border: 1px solid rgba(0, 0, 0, 0.04);\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n  }\r\n\r\n  .corredor-mapa-box:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 26px 54px rgba(0, 0, 0, 0.13);\r\n  }\r\n\r\n  .corredor-mapa-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 4px 6px 14px;\r\n  }\r\n\r\n  .corredor-mapa-header span {\r\n    color: #B23A92;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .corredor-mapa-header small {\r\n    color: #1D1D1B;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .corredor-mapa-box img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* RESPONSIVE TABLET *\/\r\n  @media (max-width: 1024px) {\r\n    .corredor-mapa-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 34px;\r\n    }\r\n\r\n    .corredor-copy-limpio {\r\n      padding-left: 24px;\r\n    }\r\n\r\n    .corredor-copy-limpio h2,\r\n    .corredor-copy-limpio p {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .corredor-copy-limpio h2 {\r\n      font-size: 32px;\r\n    }\r\n\r\n    .corredor-mini-datos {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  \/* RESPONSIVE MOBILE *\/\r\n  @media (max-width: 600px) {\r\n    .corredor-mapa-limpio {\r\n      padding: 42px 14px;\r\n    }\r\n\r\n    .corredor-copy-limpio {\r\n      padding-left: 20px;\r\n    }\r\n\r\n    .corredor-copy-limpio::before {\r\n      width: 5px;\r\n      height: 90px;\r\n    }\r\n\r\n    .corredor-copy-limpio h2 {\r\n      font-size: 27px;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .corredor-copy-limpio p {\r\n      font-size: 14.5px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    .corredor-mini-datos {\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n      margin-top: 28px;\r\n    }\r\n\r\n    .corredor-mini-datos div {\r\n      min-height: 96px;\r\n      padding: 18px 14px;\r\n    }\r\n\r\n    .corredor-mini-datos strong {\r\n      font-size: 38px;\r\n    }\r\n\r\n    .corredor-mini-datos span {\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .corredor-mapa-box {\r\n      padding: 12px;\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .corredor-mapa-header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 4px;\r\n    }\r\n\r\n    .corredor-mapa-box img {\r\n      border-radius: 16px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83b9952 e-con e-atomic-element e-flexbox-base e-f235e4c \" data-id=\"83b9952\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"83b9952\">\n    \t\t<div class=\"elementor-element elementor-element-fa3eebf elementor-widget elementor-widget-html\" data-id=\"fa3eebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"entidades-section\">\r\n  <div class=\"entidades-container\">\r\n\r\n    <h2 class=\"entidades-title\">Entidades por pa\u00eds<\/h2>\r\n\r\n    <div class=\"entidades-linea\">\r\n      <span class=\"linea-lima\"><\/span>\r\n      <span class=\"linea-dorada\"><\/span>\r\n      <span class=\"linea-azul\"><\/span>\r\n      <span class=\"linea-magenta\"><\/span>\r\n      <span class=\"linea-marron\"><\/span>\r\n    <\/div>\r\n\r\n    <!-- TABS -->\r\n    <div class=\"entidades-tabs\">\r\n      <button class=\"entidad-tab active\" data-pais=\"colombia\">\r\n        Colombia\r\n      <\/button>\r\n\r\n      <button class=\"entidad-tab\" data-pais=\"ecuador\">\r\n        Ecuador\r\n      <\/button>\r\n\r\n      <button class=\"entidad-tab\" data-pais=\"peru\">\r\n        Per\u00fa\r\n      <\/button>\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         COLOMBIA\r\n    ====================================================== -->\r\n\r\n    <div class=\"entidades-content active\" id=\"colombia\">\r\n\r\n      <div class=\"logos-grid\">\r\n\r\n        <!-- Ministerio de Ambiente Colombia -->\r\n        <div class=\"logo-entidad-card magenta\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.minambiente.gov.co\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar Ministerio de Ambiente y Desarrollo Sostenible de Colombia\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/\/wp\/wp-content\/uploads\/2026\/07\/08_ambiente_colombia.png\"\r\n              alt=\"Ministerio de Ambiente y Desarrollo Sostenible de Colombia\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Ministerio de Ambiente<\/h3>\r\n          <p>Colombia<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Parques Nacionales Colombia -->\r\n        <div class=\"logo-entidad-card azul\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.parquesnacionales.gov.co\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar Parques Nacionales Naturales de Colombia\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/\/wp\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-1-jul-2026-22_49_33-2.png\"\r\n              alt=\"Parques Nacionales Naturales de Colombia\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Parques Nacionales<\/h3>\r\n          <p>De Colombia<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- La Paya -->\r\n        <div class=\"logo-entidad-card marron\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.parquesnacionales.gov.co\/nuestros-parques\/pnn-la-paya\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar Parque Nacional Natural La Paya\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/\/wp\/wp-content\/uploads\/2026\/07\/images.jpg\"\r\n              alt=\"Parque Nacional Natural La Paya\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Parque Nacional Natural<\/h3>\r\n          <p>La Paya<\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         ECUADOR\r\n    ====================================================== -->\r\n\r\n    <div class=\"entidades-content\" id=\"ecuador\">\r\n\r\n      <div class=\"logos-grid logos-grid-dos\">\r\n\r\n        <!-- Ministerio Ecuador -->\r\n        <div class=\"logo-entidad-card azul\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.ambiente.gob.ec\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar Ministerio de Ambiente de Ecuador\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-1-jul-2026-22_49_33-3.png\"\r\n              alt=\"Ministerio de Ambiente y Energ\u00eda Ecuador\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Ministerio de Ambiente y Energ\u00eda<\/h3>\r\n          <p>Ecuador<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Cuyabeno -->\r\n        <div class=\"logo-entidad-card verde\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.ambiente.gob.ec\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar informaci\u00f3n oficial sobre la Reserva de Producci\u00f3n de Fauna Cuyabeno\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/07\/05_reserva_produccion_fauna_cuyabeno.png\"\r\n              alt=\"Reserva de Producci\u00f3n de Fauna Cuyabeno\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Reserva de Producci\u00f3n de Fauna<\/h3>\r\n          <p>Cuyabeno<\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         PER\u00da\r\n    ====================================================== -->\r\n\r\n    <div class=\"entidades-content\" id=\"peru\">\r\n\r\n      <div class=\"logos-grid logos-grid-peru\">\r\n\r\n\r\n        <!-- Ministerio del Ambiente Per\u00fa -->\r\n        <div class=\"logo-entidad-card marron\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.gob.pe\/minam\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar Ministerio del Ambiente del Per\u00fa\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/wp\/\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-1-jul-2026-22_49_33-4.png\"\r\n              alt=\"Ministerio del Ambiente Per\u00fa\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Ministerio del Ambiente<\/h3>\r\n          <p>Per\u00fa<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SERNANP -->\r\n        <div class=\"logo-entidad-card azul\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.gob.pe\/sernanp\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar SERNANP\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-1-jul-2026-22_49_33-5.png\"\r\n              alt=\"SERNANP Per\u00fa\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>SERNANP<\/h3>\r\n          <p>Per\u00fa<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- G\u00fcepp\u00ed-Sekime -->\r\n        <div class=\"logo-entidad-card magenta\">\r\n\r\n          <a\r\n            href=\"https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-22-ago-2026-22_12_55.png\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar Parque Nacional G\u00fcepp\u00ed-Sekime\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-1-jul-2026-22_49_35-8.png\"\r\n              alt=\"Parque Nacional G\u00fcepp\u00ed-Sekime\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Parque Nacional<\/h3>\r\n          <p>G\u00fcepp\u00ed-Sekime<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Airo Pai -->\r\n        <div class=\"logo-entidad-card verde\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.gob.pe\/sernanp\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar Reserva Comunal Airo Pai\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-1-jul-2026-22_49_35-10.png\"\r\n              alt=\"Reserva Comunal Airo Pai\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Reserva Comunal<\/h3>\r\n          <p>Airo Pai<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Huimeki -->\r\n        <div class=\"logo-entidad-card dorado\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.gob.pe\/sernanp\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"logo-link\"\r\n            aria-label=\"Visitar Reserva Comunal Huimeki\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-1-jul-2026-22_49_35-9.png\"\r\n              alt=\"Reserva Comunal Huimeki\"\r\n            >\r\n          <\/a>\r\n\r\n          <h3>Reserva Comunal<\/h3>\r\n          <p>Huimeki<\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.entidades-section,\r\n.entidades-section * {\r\n  box-sizing: border-box;\r\n  font-family: 'Poppins', Arial, sans-serif;\r\n}\r\n\r\n.entidades-section {\r\n  width: 100%;\r\n  background: #F5F2EA;\r\n  padding: 58px 0 64px;\r\n}\r\n\r\n.entidades-container {\r\n  width: min(1180px, calc(100% - 80px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.entidades-title {\r\n  font-size: 40px;\r\n  line-height: 1.1;\r\n  font-weight: 800;\r\n  color: #0095D9;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  margin: 0 0 16px;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   L\u00cdNEA DE COLORES\r\n========================================================= *\/\r\n\r\n.entidades-linea {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1.7fr 1.4fr 1.4fr;\r\n  gap: 4px;\r\n  height: 5px;\r\n  margin: 0 auto 32px;\r\n}\r\n\r\n.entidades-linea span {\r\n  display: block;\r\n  border-radius: 999px;\r\n}\r\n\r\n.linea-lima {\r\n  background: #D9E01F;\r\n}\r\n\r\n.linea-dorada {\r\n  background: #E0B06C;\r\n}\r\n\r\n.linea-azul {\r\n  background: #0095D9;\r\n}\r\n\r\n.linea-magenta {\r\n  background: #A54586;\r\n}\r\n\r\n.linea-marron {\r\n  background: #BF7428;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABS\r\n========================================================= *\/\r\n\r\n.entidades-tabs {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-bottom: 42px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.entidad-tab {\r\n  border: 1.5px dashed #0095D9 !important;\r\n  background: transparent !important;\r\n  color: #1F1F1F !important;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  padding: 12px 34px;\r\n  border-radius: 999px;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n  box-shadow: none !important;\r\n  outline: none !important;\r\n}\r\n\r\n.entidad-tab:hover,\r\n.entidad-tab.active {\r\n  background: transparent !important;\r\n  color: #1F1F1F !important;\r\n  border-color: #0095D9 !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.entidad-tab.active {\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENIDO\r\n========================================================= *\/\r\n\r\n.entidades-content {\r\n  display: none;\r\n  animation: fadeEntidades 0.35s ease;\r\n}\r\n\r\n.entidades-content.active {\r\n  display: block;\r\n}\r\n\r\n@keyframes fadeEntidades {\r\n\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(8px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.logos-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n.logos-grid-dos {\r\n  grid-template-columns: repeat(2, minmax(260px, 1fr));\r\n  max-width: 860px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.logos-grid-peru {\r\n  grid-template-columns: repeat(3, 1fr);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n========================================================= *\/\r\n\r\n.logo-entidad-card {\r\n  background: transparent;\r\n  border: 1.5px dashed #BF7428;\r\n  border-radius: 18px;\r\n  padding: 38px 28px 34px;\r\n  min-height: 330px;\r\n  text-align: center;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    background 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n.logo-entidad-card:hover {\r\n  transform: translateY(-5px);\r\n  background: rgba(255, 255, 255, 0.28);\r\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENLACE DE LA IMAGEN\r\n========================================================= *\/\r\n\r\n.logo-link {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 250px;\r\n  height: 250px;\r\n\r\n  text-decoration: none !important;\r\n  border: none !important;\r\n  outline: none !important;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    opacity 0.25s ease;\r\n}\r\n\r\n.logo-link:hover {\r\n  transform: scale(1.04);\r\n  opacity: 0.92;\r\n}\r\n\r\n.logo-link:focus {\r\n  outline: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IM\u00c1GENES\r\n========================================================= *\/\r\n\r\n.logo-entidad-card img {\r\n  width: 250px;\r\n  height: 250px;\r\n\r\n  object-fit: contain;\r\n  display: block;\r\n\r\n  margin: 0 auto 26px;\r\n\r\n  background: transparent !important;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\/* Imagen circular de La Paya *\/\r\n\r\n.logo-entidad-card img[src*=\"images.jpg\"] {\r\n  width: 250px;\r\n  height: 250px;\r\n\r\n  border-radius: 50%;\r\n\r\n  object-fit: cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTOS\r\n========================================================= *\/\r\n\r\n.logo-entidad-card h3 {\r\n  font-size: 18px;\r\n  line-height: 1.25;\r\n  font-weight: 700;\r\n\r\n  margin: 0 0 7px;\r\n\r\n  color: #1F1F1F;\r\n}\r\n\r\n.logo-entidad-card p {\r\n  font-size: 15px;\r\n  line-height: 1.35;\r\n  font-weight: 400;\r\n\r\n  margin: 0;\r\n\r\n  color: #26342E;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLORES DE CARDS\r\n========================================================= *\/\r\n\r\n.logo-entidad-card.magenta {\r\n  border-color: #A54586;\r\n}\r\n\r\n.logo-entidad-card.azul {\r\n  border-color: #0095D9;\r\n}\r\n\r\n.logo-entidad-card.marron {\r\n  border-color: #BF7428;\r\n}\r\n\r\n.logo-entidad-card.dorado {\r\n  border-color: #E0B06C;\r\n}\r\n\r\n.logo-entidad-card.verde {\r\n  border-color: #D9E01F;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .entidades-container {\r\n    width: calc(100% - 40px);\r\n  }\r\n\r\n  .logos-grid,\r\n  .logos-grid-peru,\r\n  .logos-grid-dos {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    max-width: 100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .entidades-section {\r\n    padding: 45px 0 52px;\r\n  }\r\n\r\n  .entidades-container {\r\n    width: calc(100% - 32px);\r\n  }\r\n\r\n  .entidades-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .entidades-linea {\r\n    grid-template-columns: 1fr 1fr 1.4fr 1fr 1fr;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .entidades-tabs {\r\n    gap: 10px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .entidad-tab {\r\n    padding: 11px 24px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .logos-grid,\r\n  .logos-grid-peru,\r\n  .logos-grid-dos {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n  }\r\n\r\n  .logo-entidad-card {\r\n    min-height: 290px;\r\n    padding: 34px 24px 30px;\r\n  }\r\n\r\n  .logo-link {\r\n    width: 165px;\r\n    height: 145px;\r\n  }\r\n\r\n  .logo-entidad-card img {\r\n    width: 165px;\r\n    height: 145px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .logo-entidad-card img[src*=\"images.jpg\"] {\r\n    width: 150px;\r\n    height: 150px;\r\n  }\r\n\r\n  .logo-entidad-card h3 {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .logo-entidad-card p {\r\n    font-size: 14px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n  const tabs = document.querySelectorAll('.entidad-tab');\r\n  const contents = document.querySelectorAll('.entidades-content');\r\n\r\n  tabs.forEach(function(tab) {\r\n\r\n    tab.addEventListener('click', function() {\r\n\r\n      const pais = this.getAttribute('data-pais');\r\n\r\n      \/* Quitar activo de todos los tabs *\/\r\n      tabs.forEach(function(btn) {\r\n        btn.classList.remove('active');\r\n      });\r\n\r\n      \/* Ocultar todos los contenidos *\/\r\n      contents.forEach(function(content) {\r\n        content.classList.remove('active');\r\n      });\r\n\r\n      \/* Activar tab seleccionado *\/\r\n      this.classList.add('active');\r\n\r\n      \/* Mostrar contenido correspondiente *\/\r\n      const activeContent = document.getElementById(pais);\r\n\r\n      if (activeContent) {\r\n        activeContent.classList.add('active');\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a4cd87 e-con e-atomic-element e-flexbox-base e-ef22748 \" data-id=\"9a4cd87\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a4cd87\">\n    \t\t<div class=\"elementor-element elementor-element-716aacc elementor-widget elementor-widget-html\" data-id=\"716aacc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gob-proceso-section\">\r\n  <div class=\"gob-proceso-container\">\r\n\r\n    <h2 class=\"gob-proceso-title\">Instancias de gobernanza del programa<\/h2>\r\n\r\n    <div class=\"gob-proceso-linea\">\r\n      <span class=\"linea-lima\"><\/span>\r\n      <span class=\"linea-dorada\"><\/span>\r\n      <span class=\"linea-azul\"><\/span>\r\n      <span class=\"linea-magenta\"><\/span>\r\n      <span class=\"linea-marron\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gob-proceso-grid\">\r\n\r\n      <!-- CARD 1 -->\r\n      <div class=\"gob-card azul\">\r\n        <div class=\"gob-numero\">1<\/div>\r\n\r\n        <div class=\"gob-icon\">\r\n          <svg viewBox=\"0 0 64 64\">\r\n            <circle cx=\"22\" cy=\"24\" r=\"7\"\/>\r\n            <circle cx=\"42\" cy=\"24\" r=\"7\"\/>\r\n            <circle cx=\"32\" cy=\"18\" r=\"8\"\/>\r\n            <path d=\"M12 52C13 42 18 36 25 36\"\/>\r\n            <path d=\"M52 52C51 42 46 36 39 36\"\/>\r\n            <path d=\"M22 52C23 42 27 36 32 36C37 36 41 42 42 52\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Comit\u00e9 Coordinador<\/h3>\r\n        <p>\r\n          Define pol\u00edticas, l\u00edneas estrat\u00e9gicas, planes y proyectos del Programa.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- CARD 2 -->\r\n      <div class=\"gob-card magenta\">\r\n        <div class=\"gob-numero\">2<\/div>\r\n\r\n        <div class=\"gob-icon\">\r\n          <svg viewBox=\"0 0 64 64\">\r\n            <path d=\"M20 12H44C46 12 48 14 48 16V52H16V16C16 14 18 12 20 12Z\"\/>\r\n            <path d=\"M24 22H40\"\/>\r\n            <path d=\"M24 31H40\"\/>\r\n            <path d=\"M24 40H34\"\/>\r\n            <path d=\"M42 42L48 48L56 36\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Secretar\u00eda T\u00e9cnica<\/h3>\r\n        <p>\r\n         Facilita la organizaci\u00f3n permanente,\r\n          la operatividad y la articulaci\u00f3n de los comit\u00e9s entre los pa\u00edses. Rota cada 2 a\u00f1os entre los 3 pa\u00edses.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- CARD 3 -->\r\n      <div class=\"gob-card marron\">\r\n        <div class=\"gob-numero\">3<\/div>\r\n\r\n        <div class=\"gob-icon\">\r\n          <svg viewBox=\"0 0 64 64\">\r\n            <path d=\"M24 18H40V32H24Z\"\/>\r\n            <path d=\"M10 38H26V52H10Z\"\/>\r\n            <path d=\"M38 38H54V52H38Z\"\/>\r\n            <path d=\"M32 32V38\"\/>\r\n            <path d=\"M24 45H26\"\/>\r\n            <path d=\"M38 45H40\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Comit\u00e9 T\u00e9cnico<\/h3>\r\n        <p>\r\n          Coordina entre las \u00e1reas protegidas y las direcciones t\u00e9cnicas del pa\u00eds\r\n          para la gesti\u00f3n del plan estrat\u00e9gico, plan de acci\u00f3n y proyectos.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.gob-proceso-section {\r\n  background: #F5F2EA;\r\n  padding: 55px 0;\r\n  font-family: 'Poppins', Arial, sans-serif;\r\n}\r\n\r\n.gob-proceso-container {\r\n  width: min(1180px, calc(100% - 80px));\r\n  margin: 0 auto;\r\n}\r\n\r\n.gob-proceso-title {\r\n  font-size: 38px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  color: #BF7428;\r\n  text-transform: uppercase;\r\n  margin: 0 0 16px;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n\/* L\u00ednea de colores *\/\r\n.gob-proceso-linea {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1.7fr 1.4fr 1.4fr;\r\n  gap: 4px;\r\n  height: 5px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.gob-proceso-linea span {\r\n  display: block;\r\n  border-radius: 999px;\r\n}\r\n\r\n.linea-lima {\r\n  background: #D9E01F;\r\n}\r\n\r\n.linea-dorada {\r\n  background: #E0B06C;\r\n}\r\n\r\n.linea-azul {\r\n  background: #0095D9;\r\n}\r\n\r\n.linea-magenta {\r\n  background: #A54586;\r\n}\r\n\r\n.linea-marron {\r\n  background: #BF7428;\r\n}\r\n\r\n\/* Grid *\/\r\n.gob-proceso-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 34px;\r\n  position: relative;\r\n}\r\n\r\n\/* L\u00ednea punteada entre cards *\/\r\n.gob-proceso-grid::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 78px;\r\n  left: 16%;\r\n  right: 16%;\r\n  border-top: 2px dashed rgba(191, 116, 40, 0.45);\r\n  z-index: 1;\r\n}\r\n\r\n\/* Cards *\/\r\n.gob-card {\r\n  position: relative;\r\n  z-index: 2;\r\n  background: transparent;\r\n  border: 1.5px dashed #BF7428;\r\n  border-radius: 18px;\r\n  padding: 34px 26px 32px;\r\n  min-height: 285px;\r\n  text-align: center;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.gob-card:hover {\r\n  transform: translateY(-4px);\r\n  background: rgba(255,255,255,0.35);\r\n}\r\n\r\n.gob-card.azul {\r\n  border-color: #0095D9;\r\n  color: #0095D9;\r\n}\r\n\r\n.gob-card.magenta {\r\n  border-color: #A54586;\r\n  color: #A54586;\r\n}\r\n\r\n.gob-card.marron {\r\n  border-color: #BF7428;\r\n  color: #BF7428;\r\n}\r\n\r\n.gob-numero {\r\n  width: 52px;\r\n  height: 52px;\r\n  margin: 0 auto 14px;\r\n  border-radius: 50%;\r\n  background: #F5F2EA;\r\n  border: 1.5px dashed currentColor;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: currentColor;\r\n}\r\n\r\n.gob-icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  margin: 0 auto 18px;\r\n  background: rgba(255,255,255,0.38);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.gob-icon svg {\r\n  width: 48px;\r\n  height: 48px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.gob-card h3 {\r\n  font-size: 22px;\r\n  line-height: 1.15;\r\n  font-weight: 600;\r\n  margin: 0 0 14px;\r\n  color: currentColor;\r\n}\r\n\r\n.gob-card p {\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n  font-weight: 400;\r\n  color: #1F1F1F;\r\n  margin: 0;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .gob-proceso-section {\r\n    padding: 45px 0;\r\n  }\r\n\r\n  .gob-proceso-container {\r\n    width: calc(100% - 40px);\r\n  }\r\n\r\n  .gob-proceso-title {\r\n    font-size: 30px;\r\n    text-align: center;\r\n  }\r\n\r\n  .gob-proceso-linea {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .gob-proceso-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 26px;\r\n  }\r\n\r\n  .gob-proceso-grid::before {\r\n    display: none;\r\n  }\r\n\r\n  .gob-card {\r\n    min-height: auto;\r\n    padding: 30px 22px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0ff685a e-con e-atomic-element e-flexbox-base e-3cfb9e6 \" data-id=\"0ff685a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0ff685a\">\n    \t\t<div class=\"elementor-element elementor-element-a204812 elementor-widget elementor-widget-html\" data-id=\"a204812\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"corredor-cifras\">\r\n\r\n  <div class=\"cifras-header\">\r\n    <h2>EL CORREDOR EN CIFRAS<\/h2>\r\n\r\n    <div class=\"lineas-color\">\r\n      <span class=\"linea linea-verde\"><\/span>\r\n      <span class=\"linea linea-dorado\"><\/span>\r\n      <span class=\"linea linea-azul\"><\/span>\r\n      <span class=\"linea linea-magenta\"><\/span>\r\n      <span class=\"linea linea-naranja\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"cifras-grid\">\r\n\r\n    <!-- 1 -->\r\n    <div class=\"cifra-card card-magenta\">\r\n\r\n      <div class=\"icon-box\">\r\n        <svg viewBox=\"0 0 80 80\" class=\"icon-svg\">\r\n          <circle cx=\"40\" cy=\"40\" r=\"27\"\/>\r\n          <path d=\"M40 61V25\"\/>\r\n          <path d=\"M40 30C31 18 20 18 20 18C20 18 20 34 34 40\"\/>\r\n          <path d=\"M40 30C49 18 60 18 60 18C60 18 57 34 46 40\"\/>\r\n          <path d=\"M40 43C31 35 23 36 23 36C23 36 25 50 40 53\"\/>\r\n          <path d=\"M40 43C49 35 57 36 57 36C57 36 55 50 40 53\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"cifra-numero\"\r\n        data-target=\"4000000\"\r\n        data-format=\"millones\"\r\n      >0<\/div>\r\n\r\n      <h3>Hect\u00e1reas<br>conectadas<\/h3>\r\n\r\n      <p>\r\n        \u00c1reas protegidas, reservas comunales, resguardos ind\u00edgenas y reservas forestales.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- 2 -->\r\n    <div class=\"cifra-card card-azul\">\r\n\r\n      <div class=\"icon-box\">\r\n        <svg viewBox=\"0 0 80 80\" class=\"icon-svg\">\r\n          <path d=\"M40 14L59 22V38C59 52 50 62 40 67C30 62 21 52 21 38V22L40 14Z\"\/>\r\n          <path d=\"M40 18V38\"\/>\r\n          <path d=\"M40 35C31 25 22 26 22 26C22 26 23 39 37 43\"\/>\r\n          <path d=\"M40 35C49 25 58 26 58 26C58 26 57 39 43 43\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"cifra-numero\"\r\n        data-target=\"5\"\r\n      >0<\/div>\r\n\r\n      <h3>\u00c1reas<br>protegidas<\/h3>\r\n\r\n      <p>\r\n        PNN La Paya, RPF Cuyabeno, PN G\u00fcepp\u00ed-Sekime, RC Airo Pai, RC Huimeki.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- 3 -->\r\n    <div class=\"cifra-card card-naranja\">\r\n\r\n      <div class=\"icon-box\">\r\n        <svg viewBox=\"0 0 80 80\" class=\"icon-svg\">\r\n          <path d=\"M41 14C49 26 49 36 41 46C33 36 33 26 41 14Z\"\/>\r\n          <path d=\"M31 27C23 38 24 50 35 57\"\/>\r\n          <path d=\"M51 28C59 39 58 50 47 57\"\/>\r\n          <path d=\"M20 62C28 56 36 56 44 62\"\/>\r\n          <path d=\"M36 62C44 56 52 56 60 62\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"cifra-numero\"\r\n        data-target=\"1\"\r\n      >0<\/div>\r\n\r\n      <h3>Sitio RAMSAR<\/h3>\r\n\r\n      <p>\r\n        Lagartococha \u2014 humedal de importancia internacional entre Ecuador y Per\u00fa.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- 4 -->\r\n    <div class=\"cifra-card card-dorado\">\r\n\r\n      <div class=\"icon-box\">\r\n        <svg viewBox=\"0 0 80 80\" class=\"icon-svg\">\r\n          <circle cx=\"40\" cy=\"22\" r=\"7\"\/>\r\n          <circle cx=\"28\" cy=\"32\" r=\"7\"\/>\r\n          <circle cx=\"52\" cy=\"32\" r=\"7\"\/>\r\n          <path d=\"M18 60C20 49 28 42 40 42C52 42 60 49 62 60\"\/>\r\n          <path d=\"M9 60C12 51 18 45 28 45\"\/>\r\n          <path d=\"M52 45C62 45 68 51 71 60\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"cifra-numero\"\r\n        data-target=\"9\"\r\n      >0<\/div>\r\n\r\n      <h3>Pueblos<br>ind\u00edgenas<\/h3>\r\n\r\n      <p>\r\n        Secoya \u00b7 Kichwa \u00b7 Siona \u00b7 Cof\u00e1n \u00b7 Huitoto \u00b7 Murui \u00b7 Muina \u00b7 Korebaj\u00fa \u00b7 Nasa \u00b7 Shuar.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- 5 -->\r\n    <div class=\"cifra-card card-magenta\">\r\n\r\n      <div class=\"icon-box\">\r\n        <svg viewBox=\"0 0 80 80\" class=\"icon-svg\">\r\n          <path d=\"M40 13C40 13 28 31 28 43C28 52 33 58 40 58C47 58 52 52 52 43C52 31 40 13 40 13Z\"\/>\r\n          <path d=\"M20 63C27 58 33 58 40 63C47 68 53 68 60 63\"\/>\r\n          <path d=\"M20 71C27 66 33 66 40 71C47 76 53 76 60 71\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"cifra-numero\"\r\n        data-target=\"2\"\r\n      >0<\/div>\r\n\r\n      <h3>Cuencas<br>transfronterizas<\/h3>\r\n\r\n      <p>\r\n        Putumayo y Napo \u2014 r\u00edos que unen tres naciones y sostienen la vida amaz\u00f3nica.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n\r\n\r\n\/* =========================================\r\n   BASE\r\n========================================= *\/\r\n\r\n.corredor-cifras,\r\n.corredor-cifras * {\r\n  box-sizing: border-box;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.corredor-cifras {\r\n  width: 100%;\r\n  background: #F5F2EA;\r\n  padding: 32px 24px 42px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.cifras-header {\r\n  max-width: 1180px;\r\n  margin: 0 auto 30px;\r\n}\r\n\r\n.cifras-header h2 {\r\n  margin: 0 0 18px;\r\n  color: #B23A92;\r\n  font-size: 40px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  letter-spacing: -0.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   L\u00cdNEAS DE COLOR\r\n========================================= *\/\r\n\r\n.lineas-color {\r\n  display: grid;\r\n  grid-template-columns: 0.7fr 0.7fr 1.2fr 1fr 1fr;\r\n  gap: 5px;\r\n  width: 100%;\r\n}\r\n\r\n.lineas-color span {\r\n  height: 5px;\r\n  border-radius: 20px;\r\n  display: block;\r\n}\r\n\r\n.linea-verde {\r\n  background: #D6E300;\r\n}\r\n\r\n.linea-dorado {\r\n  background: #E4B15E;\r\n}\r\n\r\n.linea-azul {\r\n  background: #0098D7;\r\n}\r\n\r\n.linea-magenta {\r\n  background: #B23A92;\r\n}\r\n\r\n.linea-naranja {\r\n  background: #C16B1C;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRID\r\n========================================= *\/\r\n\r\n.cifras-grid {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n\r\n  gap: 20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARDS\r\n========================================= *\/\r\n\r\n.cifra-card {\r\n  min-height: 330px;\r\n\r\n  padding: 28px 22px 26px;\r\n\r\n  border: 1.5px dashed currentColor;\r\n  border-radius: 18px;\r\n\r\n  text-align: center;\r\n\r\n  background: transparent;\r\n\r\n  transition:\r\n    transform 0.35s ease,\r\n    box-shadow 0.35s ease,\r\n    background 0.35s ease;\r\n}\r\n\r\n.cifra-card:hover {\r\n  transform: translateY(-8px);\r\n\r\n  background: rgba(255, 255, 255, 0.22);\r\n\r\n  box-shadow:\r\n    0 14px 28px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICONOS\r\n========================================= *\/\r\n\r\n.icon-box {\r\n  width: 74px;\r\n  height: 74px;\r\n\r\n  margin: 0 auto 18px;\r\n\r\n  background: #F5F2EA !important;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 0;\r\n\r\n  box-shadow: none !important;\r\n}\r\n\r\n.icon-svg {\r\n  width: 58px;\r\n  height: 58px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 2.6;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n\r\n  \/*\r\n    IMPORTANTE:\r\n    Ya no hay animaci\u00f3n constante.\r\n  *\/\r\n}\r\n\r\n\r\n\/* =========================================\r\n   N\u00daMEROS\r\n========================================= *\/\r\n\r\n.cifra-numero {\r\n  font-size: 50px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: currentColor;\r\n\r\n  letter-spacing: -1px;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PULSE FINAL\r\n========================================= *\/\r\n\r\n.cifra-numero.pulse {\r\n  animation: numberPulse 0.5s ease;\r\n}\r\n\r\n@keyframes numberPulse {\r\n\r\n  0% {\r\n    transform: scale(1);\r\n  }\r\n\r\n  50% {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   T\u00cdTULOS\r\n========================================= *\/\r\n\r\n.cifra-card h3 {\r\n  margin: 0 0 16px;\r\n\r\n  color: currentColor;\r\n\r\n  font-size: 25px;\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPCIONES\r\n========================================= *\/\r\n\r\n.cifra-card p {\r\n  margin: 0;\r\n\r\n  color: #111;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.5;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   COLORES\r\n========================================= *\/\r\n\r\n.card-magenta {\r\n  color: #B23A92;\r\n}\r\n\r\n.card-azul {\r\n  color: #0098D7;\r\n}\r\n\r\n.card-naranja {\r\n  color: #C16B1C;\r\n}\r\n\r\n.card-dorado {\r\n  color: #E4B15E;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .cifras-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .cifra-card {\r\n    min-height: auto;\r\n  }\r\n\r\n  .cifras-header h2 {\r\n    font-size: 34px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CELULAR\r\n========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .corredor-cifras {\r\n    padding: 28px 18px 34px;\r\n  }\r\n\r\n  .cifras-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n  .cifras-header h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .lineas-color {\r\n    grid-template-columns: repeat(5, 1fr);\r\n  }\r\n\r\n  .cifra-numero {\r\n    font-size: 42px;\r\n  }\r\n\r\n  .cifra-card h3 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .cifra-card p {\r\n    font-size: 14px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const section = document.querySelector(\".corredor-cifras\");\r\n  const counters = document.querySelectorAll(\".cifra-numero\");\r\n\r\n  if (!section || !counters.length) return;\r\n\r\n\r\n  \/*\r\n  =====================================================\r\n  CONFIGURACI\u00d3N\r\n  =====================================================\r\n\r\n  La animaci\u00f3n solo se activa cuando:\r\n\r\n  1. La persona est\u00e1 haciendo scroll HACIA ABAJO.\r\n  2. La secci\u00f3n entra en pantalla.\r\n  3. La animaci\u00f3n no se ha ejecutado en esa entrada.\r\n\r\n  NO existe un setInterval.\r\n\r\n  Por lo tanto, mientras la persona est\u00e9 leyendo\r\n  o detenida en la secci\u00f3n, las cifras permanecen quietas.\r\n  *\/\r\n\r\n\r\n  let lastScrollY = window.scrollY;\r\n  let isScrollingDown = true;\r\n  let hasAnimated = false;\r\n\r\n\r\n  \/* =========================================\r\n     DETECTAR DIRECCI\u00d3N DEL SCROLL\r\n  ========================================= *\/\r\n\r\n  window.addEventListener(\"scroll\", function () {\r\n\r\n    const currentScrollY = window.scrollY;\r\n\r\n    if (currentScrollY > lastScrollY) {\r\n      isScrollingDown = true;\r\n    } else if (currentScrollY < lastScrollY) {\r\n      isScrollingDown = false;\r\n    }\r\n\r\n    lastScrollY = currentScrollY;\r\n\r\n  }, { passive: true });\r\n\r\n\r\n  \/* =========================================\r\n     FORMATO DE N\u00daMEROS\r\n  ========================================= *\/\r\n\r\n  function formatNumber(value, counter) {\r\n\r\n    const target = parseInt(counter.dataset.target);\r\n\r\n    \/*\r\n      Para 4 millones:\r\n      4.000.000\r\n\r\n      Para las dem\u00e1s cifras:\r\n      5\r\n      1\r\n      9\r\n      2\r\n\r\n      SIN CEROS DELANTE.\r\n    *\/\r\n\r\n    if (target >= 1000) {\r\n\r\n      return Math.round(value).toLocaleString(\"es-PE\");\r\n\r\n    }\r\n\r\n    return Math.round(value).toString();\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     ANIMAR UNA CIFRA\r\n  ========================================= *\/\r\n\r\n  function animateCounter(counter, delay) {\r\n\r\n    setTimeout(function () {\r\n\r\n      const target = parseInt(counter.dataset.target);\r\n\r\n      const duration = target >= 1000000\r\n        ? 1600\r\n        : 1000;\r\n\r\n      const startTime = performance.now();\r\n\r\n\r\n      counter.classList.remove(\"pulse\");\r\n\r\n\r\n      function update(currentTime) {\r\n\r\n        const elapsed = currentTime - startTime;\r\n\r\n        const progress = Math.min(\r\n          elapsed \/ duration,\r\n          1\r\n        );\r\n\r\n\r\n        \/*\r\n          Movimiento suave:\r\n          empieza lento y acelera.\r\n        *\/\r\n\r\n        const ease =\r\n          1 - Math.pow(1 - progress, 3);\r\n\r\n\r\n        const currentValue =\r\n          target * ease;\r\n\r\n\r\n        counter.textContent =\r\n          formatNumber(\r\n            currentValue,\r\n            counter\r\n          );\r\n\r\n\r\n        if (progress < 1) {\r\n\r\n          requestAnimationFrame(update);\r\n\r\n        } else {\r\n\r\n          \/*\r\n            Aseguramos el n\u00famero entero final.\r\n          *\/\r\n\r\n          counter.textContent =\r\n            formatNumber(\r\n              target,\r\n              counter\r\n            );\r\n\r\n\r\n          \/*\r\n            Peque\u00f1o efecto final.\r\n          *\/\r\n\r\n          counter.classList.add(\"pulse\");\r\n\r\n\r\n          setTimeout(function () {\r\n\r\n            counter.classList.remove(\"pulse\");\r\n\r\n          }, 500);\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      requestAnimationFrame(update);\r\n\r\n    }, delay);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     ANIMAR TODAS LAS CIFRAS\r\n  ========================================= *\/\r\n\r\n  function animateAllCounters() {\r\n\r\n    counters.forEach(function (counter, index) {\r\n\r\n      animateCounter(\r\n        counter,\r\n        index * 130\r\n      );\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     INTERSECTION OBSERVER\r\n  ========================================= *\/\r\n\r\n  const observer =\r\n    new IntersectionObserver(\r\n      function (entries) {\r\n\r\n        entries.forEach(function (entry) {\r\n\r\n          \/*\r\n            Solo animamos cuando:\r\n\r\n            - La secci\u00f3n entra en pantalla.\r\n            - El usuario est\u00e1 haciendo scroll hacia abajo.\r\n            - Todav\u00eda no se ha animado en esta entrada.\r\n          *\/\r\n\r\n          if (\r\n            entry.isIntersecting &&\r\n            isScrollingDown &&\r\n            !hasAnimated\r\n          ) {\r\n\r\n            hasAnimated = true;\r\n\r\n            animateAllCounters();\r\n\r\n          }\r\n\r\n\r\n          \/*\r\n            Cuando la secci\u00f3n sale completamente\r\n            de pantalla, se permite una nueva animaci\u00f3n.\r\n\r\n            As\u00ed, si el usuario vuelve a bajar hasta\r\n            la secci\u00f3n, las cifras pueden animarse otra vez.\r\n          *\/\r\n\r\n          if (!entry.isIntersecting) {\r\n\r\n            hasAnimated = false;\r\n\r\n          }\r\n\r\n        });\r\n\r\n      },\r\n      {\r\n        threshold: 0.30\r\n      }\r\n    );\r\n\r\n\r\n  observer.observe(section);\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5276560 e-grid e-con-boxed e-con e-parent\" data-id=\"5276560\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3fd00b elementor-widget elementor-widget-html\" data-id=\"d3fd00b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"quehacemos-split-section\">\r\n  <div class=\"quehacemos-split-container\">\r\n\r\n    <!-- encabezado -->\r\n    <div class=\"quehacemos-split-header\">\r\n      <h2>\u00bfQu\u00e9 hacemos?<\/h2>\r\n\r\n      <div class=\"quehacemos-split-linea\">\r\n        <span class=\"linea-verde\"><\/span>\r\n        <span class=\"linea-azul\"><\/span>\r\n        <span class=\"linea-magenta\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- contenido -->\r\n    <div class=\"quehacemos-split-content\">\r\n\r\n      <!-- columna izquierda -->\r\n      <div class=\"quehacemos-columna\">\r\n        <h3>\u00c1reas protegidas<\/h3>\r\n\r\n        <div class=\"quehacemos-grid\">\r\n          <article class=\"quehacemos-card\" style=\"background-image: url('https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-11.59.13-PM.jpeg');\">\r\n            <div class=\"quehacemos-card-overlay\"><\/div>\r\n            <div class=\"quehacemos-card-content\">\r\n              <h4>Control y vigilancia en \u00e1reas protegidas<\/h4>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"quehacemos-card\" style=\"background-image: url('https:\/\/programatrinacional.com\/wp\/wp-content\/uploads\/2026\/07\/IMG_4701.JPG-scaled.jpeg');\">\r\n            <div class=\"quehacemos-card-overlay\"><\/div>\r\n            <div class=\"quehacemos-card-content\">\r\n              <h4>Investigaci\u00f3n, monitoreo y monitoreo comunitario<\/h4>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"quehacemos-card\" style=\"background-image: url('https:\/\/programatrinacional.com\/wp\/\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-07-at-1.02.42-AM.jpeg');\">\r\n            <div class=\"quehacemos-card-overlay\"><\/div>\r\n            <div class=\"quehacemos-card-content\">\r\n              <h4>Articulaci\u00f3n de gobernanza con pueblos ind\u00edgenas<\/h4>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"quehacemos-card\" style=\"background-image: url('https:\/\/programatrinacional.com\/wp\/\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-11.35.17-PM.jpeg');\">\r\n            <div class=\"quehacemos-card-overlay\"><\/div>\r\n            <div class=\"quehacemos-card-content\">\r\n              <h4>Promoci\u00f3n de cadenas de valor sostenibles<\/h4>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- separador -->\r\n      <div class=\"quehacemos-separador\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- columna derecha -->\r\n      <div class=\"quehacemos-columna\">\r\n        <h3>Corredor trinacional<\/h3>\r\n\r\n        <div class=\"quehacemos-grid\">\r\n          <article class=\"quehacemos-card\" style=\"background-image: url('https:\/\/programatrinacional.com\/wp\/\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-11.35.48-PM.jpeg');\">\r\n            <div class=\"quehacemos-card-overlay\"><\/div>\r\n            <div class=\"quehacemos-card-content\">\r\n              <h4>Concertaci\u00f3n interinstitucional<\/h4>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"quehacemos-card\" style=\"background-image: url('https:\/\/programatrinacional.com\/wp\/\/wp-content\/uploads\/2026\/07\/30786203232_33e38b9e1c_c.jpg');\">\r\n            <div class=\"quehacemos-card-overlay\"><\/div>\r\n            <div class=\"quehacemos-card-content\">\r\n              <h4>Adaptaci\u00f3n y mitigaci\u00f3n al cambio clim\u00e1tico<\/h4>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"quehacemos-card\" style=\"background-image: url('https:\/\/programatrinacional.com\/wp\/\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-11.39.00-PM.jpeg');\">\r\n            <div class=\"quehacemos-card-overlay\"><\/div>\r\n            <div class=\"quehacemos-card-content\">\r\n              <h4>Promoci\u00f3n del ordenamiento territorial<\/h4>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"quehacemos-card\" style=\"background-image: url('https:\/\/programatrinacional.com\/wp\/\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-11.37.48-PM-1-1.jpeg');\">\r\n            <div class=\"quehacemos-card-overlay\"><\/div>\r\n            <div class=\"quehacemos-card-content\">\r\n              <h4>Gesti\u00f3n de informaci\u00f3n y an\u00e1lisis SIG<\/h4>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n\r\n.quehacemos-split-section,\r\n.quehacemos-split-section * {\r\n  box-sizing: border-box;\r\n  font-family: 'Poppins', Arial, sans-serif;\r\n}\r\n\r\n.quehacemos-split-section {\r\n  width: 100%;\r\n  background: #F5F2EA;\r\n  padding: 70px 24px;\r\n  overflow: hidden;\r\n}\r\n\r\n.quehacemos-split-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* header *\/\r\n.quehacemos-split-header {\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.quehacemos-split-header h2 {\r\n  margin: 0 0 22px;\r\n  color: #B2671B;\r\n  font-size: 42px;\r\n  line-height: 1.05;\r\n  font-weight: 800;\r\n}\r\n\r\n.quehacemos-split-linea {\r\n  width: 100%;\r\n  height: 5px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  border-radius: 999px;\r\n  overflow: hidden;\r\n}\r\n\r\n.quehacemos-split-linea span {\r\n  display: block;\r\n}\r\n\r\n.linea-verde {\r\n  background: #D9E01F;\r\n}\r\n\r\n.linea-azul {\r\n  background: #0095D9;\r\n}\r\n\r\n.linea-magenta {\r\n  background: #A54586;\r\n}\r\n\r\n\/* content *\/\r\n.quehacemos-split-content {\r\n  display: grid;\r\n  grid-template-columns: 1fr 6px 1fr;\r\n  gap: 30px;\r\n  align-items: stretch;\r\n}\r\n\r\n.quehacemos-columna h3 {\r\n  margin: 0 0 24px;\r\n  color: #1D1D1B;\r\n  font-size: 24px;\r\n  line-height: 1.2;\r\n  font-weight: 800;\r\n  text-align: center;\r\n}\r\n\r\n.quehacemos-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 22px;\r\n}\r\n\r\n\/* separador *\/\r\n.quehacemos-separador {\r\n  width: 6px;\r\n  min-height: 100%;\r\n  border-radius: 999px;\r\n  background: #BF7428;\r\n  align-self: stretch;\r\n}\r\n\r\n\/* cards *\/\r\n.quehacemos-card {\r\n  position: relative;\r\n  min-height: 250px;\r\n  border-radius: 22px;\r\n  overflow: hidden;\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);\r\n  isolation: isolate;\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.quehacemos-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: inherit;\r\n  background-size: cover;\r\n  background-position: center;\r\n  z-index: -2;\r\n  transition: transform 0.45s ease;\r\n}\r\n\r\n.quehacemos-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 24px 46px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n.quehacemos-card:hover::before {\r\n  transform: scale(1.06);\r\n}\r\n\r\n.quehacemos-card-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.18) 0%,\r\n    rgba(0, 0, 0, 0.40) 50%,\r\n    rgba(0, 0, 0, 0.68) 100%\r\n  );\r\n  z-index: 1;\r\n}\r\n\r\n.quehacemos-card-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: 250px;\r\n  padding: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n\r\n.quehacemos-card-content h4 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: 21px;\r\n  line-height: 1.12;\r\n  font-weight: 800;\r\n  text-transform: none;\r\n  text-shadow: 0 5px 18px rgba(0, 0, 0, 0.55);\r\n}\r\n\r\n\/* tablet *\/\r\n@media (max-width: 1024px) {\r\n  .quehacemos-split-section {\r\n    padding: 56px 20px;\r\n  }\r\n\r\n  .quehacemos-split-header h2 {\r\n    font-size: 36px;\r\n  }\r\n\r\n  .quehacemos-split-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .quehacemos-separador {\r\n    width: 100%;\r\n    height: 6px;\r\n    min-height: 6px;\r\n  }\r\n\r\n  .quehacemos-columna h3 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .quehacemos-card,\r\n  .quehacemos-card-content {\r\n    min-height: 235px;\r\n  }\r\n}\r\n\r\n\/* mobile *\/\r\n@media (max-width: 600px) {\r\n  .quehacemos-split-section {\r\n    padding: 46px 16px;\r\n  }\r\n\r\n  .quehacemos-split-header {\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .quehacemos-split-header h2 {\r\n    font-size: 32px;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .quehacemos-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .quehacemos-columna h3 {\r\n    text-align: left;\r\n    font-size: 21px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .quehacemos-card,\r\n  .quehacemos-card-content {\r\n    min-height: 210px;\r\n  }\r\n\r\n  .quehacemos-card-content {\r\n    padding: 20px;\r\n  }\r\n\r\n  .quehacemos-card-content h4 {\r\n    font-size: 20px;\r\n    line-height: 1.16;\r\n  }\r\n}\r\n<\/style>\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>QUI\u00c9NES SOMOS Programa Trinacional Conservaci\u00f3n y desarrollo sostenible del corredor El Programa Trinacional de Conservaci\u00f3n y Desarrollo Sostenible del Corredor de \u00c1reas Protegidas Colombia, Ecuador y Per\u00fa fue reconocido en el 2011 mediante un memorando de entendimiento entre estos tres pa\u00edses, tras a\u00f1os de intercambios t\u00e9cnicos iniciados en el 2005. Articula cinco \u00e1reas protegidas en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/programatrinacional.com\/en\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programatrinacional.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/programatrinacional.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/programatrinacional.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programatrinacional.com\/en\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":290,"href":"https:\/\/programatrinacional.com\/en\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":1754,"href":"https:\/\/programatrinacional.com\/en\/wp-json\/wp\/v2\/pages\/28\/revisions\/1754"}],"wp:attachment":[{"href":"https:\/\/programatrinacional.com\/en\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}