{"id":18631,"date":"2025-02-28T12:33:04","date_gmt":"2025-02-28T17:33:04","guid":{"rendered":"https:\/\/culturametrodequito.com\/?page_id=18631"},"modified":"2026-02-25T15:55:09","modified_gmt":"2026-02-25T20:55:09","slug":"genero-cero-acoso","status":"publish","type":"page","link":"https:\/\/culturametrodequito.com\/index.php\/genero-cero-acoso\/","title":{"rendered":"G\u00c9NERO &#8211; CERO ACOSO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18631\" class=\"elementor elementor-18631\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c0a6704 e-flex e-con-boxed e-con e-parent\" data-id=\"4c0a6704\" 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-750962c8 elementor-widget elementor-widget-html\" data-id=\"750962c8\" 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            }\n\n            .menu-item {\n                flex: 1;\n                text-align: center;\n                padding: 10px 0;\n                position: relative;\n            }\n\n            .menu-item span {\n                color: white;\n                cursor: pointer;\n                transition: background-color 0.3s;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 14px;\n                font-weight: bold;\n            }\n\n            .menu-item span i {\n                margin-right: 5px;\n            }\n\n            @media (max-width: 700px) {\n                .menu {\n                    flex-direction: column;\n                }\n                .menu-item {\n                    text-align: center;\n                    padding: 15px 0;\n                }\n            }\n        <\/style>\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;\" onclick=\"menuItemClicked('Inicio', 'https:\/\/culturametrodequito.com\/index.php\/cultura-metro\/')\">\n                    <i class=\"fas fa-guitar\" style=\"color:#244183;\"><\/i> Cultura Metro\n                <\/span>\n            <\/div>\n            <div class=\"menu-item\" style=\"background-color:#E6243D\">\n                <span onclick=\"menuItemClicked('Servicios','https:\/\/culturametrodequito.com\/index.php\/medios-de-pago\/')\">\n                    <i class=\"fa-regular fa-credit-card\"><\/i> Medios de Pago\n                <\/span>\n            <\/div>\n            <div class=\"menu-item\" style=\"background-color:#F28D1C\">\n                <span onclick=\"menuItemClicked('Sobre Nosotros','https:\/\/culturametrodequito.com\/index.php\/informacion-operativa\/')\">\n                    <i class=\"fa-solid fa-info\"><\/i> Informaci\u00f3n Operativa\n                <\/span>\n            <\/div>\n            <div class=\"menu-item\" style=\"background-color:#3FBAE5\">\n                <span onclick=\"menuItemClicked('Contacto','https:\/\/culturametrodequito.com\/index.php\/genero-e-inclusion\/')\">\n                    <i class=\"fa-regular fa-handshake\"><\/i> Inclusi\u00f3n\n                <\/span>\n            <\/div>\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 class=\"fa-regular fa-address-book\"><\/i> Gu\u00eda del Usuario\n                <\/span>\n            <\/div>\n        <\/div>\n    <\/body>\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-92b5117 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"92b5117\" 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-58bc223 e-con-full e-flex e-con e-child\" data-id=\"58bc223\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc2873 elementor-widget elementor-widget-html\" data-id=\"6cc2873\" 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-db8f78d e-con-full e-flex e-con e-child\" data-id=\"db8f78d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70161ae elementor-widget elementor-widget-heading\" data-id=\"70161ae\" 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\">G\u00c9NERO - CERO ACOSO<\/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-f9d3af7 e-con-full e-flex e-con e-child\" data-id=\"f9d3af7\" 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-45081f5 e-flex e-con-boxed e-con e-parent\" data-id=\"45081f5\" 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-7f91d0b elementor-widget elementor-widget-html\" data-id=\"7f91d0b\" 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 *\/\n    body {\n        font-family: 'Montserrat', sans-serif;\n        margin: 0;\n        padding: 0;\n    }\n    .carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  min-height: 580px; \/* m\u00ednimo alto deseado *\/\n  height: auto; \/* se adapta al contenido *\/\n}\n\n    \/* Banner estilos *\/\n    .banner {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background-color: #7444a4; \/* Morado actualizado *\/\n        color: white;\n        height: 80vh; \/* Altura del banner *\/\n        padding: 0;\n        overflow: hidden;\n        position: relative; \/* Habilitar posicionamiento absoluto para la imagen superpuesta *\/\n    }\n\n    .banner-image {\n        flex: 1; \/* La imagen ocupa la mitad del banner *\/\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .banner-image img {\n    height: 100%; \/* La imagen ocupa toda la altura *\/\n    width: 90%; \/* La imagen ocupa todo el ancho *\/\n    object-fit: cover; \/* Asegura que no se distorsione *\/\n    margin: 0 auto; \/* Centra la imagen horizontalmente *\/\n    display: block; \/* Asegura que el margin funcione *\/\n}\n\n    \/* Imagen superpuesta *\/\n    .overlay-image {\n        position: absolute;\n        top: 10%; \/* Ajusta la posici\u00f3n vertical de la imagen *\/\n        left: 10%; \/* Ajusta la posici\u00f3n horizontal de la imagen *\/\n        width: 25%; \/* Ajusta el tama\u00f1o de la imagen (reduce al 25% del ancho del contenedor) *\/\n        height: auto; \/* Mantiene la proporci\u00f3n de la imagen *\/\n        object-fit: contain; \/* Mantiene la proporci\u00f3n de la imagen *\/\n        z-index: 1; \/* Asegura que la imagen se superponga correctamente *\/\n    }\n\n    \/* Gradiente morado en el lado derecho de la imagen *\/\n    .banner-image::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 30%; \/* Gradiente ocupa 30% del ancho *\/\n        height: 100%;\n        background: linear-gradient(to right, rgba(116, 68, 164, 0), rgba(116, 68, 164, 1)); \n        pointer-events: none;\n    }\n\n    .banner-text {\n        flex: 1; \/* El texto ocupa la otra mitad *\/\n        text-align: right; \/* Alinea el texto a la izquierda *\/\n        z-index: 1;\n        padding: 0 5%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center; \/* Centra verticalmente el texto *\/\n        height: 10%;\n    }\n\n    .banner-text h2 {\n        font-size: 2rem; \/* Tama\u00f1o del encabezado *\/\n        font-weight: 700;\n        line-height: 1.2;\n        margin: 0 0 10px 30px;\n    }\n\n    .banner-text p {\n        font-size: 3rem; \/* Tama\u00f1o del p\u00e1rrafo *\/\n        line-height: 1.5;\n        margin: 30px 0 0 30px;\n    }\n\n    \/* Ajustes para pantallas m\u00e1s peque\u00f1as *\/\n    @media (max-width: 768px)  {\n        .banner {\n            height: 42vh; \/* Reduce la altura del banner *\/\n        }\n\n        .banner-text {\n            padding: 0 2%;\n        }\n\n        .banner-text h2 {\n            font-size: 1.5rem; \/* Reduce el tama\u00f1o del texto *\/\n        }\n\n        .banner-text p {\n            font-size: 1.2rem; \/* Reduce el tama\u00f1o del p\u00e1rrafo *\/\n        }\n\n        .banner-image,\n        .banner-text {\n            flex: 1; \/* Imagen y texto mantienen la misma proporci\u00f3n *\/\n        }\n\n      .banner-image {\n        display: flex;\n        justify-content: center; \/* Centrado horizontal *\/\n        align-items: center;     \/* Centrado vertical *\/\n    }\n\n    .banner-image img {\n        width: 100%;\n        height: auto;\n        margin-top: 20px;\n    }\n    }\n\n    @media (max-width: 576px) {\n        .banner {\n            height: 23vh; \/* Ajusta a\u00fan m\u00e1s la altura *\/\n        }\n\n        .banner-text h2 {\n            font-size: 0.8rem; \/* Ajusta el tama\u00f1o del encabezado *\/\n        }\n\n        .banner-text p {\n            font-size: 1rem; \/* Ajusta el tama\u00f1o del p\u00e1rrafo *\/\n        }\n    }\n    <\/style>\n<\/head>\n<body>\n    <!-- Banner -->\n    <div class=\"banner\">\n        <div class=\"banner-image\">\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/02\/imagen-Photoroom1.png\" alt=\"Metro Relatos\">\n            <!-- Imagen superpuesta -->\n        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/10\/Recurso-2fondo-e1728062401768.png\" class=\"overlay-image\" alt=\"Cero Acoso\" id=\"overlayImage\" style=\"width: 200px; height: auto;\">\n\n<script>\n  function resizeImage() {\n    var image = document.getElementById('overlayImage');\n    \n    if (window.innerWidth <= 768) {\n      image.style.width = '50px';  \/\/ Ajuste para dispositivos m\u00f3viles\n    } else if (window.innerWidth > 768 && window.innerWidth <= 1024) {\n      image.style.width = '100px';  \/\/ Ajuste para tabletas\n    } else {\n      image.style.width = '200px';  \/\/ Ajuste para pantallas de computadora\n    }\n  }\n\n  \/\/ Llamar a la funci\u00f3n al cargar la p\u00e1gina y al cambiar el tama\u00f1o de la ventana\n  window.onload = resizeImage;\n  window.onresize = resizeImage;\n<\/script>\n\n\n        <\/div>\n        <div class=\"banner-text\">\n            <h2>Diariamente 73.307 usuarias utilizan el Metro de Quito.\nLa percepci\u00f3n en temas de acoso y abuso sexual en Metro de Quito es del 71,60% como segura y el 27,56 % como muy segura.<\/h2>\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-751b973 e-flex e-con-boxed e-con e-parent\" data-id=\"751b973\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b71d079 e-con-full e-transform e-flex e-con e-child\" data-id=\"b71d079\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;none&quot;,&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<a class=\"elementor-element elementor-element-9fafc93 e-con-full e-flex e-con e-child\" data-id=\"9fafc93\" data-element_type=\"container\" href=\"#cero_acoso_en_cifras\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fccabe2 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"fccabe2\" 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=\"150\" height=\"150\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-19857\" alt=\"\" srcset=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-1-150x150.png 150w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-1-300x300.png 300w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-1-1024x1024.png 1024w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-1-768x768.png 768w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-1-1536x1536.png 1536w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-1-2048x2048.png 2048w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\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<\/a>\n\t\t\t\t<div class=\"elementor-element elementor-element-d881445 elementor-absolute elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d881445\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"#cero_acoso_en_cifras\">Cero Acoso <\/br>\nen cifras<\/a><\/h4>\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-9c2c0b4 e-con-full e-transform e-flex e-con e-child\" data-id=\"9c2c0b4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;none&quot;,&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<a class=\"elementor-element elementor-element-b067117 e-con-full e-flex e-con e-child\" data-id=\"b067117\" data-element_type=\"container\" href=\"#componentes_estrategia\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea918e1 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"ea918e1\" 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=\"150\" height=\"150\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-2-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-19858\" alt=\"\" srcset=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-2-150x150.png 150w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-2-300x300.png 300w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-2-1024x1024.png 1024w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-2-768x768.png 768w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-2-1536x1536.png 1536w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-2-2048x2048.png 2048w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\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<\/a>\n\t\t\t\t<div class=\"elementor-element elementor-element-d302a34 elementor-absolute elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d302a34\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"#componentes_estrategia\">Componentes <\/br>\nestrategia<\/a><\/h4>\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-e61d614 e-con-full e-transform e-flex e-con e-child\" data-id=\"e61d614\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;none&quot;,&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<a class=\"elementor-element elementor-element-b5f8905 e-con-full e-flex e-con e-child\" data-id=\"b5f8905\" data-element_type=\"container\" href=\"#Protocolo_Cero_Acoso\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c47a7a elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"6c47a7a\" 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=\"150\" height=\"150\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/a-un-metro-de-ti-4-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-19859\" alt=\"\" srcset=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/a-un-metro-de-ti-4-150x150.png 150w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/a-un-metro-de-ti-4-300x300.png 300w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/a-un-metro-de-ti-4-1024x1024.png 1024w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/a-un-metro-de-ti-4-768x768.png 768w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/a-un-metro-de-ti-4-1536x1536.png 1536w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/a-un-metro-de-ti-4-2048x2048.png 2048w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\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<\/a>\n\t\t\t\t<div class=\"elementor-element elementor-element-b445d3d elementor-absolute elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b445d3d\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"#Protocolo_Cero_Acoso\">Protocolo <\/br>\nCero Acoso<\/a><\/h4>\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-5db480c e-flex e-con-boxed e-con e-parent\" data-id=\"5db480c\" 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-80fb8d9 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"80fb8d9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceInLeft&quot;}\" 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\">Algunos datos relevantes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2d9eab elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"c2d9eab\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En el marco de la estrategia Cero Acoso, el 48,91% de las usuarias, tienen conocimiento de esta propuesta.<\/p><p>La estrategia Cero Acoso contribuye a generar un entorno donde las personas se sienten m\u00e1s seguras y confiadas. Uno de los aspectos esenciales para erradicar todo tipo de violencia en el Metro de Quito es la prevenci\u00f3n, basada en una cultura de respeto a los derechos de todas y todos.<\/p>\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-1794677 e-flex e-con-boxed e-con e-parent\" data-id=\"1794677\" 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-6e86996 elementor-widget elementor-widget-html\" data-id=\"6e86996\" 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<style>\r\n    .img-ca-sm{\r\n        height:12.5rem !important;\r\n    }\r\n    \r\n    \r\n    .img-ca-lg{\r\n        height:20.8rem !important;\r\n    }\r\n<\/style>\r\n<div class=\"container my-4\">\r\n\r\n  <div class=\"text-center mb-4\">\r\n   \r\n  <\/div>\r\n\r\n  <div class=\"row g-4\">\r\n\r\n    <!-- Imagen 1 -->\r\n    <div class=\"col-md-6 col-lg-4\">\r\n      <div class=\"card shadow-sm border-0\">\r\n        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/02\/CERO-ACOSO-25NOV2025_1.png\" class=\"card-img-top img-ca-sm\" alt=\"Brigada Metro asistencia usuario\">\r\n       \r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Imagen 2 -->\r\n    <div class=\"col-md-6 col-lg-4\">\r\n      <div class=\"card shadow-sm border-0\">\r\n        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/02\/CERO-ACOSO-25NOV2025_2.png\" class=\"card-img-top img-ca-sm\" alt=\"Orientaci\u00f3n en estaci\u00f3n\">\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Imagen 3 -->\r\n    <div class=\"col-md-6 col-lg-4\">\r\n      <div class=\"card shadow-sm border-0\">\r\n        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/02\/CERO-ACOSO-25NOV2025_4.png\" class=\"card-img-top img-ca-sm\" alt=\"Apoyo a personas con discapacidad\">\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Imagen 4 -->\r\n    <div class=\"col-md-6 col-lg-6\">\r\n      <div class=\"card shadow-sm border-0\">\r\n        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/02\/CERO-ACOSO-25NOV2025_3.png\" class=\"card-img-top img-ca-lg\" alt=\"Informaci\u00f3n en estaciones\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Imagen 5 -->\r\n    <div class=\"col-md-6 col-lg-6\">\r\n      <div class=\"card shadow-sm border-0\">\r\n        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/02\/CERO-ACOSO-25NOV2025_5.png\" class=\"card-img-top img-ca-lg\" alt=\"Trabajo Brigadas Metro\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2b93bc e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"f2b93bc\" 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-2ed3f00 e-con-full e-flex e-con e-child\" data-id=\"2ed3f00\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-19615d0 e-con-full e-flex e-con e-child\" data-id=\"19615d0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0866ca elementor-widget elementor-widget-heading\" data-id=\"f0866ca\" data-element_type=\"widget\" id=\"cero_acoso_en_cifras\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Cero Acoso en cifras<\/h3>\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-952582e e-flex e-con-boxed e-con e-parent\" data-id=\"952582e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ea7cd1 e-grid e-con-full e-con e-child\" data-id=\"1ea7cd1\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ef3ac90 e-con-full e-flex e-con e-child\" data-id=\"ef3ac90\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ac5073 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"8ac5073\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #fc8828;\">98.51%<\/span> de las v\u00edctimas no denunciaron el acoso sexual por:<\/p><p><br \/><span style=\"color: #fc8828;\">37,78 %<\/span> falta de tiempo<br \/><span style=\"color: #fc8828;\">15.94 %<\/span> no conocen a la persona que le agredi\u00f3<br \/><span style=\"color: #fc8828;\">13,04 %<\/span> que es parte de la vida<br \/><span style=\"color: #fc8828;\">10,14 %<\/span> siente que no es grave<br \/><span style=\"color: #fc8828;\">8,7 %<\/span> por verg\u00fcenza y humillaci\u00f3n<br \/><span style=\"color: #fc8828;\">5,8 %<\/span> no cree en la justicia<br \/><span style=\"color: #fc8828;\">5,8 %<\/span> no sab\u00eda d\u00f3nde ir<br \/><span style=\"color: #fc8828;\">4,35 %<\/span> no quiere da\u00f1ar al agresor<br \/><span style=\"color: #fc8828;\">1,45 %<\/span> piensa que no volver\u00e1 a pasar.<\/p>\t\t\t\t\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-8f72227 e-con-full e-flex e-con e-child\" data-id=\"8f72227\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee0603f elementor-widget elementor-widget-image\" data-id=\"ee0603f\" 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 loading=\"lazy\" decoding=\"async\" width=\"623\" height=\"567\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/cero-acoso-Photoroom.png\" class=\"attachment-large size-large wp-image-18713\" alt=\"\" srcset=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/cero-acoso-Photoroom.png 623w, https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/cero-acoso-Photoroom-300x273.png 300w\" sizes=\"(max-width: 623px) 100vw, 623px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-75c856d e-con-full e-flex e-con e-child\" data-id=\"75c856d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc8ce88 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"cc8ce88\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Las reacciones de las v\u00edctimas ante el acoso y abuso sexual en el Metro de Quito fueron:<\/p><p><span style=\"color: #ff9900;\">70,59 %<\/span> alejarse del agresor<br \/><span style=\"color: #ff9900;\">5,88 %<\/span> defenderse f\u00edsicamente<br \/><span style=\"color: #ff9900;\">5,88%<\/span> llor\u00f3<br \/><span style=\"color: #ff9900;\">5,88 %<\/span> gritar y pedir auxilio<br \/><span style=\"color: #ff9900;\">5,88 %<\/span> presion\u00f3 el bot\u00f3n de cero acoso<br \/><span style=\"color: #ff9900;\">5,88 %<\/span> se qued\u00f3 paralizada.<\/p><p>\u00a0<\/p>\t\t\t\t\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-6e27211 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"6e27211\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;zoomInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15e112d elementor-widget elementor-widget-html\" data-id=\"15e112d\" 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<div class=\"estudio-violencia\">\n  <div class=\"texto\">\n    <p>Encuentra todos los datos y cifras sobre violencia sexual en el sistema de transporte Metropolitano en los siguientes estudios:\n    <\/p>\n    <a href=\"https:\/\/drive.google.com\/uc?export=download&id=14Ab_qybxzl7dqEsglL6esI7aVhq5RYh4\" \n       class=\"boton\" \n       download>\n      Estudio 2024\n      <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/mano-click-Photoroom.png\" alt=\"\u00cdcono de clic\">\n    <\/a><br>\n    <a href=\"https:\/\/observatorioseguridad.quito.gob.ec\/visualizador-de-violencia-sexual-en-el-metro-de-quito\" target=\"_blank\"\n       class=\"boton\" \n       download>\n      Estudio 2025\n      <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/mano-click-Photoroom.png\" alt=\"\u00cdcono de clic\">\n    <\/a>\n  <\/div>\n  <div class=\"imagen\">\n    <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/02\/ESTUDIO-DE-VIOLENCIA-SEXUAL.png\" alt=\"Portada Estudio de Violencia Sexual 2024\">\n  <\/div>\n<\/div>\n\n<style>\n.estudio-violencia {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border: 2px solid #f39200;\n    padding: 20px;\n    border-radius: 10px;\n    max-width: 800px;\n    margin: auto;\n    background-color: white;\n}\n\n.texto {\n    font-family: Arial, sans-serif;\n    color: #f39200;\n    font-size: 18px;\n    max-width: 60%;\n}\n\n.texto span {\n    font-weight: bold;\n    color: #692789;\n}\n\n.boton {\n    display: inline-flex;\n    align-items: center;\n    font-size: 16px;\n    font-weight: bold;\n    color: black;\n    text-decoration: none;\n    margin-top: 10px;\n}\n\n.boton img {\n    width: 16px;\n    margin-left: 5px;\n}\n\n.imagen img {\n    max-width: 150px;\n    border-radius: 5px;\n}\n\n@media (max-width: 600px) {\n    .estudio-violencia {\n        flex-direction: column;\n        text-align: center;\n    }\n    .texto {\n        max-width: 100%;\n    }\n    .imagen {\n        margin-top: 10px;\n    }\n}\n<\/style>\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-e849e70 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"e849e70\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;zoomInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db94332 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"db94332\" 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-4cfec17 e-con-full e-flex e-con e-child\" data-id=\"4cfec17\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c21ffd0 e-con-full e-flex e-con e-child\" data-id=\"c21ffd0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33d2145 elementor-widget elementor-widget-heading\" data-id=\"33d2145\" data-element_type=\"widget\" id=\"componentes_estrategia\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Componentes de la estrategia Cero Acoso<\/h3>\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-c01428a e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"c01428a\" 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-d0253e3 elementor-widget elementor-widget-html\" data-id=\"d0253e3\" 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>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>#CeroAcoso<\/title>\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-KyZXEJ3QMPxH6KnkH6U2NU1eOei5FLbFPqDCovmZXpU7qA7u7h6dBxKrZPpT3W1P\" crossorigin=\"anonymous\">\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f4f4f4;\r\n            text-align: center;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        .ca-container {\r\n            position: relative;\r\n            width: 90%;\r\n            max-width: 600px;\r\n            margin: auto;\r\n            padding: 20px;\r\n        }\r\n        .ca-central-image {\r\n            width: 100%;\r\n            max-width: 300px;\r\n            cursor: pointer;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .ca-item {\r\n            position: absolute;\r\n            width: 250px;\r\n            text-align: center;\r\n            background: white;\r\n            border: 2px solid #ff6600;\r\n            padding: 15px;\r\n            border-radius: 10px;\r\n            box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);\r\n            opacity: 1;\r\n            transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n            z-index: 5;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .ca-item img {\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        \/* T\u00edtulos debajo de las im\u00e1genes, en may\u00fasculas y negritas *\/\r\n        .ca-item h2 {\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            text-transform: uppercase;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .ca-highlight {\r\n            color: tomato;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* C\u00edrculo con n\u00famero *\/\r\n        .number-circle {\r\n            position: absolute;\r\n            top: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            background-color: #ff6600;\r\n            color: white;\r\n            width: 30px;\r\n            height: 30px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-weight: bold;\r\n            font-size: 18px;\r\n        }\r\n\r\n        \/* Botones din\u00e1micos con efectos de hover *\/\r\n        .ca-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        .ca-item1 { top: 10%; left: -33%; }\r\n        .ca-item2 { top: -25%; right: 30%; }\r\n        .ca-item3 { top: 10%; right: -34%; }\r\n        .ca-item4 { bottom: -20%; right: -10%; }\r\n        .ca-item5 { bottom: -20%; left: -9%; }\r\n\r\n        @media (max-width: 768px) {\r\n            .ca-container {\r\n                width: 90%;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            .ca-item {\r\n                position: static;\r\n                width: 90%;\r\n                margin: 10px 0;\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Estilo para ocultar la informaci\u00f3n adicional por defecto *\/\r\n        .additional-info {\r\n            display: none;\r\n        }\r\n\r\n        \/* Agregar opacidad para los modales no activos *\/\r\n        .ca-item.inactive {\r\n            opacity: 0.4; \/* Modales inactivos con opacidad reducida *\/\r\n            pointer-events: none; \/* Evitar que los modales inactivos sean clickeables *\/\r\n        }\r\n\r\n        .ca-item.active {\r\n            z-index: 10; \/* El modal activo se coloca sobre los dem\u00e1s *\/\r\n            opacity: 1; \/* Aseguramos que el modal activo no tenga opacidad reducida *\/\r\n            pointer-events: auto; \/* Hacer que el modal activo sea clickeable *\/\r\n        }\r\n\r\n        \/* Estilo para el bot\u00f3n de cierre *\/\r\n        .close-btn {\r\n            position: absolute;\r\n            top: 5px;\r\n            right: 5px;\r\n            background-color: transparent;\r\n            border: none;\r\n            font-size: 20px;\r\n            color: #ff6600;\r\n            cursor: pointer;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"ca-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/cir-Photoroom-e1741272088710.png\" alt=\"Cero Acoso\" class=\"ca-central-image\" id=\"mainImage\">\r\n        \r\n        <div class=\"ca-item ca-item1\" onclick=\"toggleInfo('info1', this)\">\r\n            <div class=\"number-circle\">1<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/02\/Memoria-Colectiva.jpg\" alt=\"Fortalecimiento de Capacidades\">\r\n            <h2>Fortalecimiento de Capacidades<\/h2>\r\n            <div class=\"additional-info\" id=\"info1\">\r\n                <p><span class=\"ca-highlight\">Procesos de formaci\u00f3n, socializaci\u00f3n y sensibilizaci\u00f3n<\/span> dirigido al personal t\u00e9cnico y operativo de la EOMMT y EPMMQ.<\/p>\r\n                <p>\r\n                    <span class=\"ca-highlight\">\u2022<\/span> Enfoque de Derechos Humanos<br>\r\n                    <span class=\"ca-highlight\">\u2022<\/span> Primeros Auxilios Psicol\u00f3gicos<br>\r\n                    <span class=\"ca-highlight\">\u2022<\/span> Perspectiva de G\u00e9nero<br>\r\n                    <span class=\"ca-highlight\">\u2022<\/span> Nuevas Masculinidades<br>\r\n                    <span class=\"ca-highlight\">\u2022<\/span> Violencia basada en g\u00e9nero<br>\r\n                    <span class=\"ca-highlight\">\u2022<\/span> Protocolo de Autocuidado\r\n                <\/p>\r\n                <button class=\"close-btn\" onclick=\"closeInfo(event, this)\">X<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ca-item ca-item2\" onclick=\"toggleInfo('info2', this)\">\r\n            <div class=\"number-circle\">2<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/2.-Atencion-scaled.jpg\" alt=\"Atenci\u00f3n\">\r\n            <h2>Atenci\u00f3n<\/h2>\r\n            <div class=\"additional-info\" id=\"info2\">\r\n                <p><span class=\"ca-highlight\">Implementaci\u00f3n de protocolos de actuaci\u00f3n<\/span> para atender casos de acoso sexual en trenes y estaciones, mediante acciones articuladas entre la Polic\u00eda Nacional, personal operativo y seguridad privada.<\/p>\r\n                <button class=\"close-btn\" onclick=\"closeInfo(event, this)\">X<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ca-item ca-item3\" onclick=\"toggleInfo('info3', this)\">\r\n            <div class=\"number-circle\">3<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-06-150112.png\" alt=\"Articulaci\u00f3n Estrat\u00e9gica\">\r\n            <h2>Articulaci\u00f3n Estrat\u00e9gica<\/h2>\r\n            <div class=\"additional-info\" id=\"info3\">\r\n                <p><span class=\"ca-highlight\">Instituciones y organizaciones de la sociedad civil y organismos internacionales<\/span> que articulan acciones para fortalecer la Estrategia de Cero Acoso.<\/p>\r\n                <button class=\"close-btn\" onclick=\"closeInfo(event, this)\">X<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        \r\n         <div class=\"ca-item ca-item4\" onclick=\"toggleInfo('info4', this)\">\r\n            <div class=\"number-circle\">4<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Sin-titulo-4-Recuperado-e1742849217315.png\" alt=\"Comunicaci\u00f3n\">\r\n            <h2>Comunicaci\u00f3n<\/h2>\r\n            <div class=\"additional-info\" id=\"info4\">\r\n                <p><span class=\"ca-highlight\">Promoci\u00f3n de campa\u00f1as Edu-comunicacionales<\/span> en torno a la prevenci\u00f3n de violencia basada en g\u00e9nero e informaci\u00f3n dirigida a la ciudadan\u00eda.<\/p>\r\n                <button class=\"close-btn\" onclick=\"closeInfo(event, this)\">X<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ca-item ca-item5\" onclick=\"toggleInfo('info5', this)\">\r\n            <div class=\"number-circle\">5<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-06-145117.png\" alt=\"Inclusi\u00f3n Laboral\">\r\n            <h2>Inclusi\u00f3n Laboral<\/h2>\r\n            <div class=\"additional-info\" id=\"info5\">\r\n                <p><span class=\"ca-highlight\">Disminuci\u00f3n en las brechas de contrataci\u00f3n del personal<\/span> del Metro de Quito y promoci\u00f3n de igualdad de oportunidades.<\/p>\r\n                <button class=\"close-btn\" onclick=\"closeInfo(event, this)\">X<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-pzjw8f+ua7Kw1TIq0lXYyP9AYlmggTbY1A6QzEnpXeuzfFkFu7P1yTAlh7Wq0pZ4\" crossorigin=\"anonymous\"><\/script>\r\n\r\n    <script>\r\n    function toggleInfo(infoId, modalElement) {\r\n        var info = document.getElementById(infoId);\r\n        var allModals = document.querySelectorAll('.ca-item');\r\n        \r\n        \/\/ Si el modal clickeado ya est\u00e1 activo, cerrarlo\r\n        if (modalElement.classList.contains('active')) {\r\n            closeInfo(null, modalElement.querySelector('.close-btn')); \/\/ Cerramos el modal\r\n        } else {\r\n            \/\/ Ocultar la informaci\u00f3n en todos los modales y quitar la clase active\r\n            allModals.forEach(function(modal) {\r\n                modal.classList.remove('active');\r\n                modal.classList.add('inactive');\r\n                var additionalInfo = modal.querySelector('.additional-info');\r\n                if (additionalInfo) {\r\n                    additionalInfo.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            \/\/ Mostrar el contenido del modal clickeado y activarlo\r\n            info.style.display = \"block\";\r\n            modalElement.classList.add('active');\r\n            modalElement.classList.remove('inactive');\r\n        }\r\n    }\r\n\r\n    function closeInfo(event, button) {\r\n        if (event) event.stopPropagation(); \/\/ Prevenir que el click se propague\r\n        var modal = button.closest('.ca-item'); \/\/ Encuentra el modal\r\n        var info = modal.querySelector('.additional-info'); \/\/ Encuentra el contenido del modal\r\n        info.style.display = 'none'; \/\/ Oculta el contenido\r\n\r\n        \/\/ Restaurar todos los modales al estado normal\r\n        var allModals = document.querySelectorAll('.ca-item');\r\n        allModals.forEach(function(modal) {\r\n            modal.classList.remove('active');\r\n            modal.classList.remove('inactive');\r\n            var additionalInfo = modal.querySelector('.additional-info');\r\n            if (additionalInfo) {\r\n                additionalInfo.style.display = 'none';\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ Cerrar los modales cuando se haga clic fuera de ellos\r\n    window.addEventListener('click', function(event) {\r\n        var allModals = document.querySelectorAll('.ca-item');\r\n        allModals.forEach(function(modal) {\r\n            var additionalInfo = modal.querySelector('.additional-info');\r\n            if (additionalInfo && !modal.contains(event.target)) {\r\n                additionalInfo.style.display = 'none';\r\n                modal.classList.remove('active');\r\n                modal.classList.remove('inactive');\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\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-1277428 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"1277428\" 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-b1332db e-con-full e-flex e-con e-child\" data-id=\"b1332db\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-47271a8 e-con-full e-flex e-con e-child\" data-id=\"47271a8\" data-element_type=\"container\" id=\"Protocolo_Cero_Acoso\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6d5928 elementor-widget elementor-widget-heading\" data-id=\"b6d5928\" 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<h3 class=\"elementor-heading-title elementor-size-default\">Protocolo Cero Acoso<\/h3>\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-1e7ab70 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"1e7ab70\" 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-e118a00 elementor-widget elementor-widget-text-editor\" data-id=\"e118a00\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">Es una herramienta de atenci\u00f3n que canaliza el procedimiento para dar respuesta inmediata a un presunto<br \/>caso de acoso sexual en trenes y estaciones.<\/p>\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-95932e6 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"95932e6\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;shake&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b474c32 elementor-widget elementor-widget-html\" data-id=\"b474c32\" 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>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Protocolo de Atenci\u00f3n<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f4f4f4;\r\n        }\r\n\r\n        .timeline {\r\n            position: relative;\r\n            max-width: 800px;\r\n            margin: auto;\r\n            padding: 30px 0;\r\n        }\r\n\r\n        \/* L\u00ednea curva de la timeline *\/\r\n        .timeline svg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: -1;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .timeline path {\r\n            stroke: #007BFF;\r\n            stroke-width: 6;\r\n            fill: none;\r\n            stroke-linecap: round;\r\n            stroke-dasharray: 10, 10;\r\n            animation: dash 3s linear infinite;\r\n        }\r\n\r\n        @keyframes dash {\r\n            from {\r\n                stroke-dashoffset: 20;\r\n            }\r\n            to {\r\n                stroke-dashoffset: 0;\r\n            }\r\n        }\r\n\r\n        .timeline-item {\r\n            padding: 15px;\r\n            position: relative;\r\n            background: white;\r\n            width: 45%;\r\n            border-radius: 6px;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n            margin-bottom: 25px; \/* Menos espacio entre los elementos *\/\r\n            opacity: 0;\r\n            transform: translateY(20px); \/* Menos desplazamiento al aparecer *\/\r\n            transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .timeline-item.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .timeline-item:nth-child(odd) {\r\n            left: 0;\r\n        }\r\n\r\n        .timeline-item:nth-child(even) {\r\n            left: 50%;\r\n        }\r\n\r\n        .timeline-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            width: 18px;\r\n            height: 18px;\r\n            background-color: white;\r\n            border: 4px solid #007bff;\r\n            top: 20px;\r\n            left: 50%;\r\n            margin-left: -9px;\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .timeline-item img {\r\n            width: 90%; \/* Im\u00e1genes m\u00e1s peque\u00f1as *\/\r\n            height: auto;\r\n            border-radius: 6px;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        .timeline-item img:hover {\r\n            transform: scale(1.05) rotate(3deg);\r\n            box-shadow: 0 0 15px rgba(0, 123, 255, 0.5);\r\n        }\r\n\r\n        .timeline-item h3 {\r\n            text-align: center;\r\n            margin: 10px 0;\r\n            font-size: 14px; \/* Menor tama\u00f1o de texto *\/\r\n        }\r\n\r\n        \/* Efectos sobre el c\u00edrculo *\/\r\n        .timeline-item:hover::before {\r\n            transform: scale(1.3) rotate(360deg);\r\n            box-shadow: 0 0 15px rgba(0, 123, 255, 1);\r\n        }\r\n\r\n        \/* Efecto sobre el cuadro de texto *\/\r\n        .timeline-item:hover .text-box {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 0 15px rgba(0, 123, 255, 0.5);\r\n        }\r\n\r\n        \/* Estilo para dispositivos m\u00f3viles *\/\r\n        @media (max-width: 768px) {\r\n            .timeline-item {\r\n                width: 85%; \/* Ajuste de tama\u00f1o en m\u00f3viles *\/\r\n                margin-left: 7.5%;\r\n            }\r\n\r\n            .timeline svg {\r\n                left: 10px;\r\n                transform: none;\r\n            }\r\n\r\n            .timeline-item:nth-child(even) {\r\n                left: 0;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd) {\r\n                left: 0;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"timeline\">\r\n        <!-- L\u00ednea curva SVG -->\r\n        <svg viewBox=\"0 0 300 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M150,0 C200,100 100,200 150,300 C200,400 100,500 150,600 C200,700 100,800 150,900\"\/>\r\n        <\/svg>\r\n\r\n        <!-- Elementos de la l\u00ednea de tiempo -->\r\n        <div class=\"timeline-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/10\/CHR09044-scaled.jpg\" alt=\"Presunta v\u00edctima pulsa el interfono\">\r\n            <h3>Presunta v\u00edctima pulsa el interfono<\/h3>\r\n        <\/div>\r\n        <div class=\"timeline-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/10\/CHR01278-scaled.jpg\" alt=\"PCC recibe alerta\">\r\n            <h3>PCC recibe alerta<\/h3>\r\n        <\/div>\r\n        <div class=\"timeline-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/09\/CHR00810-1-scaled.jpg\" alt=\"Personal operativo asiste a presunta v\u00edctima en estaci\u00f3n\">\r\n            <h3>PCC notifica a ECU 911, Polic\u00eda Metro y personal operativo en estaci\u00f3n<\/h3>\r\n        <\/div>\r\n        <div class=\"timeline-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/10\/CHR06732-scaled.jpg\" alt=\"PCC notifica a ECU 911, Polic\u00eda Metro y personal operativo\">\r\n            <h3>Personal operativo asiste a presunta v\u00edctima en estaci\u00f3n<\/h3>\r\n        <\/div>\r\n        <div class=\"timeline-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/03\/CHR06758-scaled.jpg\" alt=\"Traslado de la presunta v\u00edctima a un lugar seguro\">\r\n            <h3>Traslado de la presunta v\u00edctima a un lugar seguro para atenci\u00f3n de primeros auxilios psicol\u00f3gicos.<\/h3>\r\n        <\/div>\r\n        <div class=\"timeline-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/10\/CHR06766-scaled.jpg\" alt=\"Traslado del presunto agresor a un cuarto operativo con custodia\">\r\n            <h3>Traslado del presunto agresor o agresora a un cuarto operativo con custodia<\/h3>\r\n        <\/div>\r\n        <div class=\"timeline-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/10\/CHR06810-scaled.jpg\" alt=\"Personal operativo orienta a la presunta v\u00edctima\">\r\n            <h3>Personal operativo orienta a la presunta v\u00edctima para procedimiento correspondiente de denuncia.<\/h3>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Funci\u00f3n para mostrar los elementos cuando se hace scroll\r\n        function revealTimelineItems() {\r\n            const items = document.querySelectorAll('.timeline-item');\r\n            const triggerBottom = window.innerHeight * 0.85;\r\n            items.forEach(item => {\r\n                const itemTop = item.getBoundingClientRect().top;\r\n                if (itemTop < triggerBottom) {\r\n                    item.classList.add('visible');\r\n                }\r\n            });\r\n        }\r\n        window.addEventListener('scroll', revealTimelineItems);\r\n        revealTimelineItems();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\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 G\u00c9NERO &#8211; CERO ACOSO Metro Relatos Carrusel Diariamente 73.307 usuarias utilizan el Metro de Quito. La [&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-18631","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/18631"}],"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=18631"}],"version-history":[{"count":286,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/18631\/revisions"}],"predecessor-version":[{"id":22216,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/18631\/revisions\/22216"}],"wp:attachment":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/media?parent=18631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}