{"id":23193,"date":"2026-06-05T16:16:19","date_gmt":"2026-06-05T16:16:19","guid":{"rendered":"https:\/\/capyat.tula.gob.mx\/?page_id=23193"},"modified":"2026-06-05T17:12:20","modified_gmt":"2026-06-05T17:12:20","slug":"quienes-somos-2","status":"publish","type":"page","link":"https:\/\/capyat.tula.gob.mx\/index.php\/quienes-somos-2\/","title":{"rendered":"Qui\u00e9nes Somos"},"content":{"rendered":"\n
\n
\n
\n\n\n\n\n\nCAPYAT \u2013 Qui\u00e9nes Somos \u00b7 Redise\u00f1o 2024-2027<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700&family=DM+Sans:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\"\/>\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n body { font-family: 'DM Sans', sans-serif; background: #f4f6f8; color: #1a1f2e; font-size: 18px; }\n\n :root {\n --blue-900: #3D0B1F;\n --blue-700: #6B1535;\n --blue-500: #9B2251;\n --blue-100: #E8B4C8;\n --blue-50: #F9EDF2;\n --teal-700: #8A6B10;\n --teal-500: #C9A84C;\n --teal-100: #EDD98A;\n --teal-50: #FBF5DC;\n --gray-900: #1a1f2e;\n --gray-600: #666666;\n --gray-300: #d1d5db;\n --gray-100: #f1f5f9;\n --guinda: #6B1535;\n --guinda-light: #9B2251;\n --gold: #C9A84C;\n --nav-bg: #f5f0eb;\n --radius-sm: 6px;\n --radius-md: 10px;\n --radius-lg: 16px;\n }\n\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\n .navbar {\n background: var(--nav-bg);\n border-bottom: 1px solid #ccc;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 32px; height: 72px;\n position: sticky; top: 0; z-index: 100;\n }\n .navbar-logo { display: flex; align-items: flex-end; gap: 10px; text-decoration: none; }\n .logo-emblem { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; }\n .logo-text { line-height: 1.15; padding-bottom: 2px; }\n .logo-name { font-family: 'Sora', sans-serif; font-size: 20px; font-weight: 700; color: var(--guinda); letter-spacing: 0.5px; }\n .logo-sub { font-size: 10px; color: #666; }\n .nav-links { display: flex; gap: 0; }\n .nav-link { font-size: 13.5px; color: #333; padding: 8px 18px; text-decoration: none; transition: color 0.15s; white-space: nowrap; }\n .nav-link:hover { color: var(--guinda); }\n .nav-link.active { color: var(--guinda); font-weight: 600; }\n .nav-hamburger { display: flex; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }\n .nav-hamburger span { display: block; width: 24px; height: 2px; background: #333; border-radius: 2px; }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n background: var(--blue-900);\n padding: 64px 40px 56px;\n position: relative; \n overflow: hidden;\n text-align: center;\n }\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background-image:\n radial-gradient(circle at 70% 50%, rgba(107,21,53,0.2) 0%, transparent 60%),\n radial-gradient(circle at 10% 80%, rgba(155,34,81,0.15) 0%, transparent 50%);\n }\n .hero-grid {\n position: absolute; inset: 0; opacity: 0.04;\n background-image: repeating-linear-gradient(0deg,#fff 0,#fff 1px,transparent 1px,transparent 32px),\n repeating-linear-gradient(90deg,#fff 0,#fff 1px,transparent 1px,transparent 32px);\n }\n .hero-inner { \n position: relative; \n max-width: 760px; \n margin: 0 auto; \n }\n .hero-badge {\n display: inline-flex; \n align-items: center; \n gap: 6px;\n font-size: 11px; \n font-weight: 600; \n letter-spacing: 1.5px; \n text-transform: uppercase;\n color: var(--teal-100); \n border: 1px solid rgba(201,168,76,0.4);\n border-radius: 4px; \n padding: 4px 12px; \n margin-bottom: 20px;\n }\n .hero-title { \n font-family: 'Sora', sans-serif; \n font-size: 44px; \n font-weight: 700; \n color: #fff; \n line-height: 1.15; \n margin-bottom: 16px; \n }\n .hero-title span { color: #ffffff; }\n .hero-desc { \n font-size: 16px; \n color: rgba(255,255,255,0.7); \n line-height: 1.75; \n max-width: 520px; \n margin: 0 auto 32px auto; \n }\n .hero-pills { \n display: flex; \n gap: 8px; \n flex-wrap: wrap; \n justify-content: center; \n }\n .pill { font-size: 12px; padding: 5px 14px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.65); }\n .pill.accent { background: var(--gold); border-color: var(--gold); color: #fff; font-weight: 500; }\n\n \/* \u2500\u2500 SECCIONES \u2500\u2500 *\/\n .section-wrap { max-width: 1200px; margin: 0 auto; padding: 56px 40px; }\n .section-wrap.pb-small { padding-bottom: 24px; }\n .section-wrap.pt-small { padding-top: 24px; }\n .section-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }\n .section-title { font-family: 'Sora', sans-serif; font-size: 32px; font-weight: 700; color: var(--blue-900); margin-bottom: 10px; }\n .section-divider { width: 40px; height: 3px; background: var(--gold); border-radius: 2px; margin-bottom: 24px; }\n .section-body { font-size: 17px; color: var(--gray-600); line-height: 1.85; max-width: 800px; }\n\n \/* \u2500\u2500 STATS \u2500\u2500 *\/\n .stats-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 32px; }\n .stat-card { background: var(--blue-50); border-radius: var(--radius-md); padding: 20px 24px; border: 1px solid var(--blue-100); }\n .stat-num { font-family: 'Sora', sans-serif; font-size: 30px; font-weight: 700; color: var(--guinda); }\n .stat-label { font-size: 13px; color: var(--gray-600); margin-top: 4px; }\n\n \/* \u2500\u2500 MISI\u00d3N \/ VISI\u00d3N \u2500\u2500 *\/\n .mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 8px; }\n .mv-card {\n background: #fff; border-radius: var(--radius-lg);\n border: 1px solid var(--gray-300); padding: 28px;\n box-shadow: 0 4px 20px rgba(107,21,53,0.08);\n transition: box-shadow 0.2s;\n }\n .mv-card:hover { box-shadow: 0 8px 28px rgba(107,21,53,0.14); }\n .mv-card.mision { border-top: 5px solid var(--guinda); }\n .mv-card.vision { border-top: 5px solid var(--gold); }\n .mv-icon-wrap { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; border: 1px solid var(--blue-100); }\n .mv-icon-wrap.blue { background: var(--blue-50); }\n .mv-icon-wrap.gold { background: var(--teal-50); border-color: var(--teal-100); }\n .mv-card-title { font-family: 'Sora', sans-serif; font-size: 20px; font-weight: 700; color: var(--blue-900); margin-bottom: 10px; }\n .mv-divider-guinda { width: 40px; height: 3px; background: var(--guinda); border-radius: 2px; margin-bottom: 16px; opacity: 0.4; }\n .mv-divider-gold { width: 40px; height: 3px; background: var(--gold); border-radius: 2px; margin-bottom: 16px; opacity: 0.6; }\n .mv-card-body { font-size: 14px; color: var(--gray-600); line-height: 1.85; }\n\n \/* \u2500\u2500 DIRECTOR CARD \u2500\u2500 *\/\n .director-card {\n background: #fff; border: 1px solid var(--gray-300);\n border-radius: var(--radius-lg); overflow: hidden;\n box-shadow: 0 4px 24px rgba(107,21,53,0.1);\n }\n .director-top-bar { height: 8px; background: var(--guinda); }\n .director-inner { padding: 40px; display: flex; gap: 40px; align-items: center; }\n .director-avatar-wrap { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 16px; }\n .director-avatar {\n width: 144px; height: 144px; border-radius: 50%;\n background: var(--blue-50); border: 4px solid var(--guinda);\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 4px 16px rgba(107,21,53,0.15);\n }\n .director-avatar span { font-family: 'Sora', sans-serif; font-size: 42px; font-weight: 700; color: var(--guinda); }\n .director-badge {\n font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\n color: var(--guinda); background: var(--blue-50); border: 1px solid var(--guinda);\n border-radius: 20px; padding: 4px 16px; white-space: nowrap;\n }\n .director-divider { width: 1px; height: 192px; background: var(--gray-300); flex-shrink: 0; }\n .director-info { flex: 1; }\n .director-tag { display: inline-block; font-size: 12px; font-weight: 600; background: var(--guinda); color: #fff; border-radius: 4px; padding: 4px 12px; margin-bottom: 16px; }\n .director-title { font-family: 'Sora', sans-serif; font-size: 28px; font-weight: 700; color: var(--blue-900); margin-bottom: 4px; }\n .director-name { font-size: 16px; font-weight: 600; color: var(--guinda); margin-bottom: 16px; }\n .director-desc { font-size: 15px; color: var(--gray-600); line-height: 1.8; margin-bottom: 24px; max-width: 580px; }\n .director-contacts { display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 24px; }\n .director-contact-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--gray-600); }\n .director-contact-icon { color: var(--guinda); }\n .btn-curricular {\n display: inline-flex; align-items: center; gap: 8px;\n font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600;\n color: #fff; background: var(--guinda);\n border: none; border-radius: var(--radius-sm);\n padding: 12px 24px; cursor: pointer; transition: background 0.15s;\n }\n .btn-curricular:hover { background: var(--guinda-light); }\n\n \/* \u2500\u2500 ORGANIGRAMA \u2500\u2500 *\/\n .nivel-header { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }\n .nivel-line { height: 1px; flex: 1; opacity: 0.3; }\n .nivel-line.guinda { background: var(--guinda); }\n .nivel-line.gold { background: var(--gold); }\n .nivel-pill {\n font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\n padding: 6px 16px; border-radius: 20px; border: 1px solid; white-space: nowrap;\n }\n .nivel-pill.guinda { color: var(--guinda); border-color: var(--guinda); background: var(--blue-50); }\n .nivel-pill.gold { color: var(--gold); border-color: var(--gold); background: var(--teal-50); }\n .org-grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-bottom: 40px; }\n .org-grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }\n .org-nodo {\n display: flex; flex-direction: column; align-items: center; text-align: center;\n background: #fff; border-radius: var(--radius-lg); border: 1px solid var(--gray-300);\n padding: 20px; height: 100%;\n box-shadow: 0 4px 20px rgba(107,21,53,0.08);\n }\n .org-nodo.tipo-depto { border-top: 5px solid var(--guinda); }\n .org-nodo.tipo-dir { border-top: 5px solid var(--gold); box-shadow: 0 4px 20px rgba(201,168,76,0.12); }\n .org-avatar {\n margin-bottom: 16px; \n border: 3px solid; \n width: 180px; \n height: 180px; \n border-radius: 50%;\n overflow: hidden; \n display: flex; \n align-items: center; \n justify-content: center;\n}\n\n\n.org-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.org-avatar.tipo-depto { border-color: var(--blue-100); background: var(--blue-50); }\n.org-avatar.tipo-dir { border-color: var(--gold); background: var(--teal-50); }\n .org-avatar span { font-family: 'Sora', sans-serif; font-weight: 700; color: var(--guinda); font-size: 18px; }\n .org-nombre { font-family: 'Sora', sans-serif; font-weight: 700; color: var(--blue-900); font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; line-height: 1.3; }\n .org-responsable { font-size: 12px; font-weight: 600; margin-bottom: 4px; }\n .org-responsable.tipo-depto { color: var(--guinda); }\n .org-responsable.tipo-dir { color: var(--guinda); }\n .org-cargo { font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--gray-600); margin-bottom: 20px; line-height: 1.4; }\n .btn-org {\n margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n font-size: 12px; font-weight: 600; color: #fff; background: var(--guinda);\n border: none; border-radius: var(--radius-sm); padding: 8px 16px;\n cursor: pointer; width: 100%; transition: background 0.15s; white-space: nowrap;\n }\n .btn-org:hover { background: var(--guinda-light); }\n\n \/* \u2500\u2500 CONTACT STRIP \u2500\u2500 *\/\n .contact-strip {\n background: var(--blue-900); padding: 40px;\n display: flex; gap: 40px; align-items: center; flex-wrap: wrap;\n }\n .contact-item { display: flex; align-items: flex-start; gap: 14px; }\n .contact-icon-wrap { width: 40px; height: 40px; border-radius: 10px; background: var(--guinda); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n .contact-text-label { font-size: 11px; color: var(--teal-100); margin-bottom: 2px; }\n .contact-text-val { font-size: 13px; color: #fff; font-weight: 500; }\n .fb-btn {\n margin-left: auto; background: var(--guinda); color: #fff; border: none;\n border-radius: var(--radius-sm); padding: 10px 20px;\n font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600;\n cursor: pointer; display: flex; align-items: center; gap: 8px;\n }\n .fb-btn:hover { background: var(--guinda-light); }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer {\n background: #fff; border-top: 1px solid var(--gray-300);\n padding: 18px 40px; display: flex; justify-content: space-between; align-items: center;\n font-size: 12px; color: var(--gray-600);\n }\n .footer a { color: var(--guinda); text-decoration: none; }\n\n \/* \u2500\u2500 WHATSAPP FAB \u2500\u2500 *\/\n .fab {\n position: fixed; bottom: 24px; right: 24px;\n width: 52px; height: 52px; border-radius: 50%;\n background: #25D366; display: flex; align-items: center; justify-content: center;\n box-shadow: 0 4px 16px rgba(37,211,102,0.4); cursor: pointer;\n }\n\n \/* \u2500\u2500 RESPONSIVE TABLET (max 1024px) \u2500\u2500 *\/\n @media (max-width: 1024px) {\n .section-wrap { padding: 48px 32px; }\n .org-grid-4 { grid-template-columns: repeat(2, 1fr); gap: 16px; }\n .director-inner { padding: 32px; gap: 28px; }\n .director-avatar { width: 112px; height: 112px; }\n .director-avatar span { font-size: 32px; }\n .director-divider { height: 160px; }\n }\n\n \/* \u2500\u2500 RESPONSIVE M\u00d3VIL (max 768px) \u2500\u2500 *\/\n @media (max-width: 768px) {\n body { font-size: 16px; }\n\n \/* Navbar *\/\n .navbar { padding: 0 20px; }\n .nav-links { display: none; }\n .logo-name { font-size: 18px; }\n\n \/* Hero *\/\n .hero { padding: 36px 20px 32px; }\n .hero-title { font-size: 30px; }\n .hero-desc { font-size: 14px; }\n .hero-badge { font-size: 10px; }\n\n \/* Secciones *\/\n .section-wrap { padding: 36px 20px; }\n .section-wrap.pb-small { padding-bottom: 16px; }\n .section-wrap.pt-small { padding-top: 16px; }\n .section-title { font-size: 22px; }\n .section-body { font-size: 15px; }\n .section-eyebrow { font-size: 11px; }\n\n \/* Stats *\/\n .stats-grid { grid-template-columns: 1fr; gap: 12px; }\n .stat-num { font-size: 26px; }\n\n \/* Misi\u00f3n \/ Visi\u00f3n *\/\n .mv-grid { grid-template-columns: 1fr; gap: 16px; }\n .mv-card { padding: 20px; }\n .mv-card-title { font-size: 18px; }\n .mv-card-body { font-size: 13px; }\n\n \/* Director *\/\n .director-inner { flex-direction: column; align-items: center; text-align: center; padding: 24px; gap: 20px; }\n .director-divider { display: none; }\n .director-avatar { width: 100px; height: 100px; }\n .director-avatar span { font-size: 30px; }\n .director-contacts { justify-content: center; flex-direction: column; align-items: center; gap: 12px; }\n .director-title { font-size: 22px; }\n .director-desc { font-size: 14px; }\n .btn-curricular { width: 100%; justify-content: center; }\n\n \/* Organigrama *\/\n .org-grid-3 \n .org-grid-4 { grid-template-columns: 1fr; gap: 16px; }\n .nivel-header { gap: 10px; }\n .nivel-pill { font-size: 10px; padding: 5px 12px; }\n .org-avatar { width: 80px; height: 80px; }\n\n .org-avatar span { font-size: 15px; }\n .org-nombre { font-size: 12px; }\n .org-responsable { font-size: 11px; }\n\n \/* Contact *\/\n .contact-strip { flex-direction: column; padding: 28px 20px; gap: 24px; }\n .fb-btn { margin-left: 0; width: 100%; justify-content: center; }\n\n \/* Footer *\/\n .footer { flex-direction: column; gap: 6px; text-align: center; padding: 16px 20px; }\n }\n\n \/* \u2500\u2500 RESPONSIVE MUY PEQUE\u00d1O (max 480px) \u2500\u2500 *\/\n @media (max-width: 480px) {\n .hero-title { font-size: 26px; }\n .hero-pills { gap: 6px; }\n .pill { font-size: 11px; padding: 4px 10px; }\n .section-title { font-size: 20px; }\n .org-grid-4 { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n <\/nav>\n <\/div>\n<\/nav>\n\n<!-- HERO -->\n <\/div>\n<\/section>\n<!-- SOBRE LA INSTITUCI\u00d3N -->\n<div class=\"section-wrap pb-small\">\n <div class=\"section-eyebrow\">Sobre la instituci\u00f3n<\/div>\n <h2 class=\"section-title\">La comisi\u00f3n al servicio de Tula<\/h2>\n <div class=\"section-divider\"><\/div>\n <p class=\"section-body\">En CAPyAT trabajamos para ofrecer servicios de agua y alcantarillado de alta calidad, garantizando el bienestar de las familias de Tula mediante una gesti\u00f3n confiable y responsable.<\/p>\n <div class=\"stats-grid\">\n <div class=\"stat-card\"><div class=\"stat-num\">+25<\/div><div class=\"stat-label\">A\u00f1os de servicio continuo<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-num\">80\n %<\/div><div class=\"stat-label\">Cobertura de agua potable municipal<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-num\">24\/7<\/div><div class=\"stat-label\">Atenci\u00f3n y operaci\u00f3n continua<\/div><\/div>\n <\/div>\n<\/div>\n\n<!-- MISI\u00d3N Y VISI\u00d3N -->\n<div class=\"section-wrap pt-small\">\n <div class=\"section-eyebrow\">Identidad institucional<\/div>\n <h2 class=\"section-title\">Misi\u00f3n y Visi\u00f3n<\/h2>\n <div class=\"section-divider\"><\/div>\n <div class=\"mv-grid\">\n <div class=\"mv-card mision\">\n <div class=\"mv-icon-wrap blue\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#6B1535\" stroke-width=\"1.5\"\/>\n <path d=\"M8.5 12l2.5 2.5 4.5-5\" stroke=\"#6B1535\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"mv-card-title\">Misi\u00f3n<\/div>\n <div class=\"mv-divider-guinda\"><\/div>\n <p class=\"mv-card-body\">Garantizar el acceso, distribuci\u00f3n y saneamiento de agua de manera eficiente, equitativa y sustentable para todos los habitantes del Municipio. Proveer servicios de alcantarillado que aseguren el manejo adecuado de aguas residuales protegiendo la salud p\u00fablica promoviendo la preservaci\u00f3n de los recursos h\u00eddricos y del medio ambiente.<\/p>\n <\/div>\n <div class=\"mv-card vision\">\n <div class=\"mv-icon-wrap gold\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"#C9A84C\" stroke-width=\"1.5\"\/>\n <path d=\"M2 12s4-6 10-6 10 6 10 6-4 6-10 6-10-6-10-6z\" stroke=\"#C9A84C\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"mv-card-title\">Visi\u00f3n<\/div>\n <div class=\"mv-divider-gold\"><\/div>\n <p class=\"mv-card-body\">Ser un organismo reconocido por ofrecer servicios de alta calidad, innovadores y sostenibles, que garanticen el bienestar de la poblaci\u00f3n y la preservaci\u00f3n de los recursos h\u00eddricos. Aspiramos a ser un Organismo confiable y cercano a la comunidad, promoviendo una cultura del cuidado del agua..<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- DIRECTOR GENERAL -->\n<div class=\"section-wrap\">\n <div class=\"section-eyebrow\">Autoridades<\/div>\n <h2 class=\"section-title\">Director General<\/h2>\n <div class=\"section-divider\"><\/div>\n <div class=\"director-card\">\n <div class=\"director-top-bar\"><\/div>\n <div class=\"director-inner\">\n<div class=\"org-avatar tipo-depto\">\n<img decoding=\"async\" src=\"https:\/\/capyat.tula.gob.mx\/wp-content\/uploads\/2026\/06\/director.png\" alt=\"Director\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <div class=\"director-info\">\n <div class=\"director-tag\">CAPYAT \u00b7 Tula de Allende, Hidalgo<\/div>\n <div class=\"director-title\">Director General<\/div>\n <div class=\"director-name\">Mario Serrano Cer\u00f3n<\/div>\n <p class=\"director-desc\">Responsable de la administraci\u00f3n y operaci\u00f3n de los sistemas de agua potable y alcantarillado del municipio de Tula de Allende, Hidalgo. Comprometido con la eficiencia operativa, la transparencia institucional y la calidad en la prestaci\u00f3n del servicio p\u00fablico hidr\u00e1ulico para beneficio de todas las familias tulenses.<\/p>\n <div class=\"director-contacts\">\n <div class=\"director-contact-item\">\n <svg class=\"director-contact-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><polyline points=\"22,6 12,13 2,6\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n direccion@capyat.gob.mx\n <\/div>\n <div class=\"director-contact-item\">\n <svg class=\"director-contact-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n 773-732-3640\n <\/div>\n <\/div>\n <button class=\"btn-curricular\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><path d=\"M14 2v6h6M9 13h6M9 17h4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n Informaci\u00f3n Curricular\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- ORGANIGRAMA -->\n<div class=\"section-wrap\">\n <div class=\"section-eyebrow\">Estructura organizacional<\/div>\n <h2 class=\"section-title\">Organigrama<\/h2>\n <div class=\"section-divider\"><\/div>\n\n <!-- Departamentos -->\n <div class=\"nivel-header\">\n <div class=\"nivel-line guinda\"><\/div>\n <span class=\"nivel-pill guinda\">Departamentos <\/span>\n <div class=\"nivel-line guinda\"><\/div>\n <\/div>\n <div class=\"org-grid-3\">\n <div class=\"org-nodo tipo-depto\">\n \n<div class=\"org-avatar tipo-depto\">\n<img decoding=\"async\" src=\"https:\/\/capyat.tula.gob.mx\/wp-content\/uploads\/2026\/06\/oc.png\" alt=\"\u00d3rgano Interno de Control\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n\n <p class=\"org-responsable tipo-depto\">Laura Elizabeth Ju\u00e1rez Garcia<\/p>\n <p class=\"org-cargo\">\u00d3rgano Interno de Control<\/p>\n <button class=\"btn-org\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n Info. Curricular\n <\/button>\n <\/div>\n <div class=\"org-nodo tipo-depto\">\n<div class=\"org-avatar tipo-depto\">\n<img decoding=\"async\" src=\"https:\/\/capyat.tula.gob.mx\/wp-content\/uploads\/2026\/06\/dj.png\" alt=\"Departamento Jur\u00eddico\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n\n <p class=\"org-responsable tipo-depto\">Maricela Solis Rodriguez<\/p>\n <p class=\"org-cargo\">Departamento Jur\u00eddico<\/p>\n <button class=\"btn-org\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n Info. Curricular\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Direcciones -->\n <div class=\"nivel-header\">\n <div class=\"nivel-line guinda\"><\/div>\n <span class=\"nivel-pill guinda\">Direcciones<\/span>\n <div class=\"nivel-line guinda\"><\/div>\n <\/div>\n <div class=\"org-grid-4\">\n <div class=\"org-nodo tipo-depto\">\n<div class=\"org-avatar tipo-depto\">\n<img decoding=\"async\" src=\"https:\/\/capyat.tula.gob.mx\/wp-content\/uploads\/2026\/06\/cf.png\" alt=\"Contabilidad y Finanzas\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n\n <p class=\"org-responsable tipo-dir\">Agust\u00edn Eduardo Mart\u00ednez Santizo<\/p>\n <p class=\"org-cargo\">Dir. Contabilidad y Finanzas<\/p>\n <button class=\"btn-org\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n Info. Curricular\n <\/button>\n <\/div>\n <div class=\"org-nodo tipo-depto\">\n<div class=\"org-avatar tipo-depto\">\n<img decoding=\"async\" src=\"https:\/\/capyat.tula.gob.mx\/wp-content\/uploads\/2026\/06\/cm.png\" alt=\"Comercializaci\u00f3n\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <p class=\"org-responsable tipo-dir\">Arturo Lara Froncoso<\/p>\n <p class=\"org-cargo\">Dir. de Comercializaci\u00f3n<\/p>\n <button class=\"btn-org\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n Info. Curricular\n <\/button>\n <\/div>\n <div class=\"org-nodo tipo-depto\">\n<div class=\"org-avatar tipo-depto\">\n<img decoding=\"async\" src=\"https:\/\/capyat.tula.gob.mx\/wp-content\/uploads\/2026\/06\/op.png\" alt=\"Operaci\u00f3n\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div> <p class=\"org-responsable tipo-dir\">Adrian Medina Puebla<\/p>\n <p class=\"org-cargo\">Dir. de Operaci\u00f3n<\/p>\n <button class=\"btn-org\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n Info. Curricular\n <\/button>\n <\/div>\n <div class=\"org-nodo tipo-depto\">\n<div class=\"org-avatar tipo-depto\">\n<img decoding=\"async\" src=\"https:\/\/capyat.tula.gob.mx\/wp-content\/uploads\/2026\/06\/pp.png\" alt=\"Planeaci\u00f3n y Proyectos\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <p class=\"org-responsable tipo-dir\">Hugo Fabian Lopez Badillo<\/p>\n <p class=\"org-cargo\">Dir. de Planeaci\u00f3n y Proyectos<\/p>\n <button class=\"btn-org\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n Info. Curricular\n <\/button>\n <\/div>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>CAPYAT \u2013 Qui\u00e9nes Somos \u00b7 Redise\u00f1o 2024-2027 Sobre la instituci\u00f3n La comisi\u00f3n al servicio de Tula En CAPyAT trabajamos para ofrecer servicios de agua y alcantarillado de alta calidad, garantizando el bienestar de las familias…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-23193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/capyat.tula.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/23193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/capyat.tula.gob.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/capyat.tula.gob.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/capyat.tula.gob.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/capyat.tula.gob.mx\/index.php\/wp-json\/wp\/v2\/comments?post=23193"}],"version-history":[{"count":9,"href":"https:\/\/capyat.tula.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/23193\/revisions"}],"predecessor-version":[{"id":23276,"href":"https:\/\/capyat.tula.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/23193\/revisions\/23276"}],"wp:attachment":[{"href":"https:\/\/capyat.tula.gob.mx\/index.php\/wp-json\/wp\/v2\/media?parent=23193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}