{"id":3847,"date":"2024-09-30T12:48:03","date_gmt":"2024-09-30T17:48:03","guid":{"rendered":"https:\/\/culturametrodequito.com\/?page_id=3847"},"modified":"2025-03-05T17:14:03","modified_gmt":"2025-03-05T22:14:03","slug":"normas-de-convivencia","status":"publish","type":"page","link":"https:\/\/culturametrodequito.com\/index.php\/normas-de-convivencia\/","title":{"rendered":"Normas de convivencia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3847\" class=\"elementor elementor-3847\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8065044 e-flex e-con-boxed e-con e-parent\" data-id=\"8065044\" 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-24da35b elementor-widget elementor-widget-html\" data-id=\"24da35b\" 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-87f2261 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"87f2261\" 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-64e119e e-con-full e-flex e-con e-child\" data-id=\"64e119e\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27166b8 e-con-full e-flex e-con e-child\" data-id=\"27166b8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b2522e elementor-widget elementor-widget-heading\" data-id=\"0b2522e\" 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\">NORMAS DE CONVIVENCIA<\/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-8154c26 e-con-full e-flex e-con e-child\" data-id=\"8154c26\" 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-5497304 e-flex e-con-boxed e-con e-parent\" data-id=\"5497304\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ea41df0 e-con-full e-flex e-con e-child\" data-id=\"ea41df0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b789322 elementor-widget elementor-widget-html\" data-id=\"b789322\" 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    }\n\n    \/* Estilo general del carrusel *\/\n    .carousel-inner {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        height: 600px; \/* Altura del carrusel para pantallas grandes *\/\n    }\n\n    .banner {\n        display: flex;\n        align-items: center;\n        background-color: #005bbb; \/* Azul de fondo *\/\n        color: white;\n        height: 100%; \/* Usa el 100% de la altura del carrusel *\/\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        position: relative; \/* Permite usar propiedades como top, left, etc. *\/\n        padding: 40px; \/* Espaciado interno *\/\n    }\n\n    .banner-text h2 {\n        font-size: 3em; \/* Tama\u00f1o del t\u00edtulo *\/\n        font-weight: bold;\n        margin: 0;\n        line-height: 1.2; \/* Ajusta el espacio entre l\u00edneas *\/\n    }\n\n    .banner-text p {\n        font-size: 2.5em; \/* Tama\u00f1o del p\u00e1rrafo *\/\n        margin: 15px 0 20px; \/* Espacio adicional debajo del texto *\/\n        line-height: 1.5; \/* Mejora la legibilidad del texto *\/\n    }\n\n     \/* Ajusta la imagen al tama\u00f1o del contenedor *\/\n  .banner-image img {\n    height: 100%; \/* Asegura que la imagen ocupe todo el alto *\/\n    width: 100%; \/* Ocupe todo el ancho *\/\n    object-fit: cover; \/* Recorta la imagen para que encaje sin deformaci\u00f3n *\/\n}\n    \/* Evita que el contenido desborde el contenedor *\/\n    .banner-image {\n        height: 100%;\n        overflow: hidden; \/* Oculta el contenido que sobrepase el contenedor *\/\n        position: relative; \/* Asegura que los estilos absolutos funcionen correctamente *\/\n    }\n\n    \/* Mueve el difuminado al lado izquierdo *\/\n    .banner-image::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0; \/* Aplica el difuminado desde el lado izquierdo *\/\n        width: 30%;\n        height: 100%;\n        background: linear-gradient(to right, rgba(0, 91, 187, 1), rgba(0, 91, 187, 0));\n        pointer-events: none;\n    }\n\n    \/* Estilo personalizado del bot\u00f3n *\/\n    .btn-custom {\n        color: white;\n        border: 2px solid white;\n        background-color: transparent;\n        padding: 10px 20px;\n        font-size: 1em;\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    }\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    \/* Indicadores del carrusel *\/\n    .carousel-indicators button {\n        background-color: #ffffff;\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-image img {\n            height: 100%; \/* La imagen ocupar\u00e1 toda la altura disponible *\/\n            width: 100%; \/* Asegura que tambi\u00e9n ocupe todo el ancho *\/\n            object-fit: cover; \/* Mantiene la proporci\u00f3n sin distorsi\u00f3n *\/\n        }\n\n        .banner-text h2 {\n            font-size: 2em; \/* Tama\u00f1o de texto m\u00e1s peque\u00f1o *\/\n        }\n\n        .banner-text p {\n            font-size: 1.2em; \/* Tama\u00f1o de p\u00e1rrafo m\u00e1s peque\u00f1o *\/\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-image img {\n            height: 100%; \/* La imagen ocupar\u00e1 toda la altura *\/\n            width: 100%; \/* Asegura que tambi\u00e9n ocupe todo el ancho *\/\n            object-fit: cover; \/* Mantiene la proporci\u00f3n sin distorsi\u00f3n *\/\n        }\n\n        .banner-text h2 {\n            font-size: 1em; \/* Ajusta el tama\u00f1o del t\u00edtulo *\/\n        }\n\n        .banner-text p {\n            font-size: 0.7em; \/* Ajusta el tama\u00f1o del p\u00e1rrafo *\/\n        }\n         \/* Estilo personalizado del bot\u00f3n *\/\n    .btn-custom {\n        color: white;\n        border: 2px solid white;\n        background-color: transparent;\n        padding: 0px 3px;\n        font-size: 1em;\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    }\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    \/* Indicadores del carrusel *\/\n    .carousel-indicators button {\n        background-color: #ffffff;\n    }\n    }\n    <\/style>\n<\/head>\n<body>\n    <!-- Carrusel -->\n    <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-bs-ride=\"carousel\">\n        <!-- Contenido del carrusel -->\n        <div class=\"carousel-inner\">\n            <!-- Slide \u00fanico -->\n            <div class=\"carousel-item active\">\n                <div class=\"banner\">\n                    <div class=\"banner-text\">\n                        <h2>Tu comportamiento<\/h2>\n                        <h2>hace la diferencia<\/h2>\n                        <p>con cada acci\u00f3n t\u00fa transmites la Cultura Metro<\/p>\n                       \n                    <\/div>\n                    <div class=\"banner-image\">\n                        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/01\/Captura-de-pantalla-2025-01-27-160710.png\" alt=\"Metro Relatos\">\n                    <\/div>\n                <\/div>\n            <\/div>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45681c0 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"45681c0\" 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-188747a elementor-widget elementor-widget-heading\" data-id=\"188747a\" 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<h5 class=\"elementor-heading-title elementor-size-default\">El Reglamento al Usuario fue aprobado mediante la Ordenaza 067.<\/h5>\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-acec973 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"acec973\" 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-f5a9e85 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"f5a9e85\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&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>Comprende acuerdos que garantizan el uso adecuado, eficiente y seguro del subsistema de transporte Metro de Quito entre las personas usuarias, promoviendo la convivencia arm\u00f3nica.<\/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-5a49ce0 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"5a49ce0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fa4f70a e-con-full e-flex e-con e-child\" data-id=\"fa4f70a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4876ecb elementor-widget elementor-widget-image\" data-id=\"4876ecb\" 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\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/09\/gallina.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-64bfb18 e-con-full e-flex e-con e-child\" data-id=\"64bfb18\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e1415e elementor-widget elementor-widget-heading\" data-id=\"3e1415e\" 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\">Descarga AQU\u00cd el  <\/br>\nReglamento del Usuario <\/br>\ncompleto<\/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-edc5148 e-flex e-con-boxed e-con e-child\" data-id=\"edc5148\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9749608 elementor-widget elementor-widget-image\" data-id=\"9749608\" 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\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2024\/09\/ReglamentoUsuarioQR.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\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 NORMAS DE CONVIVENCIA Metro Relatos Carrusel Tu comportamiento hace la diferencia con cada acci\u00f3n t\u00fa transmites la Cultura Metro [&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-3847","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/3847"}],"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=3847"}],"version-history":[{"count":187,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/3847\/revisions"}],"predecessor-version":[{"id":18906,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/3847\/revisions\/18906"}],"wp:attachment":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/media?parent=3847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}