{"id":56,"date":"2026-06-01T17:38:00","date_gmt":"2026-06-01T17:38:00","guid":{"rendered":"https:\/\/citlaltepetl.gob.mx\/portal\/?page_id=56"},"modified":"2026-06-17T18:13:11","modified_gmt":"2026-06-17T18:13:11","slug":"inicio-nuevo","status":"publish","type":"page","link":"https:\/\/citlaltepetl.gob.mx\/portal\/","title":{"rendered":"Inicio Nuevo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"56\" class=\"elementor elementor-56\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-205ec3d e-con-full e-flex e-con e-parent\" data-id=\"205ec3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbd5de2 elementor-widget elementor-widget-image\" data-id=\"bbd5de2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"1059\" src=\"https:\/\/citlaltepetl.gob.mx\/portal\/wp-content\/uploads\/2026\/06\/720319576_122133289779151690_1044076019286030854_n.jpg\" class=\"attachment-full size-full wp-image-224\" alt=\"\" srcset=\"https:\/\/citlaltepetl.gob.mx\/portal\/wp-content\/uploads\/2026\/06\/720319576_122133289779151690_1044076019286030854_n.jpg 2048w, https:\/\/citlaltepetl.gob.mx\/portal\/wp-content\/uploads\/2026\/06\/720319576_122133289779151690_1044076019286030854_n-300x155.jpg 300w, https:\/\/citlaltepetl.gob.mx\/portal\/wp-content\/uploads\/2026\/06\/720319576_122133289779151690_1044076019286030854_n-1024x530.jpg 1024w, https:\/\/citlaltepetl.gob.mx\/portal\/wp-content\/uploads\/2026\/06\/720319576_122133289779151690_1044076019286030854_n-150x78.jpg 150w, https:\/\/citlaltepetl.gob.mx\/portal\/wp-content\/uploads\/2026\/06\/720319576_122133289779151690_1044076019286030854_n-768x397.jpg 768w, https:\/\/citlaltepetl.gob.mx\/portal\/wp-content\/uploads\/2026\/06\/720319576_122133289779151690_1044076019286030854_n-1536x794.jpg 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82f6b7e e-flex e-con-boxed e-con e-parent\" data-id=\"82f6b7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f1a00b elementor-widget elementor-widget-html\" data-id=\"0f1a00b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mensaje-presidente-citla\">\r\n  <div class=\"mensaje-citla-container\">\r\n\r\n    <div class=\"citla-foto-box\">\r\n      <div class=\"citla-foto-marco\">\r\n        <img decoding=\"async\" src=\"p\" alt=\"Presidente Municipal\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"citla-mensaje-contenido\">\r\n      <span class=\"citla-etiqueta\">Mensaje del Presidente Municipal<\/span>\r\n\r\n      <h2>Compromiso, cercan\u00eda y resultados para nuestra ciudadan\u00eda<\/h2>\r\n\r\n      <div class=\"citla-linea\"><\/div>\r\n\r\n      <p><strong>Estimadas ciudadanas y ciudadanos:<\/strong><\/p>\r\n\r\n      <p>\r\n        Es un honor servir a nuestro municipio y trabajar cada d\u00eda para construir una comunidad m\u00e1s fuerte,\r\n        segura y pr\u00f3spera para todas las familias.\r\n      <\/p>\r\n\r\n      <p>\r\n        Nuestro compromiso es escuchar, atender y responder con acciones concretas a las necesidades de la\r\n        poblaci\u00f3n, impulsando proyectos que generen bienestar, desarrollo y oportunidades para todos.\r\n      <\/p>\r\n\r\n      <p>\r\n        Seguiremos trabajando con responsabilidad, transparencia y cercan\u00eda, fortaleciendo los servicios\r\n        p\u00fablicos y promoviendo el crecimiento de nuestro municipio.\r\n      <\/p>\r\n\r\n      <p>\r\n        Agradezco la confianza que han depositado en esta administraci\u00f3n. Juntos continuaremos construyendo\r\n        un municipio m\u00e1s fuerte, incluyente y con mejores oportunidades para las presentes y futuras generaciones.\r\n      <\/p>\r\n\r\n      <div class=\"citla-firma\">\r\n        <h4>Nombre del Presidente Municipal<\/h4>\r\n        <span>Presidente Municipal Constitucional<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n  --citla-verde: #1D4947;\r\n  --citla-rojo: #C21A32;\r\n  --citla-amarillo: #EFC905;\r\n  --citla-turquesa: #7BC4C4;\r\n  --citla-rosa: #B51C58;\r\n  --citla-fondo: #F8F6EF;\r\n  --citla-texto: #3F4A49;\r\n}\r\n\r\n.mensaje-presidente-citla {\r\n  width: 100%;\r\n  padding: 55px 18px;\r\n  box-sizing: border-box;\r\n  background:\r\n    radial-gradient(circle at top left, rgba(123,196,196,.14), transparent 30%),\r\n    linear-gradient(135deg, #ffffff 0%, var(--citla-fondo) 100%);\r\n  font-family: \"Segoe UI\", system-ui, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.mensaje-citla-container {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 0.75fr 1.25fr;\r\n  gap: 42px;\r\n  align-items: center;\r\n}\r\n\r\n.citla-foto-box {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.citla-foto-box::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 76%;\r\n  height: 88%;\r\n  top: 24px;\r\n  background: linear-gradient(145deg, var(--citla-verde), #286866);\r\n  border-radius: 26px;\r\n  z-index: 0;\r\n}\r\n\r\n.citla-foto-box::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 78px;\r\n  height: 78px;\r\n  right: 12%;\r\n  top: -14px;\r\n  background: var(--citla-amarillo);\r\n  border-radius: 50%;\r\n  opacity: .45;\r\n  z-index: 0;\r\n}\r\n\r\n.citla-foto-marco {\r\n  position: relative;\r\n  z-index: 2;\r\n  background: #ffffff;\r\n  border-radius: 26px;\r\n  padding: 9px;\r\n  box-shadow: 0 14px 34px rgba(29,73,71,.16);\r\n  border: 1px solid rgba(29,73,71,.12);\r\n}\r\n\r\n.citla-foto-marco img {\r\n  width: 100%;\r\n  max-width: 320px;\r\n  height: auto;\r\n  max-height: 410px;\r\n  object-fit: contain;\r\n  display: block;\r\n  border-radius: 18px;\r\n  background: #ffffff;\r\n}\r\n\r\n.citla-mensaje-contenido {\r\n  position: relative;\r\n  background: rgba(255,255,255,.82);\r\n  border: 1px solid rgba(29,73,71,.12);\r\n  border-radius: 24px;\r\n  padding: 32px 34px;\r\n  box-shadow: 0 12px 30px rgba(29,73,71,.09);\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.citla-etiqueta {\r\n  display: inline-block;\r\n  background: rgba(29,73,71,.08);\r\n  color: var(--citla-verde);\r\n  border: 1px solid rgba(29,73,71,.18);\r\n  padding: 7px 15px;\r\n  border-radius: 999px;\r\n  font-size: .72rem;\r\n  font-weight: 800;\r\n  letter-spacing: .8px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.citla-mensaje-contenido h2 {\r\n  margin: 0;\r\n  color: var(--citla-verde);\r\n  font-size: clamp(1.45rem, 2.4vw, 2.1rem);\r\n  font-weight: 750;\r\n  line-height: 1.24;\r\n  letter-spacing: -.3px;\r\n}\r\n\r\n.citla-linea {\r\n  width: 86px;\r\n  height: 4px;\r\n  margin: 17px 0 21px;\r\n  border-radius: 30px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--citla-rojo),\r\n    var(--citla-rosa),\r\n    var(--citla-amarillo)\r\n  );\r\n}\r\n\r\n.citla-mensaje-contenido p {\r\n  color: var(--citla-texto);\r\n  font-size: .94rem;\r\n  line-height: 1.72;\r\n  text-align: justify;\r\n  margin: 0 0 11px;\r\n}\r\n\r\n.citla-mensaje-contenido p strong {\r\n  color: var(--citla-verde);\r\n}\r\n\r\n.citla-firma {\r\n  margin-top: 24px;\r\n  padding: 14px 18px;\r\n  border-left: 5px solid var(--citla-rojo);\r\n  background: linear-gradient(90deg, rgba(123,196,196,.15), transparent);\r\n  border-radius: 0 16px 16px 0;\r\n}\r\n\r\n.citla-firma h4 {\r\n  margin: 0 0 3px;\r\n  color: var(--citla-verde);\r\n  font-size: 1.05rem;\r\n  font-weight: 800;\r\n}\r\n\r\n.citla-firma span {\r\n  color: var(--citla-rosa);\r\n  font-size: .84rem;\r\n  font-weight: 600;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .mensaje-citla-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 34px;\r\n  }\r\n\r\n  .citla-mensaje-contenido {\r\n    padding: 30px;\r\n  }\r\n\r\n  .citla-foto-marco img {\r\n    max-width: 300px;\r\n    max-height: 390px;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .mensaje-presidente-citla {\r\n    padding: 42px 14px;\r\n  }\r\n\r\n  .citla-mensaje-contenido {\r\n    padding: 24px 20px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .citla-etiqueta {\r\n    font-size: .66rem;\r\n    padding: 7px 12px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .citla-mensaje-contenido h2 {\r\n    font-size: 1.35rem;\r\n  }\r\n\r\n  .citla-linea {\r\n    width: 72px;\r\n    margin: 15px 0 18px;\r\n  }\r\n\r\n  .citla-mensaje-contenido p {\r\n    font-size: .91rem;\r\n    line-height: 1.68;\r\n    text-align: left;\r\n  }\r\n\r\n  .citla-foto-marco img {\r\n    max-width: 260px;\r\n    max-height: 350px;\r\n  }\r\n\r\n  .citla-firma {\r\n    margin-top: 20px;\r\n    padding: 13px 15px;\r\n  }\r\n\r\n  .citla-firma h4 {\r\n    font-size: .98rem;\r\n  }\r\n\r\n  .citla-firma span {\r\n    font-size: .8rem;\r\n  }\r\n}\r\n<\/style>\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-c7b22da e-flex e-con-boxed e-con e-parent\" data-id=\"c7b22da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dcc6fa elementor-widget elementor-widget-heading\" data-id=\"0dcc6fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Anuncios y Convocatorias<\/h3>\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-05f77da e-con-full e-flex e-con e-parent\" data-id=\"05f77da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afe5527 elementor-widget elementor-widget-html\" data-id=\"afe5527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CARRUSEL INSTITUCIONAL FLUIDO -->\r\n<div class=\"photo-carousel\">\r\n  <div class=\"carousel-track\">\r\n\r\n    <!-- TUS IM\u00c1GENES -->\r\n    <a href=\"#\"><img decoding=\"async\" src=\"#\"><\/a>\r\n    \r\n    \r\n    <a href=\"#\"><img decoding=\"async\" src=\"#\"><\/a>\r\n    \r\n   \r\n    <a href=\"#\"><img decoding=\"async\" src=\"#\"><\/a>\r\n    \r\n    <a href=\"#\"><img decoding=\"async\" src=\"#\"><\/a>\r\n   \r\n   \r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.photo-carousel {\r\n  width: 100%;\r\n  max-width: 1300px;\r\n  margin: 40px auto;\r\n  overflow: hidden;\r\n  border-radius: 14px;\r\n  background: #ffffff;\r\n  box-shadow: 0 8px 28px rgba(0,0,0,0.10);\r\n  padding: 15px 0;\r\n}\r\n\r\n.carousel-track {\r\n  display: flex;\r\n  align-items: center;\r\n  animation: scroll linear infinite;\r\n}\r\n\r\n.carousel-track a {\r\n  width: 420px;\r\n  flex-shrink: 0;\r\n  margin: 0 12px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  background: #f8f9fa;\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.08);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.carousel-track img {\r\n  width: 100%;\r\n  height: 450px;\r\n  object-fit: contain;\r\n  background: #ffffff;\r\n  display: block;\r\n}\r\n\r\n\/* Hover sobrio *\/\r\n.carousel-track a:hover {\r\n  transform: translateY(-4px);\r\n}\r\n\r\n\/* Movimiento continuo profesional *\/\r\n@keyframes scroll {\r\n  from { transform: translateX(0); }\r\n  to { transform: translateX(-50%); }\r\n}\r\n\r\n\/* Pausa al pasar cursor *\/\r\n.photo-carousel:hover .carousel-track {\r\n  animation-play-state: paused;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .carousel-track a { width: 340px; }\r\n  .carousel-track img { height: 380px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .carousel-track a { width: 280px; }\r\n  .carousel-track img { height: 320px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .carousel-track a { width: 90%; }\r\n  .carousel-track img { height: 300px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst track = document.querySelector('.carousel-track');\r\ntrack.innerHTML += track.innerHTML;\r\n\r\n\/* \ud83d\udd39 Ajuste institucional de velocidad *\/\r\nconst totalSlides = track.querySelectorAll('a').length \/ 2;\r\n\r\n\/* Tiempo ideal institucional (ni r\u00e1pido ni lento) *\/\r\nconst secondsPerSlide = 3.2; \r\n\r\ntrack.style.animationDuration = (totalSlides * secondsPerSlide) + \"s\";\r\n<\/script>\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>Mensaje del Presidente Municipal Compromiso, cercan\u00eda y resultados para nuestra ciudadan\u00eda Estimadas ciudadanas y ciudadanos: Es un honor servir a nuestro municipio y trabajar cada d\u00eda para construir una comunidad m\u00e1s fuerte, segura y pr\u00f3spera para todas las familias. Nuestro compromiso es escuchar, atender y responder con acciones concretas a las necesidades de la poblaci\u00f3n, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/citlaltepetl.gob.mx\/portal\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citlaltepetl.gob.mx\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citlaltepetl.gob.mx\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citlaltepetl.gob.mx\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citlaltepetl.gob.mx\/portal\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":0,"href":"https:\/\/citlaltepetl.gob.mx\/portal\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"wp:attachment":[{"href":"https:\/\/citlaltepetl.gob.mx\/portal\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}