{"id":17992,"date":"2025-02-24T12:41:21","date_gmt":"2025-02-24T17:41:21","guid":{"rendered":"https:\/\/culturametrodequito.com\/?page_id=17992"},"modified":"2025-04-07T11:27:53","modified_gmt":"2025-04-07T16:27:53","slug":"manejo-de-desechos","status":"publish","type":"page","link":"https:\/\/culturametrodequito.com\/index.php\/manejo-de-desechos\/","title":{"rendered":"Manejo de desechos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17992\" class=\"elementor elementor-17992\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d092182 e-flex e-con-boxed e-con e-parent\" data-id=\"7d092182\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55db7971 elementor-widget elementor-widget-html\" data-id=\"55db7971\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html>\n    <head>\n        <style>\n            body {\n                font-family: Arial, sans-serif;\n                margin: 0;\n            }\n\n            .menu {\n                display: flex;\n                justify-content: space-between;\n                background-color: #333;\n                margin-bottom: 10px;\n                margin-top: 10px;\n            \n            }\n\n            .menu-item {\n                flex: 1;\n                text-align: center;\n                align-content: center;\n                padding-top: 10px;\n                padding-bottom: 10px;\n                position: relative; \/* Para el submen\u00fa de Cultura Metro *\/\n            }\n\n            .menu-item span {\n                color: white;\n                padding: 0;\n                cursor: pointer;\n                transition: background-color 0.3s;\n                width: 100px;\n                align-items: center;\n            \n            }\n\n            \/* Submen\u00fa para Cultura Metro *\/\n            .submenu {\n                display: none; \/* Ocultar submen\u00fa por defecto *\/\n                position: absolute;\n                background-color: #fafafa;\n                width: 100%;\n                z-index: 100;\n                color: #000;\n            }\n\n            .menu-item:hover .submenu {\n                display: block; \/* Mostrar submen\u00fa al pasar el mouse *\/\n            }\n\n            .submenu div {\n                margin-left: 10px;\n                margin-right: 10px;\n                color: black;\n                font-size: 13px;\n                cursor: pointer;\n                text-align: start;\n                border-bottom: 0.5px solid #dddddd; \n                align-items: center;\n            }\n\n            .submenu div:hover {\n                background-color: #eeeeee; \/* Color al pasar el mouse sobre el submen\u00fa *\/\n            }\n\n            \/* Media query para vista m\u00f3vil *\/\n            @media (max-width: 600px) {\n                .menu {\n                    flex-direction: column;\n                }\n\n                .menu > ul > li {\n                    flex: none;\n                    text-align: left;\n                }\n            }\n        <\/style>\n        \n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <\/head>\n    <body>\n        <div class=\"menu\">\n            <div class=\"menu-item\" style=\"background-color:#DCDCDC\">\n                <span style=\"color:#244183; font-weight: bold;\" onclick=\"menuItemClicked('Inicio', 'https:\/\/culturametrodequito.com\/index.php\/cultura-metro\/')\">\n                    <i style=\"margin-top:auto; color:#244183; margin-right:10px; \" class=\"fas fa-guitar\"><\/i> Cultura Metro\n                <\/span>\n               <!-- <div class=\"submenu\">\n                    <div onclick=\"menuItemClicked('Inicio - Opci\u00f3n 1','https:\/\/culturametrodequito.com\/index.php\/relacionamiento-comunitario\/')\">Relacionamiento comunitario<\/div>\n                    <div onclick=\"menuItemClicked('Inicio - Opci\u00f3n 2','https:\/\/culturametrodequito.com\/index.php\/metro-cultura')\">Cultura Metro<\/div>\n                    <div onclick=\"menuItemClicked('Inicio - Opci\u00f3n 3','https:\/\/culturametrodequito.com\/index.php\/arte-y-cultura')\">Arte y patrimonio<\/div>\n                <\/div> -->\n            <\/div>\n\n            <div class=\"menu-item\" style=\"background-color:#E6243D\">\n                <span onclick=\"menuItemClicked('Servicios','https:\/\/culturametrodequito.com\/index.php\/medios-de-pago\/')\">\n                    <i style=\"margin-right:10px\" class=\"fa-regular fa-credit-card\"><\/i> Medios de pago\n                <\/span>\n            <\/div>\n\n            <div class=\"menu-item\" style=\"background-color:#F28D1C\">\n                <span onclick=\"menuItemClicked('Sobre Nosotros','https:\/\/culturametrodequito.com\/index.php\/informacion-operativa\/')\">\n                    <i style=\"margin-right:10px\" class=\"fa-solid fa-info\"><\/i> Informaci\u00f3n operativa\n                <\/span>\n            <\/div>\n\n            <div class=\"menu-item\" style=\"background-color:#3FBAE5\">\n                <span onclick=\"menuItemClicked('Contacto','https:\/\/culturametrodequito.com\/index.php\/genero-e-inclusion\/')\">\n                    <i style=\"margin-right:10px\" class=\"fa-regular fa-handshake\"><\/i> Inclusi\u00f3n\n                <\/span>\n            <\/div>\n\n            <div class=\"menu-item\" style=\"background-color:#0C76BC\">\n                <span onclick=\"menuItemClicked('Gu\u00eda del Usuario','https:\/\/culturametrodequito.com\/index.php\/guia-del-usuario\/')\">\n                    <i style=\"margin-right:10px\" class=\"fa-regular fa-address-book\"><\/i> Gu\u00eda del Usuario\n                <\/span>\n            <\/div>\n        <\/div>\n    <\/body>\n    \n    <script>\n        function menuItemClicked(item, url) {\n            window.location.href = url;\n        }\n    <\/script>\n<\/html>\n\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-55bb04f e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"55bb04f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-45a9c82 e-con-full e-flex e-con e-child\" data-id=\"45a9c82\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccb665a elementor-widget elementor-widget-html\" data-id=\"ccb665a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Bot\u00f3n Regresar<\/title>\n    <style>\n        \/* Estilos \u00fanicos para evitar conflictos *\/\n        .btn-regresar-unique {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: none;\n            border: none;\n            font-size: 18px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: opacity 0.3s, transform 0.2s;\n            text-decoration: none;\n            width: fit-content;\n            color: black; \/* <-- A\u00f1adido para que el texto se vea negro *\/\n        }\n\n        .btn-regresar-unique:hover {\n            opacity: 0.7;\n            transform: scale(1.05);\n        }\n\n        .btn-regresar-unique img {\n            width: 24px; \/* Tama\u00f1o de la flecha *\/\n            height: auto;\n            margin-right: 8px;\n        }\n    <\/style>\n<\/head>\n<body style=\"background-color: white;\">\n\n    <!-- Bot\u00f3n de Regresar -->\n    <button class=\"btn-regresar-unique\" onclick=\"goBackUnique()\">\n        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/png-clipart-computer-icons-arrow-back-angle-triangle-thumbnail-Photoroom-e1741888126670.png\" \n             alt=\"Flecha Regresar\">\n        Regresar\n    <\/button>\n\n    <script>\n        function goBackUnique() {\n            window.history.back();\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa1030e e-con-full e-flex e-con e-child\" data-id=\"fa1030e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5c56ca elementor-widget elementor-widget-heading\" data-id=\"a5c56ca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Manejo de desechos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6249328 e-con-full e-flex e-con e-child\" data-id=\"6249328\" data-element_type=\"container\">\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-e67a6e5 e-flex e-con-boxed e-con e-parent\" data-id=\"e67a6e5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88bb48b elementor-widget elementor-widget-html\" data-id=\"88bb48b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Metro Relatos Carrusel<\/title>\n    <!-- Bootstrap CSS -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Google Font Montserrat -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\n  <style>\n\/* General font style *\/\nbody {\n    font-family: 'Montserrat', sans-serif;\n    margin: 0;\n    padding: 0;\n}\n\n\/* Banner estilos *\/\n.banner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: #74aa46; \/* Verde de fondo *\/\n    color: white;\n    height: 60vh; \/* Ocupa todo el alto de la pantalla *\/\n    padding: 0; \/* Eliminamos los m\u00e1rgenes internos *\/\n    margin: 0; \/* Eliminamos los m\u00e1rgenes exteriores *\/\n}\n\n.banner-text {\n    flex: 1; \/* Ocupa la mitad del espacio *\/\n    text-align: left; \/* Alinea el texto a la izquierda *\/\n    z-index: 1; \/* Asegura que el texto est\u00e9 sobre la imagen *\/\n    margin-left: 40px; \/* Agrega un margen izquierdo de 40px *\/\n}\n\n.banner-text h2 {\n    font-size: 2.5rem; \/* Tama\u00f1o grande del encabezado *\/\n    font-weight: 700; \/* Negrita *\/\n    line-height: 1.3; \/* Espaciado entre l\u00edneas *\/\n    margin: 0 0 30px 0; \/* M\u00e1s espacio debajo del h2 *\/\n}\n\n.banner-text p {\n    font-size: 2rem; \/* Tama\u00f1o del p\u00e1rrafo *\/\n    line-height: 1; \/* Mejora la legibilidad *\/\n    margin: 40px 20px 50px 20px; \/* Espaciado: superior, lateral y abajo *\/\n    font-weight: 400; \/* Regular *\/\n}\n\n\n.btn-custom {\n    color: white;\n    border: 2px solid white;\n    background-color: transparent;\n    padding: 10px 20px;\n    font-size: 1.2em;\n    font-weight: bold;\n    border-radius: 50px; \/* Hace las esquinas redondeadas *\/\n    text-transform: uppercase; \/* Convierte el texto a may\u00fasculas *\/\n    transition: background-color 0.3s ease, color 0.3s ease;\n    margin-top: 30px; \/* Espacio entre el texto y el bot\u00f3n *\/\n}\n\n.btn-custom:hover {\n    background-color: white;\n    color: #005bbb; \/* Cambia el texto al azul de fondo al pasar el cursor *\/\n}\n\n.banner-image {\n    flex: 1; \/* Ocupa la mitad del espacio *\/\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n    margin: 0; \/* Quita margen adicional *\/\n}\n\n.banner-image img {\n    height: 100%; \/* La imagen ocupar\u00e1 toda la altura disponible *\/\n    width: 100%; \/* La imagen abarcar\u00e1 todo el ancho *\/\n    object-fit: cover; \/* Asegura que la imagen cubra todo el contenedor sin distorsionarse *\/\n    display: block; \/* Quita el espacio blanco alrededor de las im\u00e1genes inline *\/\n    margin: 0; \/* Asegura que no haya margen en los bordes de la imagen *\/\n    padding: 0; \/* Quita el padding adicional *\/\n}\n\n\/* Gradiente para el difuminado del texto *\/\n.banner-image::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 40%; \/* \u00c1rea de difuminado *\/\n    height: 100%;\n    background: linear-gradient(to right, rgba(116, 170, 70, 1), rgba(116, 170, 70, 0)); \/* Gradiente verde con el tono #74aa46 *\/\n    pointer-events: none;\n}\n\n\/* Ajustes para pantallas m\u00e1s peque\u00f1as *\/\n@media (max-width: 768px) {\n    .carousel-inner {\n        height: 100vh; \/* Ajusta la altura para que ocupe toda la pantalla *\/\n    }\n\n    .banner {\n        height: 30vh; \/* Asegura que el banner ocupe todo el alto *\/\n    }\n\n    .banner-text h2 {\n        font-size: 2em; \/* Tama\u00f1o de texto m\u00e1s peque\u00f1o *\/\n        line-height: 1.3;\n    }\n\n    .banner-text p {\n         font-size: 0.8rem; \/* Tama\u00f1o del p\u00e1rrafo *\/\n    margin-top: 40px; \/* M\u00e1s espacio encima del p\u00e1rrafo *\/\n    margin-bottom: 50px; \/* Espacio entre p\u00e1rrafos *\/\n    }\n}\n\n@media (max-width: 576px) {\n    .carousel-inner {\n        height: auto; \/* Asegura que la altura ocupe toda la pantalla *\/\n    }\n\n    .banner {\n        height: 35vh; \/* Asegura que el banner ocupe todo el alto *\/\n    }\n\n    .banner-text h2 {\n        font-size: 1em; \/* Ajusta el tama\u00f1o del t\u00edtulo *\/\n        line-height: 1.3;\n    }\n\n    .banner-text p {\n         font-size: 0.6rem; \/* Tama\u00f1o del p\u00e1rrafo *\/\n    margin-top: 40px; \/* M\u00e1s espacio encima del p\u00e1rrafo *\/\n    margin-bottom: 35px; \/* Espacio entre p\u00e1rrafos *\/\n    }\n}\n<\/style>\n\n\n<\/head>\n<body>\n    <!-- Banner -->\n    <div class=\"banner\">\n        <div class=\"banner-text\">\n            \n<h2>Trabajamos con una metodolog\u00eda de tratamiento\nde desechos 3R, Reducir, Reutilizar y Reciclar.<h2>\n          \n        <\/div>\n        <div class=\"banner-image\">\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/02\/basura-copia-scaled.jpg\" alt=\"Metro Relatos\">\n        <\/div>\n    <\/div>\n\n    <!-- Bootstrap JS -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n<\/body>\n<\/html>\n\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-5f5a611 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"5f5a611\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c40fad4 elementor-widget elementor-widget-heading\" data-id=\"c40fad4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cifras de un manejo adecuado<\/h2>\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-6087590 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"6087590\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;zoomInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3fa9de1 e-con-full e-flex e-con e-child\" data-id=\"3fa9de1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3d677d elementor-widget elementor-widget-html\" data-id=\"c3d677d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Total de Desechos<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap');\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: #f5f5f5;\n            text-align: center;\n        }\n\n        \/* Estilos espec\u00edficos para la secci\u00f3n Total de Desechos *\/\n        .total-desechos .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\n        }\n\n        .total-desechos .card {\n            width: 100%;\n            border-radius: 20px;\n            background: #1f4c9a; \/* Fondo azul *\/\n            color: white; \/* Letras blancas *\/\n            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n            transition: all 0.3s ease-in-out;\n            overflow: hidden;\n            border: 1px solid #4171B4; \/* Borde azul *\/\n        }\n\n        .total-desechos .card h3 {\n            background: white; \/* Fondo blanco *\/\n            color: #4171B4; \/* Letras azules *\/\n            margin: 0;\n            padding: 10px;\n            font-size: 18px;\n            font-weight: 700;\n            text-align: center;\n            border-bottom-left-radius: 20px;\n            border-bottom-right-radius: 20px;\n        }\n\n        .total-desechos .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n        }\n\n        .total-desechos .card.active p {\n            display: block;\n        }\n\n        .total-desechos .card img {\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n        }\n\n        \/* Efecto de bot\u00f3n al pasar el mouse *\/\n        .total-desechos .card:hover {\n            transform: scale(1.05);\n            box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);\n            border: 1px solid #315b9f;\n        }\n\n        .total-desechos .card:active {\n            transform: scale(0.98);\n            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"total-desechos\">\n        <div class=\"card-container\" onclick=\"toggleCard(this)\">\n            <div class=\"card\">\n                <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/02\/Total-de-desechos.png\" alt=\"Desechos\">\n                <h3>Total de desechos<\/h3>\n                <p>Desde el inicio de la operaci\u00f3n hasta diciembre de 2024, se ha gestionado adecuadamente m\u00e1s de <strong>38.000 kg de desechos<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function toggleCard(selectedCard) {\n            let card = selectedCard.querySelector('.card');\n            card.classList.toggle('active');\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cc8704 e-con-full e-flex e-con e-child\" data-id=\"2cc8704\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7cc8dc elementor-widget elementor-widget-html\" data-id=\"f7cc8dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Econom\u00eda Circular<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap');\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: #f5f5f5;\n            text-align: center;\n        }\n\n        \/* Estilos espec\u00edficos para la secci\u00f3n Econom\u00eda Circular *\/\n        .economia-circular .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\n        }\n\n        .economia-circular .card {\n            width: 100%;\n            border-radius: 20px;\n            background: #009589; \/* Fondo verde *\/\n            color: white; \/* Letras blancas *\/\n            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n            transition: all 0.3s ease-in-out;\n            overflow: hidden;\n            border: 1px solid #007d72; \/* Borde verde m\u00e1s oscuro *\/\n        }\n\n        .economia-circular .card h3 {\n            background: white; \/* Fondo blanco *\/\n            color: #009589; \/* Letras verdes *\/\n            margin: 0;\n            padding: 10px;\n            font-size: 18px;\n            font-weight: 700;\n            text-align: center;\n            border-bottom-left-radius: 20px; \n            border-bottom-right-radius: 20px;\n        }\n\n        .economia-circular .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n        }\n\n        .economia-circular .card.active p {\n            display: block;\n        }\n\n        .economia-circular .card img {\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n        }\n\n        \/* Efecto de bot\u00f3n al pasar el mouse *\/\n        .economia-circular .card:hover {\n            transform: scale(1.05);\n            box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);\n            border: 1px solid #005f57;\n        }\n\n        .economia-circular .card:active {\n            transform: scale(0.98);\n            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"economia-circular\">\n        <div class=\"card-container\" onclick=\"toggleCard(this)\">\n            <div class=\"card\">\n                <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/02\/economia-circular.png\" alt=\"Desechos\">\n                <h3>Econom\u00eda Circular<\/h3>\n                <p>Trabajamos con aliados que impulsan una econom\u00eda sostenible. A trav\u00e9s de nuestro convenio con Maya Handmade Recycled Fashion, hasta diciembre de 2024 hemos donado <strong>500 kg de ropa y calzado usado,<\/strong> d\u00e1ndoles una segunda vida y fomentando la econom\u00eda circular, con beneficios tanto para el medio ambiente como para las comunidades locales.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function toggleCard(selectedCard) {\n            let card = selectedCard.querySelector('.card');\n            card.classList.toggle('active');\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb0deaf e-con-full e-flex e-con e-child\" data-id=\"cb0deaf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92875d4 elementor-widget elementor-widget-html\" data-id=\"92875d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Reciclaje<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap');\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: #f5f5f5;\n            text-align: center;\n        }\n\n        \/* Contenedor *\/\n        .reciclaje .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\n        }\n\n        \/* Estilos de la tarjeta *\/\n        .reciclaje .card {\n            width: 100%;\n            border-radius: 20px;\n            background: #4ABEE6; \/* Fondo azul claro *\/\n            color: white;\n            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n            transition: all 0.3s ease-in-out;\n            overflow: hidden;\n            border: 1px solid #3AA5C9; \/* Borde azul oscuro *\/\n        }\n\n        .reciclaje .card h3 {\n            background: white;\n            color: #4ABEE6; \/* Letras azules *\/\n            margin: 0;\n            padding: 10px;\n            font-size: 18px;\n            font-weight: 700;\n            text-align: center;\n            border-bottom-left-radius: 20px;\n            border-bottom-right-radius: 20px;\n        }\n\n        .reciclaje .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n        }\n\n        .reciclaje .card.active p {\n            display: block;\n        }\n\n        .reciclaje .card img {\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n        }\n\n        \/* Efecto de bot\u00f3n al pasar el mouse *\/\n        .reciclaje .card:hover {\n            transform: scale(1.05);\n            box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);\n            border: 1px solid #2C8FB3;\n        }\n\n        .reciclaje .card:active {\n            transform: scale(0.98);\n            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);\n        }\n\n    <\/style>\n<\/head>\n<body>\n    \n<div class=\"reciclaje\">\n    <div class=\"card-container\" onclick=\"toggleCard(this)\">\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/02\/Resiclaje.png\" alt=\"Desechos\">\n            <h3>Reciclaje<\/h3>\n            <p>Se han reciclado m\u00e1s de<strong> 5.500 kg de reciclables<\/strong> con gestores ambientales.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function toggleCard(selectedCard) {\n        let card = selectedCard.querySelector('.card');\n        card.classList.toggle('active');\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a973517 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"a973517\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0077a7 elementor-widget elementor-widget-heading\" data-id=\"b0077a7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Procesamiento de desechos en kg.<\/h2>\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-03da2ed e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"03da2ed\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e0eaca elementor-widget elementor-widget-heading\" data-id=\"2e0eaca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DESDE DIC 2023 A DIC 2024<\/h2>\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-07ce526 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"07ce526\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa8b54b elementor-widget elementor-widget-image\" data-id=\"fa8b54b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1800\" height=\"1600\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/04\/sostenibilidad-graficos.png\" class=\"attachment-full size-full wp-image-20255\" alt=\"\" srcset=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/04\/sostenibilidad-graficos.png 1800w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/04\/sostenibilidad-graficos-300x267.png 300w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/04\/sostenibilidad-graficos-1024x910.png 1024w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/04\/sostenibilidad-graficos-768x683.png 768w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/04\/sostenibilidad-graficos-1536x1365.png 1536w\" sizes=\"(max-width: 1800px) 100vw, 1800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cultura Metro Medios de pago Informaci\u00f3n operativa Inclusi\u00f3n Gu\u00eda del Usuario Bot\u00f3n Regresar Regresar Manejo de desechos Metro Relatos Carrusel Trabajamos con una metodolog\u00eda de tratamiento de desechos 3R, Reducir, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17992","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/17992"}],"collection":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/comments?post=17992"}],"version-history":[{"count":83,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/17992\/revisions"}],"predecessor-version":[{"id":21643,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/17992\/revisions\/21643"}],"wp:attachment":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/media?parent=17992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}