{"id":7,"date":"2024-08-18T03:49:07","date_gmt":"2024-08-18T08:49:07","guid":{"rendered":"https:\/\/culturametrodequito.com\/?page_id=7"},"modified":"2026-04-23T12:15:38","modified_gmt":"2026-04-23T17:15:38","slug":"home","status":"publish","type":"page","link":"https:\/\/culturametrodequito.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78dafdb e-flex e-con-boxed e-con e-parent\" data-id=\"78dafdb\" 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-4e1ff510 elementor-widget elementor-widget-html\" data-id=\"4e1ff510\" 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-c1f6301 e-flex e-con-boxed e-con e-parent\" data-id=\"c1f6301\" 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-5bf426e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5bf426e\" 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=\"en\">\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>Metro Relatos Carrusel<\/title>\r\n    <!-- Bootstrap CSS -->\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <!-- Google Font Montserrat -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n    \/* General font style *\/\r\n    body {\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* Estilo general del carrusel *\/\r\n   .carousel-inner {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  height: auto; \/* se adapta al contenido *\/\r\n}\r\n\r\n.pc-view{\r\n    display: block;\r\n}\r\n\r\n\r\n.phone-view{\r\n    display: none;\r\n}\r\n\r\n    .banner {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center; \/* Centra horizontalmente *\/\r\n        background-color: #005bbb; \/* Azul de fondo *\/\r\n        color: white;\r\n        height: 100%; \/* Usa el 100% de la altura del carrusel *\/\r\n        position: relative;\r\n    }\r\n\r\n    .banner-image {\r\n        flex: 1;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .banner-image img {\r\n        height: 50vh; \/* La imagen ocupar\u00e1 toda la altura disponible *\/\r\n        width: 100%; \/* La imagen abarcar\u00e1 todo el ancho *\/\r\n        object-fit: cover; \/* Asegura que la imagen se escale sin deformarse *\/\r\n    }\r\n\r\n    \/* Difuminado en las esquinas *\/\r\n    .carousel-item.slider-1 .banner-image::before,\r\n    .carousel-item.slider-3 .banner-image::before {\r\n        display: none; \/* Elimina el difuminado izquierdo *\/\r\n    }\r\n\r\n    .carousel-item.slider-2 .banner-image::after {\r\n        display: none; \/* Elimina el difuminado derecho *\/\r\n    }\r\n\r\n    .carousel-item .banner-image::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 20%; \/* Tama\u00f1o del gradiente en la esquina izquierda *\/\r\n        height: 100%;\r\n        background: linear-gradient(to right, #005bbb 0%, rgba(0, 91, 187, 0) 100%);\r\n    }\r\n\r\n    .carousel-item .banner-image::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 20%; \/* Tama\u00f1o del gradiente en la esquina derecha *\/\r\n        height: 100%;\r\n        background: linear-gradient(to left, #005bbb 0%, rgba(0, 91, 187, 0) 100%);\r\n    }\r\n\r\n    .banner-text {\r\n        flex: 1;\r\n        text-align: center; \/* Centra el texto *\/\r\n        z-index: 1; \/* Asegura que el texto est\u00e9 sobre el gradiente *\/\r\n        position: relative; \/* Permite usar propiedades como top, left, etc. *\/\r\n    }\r\n\r\n    .banner-text h2 {\r\n        font-size: 3.5em; \/* Tama\u00f1o del t\u00edtulo m\u00e1s grande *\/\r\n        font-weight: bold;\r\n        margin: 0;\r\n        line-height: 1.2; \/* Ajusta el espacio entre l\u00edneas *\/\r\n    }\r\n\r\n    .banner-text p {\r\n        font-size: 1.5em; \/* Tama\u00f1o del p\u00e1rrafo m\u00e1s grande *\/\r\n        margin: 15px 0 0;\r\n        line-height: 1.5; \/* Mejora la legibilidad del texto *\/\r\n    }\r\n\r\n    \/* Slide 2: Imagen a la derecha, texto centrado *\/\r\n    .carousel-item.slide-right-align .banner {\r\n        flex-direction: row-reverse; \/* Cambia el orden: imagen a la derecha *\/\r\n    }\r\n\r\n    \/* Indicadores del carrusel *\/\r\n    .carousel-indicators button {\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    \/* Ajustes para pantallas m\u00e1s peque\u00f1as *\/\r\n    @media (max-width: 768px) {\r\n        .carousel-inner {\r\n            height: 300px; \/* Reduce la altura del carrusel *\/\r\n        }\r\n\r\n        .banner-text h2 {\r\n            font-size: 18px; \/* Tama\u00f1o de texto m\u00e1s peque\u00f1o *\/\r\n        }\r\n\r\n        .banner-text p {\r\n            font-size: 14px; \/* Tama\u00f1o de p\u00e1rrafo m\u00e1s peque\u00f1o *\/\r\n        }\r\n        \r\n         .banner-image img {\r\n            height: 30vh; \/* La imagen ocupar\u00e1 toda la altura disponible *\/\r\n            width: 100%; \/* La imagen abarcar\u00e1 todo el ancho *\/\r\n            object-fit: cover; \/* Asegura que la imagen se escale sin deformarse *\/\r\n        }\r\n        \r\n        .pc-view{\r\n            display: none;\r\n        }\r\n        \r\n        \r\n        .phone-view{\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .carousel-inner {\r\n            height: 30vh; \/* Ajusta la altura para m\u00f3viles peque\u00f1os *\/\r\n        }\r\n\r\n        .banner-text h2 {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .banner-text p {\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .banner-image img {\r\n            height: 25vh; \/* La imagen ocupar\u00e1 toda la altura disponible *\/\r\n            width: 100%; \/* La imagen abarcar\u00e1 todo el ancho *\/\r\n            object-fit: cover; \/* Asegura que la imagen se escale sin deformarse *\/\r\n        }\r\n        \r\n        .pc-view{\r\n            display: none;\r\n        }\r\n        \r\n        \r\n        .phone-view{\r\n            display: block;\r\n        }\r\n    }\r\n    \r\n    \r\n    @media (max-width: 450px) {\r\n        .carousel-inner {\r\n            height: 30vh; \/* Ajusta la altura para m\u00f3viles peque\u00f1os *\/\r\n        }\r\n\r\n        .banner-text h2 {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .banner-text p {\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .banner-image img {\r\n            height: 25vh; \/* La imagen ocupar\u00e1 toda la altura disponible *\/\r\n            width: 100%; \/* La imagen abarcar\u00e1 todo el ancho *\/\r\n            object-fit: cover; \/* Asegura que la imagen se escale sin deformarse *\/\r\n        }\r\n        \r\n        .pc-view{\r\n            display: none;\r\n        }\r\n        \r\n        \r\n        .phone-view{\r\n            display: block;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n<\/head>\r\n<body>\r\n    <!-- Carrusel -->\r\n    <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-bs-ride=\"carousel\">\r\n        <!-- Indicadores del carrusel -->\r\n        <div class=\"carousel-indicators\">\r\n            <button type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide-to=\"0\" class=\"active\" aria-current=\"true\" aria-label=\"Slide 1\"><\/button>\r\n            <button type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide-to=\"1\" aria-label=\"Slide 2\"><\/button>\r\n            <button type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide-to=\"2\" aria-label=\"Slide 3\"><\/button>\r\n        <\/div>\r\n        <!-- Contenido del carrusel -->\r\n        <div class=\"carousel-inner\">\r\n            <!-- Slide 1 -->\r\n            <div class=\"carousel-item active slider-1\">\r\n                <div class=\"banner\">\r\n                    <div class=\"banner-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/03\/c-slider-expo-culturales.jpg\">\r\n                    <\/div>\r\n                    <div class=\"banner-text\">\r\n                        <h2>Arte que viaja contigo <\/h2>\r\n                        <p class=\"pc-view\">Conoce las exposiciones culturales en estaciones: Labrador, Ejido, Alameda, San Francisco, Recreo, Mor\u00e1n Valverde, Quitumbe.<\/p>\r\n                        <p class=\"phone-view\">Conoce las exposiciones culturales en estaciones: Labrador, Ejido, Alameda, San Francisco, Recreo, Mor\u00e1n Valverde, Quitumbe.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Slide 2 -->\r\n            <div class=\"carousel-item slide-right-align slider-2\">\r\n                <div class=\"banner\">\r\n                    <div class=\"banner-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/03\/c-slider-ferias-pedagogicas.jpg\" alt=\"Metro Relatos Slide 2\">\r\n                    <\/div>\r\n                    <div class=\"banner-text\">\r\n                        <h2>Del aula al Metro<\/h2>\r\n                        <p class=\"pc-view\">Llevamos nuestras <strong>Ferias Pedag\u00f3gicas<\/strong> a m\u00e1s de 30 instituciones educativas, promoviendo el <strong>respeto, la convivencia y los valores de la Cultura Metro<\/strong> entre estudiantes y docentes.<\/p>\r\n                        <p class=\"phone-view\">M\u00e1s de 30 instituciones educativas conocieron m\u00e1s sobre la Cultura Metro.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Slide 3 -->\r\n            <div class=\"carousel-item slider-3\">\r\n                <div class=\"banner\">\r\n                    <div class=\"banner-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2026\/03\/c-slider-brigadas.jpg\" alt=\"Metro Relatos Slide 3\">\r\n                    <\/div>\r\n                    <div class=\"banner-text\">\r\n                        <h2>Junto a ti en cada estaci\u00f3n<\/h2>\r\n                        <p class=\"pc-view\">M\u00e1s de <strong>18 mil personas<\/strong> fueron atendidas y guiadas en nuestras <strong>Brigadas Metro<\/strong>.\r\nTe acompa\u00f1amos, informamos y compartimos la <strong>Cultura Metro<\/strong> en todo tu trayecto.\r\n<\/p>\r\n<p class=\"phone-view\">M\u00e1s de 18 mil personas fueron atendidas y guiadas en nuestras Brigadas Metro.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Controles del carrusel -->\r\n        <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide=\"prev\">\r\n            <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"visually-hidden\">Previous<\/span>\r\n        <\/button>\r\n        <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide=\"next\">\r\n            <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"visually-hidden\">Next<\/span>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <!-- Bootstrap JS -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha3\/dist\/js\/bootstrap.bundle.min.js\"><\/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-a6c3496 e-flex e-con-boxed e-con e-parent\" data-id=\"a6c3496\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8b01e7c e-con-full e-transform e-flex e-con e-child\" data-id=\"8b01e7c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:22238,&quot;url&quot;:&quot;https:\\\/\\\/culturametrodequito.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/c-Atencion-a-cliente.jpg&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;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500,&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\t\t<div class=\"elementor-element elementor-element-243a39f elementor-absolute elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"243a39f\" 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=\"https:\/\/culturametrodequito.com\/index.php\/cursos-mooc\">Cursos <\/br>\n Abiertos<\/a><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8df9b2 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"b8df9b2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/culturametrodequito.com\/index.php\/cursos-mooc\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chalkboard-teacher\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M208 352c-2.39 0-4.78.35-7.06 1.09C187.98 357.3 174.35 360 160 360c-14.35 0-27.98-2.7-40.95-6.91-2.28-.74-4.66-1.09-7.05-1.09C49.94 352-.33 402.48 0 464.62.14 490.88 21.73 512 48 512h224c26.27 0 47.86-21.12 48-47.38.33-62.14-49.94-112.62-112-112.62zm-48-32c53.02 0 96-42.98 96-96s-42.98-96-96-96-96 42.98-96 96 42.98 96 96 96zM592 0H208c-26.47 0-48 22.25-48 49.59V96c23.42 0 45.1 6.78 64 17.8V64h352v288h-64v-64H384v64h-76.24c19.1 16.69 33.12 38.73 39.69 64H592c26.47 0 48-22.25 48-49.59V49.59C640 22.25 618.47 0 592 0z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\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-baca0ea e-con-full e-transform e-flex e-con e-child\" data-id=\"baca0ea\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:22239,&quot;url&quot;:&quot;https:\\\/\\\/culturametrodequito.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/c-illustracion-Metro.jpg&quot;}],&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500,&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\t\t<div class=\"elementor-element elementor-element-f164c6a elementor-absolute elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"f164c6a\" 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=\"https:\/\/culturametrodequito.com\/index.php\/data-verde\">Sostenibilidad<\/a><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0659fc9 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"0659fc9\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/culturametrodequito.com\/index.php\/data-verde\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-leaf\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\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-92e1d86 e-con-full e-transform e-flex e-con e-child\" data-id=\"92e1d86\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:21968,&quot;url&quot;:&quot;https:\\\/\\\/culturametrodequito.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/EXPO-CULTURAL-29-ENE-MORAN-VALVERDE_6.jpg&quot;}],&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500,&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\t\t<div class=\"elementor-element elementor-element-7389d04 elementor-absolute elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"7389d04\" 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=\"https:\/\/culturametrodequito.com\/index.php\/recorridos\" target=\"_blank\">Formulario de inscripci\u00f3n <br> Recorridos<\/a><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f10f53 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"7f10f53\" data-element_type=\"widget\" id=\"formulario_recorridos\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/culturametrodequito.com\/index.php\/recorridos\" target=\"_blank\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-walking\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M208 96c26.5 0 48-21.5 48-48S234.5 0 208 0s-48 21.5-48 48 21.5 48 48 48zm94.5 149.1l-23.3-11.8-9.7-29.4c-14.7-44.6-55.7-75.8-102.2-75.9-36-.1-55.9 10.1-93.3 25.2-21.6 8.7-39.3 25.2-49.7 46.2L17.6 213c-7.8 15.8-1.5 35 14.2 42.9 15.6 7.9 34.6 1.5 42.5-14.3L81 228c3.5-7 9.3-12.5 16.5-15.4l26.8-10.8-15.2 60.7c-5.2 20.8.4 42.9 14.9 58.8l59.9 65.4c7.2 7.9 12.3 17.4 14.9 27.7l18.3 73.3c4.3 17.1 21.7 27.6 38.8 23.3 17.1-4.3 27.6-21.7 23.3-38.8l-22.2-89c-2.6-10.3-7.7-19.9-14.9-27.7l-45.5-49.7 17.2-68.7 5.5 16.5c5.3 16.1 16.7 29.4 31.7 37l23.3 11.8c15.6 7.9 34.6 1.5 42.5-14.3 7.7-15.7 1.4-35.1-14.3-43zM73.6 385.8c-3.2 8.1-8 15.4-14.2 21.5l-50 50.1c-12.5 12.5-12.5 32.8 0 45.3s32.7 12.5 45.2 0l59.4-59.4c6.1-6.1 10.9-13.4 14.2-21.5l13.5-33.8c-55.3-60.3-38.7-41.8-47.4-53.7l-20.7 51.5z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\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-123e4e3 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"123e4e3\" 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-2ef1141 e-con-full animated-slow e-flex e-con e-child\" data-id=\"2ef1141\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97f1295 e-con-full animated-slow e-flex e-con e-child\" data-id=\"97f1295\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9629d46 elementor-widget elementor-widget-html\" data-id=\"9629d46\" 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<script>\n    $(()=>{\n        $('#formulario_recorridos').on('click', ()=>{\n            alert('hola')\n        })\n    })\n<\/script>\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-7daefd8 e-con-full animated-slow e-flex e-con e-child\" data-id=\"7daefd8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-682f8e9 elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"682f8e9\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"#\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-hand-point-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M105.6 83.2v86.177a115.52 115.52 0 0 0-22.4-2.176c-47.914 0-83.2 35.072-83.2 92 0 45.314 48.537 57.002 78.784 75.707 12.413 7.735 23.317 16.994 33.253 25.851l.146.131.148.129C129.807 376.338 136 384.236 136 391.2v2.679c-4.952 5.747-8 13.536-8 22.12v64c0 17.673 12.894 32 28.8 32h230.4c15.906 0 28.8-14.327 28.8-32v-64c0-8.584-3.048-16.373-8-22.12V391.2c0-28.688 40-67.137 40-127.2v-21.299c0-62.542-38.658-98.8-91.145-99.94-17.813-12.482-40.785-18.491-62.791-15.985A93.148 93.148 0 0 0 272 118.847V83.2C272 37.765 234.416 0 188.8 0c-45.099 0-83.2 38.101-83.2 83.2zm118.4 0v91.026c14.669-12.837 42.825-14.415 61.05 4.95 19.646-11.227 45.624-1.687 53.625 12.925 39.128-6.524 61.325 10.076 61.325 50.6V264c0 45.491-35.913 77.21-39.676 120H183.571c-2.964-25.239-21.222-42.966-39.596-59.075-12.65-11.275-25.3-21.725-39.875-30.799C80.712 279.645 48 267.994 48 259.2c0-23.375 8.8-44 35.2-44 35.2 0 53.075 26.4 70.4 26.4V83.2c0-18.425 16.5-35.2 35.2-35.2 18.975 0 35.2 16.225 35.2 35.2zM352 424c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\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-887434c e-con-full animated-slow e-flex e-con e-child\" data-id=\"887434c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c850980 elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"c850980\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"#\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-train\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M448 96v256c0 51.815-61.624 96-130.022 96l62.98 49.721C386.905 502.417 383.562 512 376 512H72c-7.578 0-10.892-9.594-4.957-14.279L130.022 448C61.82 448 0 403.954 0 352V96C0 42.981 64 0 128 0h192c65 0 128 42.981 128 96zm-48 136V120c0-13.255-10.745-24-24-24H72c-13.255 0-24 10.745-24 24v112c0 13.255 10.745 24 24 24h304c13.255 0 24-10.745 24-24zm-176 64c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\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-515de33 e-con-full e-flex e-con e-child\" data-id=\"515de33\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b461a1 elementor-widget__width-initial elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"8b461a1\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"#\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-project-diagram\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M384 320H256c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32zM192 32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v128c0 17.67 14.33 32 32 32h95.72l73.16 128.04C211.98 300.98 232.4 288 256 288h.28L192 175.51V128h224V64H192V32zM608 0H480c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\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-f5b2498 e-con-full animated-slow e-flex e-con e-child\" data-id=\"f5b2498\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1212f60 elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"1212f60\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"#\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-leaf\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\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-976caac e-con-full animated-slow e-flex e-con e-child\" data-id=\"976caac\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\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-2d2c435 e-flex e-con-boxed e-con e-parent\" data-id=\"2d2c435\" 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-49f3289 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"49f3289\" 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>Modal con Bootstrap<\/title>\n    \n    <!-- Bootstrap CSS -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Allison&display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Aqu\u00ed van tus estilos personalizados *\/\n        #train-container {\n            position: relative;\n            width: 100%;\n            \/*max-width: 1200px;*\/\n            margin-top: 10px;\n            margin-bottom: 10px;\n        }\n\n        #train-image {\n            width: 60%;\n            height: auto;\n        }\n\n        .bubble {\n            display: none; \/*RFC 20251012*\/\n            position: absolute;\n            font-family: \"Montserrat\", sans-serif;\n            font-weight: bold;\n            background-color: #fff;\n            border-radius: 20px;\n            padding: 2px 4px;\n            font-size: 0.9rem;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            #opacity: 0;\n            transform: translateY(-20px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .text-container {\n            font-size: 2.8rem;\n            font-family: 'Poppins', sans-serif;\n            position: absolute;\n            font-weight: bold;\n        }\n\n        .conoce {\n            font-family: 'Montserrat Medium'!important;\n            color: #33aaff;\n            display: inline-block; \n            border-radius: 5px; \/* Bordes redondeados *\/\n            transition: transform 0.3s ease;\n            cursor: pointer;\n        }\n\n        .conoce:hover { \n            transform: scale(1.1);\n        }\n\n        .siente {\n            font-family: 'Montserrat Medium'!important;\n            color: #003366;\n        }\n\n        .valora {\n            font-family: 'Montserrat ExtraBold' !important;\n            color: #ff3333;\n        }\n\n        .bubble.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .bubble-orange {\n            background-color: #ff5c33;\n            color: #fff;\n            width: auto;\n            cursor: pointer;\n        }\n\n        .bubble.show:hover {\n            transform: scale(1.1);\n        }\n\n        .bubble-blue {\n            background-color: #33aaff;\n            color: #fff;\n            width: auto;\n            cursor: pointer;\n        }\n\n        .bubble-dark-blue {\n            background-color: #003366;\n            color: #fff;\n            cursor: pointer;\n        }\n\n        .bubble-red {\n            background-color: #ff3333;\n            color: #fff;\n            cursor: pointer;\n        }\n\n        #bubble-5 {\n            top: 35%;\n            right: 2%;\n        }\n        \n        #bubble-ln{\n             top: 46%;\n            right: 2%;\n        }\n\n        #bubble-4 {\n            bottom: 0%;\n            left: 32%;\n        }\n\n        #bubble-3 {\n            top: 40%;\n            right: -7%;\n        }\n\n        #bubble-2 {\n            top: 0%;\n            left: 75%;\n        }\n\n        #bubble-1 {\n            top: 0%;\n            left: 28%;\n        }\n        \n        \/* Media queries para pantallas peque\u00f1as *\/\n        @media (max-width: 768px) {\n            .bubble {\n                font-size: 0.3rem;\n                display: flex;\n                place-content: center;\n              \n                width: 4.5rem;\n                padding: 0px; \/* Reduce el padding para adelgazar las burbujas *\/\n             \n            }\n            .text-container {\n                font-size: 0.8rem;\n            }\n        }\n\n\n        .close {\n            color: #333;\n            float: right;\n            font-size: 28px;\n            font-weight: bold;\n            cursor: pointer;\n        }\n\/* Estilos del Modal *\/\n.modal-content {\n    box-sizing: border-box;\n    transition: transform 0.4s ease;\n    max-width: 700px;\n    width: 100%;\n}\n\n.modal-dialog {\n    margin-top: 50px; \/* Espaciado arriba del modal *\/\n     max-width: 700px !important; \/* Tama\u00f1o m\u00e1ximo *\/\n}\n\n.modal-body {\n    display: flex;\n    align-items: center;\n}\n\n.modal-body iframe {\n    width: 240px; \/* Ajusta el tama\u00f1o seg\u00fan tus necesidades *\/\n    height: 240px; \/* Ajusta el tama\u00f1o seg\u00fan tus necesidades *\/\n    margin-right: 20px; \/* Espacio entre el video y la descripci\u00f3n *\/\n}\n\n.modal-description {\n    flex: 2; \/* Toma m\u00e1s del espacio disponible *\/\n    max-width: 500px; \/* Puedes ajustar el m\u00e1ximo ancho seg\u00fan lo necesites *\/\n    width: 100%; \/* Aseg\u00farate de que ocupe todo el ancho disponible *\/\n}\n\n\/* Estilos para pantallas peque\u00f1as *\/\n@media (max-width: 768px) {\n    .modal-content {\n        max-width: 95%; \/* Ajusta el ancho m\u00e1ximo del modal a un 95% del ancho de la pantalla *\/\n        width: auto; \/* Deja que el modal se ajuste autom\u00e1ticamente al contenido *\/\n        padding: 15px; \/* A\u00f1ade un peque\u00f1o padding alrededor del contenido *\/\n    }\n    .modal-dialog{\n        top:15%;\n    }\n\n    .modal-body {\n        display: flex;\n        flex-direction: column; \/* Cambia el layout a columna en pantallas peque\u00f1as *\/\n        align-items: center; \/* Centrar el contenido en dispositivos m\u00f3viles *\/\n    }\n\n    .modal-body iframe {\n        width: 100%; \/* El video ocupa todo el ancho en m\u00f3viles *\/\n        height: 320px; \/* Ajusta la altura del video autom\u00e1ticamente *\/\n        margin-right: 0; \/* Elimina el margen derecho ya que el video estar\u00e1 sobre la descripci\u00f3n *\/\n        margin-bottom: 15px; \/* A\u00f1ade un espacio entre el video y la descripci\u00f3n *\/\n    }\n\n    .modal-description {\n        width: 100%; \/* La descripci\u00f3n ocupa todo el ancho *\/\n        font-size: 0.9rem; \/* Ajusta el tama\u00f1o de la fuente para mejor legibilidad *\/\n        padding: 0px; \/* Reduce el padding *\/\n        text-align: center; \/* Centrar el texto en m\u00f3viles *\/\n    }\n}\n\n    <\/style>\n<\/head>\n<body>\n    <div id=\"train-container\">\n        <img decoding=\"async\" id=\"train-image\" src=\"https:\/\/culturametrodequito.com\/wp-content\/uploads\/2025\/10\/tren-metro-quito.png\" alt=\"Tren\">\n        <!--<div id=\"bubble-1\" class=\"bubble bubble-orange\" data-video=\"LdFrv8KJ1R4\" data-description=\"El Metro de Quito ha alcanzado un hito significativo con m\u00e1s de 488 mil viajes realizados. Esto refleja su creciente adopci\u00f3n como un medio de transporte esencial para los quite\u00f1os, ayudando a mejorar la movilidad urbana.\">488.097 viajes<\/div>\n        <div id=\"bubble-2\" class=\"bubble bubble-blue\" data-video=\"lTAhIfpNEfo\" data-description=\"En 263 d\u00edas de operaci\u00f3n, el Metro de Quito ha mostrado un rendimiento eficiente y confiable. Su implementaci\u00f3n ha transformado la din\u00e1mica del transporte p\u00fablico, conectando a miles de personas cada d\u00eda de manera r\u00e1pida y segura.\">263 d\u00edas de operaci\u00f3n<\/div>\n        <div id=\"bubble-3\" class=\"bubble bubble-dark-blue\" data-video=\"O6WsrDXP1vg\" data-description=\"La cultura del Metro de Quito se refleja en su alto \u00edndice de satisfacci\u00f3n de 9.7, destacando la calidad del servicio ofrecido a los usuarios. La comodidad, puntualidad y eficiencia del sistema han sido clave para ganar la confianza de la ciudadan\u00eda.\">9.7 satisfacci\u00f3n del servicio<\/div>\n        <div id=\"bubble-4\" class=\"bubble bubble-red\" data-video=\"oquoIPl22Q0\" data-description=\"Con m\u00e1s de 12,000 kil\u00f3metros recorridos, el Metro de Quito sigue demostrando su capacidad para cubrir grandes distancias de manera eficiente, siendo un componente crucial en la red de transporte de la ciudad y mejorando la calidad de vida de sus ciudadanos.\">12.000 km recorridos<\/div>-->\n        <div id=\"bubble-5\" class=\"text-container\">\n            <span class=\"siente\">Con la Cultura Metro<\/span>\n        <\/div>\n        <div id=\"bubble-ln\" class=\"text-container\">\n            <span class=\"valora\">Quito se mueve distinto<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Modal -->\n    <div class=\"modal fade\" id=\"myModal\" tabindex=\"-1\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">CULTURA METRO DE QUITO<\/h5>\n                    <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\n                <\/div>\n                <div class=\"modal-body\">\n                    <iframe id=\"modal-video\" src=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                    <div class=\"modal-description\" id=\"modal-description\"><\/div>\n                <\/div>\n                <div class=\"modal-footer\">\n                    <span class=\"conoce\">Con la Cultura Metro <\/span>\n                    <span class=\"siente\">Quito se mueve<\/span>\n                    <span class=\"valora\"> Distinto<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Bootstrap JS -->\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n    <script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/5.3.0\/js\/bootstrap.bundle.min.js\"><\/script>\n    <script>\n        \/\/ Funci\u00f3n para mostrar el modal\n      \/\/ Funci\u00f3n para mostrar el modal\nfunction showModal(videoSrc, description) {\n    const modal = new bootstrap.Modal(document.getElementById('myModal'));\n    const modalVideo = document.getElementById(\"modal-video\");\n    const modalDescription = document.getElementById(\"modal-description\");\n\n    \/\/ Agrega autoplay=1 a la URL para que el video se reproduzca autom\u00e1ticamente\n    modalVideo.src = `https:\/\/www.youtube.com\/embed\/${videoSrc}?autoplay=1`;\n    modalDescription.textContent = description;\n\n    modal.show(); \/\/ Muestra el modal de Bootstrap\n}\n\n\/\/ Evento para limpiar el video cuando el modal se cierra\ndocument.getElementById('myModal').addEventListener('hidden.bs.modal', function () {\n    const modalVideo = document.getElementById(\"modal-video\");\n    modalVideo.src = ''; \/\/ Restablece el src para detener el video\n});\n\n        \/\/ Agregar eventos a los globos para mostrar el modal\n        document.querySelectorAll('.bubble').forEach(bubble => {\n            bubble.addEventListener('click', () => {\n                const videoSrc = bubble.getAttribute(' ');\n                const description = bubble.getAttribute('data-description');\n                showModal(videoSrc, description);\n            });\n        });\n\n        \/\/ Mostrar las burbujas con animaci\u00f3n\n        window.onload = function() {\n            const bubbles = document.querySelectorAll('.bubble');\n            bubbles.forEach((bubble, index) => {\n                setTimeout(() => {\n                    bubble.classList.add('show');\n                }, index * 500); \/\/ Retardo para cada burbuja\n            });\n        };\n    <\/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-c9f5ac1 e-flex e-con-boxed e-con e-parent\" data-id=\"c9f5ac1\" 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<div class=\"elementor-element elementor-element-31c1263 e-con-full animated-slow e-flex e-con e-child\" data-id=\"31c1263\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0516b9f e-con-full animated-slow e-flex e-con e-child\" data-id=\"0516b9f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cc9f3a elementor-widget elementor-widget-heading\" data-id=\"0cc9f3a\" 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\">ATENCI\u00d3N AL CLIENTE<\/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-24572fa e-con-full animated-slow e-flex e-con e-child\" data-id=\"24572fa\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54941e6 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"54941e6\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-users\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\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-738cbe4 e-con-full animated-slow e-flex e-con e-child\" data-id=\"738cbe4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\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-c313d7c e-grid elementor-hidden-mobile e-con-boxed e-con e-parent\" data-id=\"c313d7c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a8799c7 e-flex e-con-boxed e-con e-child\" data-id=\"a8799c7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:22237,&quot;url&quot;:&quot;https:\\\/\\\/culturametrodequito.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/c-Objectos-perdidos.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36a457e elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"36a457e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/culturametrodequito.com\/index.php\/formulario\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00bfPerdiste un objeto <\/br> en el Metro?<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bad32e6 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"bad32e6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&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\">Ent\u00e9rate como <\/br> recuperarlo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7ce828 elementor-align-right elementor-widget__width-auto animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"e7ce828\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/culturametrodequito.com\/index.php\/formulario\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Aqu\u00ed<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-a177e88 e-flex e-con-boxed e-con e-child\" data-id=\"a177e88\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:22238,&quot;url&quot;:&quot;https:\\\/\\\/culturametrodequito.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/c-Atencion-a-cliente.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d03a0f elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"5d03a0f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/metrodequito.gob.ec\/preguntasviajeros\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00bfTienes alguna <\/br>  sugerencia o queja ?<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f11f56 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4f11f56\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&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\">Llena el <br> formulario<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0280da2 elementor-align-right elementor-widget__width-auto animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"0280da2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/metrodequito.gob.ec\/preguntasviajeros\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Aqu\u00ed<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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 Metro Relatos Carrusel Arte que viaja contigo Conoce las exposiciones culturales en estaciones: Labrador, Ejido, Alameda, San Francisco, Recreo, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/7"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":2860,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":22294,"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/22294"}],"wp:attachment":[{"href":"https:\/\/culturametrodequito.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}