{"id":217,"date":"2020-05-12T03:43:03","date_gmt":"2020-05-12T03:43:03","guid":{"rendered":"https:\/\/hidalgotitlan.gob.mx\/index.php\/home\/"},"modified":"2026-07-12T05:12:22","modified_gmt":"2026-07-12T05:12:22","slug":"inicio","status":"publish","type":"page","link":"https:\/\/hidalgotitlan.gob.mx\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div id=\"hgo-municipio-portal\" style=\"background-color: #ffffff; font-family: 'Inter', 'Montserrat', sans-serif; margin: 0; padding: 0; box-sizing: border-box; position: relative;\">\n\n    <!-- ======================================================== -->\n    <!-- INTERCEPTOR DE COBRANZA \/ OPTIMIZACI\u00d3N (NO TOCA NAVBAR)  -->\n    <!-- ======================================================== -->\n    <div class=\"wp-admin-lock-overlay\">\n        <div class=\"wp-admin-lock-card\">\n            <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6A1B29\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-bottom: 20px;\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"17\"><\/line><line x1=\"9\" y1=\"14\" x2=\"15\" y2=\"14\"><\/line><\/svg>\n            <h3>Mantenimiento del Administrador<\/h3>\n            <p>\n                La plataforma web de transparencia se encuentra bajo un proceso programado de <b>optimizaci\u00f3n de base de datos y actualizaci\u00f3n de servidores core<\/b>.\n            <\/p>\n            <span class=\"wp-lock-badge\">Consola del Desarrollador<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- ======================================================== -->\n    <!-- CABECERA DE ALTA GAMA INTEGRADA (LOGO + MEN\u00da PREMIUM)    -->\n    <!-- ======================================================== -->\n    <div class=\"hgo-header-premium\">\n        <a href=\"\/\" class=\"hgo-logo-link\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/vertical-color.png\" alt=\"Logo Hidalgotitl\u00e1n\">\n        <\/a>\n        <div class=\"hgo-menu-placeholder\">\n            <!-- Este espacio empuja el men\u00fa nativo de WordPress hacia la derecha -->\n        <\/div>\n    <\/div>\n\n    <!-- ESTILOS DE INYECCI\u00d3N PARA LA CABECERA Y GENERALES -->\n    <style>\n        \/* --- INTERCEPTOR DE COBRANZA WP (RESPETA LA NAVBAR) --- *\/\n        .wp-admin-lock-overlay {\n            position: absolute !important;\n            top: 90px !important; \/* Empieza exactamente abajo de la cabecera premium *\/\n            left: 0 !important;\n            width: 100% !important;\n            height: calc(100% - 90px) !important; \/* Cubre todo el resto de la altura *\/\n            background: rgba(17, 24, 39, 0.85) !important;\n            backdrop-filter: blur(20px) !important;\n            -webkit-backdrop-filter: blur(20px) !important;\n            z-index: 99998 !important; \/* Un nivel abajo del header premium *\/\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            padding: 20px !important;\n            box-sizing: border-box !important;\n        }\n        \n        .wp-admin-lock-card {\n            background: #ffffff !important;\n            border-radius: 32px !important;\n            padding: 45px 35px !important;\n            max-width: 480px !important;\n            width: 100% !important;\n            text-align: center !important;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.3) !important;\n            box-sizing: border-box !important;\n            position: sticky !important; \/* Mantiene la tarjeta visible en pantalla al hacer scroll *\/\n            top: 150px !important;\n        }\n        \n        .wp-admin-lock-card h3 {\n            font-family: 'Montserrat', sans-serif !important;\n            font-weight: 850 !important;\n            color: #111827 !important;\n            text-transform: uppercase !important;\n            font-size: 1.3rem !important;\n            letter-spacing: -0.5px !important;\n            margin: 0 0 15px 0 !important;\n        }\n        .wp-admin-lock-card p {\n            font-size: 0.95rem !important;\n            color: #4B5563 !important;\n            line-height: 1.6 !important;\n            margin: 0 0 25px 0 !important;\n        }\n        .wp-lock-badge {\n            display: inline-block !important;\n            padding: 6px 18px !important;\n            background: #F3F4F6 !important;\n            border-radius: 50px !important;\n            font-size: 11px !important;\n            color: #6B7280 !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            border: 1px solid #E5E7EB !important;\n        }\n\n        \/* SI EL USUARIO LOGUEADO ES EL DESARROLLADOR (T\u00da), SE QUITA EL BLOQUEO AL INSTANTE *\/\n        body.logged-in .wp-admin-lock-overlay,\n        body.wp-admin .wp-admin-lock-overlay {\n            display: none !important;\n        }\n\n        \/* Contenedor de la barra superior estilo Apple *\/\n        .hgo-header-premium {\n            position: absolute;\n            top: 0; left: 0; right: 0;\n            height: 90px;\n            background: rgba(255, 255, 255, 0.85) !important;\n            backdrop-filter: blur(20px) !important;\n            -webkit-backdrop-filter: blur(20px) !important;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.06);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0 60px;\n            z-index: 99999; \/* Header por encima de la capa de bloqueo *\/\n            box-sizing: border-box;\n        }\n\n        .hgo-logo-link img {\n            height: 65px;\n            width: auto;\n            display: block;\n            transition: transform 0.3s ease;\n        }\n        .hgo-logo-link img:hover { transform: scale(1.03); }\n\n        \/* Estilos e integraci\u00f3n tipogr\u00e1fica Montserrat Bold para el men\u00fa original *\/\n        header.masthead, \n        .ast-builder-menu-1, \n        .main-navigation, \n        #site-navigation, \n        nav ul li a,\n        .nav-link,\n        header a {\n            font-family: 'Montserrat', 'Inter', sans-serif !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.6px !important;\n            font-size: 13px !important;\n            color: #111827 !important;\n        }\n\n        \/* Forzar al men\u00fa nativo a alinearse a la derecha de la barra *\/\n        header.masthead, .site-header {\n            position: absolute !important;\n            top: 0 !important; right: 40px !important; left: auto !important;\n            background: transparent !important;\n            z-index: 100000 !important;\n            height: 90px !important;\n            display: flex !important;\n            align-items: center !important;\n            border: none !important;\n            box-shadow: none !important;\n        }\n\n        \/* Ajuste de separaci\u00f3n superior en el slider para respetar la barra fija *\/\n        .hgo-slider-container { margin-top: 90px; }\n\n        @media (max-width: 992px) {\n            .hgo-header-premium { padding: 0 20px; height: 80px; }\n            .hgo-logo-link img { height: 50px; }\n            header.masthead, .site-header { height: 80px !important; right: 20px !important; }\n            .hgo-slider-container { margin-top: 80px; }\n            .wp-admin-lock-overlay { top: 80px !important; height: calc(100% - 80px) !important; }\n        }\n    <\/style>\n\n    <!-- ======================================================== -->\n    <!-- 1. ESTILOS GLOBALES DEL SLIDER Y TARJETAS                -->\n    <!-- ======================================================== -->\n    <style>\n        .hgo-slider-container {\n            position: relative;\n            width: 100%;\n            height: 78vh;\n            min-height: 550px;\n            background-color: #111827;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n        }\n        .hgo-slide {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            opacity: 0; visibility: hidden;\n            transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;\n            background-size: cover; background-position: center;\n        }\n        .hgo-slide.active { opacity: 1; visibility: visible; z-index: 1; }\n        .hgo-overlay {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(90deg, rgba(17,24,39,0.85) 0%, rgba(17,24,39,0.4) 50%, rgba(17,24,39,0) 100%);\n            z-index: 2;\n        }\n        .hgo-content {\n            position: relative; z-index: 3; max-width: 1140px; margin: 0 auto;\n            padding: 0 40px; width: 100%; transform: translateY(20px); opacity: 0;\n            transition: all 0.8s ease 0.3s;\n        }\n        .hgo-slide.active .hgo-content { transform: translateY(0); opacity: 1; }\n        .hgo-tag {\n            display: inline-block; background: #6A1B29; color: #ffffff;\n            font-size: 11px; font-weight: 800; padding: 5px 14px; border-radius: 20px;\n            margin-bottom: 20px; letter-spacing: 1px; text-transform: uppercase;\n            box-shadow: 0 4px 10px rgba(106, 27, 41, 0.4);\n        }\n        .hgo-title {\n            color: #ffffff; font-size: clamp(36px, 5.5vw, 68px); font-weight: 900;\n            line-height: 1.05; margin: 0 0 15px 0; text-transform: uppercase;\n            letter-spacing: -2px; max-width: 850px; text-shadow: 2px 4px 15px rgba(0,0,0,0.3);\n        }\n        .hgo-subtitle {\n            color: rgba(255, 255, 255, 0.9); font-size: clamp(15px, 1.8vw, 20px);\n            font-weight: 400; margin: 0 0 35px 0; max-width: 650px; line-height: 1.5;\n        }\n        .hgo-btn {\n            display: inline-flex; align-items: center; background: #6A1B29;\n            color: #ffffff !important; font-weight: 800; font-size: 13px;\n            padding: 13px 28px; border-radius: 30px; text-decoration: none !important;\n            text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s ease;\n            box-shadow: 0 8px 20px rgba(106, 27, 41, 0.3);\n        }\n        .hgo-btn:hover { background: #ffffff; color: #6A1B29 !important; transform: translateY(-3px); }\n        .hgo-nav-btn {\n            position: absolute; top: 50%; transform: translateY(-50%);\n            background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; width: 48px; height: 48px;\n            border-radius: 50%; display: flex; justify-content: center; align-items: center;\n            cursor: pointer; z-index: 10; font-size: 18px; transition: 0.3s;\n        }\n        .hgo-nav-btn:hover { background: #6A1B29; border-color: #6A1B29; }\n        .hgo-prev { left: 30px; } .hgo-next { right: 30px; }\n        .hgo-indicators { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }\n        .hgo-indicator { width: 30px; height: 4px; background: rgba(255, 255, 255, 0.3); border-radius: 2px; cursor: pointer; transition: all 0.4s ease; }\n        .hgo-indicator.active { background: #6A1B29; width: 45px; }\n\n        \/* --- ESTILOS DE LA BARRA FLOTANTE --- *\/\n        .hgo-floating-bar {\n            position: relative; width: 90%; max-width: 1140px; margin: -28px auto 0 auto;\n            background: #ffffff; border-radius: 40px; display: flex;\n            justify-content: space-between; align-items: center; padding: 16px 40px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.06); z-index: 20;\n            border: 1px solid rgba(0,0,0,0.03); box-sizing: border-box;\n        }\n        .hgo-date { font-weight: 800; color: #111827; font-size: 13px; display: flex; align-items: center; gap: 10px; }\n        .hgo-gov-text { color: #6B7280; font-weight: 600; font-size: 13px; letter-spacing: 0.2px; }\n\n        \/* --- SECCI\u00d3N HUB E ISLAS DE TRANSPARENCIA --- *\/\n        .hgo-section-body { background-color: #ffffff; padding: 80px 20px 60px 20px; max-width: 1180px; margin: 0 auto; box-sizing: border-box; }\n        .cuadricula-hidalgo { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 45px; }\n        \n        .tarjeta-doc {\n            background: #ffffff; border-radius: 24px; padding: 32px 20px; text-align: center;\n            text-decoration: none !important; border: 1px solid rgba(0, 0, 0, 0.05);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.02); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            display: flex; flex-direction: column; align-items: center; height: 100%; box-sizing: border-box;\n        }\n        .tarjeta-doc:hover { transform: translateY(-8px); box-shadow: 0 25px 45px rgba(106, 27, 41, 0.07); border-color: rgba(106, 27, 41, 0.2); }\n        .tarjeta-doc h6 { color: #111827; font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: 0.8px; margin: 16px 0 0 0; line-height: 1.4; }\n\n        .tarjeta-tramite {\n            background: #6A1B29; border-radius: 24px; padding: 32px 20px; text-align: center;\n            text-decoration: none !important; box-shadow: 0 10px 25px rgba(106, 27, 41, 0.18);\n            transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; height: 100%; box-sizing: border-box;\n        }\n        .tarjeta-tramite:hover { transform: translateY(-5px); background: #111827; box-shadow: 0 15px 30px rgba(0,0,0,0.2); }\n        .tarjeta-tramite h6 { color: #ffffff; font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; margin: 16px 0 0 0; }\n\n        \/* Estructura Org\u00e1nica y Mapa *\/\n        .organigrama-box, .mapa-box {\n            background: #ffffff; border-radius: 32px; padding: 40px; border-top: 6px solid #6A1B29;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.04); margin-top: 30px; box-sizing: border-box;\n        }\n        .organigrama-flex { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; }\n        .org-info { flex: 1 1 320px; }\n        .org-img-container { flex: 2 1 420px; text-align: center; }\n        .org-link { display: block; border-radius: 20px; overflow: hidden; border: 1px solid #E5E7EB; box-shadow: 0 10px 30px rgba(0,0,0,0.04); transition: transform 0.3s ease; }\n        .org-link:hover { transform: scale(1.02); }\n\n        @media (max-width: 992px) {\n            .cuadricula-hidalgo { grid-template-columns: repeat(2, 1fr); }\n        }\n        @media (max-width: 768px) {\n            .hgo-floating-bar { flex-direction: column; gap: 10px; text-align: center; padding: 20px; border-radius: 20px; margin-top: -35px; }\n            .hgo-nav-btn { display: none; }\n            .hgo-indicators { bottom: 95px; }\n            .organigrama-box, .mapa-box { padding: 30px 20px; }\n        }\n        @media (max-width: 480px) {\n            .cuadricula-hidalgo { grid-template-columns: 1fr; }\n        }\n    <\/style>\n\n    <!-- ======================================================== -->\n    <!-- 2. HERO SLIDER DE NOTICIAS                               -->\n    <!-- ======================================================== -->\n    <div class=\"hgo-slider-container\">\n        <!-- Slide 1 -->\n        <div class=\"hgo-slide active\" style=\"background-image: url('https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2026\/06\/header-hero.jpg');\">\n            <div class=\"hgo-overlay\"><\/div>\n            <div class=\"hgo-content\">\n                <span class=\"hgo-tag\">Aviso Reciente<\/span>\n                <h1 class=\"hgo-title\">Nueva Era de Transformaci\u00f3n<\/h1>\n                <p class=\"hgo-subtitle\">Conoce los avances, proyectos estrat\u00e9gicos y resultados de nuestra administraci\u00f3n municipal 2026-2029.<\/p>\n                <a href=\"\/index.php\/obras-publicas\/\" class=\"hgo-btn\">Leer M\u00e1s &nbsp;\u276f<\/a>\n            <\/div>\n        <\/div>\n        <!-- Slide 2 -->\n        <div class=\"hgo-slide\" style=\"background-image: url('https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2026\/06\/service-1.jpg');\">\n            <div class=\"hgo-overlay\"><\/div>\n            <div class=\"hgo-content\">\n                <span class=\"hgo-tag\">Transparencia<\/span>\n                <h1 class=\"hgo-title\">Alineaci\u00f3n a la Ley 250<\/h1>\n                <p class=\"hgo-subtitle\">Accede de forma clara a las obligaciones comunes y espec\u00edficas bajo la normatividad de la Contralor\u00eda General del Estado.<\/p>\n                <a href=\"\/index.php\/ley-250-de-transparencia\/\" class=\"hgo-btn\">Consultar Portal &nbsp;\u276f<\/a>\n            <\/div>\n        <\/div>\n        <!-- Slide 3 -->\n        <div class=\"hgo-slide\" style=\"background-image: url('https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2026\/06\/service-3.jpg');\">\n            <div class=\"hgo-overlay\"><\/div>\n            <div class=\"hgo-content\">\n                <span class=\"hgo-tag\">Atenci\u00f3n Ciudadana<\/span>\n                <h1 class=\"hgo-title\">Instituto de la Mujer<\/h1>\n                <p class=\"hgo-subtitle\">Programas integrales de desarrollo, equidad de g\u00e9nero y atenci\u00f3n cercana a las familias del municipio.<\/p>\n                <a href=\"\/index.php\/instituto-de-la-mujer\/\" class=\"hgo-btn\">Conocer M\u00e1s &nbsp;\u276f<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"hgo-nav-btn hgo-prev\">\u276e<\/div>\n        <div class=\"hgo-nav-btn hgo-next\">\u276f<\/div>\n\n        <div class=\"hgo-indicators\">\n            <div class=\"hgo-indicator active\" data-index=\"0\"><\/div>\n            <div class=\"hgo-indicator\" data-index=\"1\"><\/div>\n            <div class=\"hgo-indicator\" data-index=\"2\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"hgo-floating-bar\">\n        <div class=\"hgo-date\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6A1B29\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n            <span id=\"hgo-current-date\">CARGANDO FECHA&#8230;<\/span>\n        <\/div>\n        <div class=\"hgo-gov-text\">H. Ayuntamiento de Hidalgotitl\u00e1n \u2022 Nueva Era de Transformaci\u00f3n<\/div>\n    <\/div>\n\n    <!-- ======================================================== -->\n    <!-- 3. CUADR\u00cdCULAS E ISLAS DE ACCESO CIUDADANO               -->\n    <!-- ======================================================== -->\n    <div class=\"hgo-section-body\">\n        \n        <div style=\"text-align: center; margin-bottom: 50px;\">\n            <h2 style=\"color: #111827; font-weight: 800; font-size: 32px; letter-spacing: -0.8px; margin: 0 0 14px 0;\">Transparencia e Informaci\u00f3n P\u00fablica<\/h2>\n            <div style=\"background-color: #6A1B29; width: 45px; height: 3px; margin: 0 auto; border-radius: 2px;\"><\/div>\n        <\/div>\n\n        <!-- Documentos -->\n        <div class=\"cuadricula-hidalgo\">\n            <a href=\"https:\/\/heyzine.com\/flip-book\/17b74877ed.html\" target=\"_blank\" class=\"tarjeta-doc\">\n                <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6A1B29\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg>\n                <h6>Plan Municipal <br>de Desarrollo<\/h6>\n            <\/a>\n            <a href=\"\/visor_pdf\/docto_134.pdf\" target=\"_blank\" class=\"tarjeta-doc\">\n                <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6A1B29\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n                <h6>C\u00f3digo <br>de \u00c9tica<\/h6>\n            <\/a>\n            <a href=\"\/visor_pdf\/docto_135.pdf\" target=\"_blank\" class=\"tarjeta-doc\">\n                <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6A1B29\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><\/svg>\n                <h6>C\u00f3digo <br>de Conducta<\/h6>\n            <\/a>\n            <a href=\"\/visor_pdf\/docto_131.pdf\" target=\"_blank\" class=\"tarjeta-doc\">\n                <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6A1B29\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><\/svg>\n                <h6>Reglamento <br>de Agentes<\/h6>\n            <\/a>\n        <\/div>\n\n        <!-- Hub Enlaces -->\n        <div class=\"cuadricula-hidalgo\">\n            <a href=\"\/index.php\/ley-250-de-transparencia\/\" class=\"tarjeta-tramite\">\n                <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                <h6>Ley 250 Transparencia<\/h6>\n            <\/a>\n            <a href=\"\/index.php\/obras-publicas\/\" class=\"tarjeta-tramite\">\n                <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"><\/line><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\"><\/line><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><\/svg>\n                <h6>Obras P\u00fablicas<\/h6>\n            <\/a>\n            <a href=\"\/index.php\/transparencia\/\" class=\"tarjeta-tramite\">\n                <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\n                <h6>Contabilidad<\/h6>\n            <\/a>\n            <a href=\"\/index.php\/organo-de-control-interno-oci\/\" class=\"tarjeta-tramite\">\n                <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\n                <h6>Control Interno<\/h6>\n            <\/a>\n        <\/div>\n\n        <!-- Estructura Org\u00e1nica -->\n        <div class=\"organigrama-box\">\n            <div class=\"organigrama-flex\">\n                <div class=\"org-info\">\n                    <h3 style=\"color: #111827; font-weight: 800; font-size: 25px; margin: 0 0 14px 0; letter-spacing: -0.5px;\">Estructura Org\u00e1nica<\/h3>\n                    <p style=\"color: #6B7280; font-size: 14.5px; line-height: 1.6; margin: 0 0 22px 0;\">Conoce la conformaci\u00f3n y el organigrama de nuestro gobierno municipal 2026-2029. Un equipo profesional dedicado enteramente al servicio y desarrollo de Hidalgotitl\u00e1n.<\/p>\n                    <div style=\"width: 50px; height: 3.5px; background: #6A1B29; border-radius: 4px;\"><\/div>\n                <\/div>\n                <div class=\"org-img-container\">\n                    <a href=\"\/wp-content\/uploads\/2026\/03\/vertical-color.png\" target=\"_blank\" class=\"org-link\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/vertical-color-1024x1024.png\" alt=\"Organigrama Hidalgotitl\u00e1n\" style=\"width: 100%; max-width: 580px; height: auto; display: block; margin: 0 auto;\">\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- NUEVA SUB-SECCI\u00d3N D: UBICACI\u00d3N GEOGR\u00c1FICA MUNICIPAL -->\n        <div class=\"mapa-box\">\n            <div style=\"margin-bottom: 25px;\">\n                <h3 style=\"color: #111827; font-weight: 800; font-size: 25px; margin: 0 0 10px 0; letter-spacing: -0.5px;\">Ubicaci\u00f3n de Palacio Municipal<\/h3>\n                <p style=\"color: #6B7280; font-size: 14.5px; margin: 0;\">Encuentra nuestras oficinas centrales y asiste a realizar tus tr\u00e1mites correspondientes.<\/p>\n            <\/div>\n            <div style=\"width: 100%; height: 380px; border-radius: 20px; overflow: hidden; border: 1px solid #E5E7EB; box-shadow: 0 10px 30px rgba(0,0,0,0.03);\">\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3790.7200840251765!2d-94.6534571!3d17.7681121!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85e985160ec8b487%3A0xc3fde9b8eeb4a984%3A0xc3fde9b8eeb4a984!2sPalacio%20Municipal%20Hidalgotitlan!5e0!3m2!1ses-419!2smx!4v1719900000000!5m2!1ses-419!2smx\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- ======================================================== -->\n<!-- 4. L\u00d3GICA DE PROGRAMACI\u00d3N (SCRIPT BLINDADO)               -->\n<!-- ======================================================== -->\n<script>\n    (function() {\n        const slides = document.querySelectorAll('.hgo-slide');\n        const indicators = document.querySelectorAll('.hgo-indicator');\n        const prevBtn = document.querySelector('.hgo-prev');\n        const nextBtn = document.querySelector('.hgo-next');\n        let currentIndex = 0;\n        let slideInterval;\n\n        function goToSlide(index) {\n            if (slides[currentIndex]) slides[currentIndex].classList.remove('active');\n            if (indicators[currentIndex]) indicators[currentIndex].classList.remove('active');\n            currentIndex = index;\n            if (currentIndex < 0) currentIndex = slides.length - 1;\n            if (currentIndex >= slides.length) currentIndex = 0;\n            if (slides[currentIndex]) slides[currentIndex].classList.add('active');\n            if (indicators[currentIndex]) indicators[currentIndex].classList.add('active');\n        }\n\n        function nextSlide() { goToSlide(currentIndex + 1); }\n        function prevSlide() { goToSlide(currentIndex - 1); }\n\n        function startAutoplay() { slideInterval = setInterval(nextSlide, 6000); }\n        function resetAutoplay() { clearInterval(slideInterval); startAutoplay(); }\n\n        if(nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); resetAutoplay(); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); resetAutoplay(); });\n\n        indicators.forEach((indicator, index) => {\n            indicator.addEventListener('click', () => { goToSlide(index); resetAutoplay(); });\n        });\n\n        startAutoplay();\n\n        const dateElement = document.getElementById('hgo-current-date');\n        if(dateElement) {\n            const options = { day: '2-digit', month: 'long', year: 'numeric' };\n            const today = new Date().toLocaleDateString('es-MX', options).toUpperCase();\n            dateElement.textContent = today;\n        }\n    })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Mantenimiento del Administrador La plataforma web de transparencia se encuentra bajo un proceso programado de optimizaci\u00f3n de base de datos y actualizaci\u00f3n de servidores core. Consola del Desarrollador Aviso Reciente Nueva Era de Transformaci\u00f3n Conoce los avances, proyectos estrat\u00e9gicos y resultados de nuestra administraci\u00f3n municipal 2026-2029. Leer M\u00e1s &nbsp;\u276f Transparencia Alineaci\u00f3n a la Ley 250 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-217","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2023\/07\/1.jpeg",2560,1920,false],"thumbnail":["https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2023\/07\/1-150x150.jpeg",150,150,true],"medium":["https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2023\/07\/1-300x225.jpeg",300,225,true],"medium_large":["https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2023\/07\/1-768x576.jpeg",768,576,true],"large":["https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2023\/07\/1-1024x768.jpeg",1024,768,true],"1536x1536":["https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2023\/07\/1-1536x1152.jpeg",1536,1152,true],"2048x2048":["https:\/\/hidalgotitlan.gob.mx\/wp-content\/uploads\/2023\/07\/1-2048x1536.jpeg",2048,1536,true]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/hidalgotitlan.gob.mx\/index.php\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Mantenimiento del Administrador La plataforma web de transparencia se encuentra bajo un proceso programado de optimizaci\u00f3n de base de datos y actualizaci\u00f3n de servidores core. Consola del Desarrollador Aviso Reciente Nueva Era de Transformaci\u00f3n Conoce los avances, proyectos estrat\u00e9gicos y resultados de nuestra administraci\u00f3n municipal 2026-2029. Leer M\u00e1s &nbsp;\u276f Transparencia Alineaci\u00f3n a la Ley 250&hellip;","_links":{"self":[{"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":120,"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":3517,"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/217\/revisions\/3517"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/media\/9"}],"wp:attachment":[{"href":"https:\/\/hidalgotitlan.gob.mx\/index.php\/wp-json\/wp\/v2\/media?parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}