{"id":17969,"date":"2025-02-24T10:15:41","date_gmt":"2025-02-24T15:15:41","guid":{"rendered":"https:\/\/culturametrodequito.com\/?page_id=17969"},"modified":"2025-06-19T14:58:51","modified_gmt":"2025-06-19T19:58:51","slug":"monitoreos-permanentes","status":"publish","type":"page","link":"https:\/\/culturametrodequito.com\/index.php\/monitoreos-permanentes\/","title":{"rendered":"Monitoreos permanentes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17969\" class=\"elementor elementor-17969\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fd2a75 e-flex e-con-boxed e-con e-parent\" data-id=\"8fd2a75\" 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-eabca16 elementor-widget elementor-widget-html\" data-id=\"eabca16\" 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-80462ab e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"80462ab\" 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-9e5f0e9 e-con-full e-flex e-con e-child\" data-id=\"9e5f0e9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0874b9d elementor-widget elementor-widget-html\" data-id=\"0874b9d\" 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-7dd3e69 e-con-full e-flex e-con e-child\" data-id=\"7dd3e69\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92946b0 elementor-widget elementor-widget-heading\" data-id=\"92946b0\" 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\">Monitoreos permanentes<\/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-c210ef2 e-con-full e-flex e-con e-child\" data-id=\"c210ef2\" 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-b649215 e-flex e-con-boxed e-con e-parent\" data-id=\"b649215\" 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-484d4d0 elementor-widget elementor-widget-html\" data-id=\"484d4d0\" 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: 2rem; \/* 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: 1.5em; \n        line-height: 0.6; \n        line-height: 1.2;\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: 0; \/* Espaciado entre l\u00edneas *\/\n        line-height: 1.2;\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>El Metro de Quito monitorea permanentemente los consumos de energ\u00eda y agua para generar una l\u00ednea base e instaurar un proceso de reducci\u00f3n y optimizaci\u00f3n a partir del segundo a\u00f1o.<\/h2>\n          \n        <\/div>\n        <div class=\"banner-image\">\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/01\/tren-2.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-2e5413e e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"2e5413e\" 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-e122e93 elementor-widget elementor-widget-heading\" data-id=\"e122e93\" 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\">Consumo de agua y energ\u00eda<\/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-4cfa026 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"4cfa026\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-92eb07c e-con-full e-flex e-con e-child\" data-id=\"92eb07c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f43b104 e-con-full e-flex e-con e-child\" data-id=\"f43b104\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-206b1d8 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"206b1d8\" 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\">TOTAL DE m 3 CONSUMIDOS EN EL A\u00d1O 2024<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf5bcb0 elementor-widget elementor-widget-heading\" data-id=\"bf5bcb0\" 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\">5873,8 m3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01a0782 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"01a0782\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca1a3be elementor-widget elementor-widget-image\" data-id=\"ca1a3be\" 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=\"640\" height=\"313\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/agua-3-1024x501.png\" class=\"attachment-large size-large wp-image-19802\" alt=\"\" srcset=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/agua-3-1024x501.png 1024w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/agua-3-300x147.png 300w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/agua-3-768x376.png 768w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/agua-3-1536x751.png 1536w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/agua-3-2048x1002.png 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\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<div class=\"elementor-element elementor-element-f14294b e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"f14294b\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63d189d elementor-widget elementor-widget-heading\" data-id=\"63d189d\" 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\">Consumo de electricidad anual<\/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-e988a18 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"e988a18\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;wobble&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ebd491c e-con-full e-flex e-con e-child\" data-id=\"ebd491c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c709104 e-con-full e-flex e-con e-child\" data-id=\"c709104\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffc2fb5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"ffc2fb5\" 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\">TOTAL DE kWh CONSUMIDOS\nEN EL A\u00d1O 2024 EN EDIFICIOS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e23b02 elementor-widget elementor-widget-heading\" data-id=\"1e23b02\" 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\">7\u00b4996.886,54<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40eadee e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"40eadee\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0a215a elementor-widget elementor-widget-image\" data-id=\"e0a215a\" 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 decoding=\"async\" width=\"14586\" height=\"7583\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/luz-3.png\" class=\"attachment-full size-full wp-image-19926\" alt=\"\" srcset=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/luz-3.png 14586w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/luz-3-300x156.png 300w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/luz-3-1024x532.png 1024w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/luz-3-768x399.png 768w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/luz-3-1536x799.png 1536w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/luz-3-2048x1065.png 2048w\" sizes=\"(max-width: 14586px) 100vw, 14586px\" \/>\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<div class=\"elementor-element elementor-element-ef00002 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"ef00002\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;lightSpeedIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee21569 elementor-widget elementor-widget-heading\" data-id=\"ee21569\" 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\">Monitoreos ambientales realizados<\/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-e1077a2 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"e1077a2\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6960bc elementor-widget elementor-widget-heading\" data-id=\"f6960bc\" 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-9ae887f e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"9ae887f\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-05d7d7a e-con-full e-flex e-con e-child\" data-id=\"05d7d7a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6601ad9 elementor-widget elementor-widget-html\" data-id=\"6601ad9\" 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>Agua de descarga al alcantarillado<\/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        .agua-descarga .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\n            animation: fadeIn 0.8s ease-in-out;\n        }\n\n        .agua-descarga .card {\n            width: 100%;\n            border-radius: 20px;\n            background: #4A90E2; \/* Fondo azul *\/\n            color: white;\n            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            overflow: hidden;\n            border: 1px solid #357ABD;\n        }\n\n        .agua-descarga .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);\n        }\n\n        .agua-descarga .card img {\n            height: 240px;\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n        }\n\n        .agua-descarga .card h3 {\n            height: 100px;\n            background: white;\n            color: #4A90E2;\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        .agua-descarga .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n        }\n\n        .agua-descarga .card.active p {\n            display: block;\n            animation: fadeIn 0.5s ease-in-out;\n        }\n        \n        \/* Estilo para el bot\u00f3n *\/\n        .agua-descarga button {\n            background-color: #003366; \/* Azul marino *\/\n            color: white;\n            border: none;\n            padding: 10px 20px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 16px;\n            margin-top: 10px;\n            transition: background-color 0.3s, transform 0.2s ease-in-out;\n            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .agua-descarga button:hover {\n            background-color: #004488; \/* Azul m\u00e1s claro *\/\n            transform: scale(1.05);\n        }\n\n        .agua-descarga button:active {\n            transform: scale(0.95);\n            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);\n        }\n\n        \/* Animaciones *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(10px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"agua-descarga\">\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\/1-Monitoreos-de-agua-de-descarga-al-alcantarillado-e1740674076879.jpg\" alt=\"Desechos\">\n                <h3>Agua de descarga al alcantarillado<\/h3>\n                <p>Se ha realizado monitoreos en<\/p>\n                <p><button>21 puntos<\/button><\/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-54af7ac e-con-full e-flex e-con e-child\" data-id=\"54af7ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd6669b elementor-widget elementor-widget-html\" data-id=\"fd6669b\" 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>Calidad de agua subterr\u00e1nea<\/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 tarjeta *\/\n        .economia-circular .card {\n            background: #4ABEE6;\n            border: 1px solid #4ABEE6;\n            border-radius: 15px;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .economia-circular .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .economia-circular .card h3 {\n            height: 100px;\n            background: white;\n            color: #4ABEE6;\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 img {\n            width: 100%;\n            height: 240px;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n        }\n\n        \/* Animaci\u00f3n de apertura *\/\n        .economia-circular .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .economia-circular .card.active p {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Estilo para el bot\u00f3n con animaci\u00f3n *\/\n        .economia-circular .card button {\n            background: linear-gradient(45deg, #2de5fa, #00c4ff);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 10px;\n            transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;\n            outline: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .economia-circular .card button:hover {\n            background: linear-gradient(45deg, #00c4ff, #2de5fa);\n            box-shadow: 0px 4px 10px rgba(0, 196, 255, 0.5);\n        }\n\n        .economia-circular .card button:active {\n            transform: scale(0.95);\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\/2-Monitoreo-de-aguas-subterraneas-scaled.jpg\" alt=\"Monitoreo de agua\">\n            <h3>Calidad de agua subterr\u00e1nea<\/h3>\n            <p>Se ha realizado monitoreos en<\/p>\n            <p><button>8 puntos<\/button><\/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-3cc0a65 e-con-full e-flex e-con e-child\" data-id=\"3cc0a65\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e621392 elementor-widget elementor-widget-html\" data-id=\"e621392\" 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>Generaci\u00f3n de campos electromagn\u00e9ticos en subestaciones, cabina y vag\u00f3n de tren<\/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 tarjeta *\/\n        .campos-electromagneticos .card {\n            background: #9549CD;\n            border: 1px solid #9549CD;\n            border-radius: 15px;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .campos-electromagneticos .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .campos-electromagneticos .card h3 {\n            background: white;\n            color: #9549CD;\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        .campos-electromagneticos .card img {\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n        }\n\n        \/* Animaci\u00f3n de apertura *\/\n        .campos-electromagneticos .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .campos-electromagneticos .card.active p {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Estilo para el bot\u00f3n con animaci\u00f3n *\/\n        .campos-electromagneticos .card button {\n            background: linear-gradient(45deg, #b53bf1, #8a2be2);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 10px;\n            transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;\n            outline: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .campos-electromagneticos .card button:hover {\n            background: linear-gradient(45deg, #8a2be2, #b53bf1);\n            box-shadow: 0px 4px 10px rgba(139, 43, 226, 0.5);\n        }\n\n        .campos-electromagneticos .card button:active {\n            transform: scale(0.95);\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"campos-electromagneticos\">\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\/Captura-de-pantalla-2025-02-24-115716.png\" alt=\"Campos Electromagn\u00e9ticos\">\n            <h3>Generaci\u00f3n de campos electromagn\u00e9ticos en subestaciones, cabina y vag\u00f3n de tren<\/h3>\n            <p>Se han realizado monitoreos en distintas zonas del sistema ferroviario para evaluar la generaci\u00f3n y control de campos electromagn\u00e9ticos, asegurando el cumplimiento de normativas de seguridad.<\/p>\n            <p><button>10 puntos<\/button><\/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-d333693 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"d333693\" 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<div class=\"elementor-element elementor-element-8a95887 e-con-full e-flex e-con e-child\" data-id=\"8a95887\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14574b1 elementor-widget elementor-widget-html\" data-id=\"14574b1\" 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>Calidad de aire ambiente<\/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 tarjeta *\/\n        .calidad-aire .card {\n            background: #E67E22;\n            border: 1px solid #D35400;\n            border-radius: 15px;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .calidad-aire .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .calidad-aire .card h3 {\n            height: 65px;\n            background: white;\n            color: #E67E22;\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        .calidad-aire .card img {\n            height: 300px;\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n        }\n\n        \/* Animaci\u00f3n de apertura *\/\n        .calidad-aire .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .calidad-aire .card.active p {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Estilo para el bot\u00f3n con animaci\u00f3n *\/\n        .calidad-aire .card button {\n            background: linear-gradient(45deg, #fc9822, #f5a623);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 10px;\n            transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;\n            outline: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .calidad-aire .card button:hover {\n            background: linear-gradient(45deg, #f5a623, #fc9822);\n            box-shadow: 0px 4px 10px rgba(246, 138, 35, 0.5);\n        }\n\n        .calidad-aire .card button:active {\n            transform: scale(0.95);\n        }\n\n        \/* Estilo para la card-container *\/\n        .calidad-aire .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"calidad-aire\">\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\/4-Monitoreo-de-calidad-de-aire-ambiente.png\" alt=\"Calidad del aire\">\n                <h3>Calidad de aire ambiente<\/h3>\n                <p>Se han realizado monitoreos en diversas \u00e1reas para evaluar la calidad del aire y garantizar condiciones seguras para los usuarios.<\/p>\n                <p><button>15 puntos<\/button><\/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-519be0a e-con-full e-flex e-con e-child\" data-id=\"519be0a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d077693 elementor-widget elementor-widget-html\" data-id=\"d077693\" 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>Calidad de aire en ambientes cerrados<\/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 para la tarjeta *\/\n        .economia-circular-card .card {\n            background: #548ca4;\n            border: 1px solid #548ca4;\n            border-radius: 15px;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .economia-circular-card .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .economia-circular-card .card h3 {\n            background: white;\n            color: #548ca4;\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 .card img {\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n            transition: opacity 0.3s ease;\n        }\n\n        \/* Animaci\u00f3n de apertura *\/\n        .economia-circular-card .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .economia-circular-card .card.active p {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Estilo para el bot\u00f3n con animaci\u00f3n *\/\n        .economia-circular-card .card button {\n            background: linear-gradient(45deg, #81c6be, #adefd9);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 10px;\n            transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;\n            outline: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .economia-circular-card .card button:hover {\n            background: linear-gradient(45deg, #adefd9, #81c6be);\n            box-shadow: 0px 4px 10px rgba(162, 252, 215, 0.5);\n        }\n\n        .economia-circular-card .card button:active {\n            transform: scale(0.95);\n        }\n\n        \/* Estilo para la card-container *\/\n        .economia-circular-card .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"economia-circular-card\">\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\/5-Monitoreo-de-calidad-de-aire-en-ambientes-cerrados-1.png\" alt=\"Desechos\">\n            <h3>Calidad de aire en ambientes cerrados<\/h3>\n            <p>Se ha realizado monitoreos en<\/p>\n            <p><button>15 puntos<\/button><\/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-3ddb7c3 e-con-full e-flex e-con e-child\" data-id=\"3ddb7c3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adda87b elementor-widget elementor-widget-html\" data-id=\"adda87b\" 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>Vibraciones en edificaciones<\/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 para la tarjeta *\/\n        .reciclaje .card {\n            background: #4ABEE6;\n            border: 1px solid #4ABEE6;\n            border-radius: 15px;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .reciclaje .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .reciclaje .card h3 {\n            background: white;\n            color: #4ABEE6;\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            height: 65px;\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            transition: opacity 0.3s ease;\n        }\n\n        \/* Animaci\u00f3n de apertura *\/\n        .reciclaje .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .reciclaje .card.active p {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Estilo para el bot\u00f3n con animaci\u00f3n *\/\n        .reciclaje .card button {\n            background: linear-gradient(45deg, #2de5fa, #6be9f9);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 10px;\n            transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;\n            outline: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .reciclaje .card button:hover {\n            background: linear-gradient(45deg, #6be9f9, #2de5fa);\n            box-shadow: 0px 4px 10px rgba(162, 252, 215, 0.5);\n        }\n\n        .reciclaje .card button:active {\n            transform: scale(0.95);\n        }\n\n        \/* Estilo para la card-container *\/\n        .reciclaje .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\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\/6-Monitoreo-de-vibraciones-en-edificaciones.png\" alt=\"Vibraciones\">\n            <h3>Vibraciones en edificaciones<\/h3>\n            <p>Se ha realizado monitoreos en<\/p>\n            <p><button>91 puntos<\/button><\/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-e8d896c e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"e8d896c\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6d96885 e-con-full e-flex e-con e-child\" data-id=\"6d96885\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2383fcb elementor-widget elementor-widget-html\" data-id=\"2383fcb\" 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>Gas rad\u00f3n<\/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        .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\n        }\n\n        \/* Estilo para la tarjeta *\/\n        .card {\n            width: 100%;\n            border-radius: 20px;\n            background: #8A2BE2;\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 #7A1D91;\n            cursor: pointer;\n        }\n\n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .card img {\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n            transition: opacity 0.3s ease;\n        }\n\n        \/* Animaci\u00f3n de apertura *\/\n        .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .card.active p {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .card h3 {\n            background: white;\n            color: #8A2BE2;\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        \/* Estilo para el bot\u00f3n con animaci\u00f3n *\/\n        .card button {\n            background: linear-gradient(45deg, #b53bf1, #ca68fa);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 10px;\n            transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;\n            outline: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .card button:hover {\n            background: linear-gradient(45deg, #ca68fa, #b53bf1);\n            box-shadow: 0px 4px 10px rgba(162, 252, 215, 0.5);\n        }\n\n        .card button:active {\n            transform: scale(0.95);\n        }\n\n    <\/style>\n<\/head>\n<body>\n\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\/gas-radon.png\" alt=\"Gas rad\u00f3n\">\n            <h3>Gas rad\u00f3n<\/h3>\n            <p>Se ha realizado monitoreos en<\/p>\n            <p><button>27 puntos<\/button><\/p>\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-1f41cc6 e-con-full e-flex e-con e-child\" data-id=\"1f41cc6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b715c6 elementor-widget elementor-widget-html\" data-id=\"5b715c6\" 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>Atm\u00f3sferas explosivas<\/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        .gas-radon .card-container {\n            display: block;\n            max-width: 300px;\n            margin: 20px auto;\n            cursor: pointer;\n        }\n\n        \/* Estilo de la tarjeta *\/\n        .gas-radon .card {\n            width: 100%;\n            border-radius: 20px;\n            background: #4A90E2; \/* Fondo azul *\/\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 #357ABD; \/* Borde azul oscuro *\/\n            cursor: pointer;\n        }\n\n        .gas-radon .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .gas-radon .card img {\n            width: 100%;\n            max-height: 250px;\n            object-fit: cover;\n            border-radius: 15px 15px 0 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .gas-radon .card p {\n            padding: 15px;\n            font-size: 14px;\n            margin: 0;\n            display: none;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .gas-radon .card.active p {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .gas-radon .card h3 {\n            background: white;\n            color: #4A90E2; \/* 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        \/* Estilo para el bot\u00f3n *\/\n        .gas-radon .card button {\n            background: linear-gradient(45deg, #357ABD, #4A90E2);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 10px;\n            transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;\n            outline: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .gas-radon .card button:hover {\n            background: linear-gradient(45deg, #4A90E2, #357ABD);\n            box-shadow: 0px 4px 10px rgba(162, 252, 215, 0.5);\n        }\n\n        .gas-radon .card button:active {\n            transform: scale(0.95);\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"gas-radon\">\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\/atmosera-explosivas.png\" alt=\"Atm\u00f3sferas explosivas\">\n                <h3>Atm\u00f3sferas explosivas<\/h3>\n                <p>Se ha realizado monitoreos en<\/p>\n                <p><button>67 puntos<\/button><\/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\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 Monitoreos permanentes Metro Relatos Carrusel El Metro de Quito monitorea permanentemente los consumos de energ\u00eda y [&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-17969","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/17969"}],"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=17969"}],"version-history":[{"count":118,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/17969\/revisions"}],"predecessor-version":[{"id":21186,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/17969\/revisions\/21186"}],"wp:attachment":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/media?parent=17969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}