{"id":479,"date":"2025-06-23T21:45:08","date_gmt":"2025-06-23T21:45:08","guid":{"rendered":"https:\/\/matehuala.gob.mx\/m\/?page_id=479"},"modified":"2025-07-10T19:37:46","modified_gmt":"2025-07-10T19:37:46","slug":"obras-publicas","status":"publish","type":"page","link":"https:\/\/matehuala.gob.mx\/m\/obras-publicas\/","title":{"rendered":"Obras p\u00fablicas"},"content":{"rendered":"\n<div style=\"max-width: 900px; margin: auto; padding: 20px; font-family: 'Poppins', sans-serif; box-sizing: border-box;\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n  \n  <!-- Objetivo del Departamento -->\n  <div style=\"background-color: #f9f9f9; padding: 20px; border-radius: 8px; margin-bottom: 25px;\">\n    <h2 style=\"color: #BE965C; font-family: 'Poppins', sans-serif; margin-top: 0; font-size: 24px; font-weight: 400;\">\n      \ud83c\udfaf Objetivo del Departamento\n    <\/h2>\n    <p style=\"color: #16386B; font-family: 'Poppins', sans-serif; text-align: justify; line-height: 1.6; font-size: 16px;\">\n      Planear, ejecutar y supervisar obras de infraestructura y desarrollo urbano en el municipio de Matehuala, garantizando accesibilidad, sostenibilidad y calidad en los servicios p\u00fablicos, para mejorar la calidad de vida de los habitantes y fomentar un crecimiento ordenado del territorio, en cumplimiento con la normativa estatal y federal.\n    <\/p>\n  <\/div>\n\n  <!-- Secci\u00f3n de informaci\u00f3n -->\n  <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 25px;\">\n    <!-- Horarios -->\n    <div style=\"background-color: #f9f9f9; padding: 20px; border-radius: 8px;\">\n      <h3 style=\"color: #BE965C; font-family: 'Poppins', sans-serif; margin-top: 0; font-size: 24px;\">\n        \ud83d\udd52 Horarios de Atenci\u00f3n\n      <\/h3>\n      <ul style=\"color: #16386B; font-family: 'Poppins', sans-serif; padding-left: 20px; font-size: 16px;\">\n        <li><strong>D\u00edas:<\/strong> Lunes a Viernes<\/li>\n        <li><strong>Horario:<\/strong> 08:00 a.m. \u2013 03:00 p.m.<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Contacto -->\n    <div style=\"background-color: #f9f9f9; padding: 20px; border-radius: 8px;\">\n      <h3 style=\"color: #BE965C; font-family: 'Poppins', sans-serif; margin-top: 0; font-size: 24px;\">\n        \ud83d\udcde Contacto\n      <\/h3>\n      <ul style=\"color: #16386B; font-family: 'Poppins', sans-serif; list-style-type: none; padding-left: 0; font-size: 16px;\">\n        <li style=\"margin-bottom: 8px;\"><strong>Director:<\/strong><br>ING. Jorge Arturo Sandoval Zapata<\/li>\n        <li style=\"margin-bottom: 8px;\"><strong>Tel\u00e9fono:<\/strong> 488 88 2-00-63 EXT. 117<\/li>\n        <li style=\"margin-bottom: 8px;\"><strong>Correo:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><\/li>\n        <li><strong>Direcci\u00f3n:<\/strong> CELSO N. RAMOS N\u00b0 120, ZONA CENTRO C.P. 78700, (SEGUNDO PISO)<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Mensaje final -->\n  <p style=\"text-align: center; font-family: 'Poppins', sans-serif; color: #BE965C; font-size: 20px; font-weight: 400; margin-top: 20px;\">\n    \ud83d\udca1 \u00a1Trabajamos por un Matehuala con certeza jur\u00eddica y vivienda para todos!\n  <\/p>\n<\/div>\n\n\n\n<!-- Fuente Poppins -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- T\u00edtulo estilizado -->\n<h2 style=\"text-align: center; color: #BE965C; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 32px; margin-top: 20px;\">\n  \ud83d\udcdd Tr\u00e1mites y Servicios\n<\/h2>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>TR\u00c1MITE LICENCIA Y\/O PERMISO DE CONSTRUCCI\u00d3N<\/summary>\n<div class=\"construction-permit-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     <p class=\"service-description\">Procedimiento para autorizar proyectos de construcci\u00f3n en bienes inmuebles p\u00fablicos o privados<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Cualquier proyecto de obra en proceso de Construcci\u00f3n, del dominio p\u00fablico o privado.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas o morales que soliciten previo al proyecto de obra a ejecutarse, en bienes inmuebles debidamente acreditados como propietarios legales.<\/p>\n  <\/div>\n\n  <!-- Requirements with Tabs -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-tabs\">\n      <button class=\"tab-btn active\" data-tab=\"req-50\">1-50 m\u00b2\/lineales<\/button>\n      <button class=\"tab-btn\" data-tab=\"req-70\">51-70 m\u00b2\/lineales<\/button>\n      <button class=\"tab-btn\" data-tab=\"req-71\">71+ m\u00b2\/lineales<\/button>\n    <\/div>\n\n    <div id=\"req-50\" class=\"tab-content active\">\n      <h3>Para construcciones de 1 a 50 m\u00b2\/lineales:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento que acredite propiedad<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo de agua o luz)<\/li>\n        <li><i class=\"fas fa-ruler-combined\"><\/i> Croquis tama\u00f1o carta con medidas y ubicaci\u00f3n<\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"req-70\" class=\"tab-content\">\n      <h3>Para construcciones de 51 a 70 m\u00b2\/lineales:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento que acredite propiedad<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo o n\u00famero oficial)<\/li>\n        <li><i class=\"fas fa-drafting-compass\"><\/i> Plano tama\u00f1o doble carta con:\n          <ul class=\"specs-list\">\n            <li>Medidas y ubicaci\u00f3n<\/li>\n            <li>Planta de cimentaci\u00f3n<\/li>\n            <li>Localizaci\u00f3n con medidas del terreno<\/li>\n            <li>Cuadro informativo de datos<\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"req-71\" class=\"tab-content\">\n      <h3>Para construcciones de 71 m\u00b2\/lineales en adelante:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento que acredite propiedad<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo o n\u00famero oficial)<\/li>\n        <li><i class=\"fas fa-drafting-compass\"><\/i> Plano del proyecto formato 90&#215;60 cm con:\n          <ul class=\"specs-list\">\n            <li>Plantas arquitect\u00f3nicas<\/li>\n            <li>Plantas de cimentaci\u00f3n y azotea<\/li>\n            <li>Detalles estructurales<\/li>\n            <li>Plantas de instalaciones (hidr\u00e1ulica, el\u00e9ctrica, gas)<\/li>\n            <li>Cortes y elevaciones<\/li>\n            <li>Localizaci\u00f3n con medidas<\/li>\n            <li>Procedimientos constructivos<\/li>\n            <li>Firma y sello del director responsable<\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=color:blue><\/i> Costos<\/h2>\n    <p>EL COBRO DEL PERMISO SE DETERMINA EN BASE A LOS METROS TOTALES DE CONSTRUCCI\u00d3N Y LA ZONA DONDE ESTE UBICADA LA PROPIEDAD O INMUEBLE.<\/p>\n    \n    <div class=\"cost-notice\">\n      <i class=\"fas fa-external-link-alt\"><\/i>\n      <p>Consulte el tabulador de costos por zona en el siguiente enlace: <br>\n      <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1-uaFmOotwkYJ3zUdq2Aq8H0rqF87YXgR_TT8dMABZf0\/edit?usp=sharing\" target=\"_blank\">Tabulador Oficial de Costos<\/a><\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento).<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Obras sin autorizaci\u00f3n pagar\u00e1n el doble del costo correspondiente, sin perjuicio de otras sanciones aplicables.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>1 a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Licencia y\/o Permiso de Construcci\u00f3n<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM &#8211; 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM &#8211; 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Font Import *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap');\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css');\n\n\/* Base Styles *\/\n.construction-permit-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* Info Sections *\/\n.info-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n\/* Requirements Section *\/\n.requirements-section {\n  margin-bottom: 30px;\n}\n\n.requirements-section h2 {\n  color: #2c5e92;\n  margin-bottom: 15px;\n}\n\n.requirements-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.req-tabs {\n  display: flex;\n  margin-bottom: 15px;\n  flex-wrap: wrap;\n}\n\n.tab-btn {\n  padding: 10px 20px;\n  background: #e9ecef;\n  border: none;\n  cursor: pointer;\n  margin-right: 5px;\n  margin-bottom: 5px;\n  border-radius: 5px;\n  font-weight: 600;\n  transition: all 0.3s;\n}\n\n.tab-btn.active {\n  background: #2c5e92;\n  color: white;\n}\n\n.tab-content {\n  display: none;\n  padding: 20px;\n  background: white;\n  border-radius: 0 0 5px 5px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.tab-content.active {\n  display: block;\n}\n\n.tab-content h3 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.tab-content ul {\n  padding-left: 20px;\n}\n\n.tab-content li {\n  margin-bottom: 8px;\n}\n\n.tab-content li i {\n  margin-right: 8px;\n  color: #BE965C;\n  width: 20px;\n  text-align: center;\n}\n\n.specs-list {\n  margin-left: 20px;\n  list-style-type: circle;\n}\n\n\/* Cost Section *\/\n.cost-section {\n  background: #e9f5ff;\n  padding: 20px;\n  border-radius: 8px;\n  margin-bottom: 25px;\n}\n\n.cost-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.cost-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.cost-notice {\n  background: white;\n  padding: 15px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  margin-top: 15px;\n}\n\n.cost-notice i {\n  font-size: 24px;\n  color: #2c5e92;\n  margin-right: 15px;\n}\n\n.cost-notice a {\n  color: #2c5e92;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.cost-notice a:hover {\n  text-decoration: underline;\n}\n\n\/* Legal Details *\/\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n\/* Contact Section *\/\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .req-tabs {\n    flex-direction: column;\n  }\n  \n  .tab-btn {\n    width: 100%;\n    margin-bottom: 5px;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n}\n\n\/* Animation *\/\n.tab-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const tabButtons = document.querySelectorAll('.tab-btn');\n  \n  tabButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      \/\/ Remove active class from all buttons\n      tabButtons.forEach(btn => btn.classList.remove('active'));\n      \n      \/\/ Add active class to clicked button\n      this.classList.add('active');\n      \n      \/\/ Hide all tab contents\n      document.querySelectorAll('.tab-content').forEach(content => {\n        content.classList.remove('active');\n      });\n      \n      \/\/ Show the selected tab content\n      const tabId = this.getAttribute('data-tab');\n      document.getElementById(tabId).classList.add('active');\n    });\n  });\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>TR\u00c1MITE LICENCIA Y\/O PERMISO DE REMODELACI\u00d3N<\/summary>\n<?php\n\/**\n * Template Name: Servicio de Permiso de Remodelaci\u00f3n\n *\/\n\nget_header(); ?>\n\n<div class=\"construction-permit-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Procedimiento para autorizar proyectos de remodelaci\u00f3n en bienes inmuebles p\u00fablicos o privados<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Cualquier proyecto de obra en proceso de remodelaci\u00f3n, del dominio p\u00fablico o privado.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas o morales, que soliciten previo al proyecto de obra a ejecutarse, en bienes inmuebles, debidamente acreditados como propietarios legales.<\/p>\n  <\/div>\n\n  <!-- Requirements with Tabs -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-tabs\">\n      <button class=\"tab-btn active\" data-tab=\"req-50\">1-50 m\u00b2\/lineales<\/button>\n      <button class=\"tab-btn\" data-tab=\"req-70\">51-70 m\u00b2\/lineales<\/button>\n      <button class=\"tab-btn\" data-tab=\"req-71\">71+ m\u00b2\/lineales<\/button>\n    <\/div>\n\n    <div id=\"req-50\" class=\"tab-content active\">\n      <h3>Para remodelaciones de 1 a 50 m\u00b2\/lineales:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento que acredite propiedad<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo de agua o luz)<\/li>\n        <li><i class=\"fas fa-ruler-combined\"><\/i> Croquis tama\u00f1o carta con medidas y ubicaci\u00f3n<\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"req-70\" class=\"tab-content\">\n      <h3>Para remodelaciones de 51 a 70 m\u00b2\/lineales:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento que acredite propiedad<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo o n\u00famero oficial)<\/li>\n        <li><i class=\"fas fa-drafting-compass\"><\/i> Plano tama\u00f1o doble carta con:\n          <ul class=\"specs-list\">\n            <li>Medidas y ubicaci\u00f3n<\/li>\n            <li>Planta de cimentaci\u00f3n<\/li>\n            <li>Localizaci\u00f3n con medidas del terreno y referencias a esquina<\/li>\n            <li>Cuadro informativo de datos completos<\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"req-71\" class=\"tab-content\">\n      <h3>Para remodelaciones de 71 m\u00b2\/lineales en adelante:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento que acredite propiedad<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo o n\u00famero oficial)<\/li>\n        <li><i class=\"fas fa-drafting-compass\"><\/i> Plano del proyecto de remodelaci\u00f3n formato 90&#215;60 cm con:\n          <ul class=\"specs-list\">\n            <li>Plantas arquitect\u00f3nicas de conjunto<\/li>\n            <li>Plantas de cimentaci\u00f3n, loza de entrepiso y azotea<\/li>\n            <li>Detalles de elementos estructurales y especificaciones<\/li>\n            <li>Plantas de instalaciones (hidr\u00e1ulica, sanitaria, el\u00e9ctrica y gas)<\/li>\n            <li>Cortes (transversal y longitudinal)<\/li>\n            <li>Elevaciones con cotas parciales y totales<\/li>\n            <li>Localizaci\u00f3n con medidas del terreno y referencias a esquina<\/li>\n            <li>Procedimientos t\u00e9cnicos constructivos<\/li>\n            <li>Especificaciones generales<\/li>\n            <li>Cuadro informativo de datos completos<\/li>\n            <li>Firma del director responsable de obra y sello del colegio al que pertenece<\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos<\/h2>\n    <p>Por la licencia de remodelaci\u00f3n, reconstrucci\u00f3n y restauraci\u00f3n de fincas se cobrar\u00e1 50% de lo establecido en el tabulador oficial y deber\u00e1n cubrir los mismos requisitos que en la construcci\u00f3n, y en ning\u00fan caso el cobro ser\u00e1 menor a 2.50 UMA.<\/p>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n Inciso C<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento).<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Las mismas que en el proceso de permiso de construcci\u00f3n.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>1 a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"style=color:blue><\/i> Documento Obtenido<\/h3>\n      <p>Licencia y\/o Permiso de Remodelaci\u00f3n<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM &#8211; 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM &#8211; 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos CSS del ejemplo anterior pueden ser reutilizados *\/\n\/* Se recomienda colocarlos en el archivo style.css del tema o en un CSS personalizado *\/\n<\/style>\n\n<script>\n\/\/ Script para las pesta\u00f1as - puede ir en un archivo JS separado\ndocument.addEventListener('DOMContentLoaded', function() {\n  const tabButtons = document.querySelectorAll('.tab-btn');\n  \n  tabButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      \/\/ Remove active class from all buttons\n      tabButtons.forEach(btn => btn.classList.remove('active'));\n      \n      \/\/ Add active class to clicked button\n      this.classList.add('active');\n      \n      \/\/ Hide all tab contents\n      document.querySelectorAll('.tab-content').forEach(content => {\n        content.classList.remove('active');\n      });\n      \n      \/\/ Show the selected tab content\n      const tabId = this.getAttribute('data-tab');\n      document.getElementById(tabId).classList.add('active');\n    });\n  });\n});\n<\/script>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>TR\u00c1MITE PERMISO DE DEMOLICI\u00d3N DE FINCAS Y RETIRO DE ESCOMBRO<\/summary>\n<?php\n\/**\n * Template Name: Servicio de Permiso de Demolici\u00f3n y Retiro de Escombro\n *\/\n\nget_header(); ?>\n\n<div class=\"demolition-permit-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Procedimiento para autorizar proyectos de demolici\u00f3n y retiro de escombro en bienes inmuebles p\u00fablicos o privados<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Cualquier proyecto de obra en proceso de demolici\u00f3n y retiro de escombro, del dominio p\u00fablico o privado.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas o morales, que soliciten previo al proyecto de demolici\u00f3n y retiro de escombro a ejecutarse, en bienes inmuebles, debidamente acreditados como propietarios legales.<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    <div class=\"requirements-content\">\n      <ul>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de Escrituras y\/o documento oficial que acredite la propiedad donde se va a llevar a cabo la construcci\u00f3n.<\/li>\n        <li><i class=\"fas fa-file-alt\"><\/i> Copia de Predial del a\u00f1o en curso.<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de Elector del Propietario.<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo de agua o luz).<\/li>\n      <\/ul>\n      \n      <div class=\"special-note\">\n        <h3><i class=\"fas fa-exclamation-circle\"><\/i> Nota Importante:<\/h3>\n        <p>Si la demolici\u00f3n es para una finca ubicada en la zona centro, y\/o protegida por el INAH, se pedir\u00e1 primero la autorizaci\u00f3n del Instituto Nacional de Antropolog\u00eda e Historia.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos<\/h2>\n    <div class=\"cost-details\">\n      <p><strong>Permiso de demolici\u00f3n:<\/strong> Se cubrir\u00e1 el 40% de lo establecido en el tabulador oficial, considerando los mismos requerimientos para su autorizaci\u00f3n.<\/p>\n      <p><strong>Retiro de escombro:<\/strong> Se cobrar\u00e1n 3.00 UMA.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n I, Inciso D<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento). Si despu\u00e9s de dicho plazo no se emite resoluci\u00f3n, se entender\u00e1 aprobado.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Las mismas que en el proceso de permiso de construcci\u00f3n.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>1 a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"style=color:blue><\/i> Documento Obtenido<\/h3>\n      <p>Licencia y\/o Permiso de Demolici\u00f3n y Retiro de Escombro<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM &#8211; 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM &#8211; 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos base - pueden personalizarse seg\u00fan el tema *\/\n.demolition-permit-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n.info-section, .requirements-section, .cost-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2, .requirements-section h2, .cost-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i, .requirements-section h2 i, .cost-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.requirements-content ul {\n  padding-left: 20px;\n}\n\n.requirements-content li {\n  margin-bottom: 10px;\n  list-style-type: none;\n  position: relative;\n  padding-left: 30px;\n}\n\n.requirements-content li i {\n  position: absolute;\n  left: 0;\n  color: #BE965C;\n}\n\n.special-note {\n  background: #fff3cd;\n  padding: 15px;\n  border-radius: 8px;\n  margin-top: 20px;\n  border-left: 4px solid #ffc107;\n}\n\n.special-note h3 {\n  margin-top: 0;\n  color: #856404;\n}\n\n.special-note h3 i {\n  margin-right: 10px;\n  color: #856404;\n}\n\n.cost-details p {\n  margin-bottom: 10px;\n}\n\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>TR\u00c1MITE PARA PRORROGA DE LICENCIA DE CONSTRUCCI\u00d3N<\/summary>\n<?php\n\/**\n * Template Name: Servicio de Prorroga de Licencia y Permiso de Apertura de Calles\n *\/\n\nget_header(); ?>\n\n<div class=\"construction-extension-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n    \n    <p class=\"service-description\">Procedimiento para solicitar pr\u00f3rrogas de licencias de construcci\u00f3n y permisos para apertura de calles (zanjas) para introducci\u00f3n de servicios b\u00e1sicos<\/p>\n  <\/div>\n\n  <!-- Tabs Navigation -->\n  <div class=\"service-tabs\">\n    <button class=\"tab-button active\" onclick=\"openTab(event, 'extension-tab')\">Prorroga de Licencia<\/button>\n    <button class=\"tab-button\" onclick=\"openTab(event, 'trench-tab')\">Permiso de Apertura<\/button>\n  <\/div>\n\n  <!-- Prorroga de Licencia Tab -->\n  <div id=\"extension-tab\" class=\"tab-content\" style=\"display: block;\">\n    <!-- General Information -->\n    <div class=\"info-section\">\n      <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n      <p>Se realiza la inspecci\u00f3n f\u00edsica, para verificar el avance de la obra en proceso.<\/p>\n    <\/div>\n\n    <!-- Who Applies -->\n    <div class=\"info-section\">\n      <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n      <p>Personas f\u00edsicas o morales, que soliciten la pr\u00f3rroga de licencia de construcci\u00f3n, previa solicitud ingresada en tiempo y forma.<\/p>\n    <\/div>\n\n    <!-- Requirements -->\n    <div class=\"requirements-section\">\n      <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n      <div class=\"requirements-content\">\n        <ul>\n          <li><i class=\"fas fa-file-alt\"><\/i> Solicitud (FORMATO LIBRE) dirigida al Director de Obras P\u00fablicas vigente, donde se exponen los motivos del retraso de la Obra.<\/li>\n          <li><i class=\"fas fa-file-contract\"><\/i> Copia de Licencia y\/o permiso autorizado de la obra que se est\u00e1 pidiendo la pr\u00f3rroga.<\/li>\n          <li><i class=\"fas fa-receipt\"><\/i> Copia del recibo de pago de la Licencia de Construcci\u00f3n de la cual se est\u00e1 pidiendo la pr\u00f3rroga.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Cost Section -->\n    <div class=\"cost-section\">\n      <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos<\/h2>\n      <div class=\"cost-table\">\n        <table>\n          <thead>\n            <tr>\n              <th>CONCEPTO<\/th>\n              <th>N\u00b0 DE UMA<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>PRORROGA PARA CASA HABITACI\u00d3N<\/td>\n              <td>5.00<\/td>\n            <\/tr>\n            <tr>\n              <td>PRORROGA PARA FRACC. POR VIVIENDA<\/td>\n              <td>9.00<\/td>\n            <\/tr>\n            <tr>\n              <td>PRORROGA PARA COMERCIOS E INDUSTRIA<\/td>\n              <td>6.00<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <!-- Additional Documents -->\n    <div class=\"info-section\">\n      <h2><i class=\"fas fa-file-signature\"style=color:blue><\/i> Documentos Espec\u00edficos<\/h2>\n      <p>Oficio de prorroga con la nueva fecha de vigencia.<\/p>\n    <\/div>\n\n    <!-- Legal Details -->\n    <div class=\"legal-details\">\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n        <ul>\n          <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n          <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n I, Inciso D<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n        <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento). Si despu\u00e9s de dicho plazo no se emite resoluci\u00f3n, se entender\u00e1 aprobado.<\/p>\n      <\/div>\n\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n        <p>Multas por infracciones al reglamento de la Direcci\u00f3n de obras p\u00fablicas y desarrollo urbano del municipio de Matehuala, S.L.P. y a la ley de desarrollo urbano del Estado de San Luis Potos\u00ed. Se cobrar\u00e1 el equivalente de 5 a 3,000 veces el monto de UMA.<\/p>\n      <\/div>\n\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n        <p>La pr\u00f3rroga cubrir\u00e1 3 meses, a partir de la fecha de vencimiento de la licencia.<\/p>\n      <\/div>\n\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n        <p>Oficio de Prorroga<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Permiso de Apertura de Calles Tab -->\n  <div id=\"trench-tab\" class=\"tab-content\">\n    <!-- General Information -->\n    <div class=\"info-section\">\n      <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n      <p>Para la introducci\u00f3n de servicios Dom\u00e9sticos (tomas domiciliarias y descargas domiciliarias) de agua o drenaje, hasta 9.00 Metros Lineales.<\/p>\n    <\/div>\n\n    <!-- Who Applies -->\n    <div class=\"info-section\">\n      <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n      <p>La Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano se reserva el derecho de autorizar, supervisar y en su caso aprobar la correcta reparaci\u00f3n del pavimento que deber\u00e1 cumplir con las especificaciones establecidas en el reglamento de construcci\u00f3n del Municipio.<\/p>\n      <p>No se podr\u00e1n autorizar aperturas de zanja y\/o ampliaci\u00f3n de red subterr\u00e1nea en calles que tengan menos de 5 a\u00f1os de haberse recarpeteado, pavimentado y\/o rehabilitado.<\/p>\n    <\/div>\n\n    <!-- Requirements -->\n    <div class=\"requirements-section\">\n      <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos<\/h2>\n      <div class=\"requirements-content\">\n        <ul>\n          <li><i class=\"fas fa-file-alt\"><\/i> Orden original de la instancia donde solicita los servicios (SAPSAM, CFE).<\/li>\n          <li><i class=\"fas fa-file-contract\"><\/i> Copia de Escrituras y\/o documento oficial que acredite la propiedad.<\/li>\n          <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de Elector del Propietario.<\/li>\n          <li><i class=\"fas fa-receipt\"><\/i> Copia del pago predial reciente.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Cost Section -->\n    <div class=\"cost-section\">\n      <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos<\/h2>\n      <div class=\"cost-tables\">\n        <div class=\"cost-table\">\n          <h4>Para abrir zanja<\/h4>\n          <table>\n            <thead>\n              <tr>\n                <th>CONCEPTO<\/th>\n                <th>N\u00b0 DE UMAS<\/th>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr>\n                <td>EN TERRACERIA<\/td>\n                <td>0.25<\/td>\n              <\/tr>\n              <tr>\n                <td>EN PAVIMENTO DE ASFALTO<\/td>\n                <td>0.30<\/td>\n              <\/tr>\n              <tr>\n                <td>EN PAVIMENTO DE CONCRETO<\/td>\n                <td>0.50<\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n        \n        <div class=\"cost-table\">\n          <h4>Para prorroga de permiso<\/h4>\n          <table>\n            <thead>\n              <tr>\n                <th>CONCEPTO<\/th>\n                <th>N\u00b0 DE UMAS<\/th>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr>\n                <td>PARA APERTURA DE CALLES PARA LA INTRODUCCI\u00d3N DE SERVICIOS BASICOS<\/td>\n                <td>5.00<\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Additional Documents -->\n    <div class=\"info-section\">\n      <h2><i class=\"fas fa-file-signature\"><\/i> Documentos Espec\u00edficos<\/h2>\n      <p>Oficio de permiso de Apertura de zanja y prorroga en su caso.<\/p>\n    <\/div>\n\n    <!-- Legal Details -->\n    <div class=\"legal-details\">\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n        <ul>\n          <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n          <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 27<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n        <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento). Si despu\u00e9s de dicho plazo no se emite resoluci\u00f3n, se entender\u00e1 aprobado.<\/p>\n      <\/div>\n\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n        <p>Multas por infracciones al reglamento de la Direcci\u00f3n de obras p\u00fablicas y desarrollo urbano del municipio de Matehuala, S.L.P. y a la ley de desarrollo urbano del Estado de San Luis Potos\u00ed. Se cobrar\u00e1 el equivalente de 5 a 3,000 veces el monto de UMA.<\/p>\n      <\/div>\n\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n        <p>La pr\u00f3rroga cubrir\u00e1 3 meses, a partir de la fecha de vencimiento de la licencia.<\/p>\n      <\/div>\n\n      <div class=\"detail-card\">\n        <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n        <p>Oficio de permiso de apertura de Zanja y\/o Prorroga.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information (Shared) -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM &#8211; 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM &#8211; 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos base - pueden personalizarse seg\u00fan el tema *\/\n.construction-extension-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* Tabs styling *\/\n.service-tabs {\n  display: flex;\n  margin-bottom: 20px;\n  border-bottom: 1px solid #ddd;\n}\n\n.tab-button {\n  padding: 10px 20px;\n  background: #f1f1f1;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  transition: 0.3s;\n  border-radius: 5px 5px 0 0;\n  margin-right: 5px;\n}\n\n.tab-button:hover {\n  background: #ddd;\n}\n\n.tab-button.active {\n  background: #2c5e92;\n  color: white;\n}\n\n.tab-content {\n  display: none;\n  animation: fadeEffect 1s;\n}\n\n@keyframes fadeEffect {\n  from {opacity: 0;}\n  to {opacity: 1;}\n}\n\n.info-section, .requirements-section, .cost-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2, .requirements-section h2, .cost-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i, .requirements-section h2 i, .cost-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.requirements-content ul {\n  padding-left: 20px;\n}\n\n.requirements-content li {\n  margin-bottom: 10px;\n  list-style-type: none;\n  position: relative;\n  padding-left: 30px;\n}\n\n.requirements-content li i {\n  position: absolute;\n  left: 0;\n  color: #BE965C;\n}\n\n.cost-tables {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n}\n\n.cost-table {\n  flex: 1;\n  min-width: 250px;\n}\n\n.cost-table h4 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 10px;\n}\n\ntable, th, td {\n  border: 1px solid #ddd;\n}\n\nth {\n  background-color: #2c5e92;\n  color: white;\n  padding: 10px;\n  text-align: left;\n}\n\ntd {\n  padding: 8px 10px;\n}\n\ntr:nth-child(even) {\n  background-color: #f2f2f2;\n}\n\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n  \n  .service-tabs {\n    flex-direction: column;\n  }\n  \n  .tab-button {\n    margin-bottom: 5px;\n    border-radius: 5px;\n  }\n  \n  .cost-tables {\n    flex-direction: column;\n  }\n}\n<\/style>\n\n<script>\nfunction openTab(evt, tabName) {\n  var i, tabcontent, tabbuttons;\n  \n  \/\/ Hide all tab content\n  tabcontent = document.getElementsByClassName(\"tab-content\");\n  for (i = 0; i < tabcontent.length; i++) {\n    tabcontent[i].style.display = \"none\";\n  }\n  \n  \/\/ Remove active class from all buttons\n  tabbuttons = document.getElementsByClassName(\"tab-button\");\n  for (i = 0; i < tabbuttons.length; i++) {\n    tabbuttons[i].className = tabbuttons[i].className.replace(\" active\", \"\");\n  }\n  \n  \/\/ Show the current tab and add active class to the button\n  document.getElementById(tabName).style.display = \"block\";\n  evt.currentTarget.className += \" active\";\n}\n<\/script>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>CONSTANCIA DE TERMINACI\u00d3N DE OBRA DE OBRA (LICENCIA DE HABITABILIDAD)<\/summary>\n<?php\n\/**\n * Template Name: Servicio de Licencia de Habitabilidad y Terminaci\u00f3n de Obra\n *\/\n\nget_header(); ?>\n\n<div class=\"habitability-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n   \n    <p class=\"service-description\">Procedimiento para obtener la constancia de terminaci\u00f3n de obra que verifica el cumplimiento de las especificaciones de habitabilidad<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Inspecci\u00f3n f\u00edsica de la vivienda para verificar que se cumplan con todas las especificaciones de habitabilidad de la misma.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Para todas las construcciones que hayan respetado con lo dispuesto en la licencia de construcci\u00f3n debidamente autorizada y que respete el proyecto de obra inicial, as\u00ed como todas las especificaciones de la habitabilidad de la vivienda.<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    <div class=\"requirements-content\">\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Solicitud (FORMATO LIBRE) dirigida al Director de Obras P\u00fablicas.<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de la Licencia y\/o permiso autorizado de la obra que se est\u00e1 solicitando la terminaci\u00f3n.<\/li>\n        <li><i class=\"fas fa-receipt\"><\/i> Copia del recibo de pago de la Licencia realizado en la tesorer\u00eda Municipal.<\/li>\n        <li><i class=\"fas fa-camera\"><\/i> Bit\u00e1cora de fotograf\u00edas de interiores y exteriores del inmueble.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos<\/h2>\n    <div class=\"cost-table\">\n      <table>\n        <thead>\n          <tr>\n            <th>CONCEPTO<\/th>\n            <th>COSTO EN UMA<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>Para casa habitaci\u00f3n<\/td>\n            <td>4.00<\/td>\n          <\/tr>\n          <tr>\n            <td>Para complejo habitacional y\/o fraccionamiento (por vivienda)<\/td>\n            <td>5.00<\/td>\n          <\/tr>\n          <tr>\n            <td>Para comercial<\/td>\n            <td>10.00<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- Additional Documents -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-file-signature\"style=color:blue><\/i> Documentos Espec\u00edficos<\/h2>\n    <p>Constancia de Terminaci\u00f3n de Obra (Licencia de Habitabilidad).<\/p>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18, Fracci\u00f3n VIII<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento). Si despu\u00e9s de dicho plazo no se emite resoluci\u00f3n, se entender\u00e1 aprobado.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Multas por infracciones al reglamento de la Direcci\u00f3n de obras p\u00fablicas y desarrollo urbano del municipio de Matehuala, S.L.P. y a la ley de desarrollo urbano del Estado de San Luis Potos\u00ed. Se cobrar\u00e1 el equivalente de 5 a 3,000 veces el monto de UMA.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>Indefinida<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"style=color:blue><\/i> Documento Obtenido<\/h3>\n      <p>Constancia de Terminaci\u00f3n de Obra<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos base - pueden personalizarse seg\u00fan el tema *\/\n.habitability-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n.info-section, .requirements-section, .cost-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2, .requirements-section h2, .cost-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i, .requirements-section h2 i, .cost-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.requirements-content ul {\n  padding-left: 20px;\n}\n\n.requirements-content li {\n  margin-bottom: 10px;\n  list-style-type: none;\n  position: relative;\n  padding-left: 30px;\n}\n\n.requirements-content li i {\n  position: absolute;\n  left: 0;\n  color: #BE965C;\n}\n\n.cost-table {\n  overflow-x: auto;\n}\n\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 10px;\n}\n\ntable, th, td {\n  border: 1px solid #ddd;\n}\n\nth {\n  background-color: #2c5e92;\n  color: white;\n  padding: 10px;\n  text-align: left;\n}\n\ntd {\n  padding: 8px 10px;\n}\n\ntr:nth-child(even) {\n  background-color: #f2f2f2;\n}\n\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n  \n  table {\n    display: block;\n    overflow-x: auto;\n    white-space: nowrap;\n  }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>TRAMITE DE PERMISO PARA OBSTRUCCI\u00d3N EN LA V\u00cdA P\u00daBLICA.&nbsp;<\/summary>\n<?php\n\/**\n * Template Name: Servicio - Permiso de Obstrucci\u00f3n de V\u00eda P\u00fablica\n *\/\n\nget_header(); ?>\n\n<div class=\"construction-permit-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n    \n     <p class=\"service-description\">Autorizaci\u00f3n temporal para colocaci\u00f3n de materiales que limiten parcialmente el tr\u00e1nsito durante obras<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Inspecci\u00f3n f\u00edsica para identificar el o los materiales o elementos con los cuales se realizar\u00e1 la obstrucci\u00f3n de la v\u00eda p\u00fablica.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>La Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio podr\u00e1 autorizar temporalmente con motivo a la realizaci\u00f3n de una obra de construcci\u00f3n, reconstrucci\u00f3n, restauraci\u00f3n o remodelaci\u00f3n, la colocaci\u00f3n de material o alg\u00fan otro elemento que limite parcialmente el tr\u00e1nsito y la circulaci\u00f3n de personas y\/o veh\u00edculos en la v\u00eda p\u00fablica.<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    <ul class=\"requirements-list\">\n      <li><i class=\"fas fa-file-contract\"style=color:blue><\/i> Copia de Escrituras y\/o documento oficial que acredite la propiedad donde se va a llevar a cabo la obstrucci\u00f3n.<\/li>\n      <li><i class=\"fas fa-id-card\"style=color:blue><\/i> Copia de credencial de Elector del Propietario<\/li>\n      <li><i class=\"fas fa-home\"style=color:blue><\/i> Comprobante de domicilio (recibo de agua o luz) o n\u00famero oficial<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos<\/h2>\n    <p>Los interesados deber\u00e1n pagar derechos por <strong>1.04 UMA por metro cuadrado, por d\u00eda<\/strong>.<\/p>\n  <\/div>\n\n  <!-- Additional Documents -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-file-alt\"style=color:blue><\/i> Documentos Espec\u00edficos<\/h2>\n    <p>Constancia de Terminaci\u00f3n de Obra (Licencia de Habitabilidad).<\/p>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18, Fracci\u00f3n VIII<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento). Si despu\u00e9s de dicho plazo no hay resoluci\u00f3n, se entender\u00e1 aprobado.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>La colocaci\u00f3n sin autorizaci\u00f3n ocasionar\u00e1 que el pago sea un 50% mayor, pudiendo ordenarse su remoci\u00f3n y aplicaci\u00f3n de sanciones. Queda prohibida la ocupaci\u00f3n de la v\u00eda p\u00fablica sin permiso.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>Seg\u00fan los d\u00edas que requiera la obstrucci\u00f3n.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\" style=color:blue><\/i> Documento Obtenido<\/h3>\n      <p>Oficio de permiso de obstrucci\u00f3n en la v\u00eda p\u00fablica<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos consistentes con el servicio de construcci\u00f3n *\/\n.construction-permit-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n.info-section, .cost-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2, .cost-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i, .cost-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.requirements-list {\n  padding-left: 20px;\n}\n\n.requirements-list li {\n  margin-bottom: 10px;\n}\n\n.requirements-list i {\n  margin-right: 8px;\n  color: #BE965C;\n  width: 20px;\n  text-align: center;\n}\n\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #BE965C;\n}\n\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>TRAMITE DE PERMISO DE CONSTRUCCI\u00d3N EN PANTEONES MUNICIPALES.&nbsp;&nbsp;<\/summary>\n<?php\n\/**\n * Template Name: Servicio - Permisos en Panteones Municipales\n *\/\n\nget_header(); ?>\n\n<div class=\"cemetery-permit-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Autorizaci\u00f3n para trabajos de construcci\u00f3n y remodelaci\u00f3n en espacios p\u00fablicos de panteones municipales<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Se podr\u00e1n realizar trabajos de construcci\u00f3n, remodelaci\u00f3n en los espacios p\u00fablicos denominados Panteones.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Solo en panteones municipales y que los usuarios cuenten con un espacio debidamente acreditado.<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    <ul class=\"requirements-list\">\n      <li><i class=\"fas fa-file-alt\"style=color:blue><\/i> Original de la Orden del pante\u00f3n en la que se realizar\u00e1n los trabajos<\/li>\n      <li><i class=\"fas fa-id-card\"style=color:blue><\/i> Copia de credencial de Elector\/INSEN\/JUBILADO\/DISCAPACIDAD del interesado<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos (en UMA)<\/h2>\n    \n    <div class=\"cost-tables\">\n      <div class=\"cost-table\">\n        <h3><i class=\"fas fa-grave\"style=color:blue><\/i> Construcci\u00f3n de fosas y gavetas<\/h3>\n        <table>\n          <tr><td>Fosa por cada una<\/td><td>3.00<\/td><\/tr>\n          <tr><td>B\u00f3veda por cada una<\/td><td>3.00<\/td><\/tr>\n          <tr><td>Gaveta por cada una<\/td><td>1.50<\/td><\/tr>\n        <\/table>\n      <\/div>\n      \n      <div class=\"cost-table\">\n        <h3><i class=\"fas fa-monument\"style=color:blue><\/i> Monumentos por l\u00e1pida<\/h3>\n        <table>\n          <tr><td>De ladrillo y cemento<\/td><td>1.73<\/td><\/tr>\n          <tr><td>De cantera<\/td><td>3.19<\/td><\/tr>\n          <tr><td>De granito<\/td><td>4.00<\/td><\/tr>\n          <tr><td>De m\u00e1rmol y otros materiales<\/td><td>5.00<\/td><\/tr>\n          <tr><td>Piezas sueltas (jardineras, rejas, etc.)<\/td><td>1.00<\/td><\/tr>\n        <\/table>\n      <\/div>\n      \n      <div class=\"cost-table\">\n        <h3><i class=\"fas fa-church\"style=color:blue><\/i> Capillas y remodelaciones<\/h3>\n        <table>\n          <tr><td>Permiso por construcci\u00f3n de capilla<\/td><td>8.00<\/td><\/tr>\n          <tr><td>Permiso por remodelaci\u00f3n de capilla<\/td><td>4.00<\/td><\/tr>\n          <tr><td>Remodelaci\u00f3n y\/o reparaci\u00f3n en panteones<\/td><td>3.00<\/td><\/tr>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 19, Fracci\u00f3n I<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>2 d\u00edas h\u00e1biles.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Multas equivalentes de 5 a 3,000 veces el monto de UMA por infracciones al reglamento.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>Quince d\u00edas.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Oficio de permiso de construcci\u00f3n en panteones municipales.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.cemetery-permit-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* Info Sections *\/\n.info-section, .cost-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2, .cost-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i, .cost-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a; \/* Verde para tem\u00e1tica cementerio *\/\n}\n\n.requirements-list {\n  padding-left: 20px;\n}\n\n.requirements-list li {\n  margin-bottom: 10px;\n}\n\n.requirements-list i {\n  margin-right: 8px;\n  color: #5d8c5a;\n  width: 20px;\n  text-align: center;\n}\n\n\/* Cost Tables *\/\n.cost-tables {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.cost-table {\n  background: white;\n  padding: 15px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.cost-table h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.cost-table h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.cost-table table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.cost-table table td {\n  padding: 8px;\n  border-bottom: 1px solid #eee;\n}\n\n.cost-table table tr:last-child td {\n  border-bottom: none;\n}\n\n.cost-table table td:last-child {\n  text-align: right;\n  font-weight: bold;\n  color: #2c5e92;\n}\n\n\/* Legal Details *\/\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Contact Section *\/\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid, .cost-tables {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>CONSTANCIA DE ALINEAMIENTO&nbsp;&nbsp;<\/summary>\n<?php\n\/**\n * Template Name: Servicio - Constancia de Alineamiento\n *\/\n\nget_header(); ?>\n\n<div class=\"alignment-certificate-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n  \n    <p class=\"service-description\">Documento requerido previo a la obtenci\u00f3n de licencia de construcci\u00f3n para obras nuevas y bardas perimetrales<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Es obligaci\u00f3n de todo propietario que antes de tramitar su licencia de construcci\u00f3n, solicite su Constancia de Alineamiento, ante la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>A personas F\u00edsicas o morales, que soliciten, en bienes inmuebles, debidamente acreditados como propietarios legales. (Aplicable a construcciones nuevas y bardas perimetrales).<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    <ul class=\"requirements-list\">\n      <li><i class=\"fas fa-file-alt\"style=color:blue><\/i> Copia de Predial del a\u00f1o en curso<\/li>\n      <li><i class=\"fas fa-file-contract\"style=color:blue><\/i> Copia de Escrituras y\/o documento oficial que acredite la propiedad<\/li>\n      <li><i class=\"fas fa-id-card\"style=color:blue><\/i> Copia de credencial de Elector del Propietario<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costo<\/h2>\n    <p>Cubriendo una cuota de <strong>2.50 UMA<\/strong>. La Direcci\u00f3n tomar\u00e1 a consideraci\u00f3n, lo dispuesto en el Reglamento de Construcci\u00f3n del Municipio.<\/p>\n  <\/div>\n\n  <!-- Additional Data -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-edit\"style=color:blue><\/i> Datos Adicionales Requeridos<\/h2>\n    <p>N\u00famero telef\u00f3nico del solicitante<\/p>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-invoice-dollar\"style=color:blue><\/i> Fundamento Jur\u00eddico de Cobro<\/h3>\n      <p>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18, Fracci\u00f3n III, inciso D.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la fecha de recepci\u00f3n de la solicitud. Si despu\u00e9s de dicho plazo no hay resoluci\u00f3n, se entender\u00e1 aprobado.<\/p>\n      <p><small>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano, Cap\u00edtulo XXXIII, Art\u00edculo 216.<\/small><\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Multas equivalentes de 5 a 3,000 veces el monto de UMA por infracciones al reglamento.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>Indefinido<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"style=color:blue><\/i> Documento Obtenido<\/h3>\n      <p>Constancia de Alineamiento<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de constancia:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.alignment-certificate-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* Info Sections *\/\n.info-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.requirements-list {\n  padding-left: 20px;\n}\n\n.requirements-list li {\n  margin-bottom: 10px;\n}\n\n.requirements-list i {\n  margin-right: 8px;\n  color: #5d8c5a;\n  width: 20px;\n  text-align: center;\n}\n\n\/* Legal Details *\/\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.detail-card small {\n  color: #666;\n  font-size: 0.8em;\n}\n\n\/* Contact Section *\/\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>ASIGNACI\u00d3N DE N\u00daMERO OFICIAL Y\/O PROVISIONAL&nbsp;&nbsp;<\/summary>\n<?php\n\/**\n * Template Name: Servicio - N\u00famero Oficial\/Provisional\n *\/\n\nget_header(); ?>\n\n<div class=\"official-number-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n    \n    <p class=\"service-description\">Nomenclatura asignada a una propiedad por la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Es la nomenclatura que se asigna a una propiedad por parte de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>A personas f\u00edsicas o morales, que soliciten previo al proyecto de obra a ejecutarse, en bienes inmuebles, debidamente acreditados como propietarios legales.<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    <ul class=\"requirements-list\">\n      <li><i class=\"fas fa-file-invoice-dollar\"style=color:blue><\/i> Copia de Predial del a\u00f1o en curso<\/li>\n      <li><i class=\"fas fa-file-contract\"style=color:blue><\/i> Copia de Escrituras y\/o documento oficial que acredite la propiedad<\/li>\n      <li><i class=\"fas fa-id-card\"style=color:blue><\/i> Copia de credencial de Elector del Propietario<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos (en UMA)<\/h2>\n    <div class=\"cost-table-container\">\n      <table class=\"cost-table\">\n        <thead>\n          <tr>\n            <th>Concepto<\/th>\n            <th>Art\u00edculo\/Ley de Ingresos<\/th>\n            <th>UMAs<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>De 1 a 200 m\u00b2<\/td>\n            <td>Art. 32 Fracci\u00f3n I<\/td>\n            <td>1.50<\/td>\n          <\/tr>\n          <tr>\n            <td>N\u00famero Provisional<\/td>\n            <td>Art. 32 Fracci\u00f3n II<\/td>\n            <td>2.00<\/td>\n          <\/tr>\n          <tr>\n            <td>N\u00famero Oficial de 201 a 5,000 m\u00b2<\/td>\n            <td>Art. 32 Fracci\u00f3n III<\/td>\n            <td>3.00<\/td>\n          <\/tr>\n          <tr>\n            <td>N\u00famero Oficial de 5,001 m\u00b2 en adelante<\/td>\n            <td>Art. 32 Fracci\u00f3n IV<\/td>\n            <td>4.00<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- Additional Data -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-edit\"style=color:blue><\/i> Datos Adicionales Requeridos<\/h2>\n    <p>N\u00famero telef\u00f3nico del solicitante<\/p>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-invoice-dollar\"style=color:blue><\/i> Fundamento Jur\u00eddico de Cobro<\/h3>\n      <p>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 32<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la fecha de recepci\u00f3n de la solicitud. Si despu\u00e9s de dicho plazo no hay resoluci\u00f3n, se entender\u00e1 aprobado.<\/p>\n      <p><small>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano, Cap\u00edtulo XXXIII, Art\u00edculo 216.<\/small><\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Multas equivalentes de 5 a 3,000 veces el monto de UMA por infracciones al reglamento.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>Indefinido<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"style=color:blue><\/i> Documento Obtenido<\/h3>\n      <p>Constancia de N\u00famero Oficial y\/o provisional<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de constancia:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.official-number-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* Info Sections *\/\n.info-section, .cost-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2, .cost-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i, .cost-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.requirements-list {\n  padding-left: 20px;\n}\n\n.requirements-list li {\n  margin-bottom: 10px;\n}\n\n.requirements-list i {\n  margin-right: 8px;\n  color: #5d8c5a;\n  width: 20px;\n  text-align: center;\n}\n\n\/* Cost Table *\/\n.cost-table-container {\n  overflow-x: auto;\n  margin-top: 15px;\n}\n\n.cost-table {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 10px;\n}\n\n.cost-table th, .cost-table td {\n  padding: 12px 15px;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n}\n\n.cost-table th {\n  background-color: #2c5e92;\n  color: white;\n}\n\n.cost-table tr:nth-child(even) {\n  background-color: #f2f2f2;\n}\n\n.cost-table tr:hover {\n  background-color: #e9f5ff;\n}\n\n.cost-table td:last-child {\n  font-weight: bold;\n  color: #2c5e92;\n}\n\n\/* Legal Details *\/\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.detail-card small {\n  color: #666;\n  font-size: 0.8em;\n}\n\n\/* Contact Section *\/\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n  \n  .cost-table {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>PERMISO DE CONSTRUCCI\u00d3N DE REDES SUBTERR\u00c1NEAS Y\/O AMPLIACI\u00d3N DE REDES EXISTENTES.&nbsp;&nbsp;<\/summary>\n<?php\n\/**\n * Template Name: Servicio - Licencia de Redes Subterr\u00e1neas\n *\/\n\nget_header(); ?>\n\n<div class=\"underground-networks-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n    \n    <p class=\"service-description\">Inspecci\u00f3n f\u00edsica para licencias de construcci\u00f3n de redes subterr\u00e1neas o ampliaci\u00f3n de redes existentes<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Inspecci\u00f3n f\u00edsica para las licencias de Construcci\u00f3n de redes Subterr\u00e1neas o Ampliaci\u00f3n de redes existentes.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Para personas f\u00edsicas o morales, trat\u00e1ndose de empresas, fraccionadores, particulares, etc., que canalizan redes de infraestructura o las sustituyan.<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    <ul class=\"requirements-list\">\n      <li><i class=\"fas fa-file-alt\"style=color:blue><\/i> Orden original de la instancia donde solicita los servicios<\/li>\n      <li><i class=\"fas fa-file-contract\"style=color:blue><\/i> Copia de Escrituras y\/o documento oficial que acredite la propiedad<\/li>\n      <li><i class=\"fas fa-id-card\"style=color:blue><\/i> Copia de credencial de Elector del Propietario<\/li>\n      <li><i class=\"fas fa-receipt\"style=color:blue><\/i> Copia del pago predial reciente<\/li>\n      <li><i class=\"fas fa-map-marked-alt\"style=color:blue><\/i> Croquis donde se indica la ampliaci\u00f3n firmado y sellado por un Director Responsable de Obra<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos (UMA por metro lineal)<\/h2>\n    <div class=\"cost-table-container\">\n      <table class=\"cost-table\">\n        <thead>\n          <tr>\n            <th>Rango (metros)<\/th>\n            <th>UMA por metro lineal<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>De 1 a 20<\/td>\n            <td>0.75<\/td>\n          <\/tr>\n          <tr>\n            <td>De 21 a 50<\/td>\n            <td>0.50<\/td>\n          <\/tr>\n          <tr>\n            <td>De 51 a 80<\/td>\n            <td>0.45<\/td>\n          <\/tr>\n          <tr>\n            <td>De 81 a 100<\/td>\n            <td>0.40<\/td>\n          <\/tr>\n          <tr>\n            <td>De 101 a 130<\/td>\n            <td>0.35<\/td>\n          <\/tr>\n          <tr>\n            <td>De 131 a 150<\/td>\n            <td>0.30<\/td>\n          <\/tr>\n          <tr>\n            <td>De 151 en adelante<\/td>\n            <td>0.25<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n      <p class=\"cost-note\">Cubrir\u00e1n este derecho de acuerdo a la tarifa por metro lineal canalizado en \u00e1rea urbana pavimentada y\/o terracer\u00eda.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Additional Data -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-edit\"style=color:blue><\/i> Datos Adicionales Requeridos<\/h2>\n    <p>N\u00famero telef\u00f3nico del solicitante<\/p>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-invoice-dollar\"style=color:blue><\/i> Fundamento Jur\u00eddico de Cobro<\/h3>\n      <p>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 27, Inciso B<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la fecha de recepci\u00f3n de la solicitud. Si despu\u00e9s de dicho plazo no hay resoluci\u00f3n, se entender\u00e1 aprobado.<\/p>\n      <p><small>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano, Cap\u00edtulo XXXIII, Art\u00edculo 216.<\/small><\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Multas equivalentes de 5 a 3,000 veces el monto de UMA por infracciones al reglamento.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>Un mes<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"style=color:blue><\/i> Documento Obtenido<\/h3>\n      <p>Licencia de Construcci\u00f3n de redes subterr\u00e1neas y\/o ampliaci\u00f3n de redes subterr\u00e1neas<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de licencia:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.underground-networks-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* Info Sections *\/\n.info-section, .cost-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2, .cost-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i, .cost-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.requirements-list {\n  padding-left: 20px;\n}\n\n.requirements-list li {\n  margin-bottom: 10px;\n}\n\n.requirements-list i {\n  margin-right: 8px;\n  color: #5d8c5a;\n  width: 20px;\n  text-align: center;\n}\n\n\/* Cost Table *\/\n.cost-table-container {\n  overflow-x: auto;\n  margin-top: 15px;\n}\n\n.cost-table {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 10px;\n}\n\n.cost-table th, .cost-table td {\n  padding: 12px 15px;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n}\n\n.cost-table th {\n  background-color: #2c5e92;\n  color: white;\n}\n\n.cost-table tr:nth-child(even) {\n  background-color: #f2f2f2;\n}\n\n.cost-table tr:hover {\n  background-color: #e9f5ff;\n}\n\n.cost-table td:last-child {\n  font-weight: bold;\n  color: #2c5e92;\n  text-align: right;\n}\n\n.cost-note {\n  font-size: 0.9em;\n  color: #666;\n  margin-top: 10px;\n  font-style: italic;\n}\n\n\/* Legal Details *\/\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.detail-card small {\n  color: #666;\n  font-size: 0.8em;\n}\n\n\/* Contact Section *\/\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n  \n  .cost-table {\n    font-size: 14px;\n  }\n  \n  .info-section, .cost-section {\n    padding: 15px;\n  }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>REGISTRO Y REFRENDO COMO DIRECTOR RESPONSABLE DE OBRA&nbsp;<\/summary>\n<?php\n\/**\n * Template Name: Servicio - Director Responsable de Obra\n *\/\n\nget_header(); ?>\n\n<div class=\"dro-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n    \n    <p class=\"service-description\">Registro y refrendo anual para profesionales responsables de proyectos de construcci\u00f3n<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>El Director Responsable de Obra es la persona f\u00edsica cuya actividad est\u00e1 relacionada con el proyecto y construcci\u00f3n de obras, responsable de la observancia del reglamento. La calidad de DRO se adquiere con el registro correspondiente ante la Direcci\u00f3n de Obras P\u00fablicas.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Ingenieros, Arquitectos y Edificadores registrados en la Direcci\u00f3n de Obras P\u00fablicas, a quienes el Ayuntamiento concede la facultad exclusiva de avalar solicitudes de licencias para construcciones, demoliciones, excavaciones o remodelaciones.<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    \n    <div class=\"requirements-tabs\">\n      <div class=\"tab\">\n        <button class=\"tablinks active\" onclick=\"openRequirementTab(event, 'registro')\">Registro Inicial<\/button>\n        <button class=\"tablinks\" onclick=\"openRequirementTab(event, 'refrendo')\">Refrendo Anual<\/button>\n      <\/div>\n      \n      <div id=\"registro\" class=\"tabcontent\" style=\"display:block;\">\n        <h3>Para registro al padr\u00f3n de Directores Responsables de Obra<\/h3>\n        <ol class=\"requirements-list\">\n          <li><i class=\"fas fa-file-signature\"style=color:blue><\/i> Solicitud por escrito dirigida al Director de Obras P\u00fablicas<\/li>\n          <li><i class=\"fas fa-id-card\"style=color:blue><\/i> Copia de identificaci\u00f3n personal con fotograf\u00eda (INE, Pasaporte o Cartilla Militar)<\/li>\n          <li><i class=\"fas fa-home\"style=color:blue><\/i> Comprobante de domicilio actual (ser residente del municipio)<\/li>\n          <li><i class=\"fas fa-id-badge\"style=color:blue><\/i> Copia de la CURP<\/li>\n          <li><i class=\"fas fa-file-alt\"style=color:blue><\/i> Curriculum Vitae (m\u00ednimo 5 a\u00f1os de experiencia)<\/li>\n          <li><i class=\"fas fa-camera\"style=color:blue><\/i> 4 fotograf\u00edas tama\u00f1o infantil de frente<\/li>\n          <li><i class=\"fas fa-users\"style=color:blue><\/i> Constancia de miembro activo de colegio profesional local o asociaci\u00f3n de DRO<\/li>\n          <li><i class=\"fas fa-graduation-cap\"style=color:blue><\/i> Copia de la c\u00e9dula profesional<\/li>\n          <li><i class=\"fas fa-certificate\"style=color:blue><\/i> Copia de certificado de especializaci\u00f3n (en caso de contar con ella)<\/li>\n          <li><i class=\"fas fa-award\"style=color:blue><\/i> Constancia de acreditaci\u00f3n expedida por la CADROC S.L.P.<\/li>\n          <li><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Cubrir los derechos respectivos<\/li>\n        <\/ol>\n      <\/div>\n      \n      <div id=\"refrendo\" class=\"tabcontent\">\n        <h3>Para refrendo al padr\u00f3n de Directores Responsables de Obra<\/h3>\n        <ol class=\"requirements-list\">\n          <li><i class=\"fas fa-file-signature\"style=color:blue><\/i> Solicitud por escrito dirigida al Director de Obras P\u00fablicas<\/li>\n          <li><i class=\"fas fa-users\"style=color:blue><\/i> Constancia de miembro activo de colegio profesional local o asociaci\u00f3n de DRO<\/li>\n          <li><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Cubrir los derechos respectivos<\/li>\n          <li><i class=\"fas fa-chalkboard-teacher\"style=color:blue><\/i> Para DRO especializado: actualizaci\u00f3n reciente de cursos\/capacitaciones<\/li>\n          <li><i class=\"fas fa-book\"style=color:blue><\/i> Estar al corriente con entrega de bit\u00e1coras bimestrales de obra<\/li>\n          <li><i class=\"fas fa-file-alt\"style=color:blue><\/i> Adjuntar oficio de refrendo del a\u00f1o anterior<\/li>\n        <\/ol>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos<\/h2>\n    <div class=\"cost-grid\">\n      <div class=\"cost-card\">\n        <h3><i class=\"fas fa-user-plus\"style=color:blue><\/i> Registro Inicial<\/h3>\n        <p class=\"cost-amount\">14.56 UMA<\/p>\n      <\/div>\n      <div class=\"cost-card\">\n        <h3><i class=\"fas fa-sync-alt\"style=color:blue><\/i> Refrendo Anual<\/h3>\n        <p class=\"cost-amount\">12.48 UMA<\/p>\n        <p class=\"cost-note\">(Debe cubrirse durante enero y febrero)<\/p>\n      <\/div>\n    <\/div>\n    <p>Los registros quedan clasificados como: Director A y Director Especializado.<\/p>\n  <\/div>\n\n  <!-- Additional Data -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-edit\"style=color:blue><\/i> Datos Adicionales Requeridos<\/h2>\n    <p>Datos personales del solicitante<\/p>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-invoice-dollar\"style=color:blue><\/i> Fundamento Jur\u00eddico de Cobro<\/h3>\n      <p>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18, Fracci\u00f3n V<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n de la solicitud. Sin respuesta en este plazo se entender\u00e1 aprobado.<\/p>\n      <p><small>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas, Cap\u00edtulo XXXIII, Art\u00edculo 216.<\/small><\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Multas de 30.00 a 50.00 UMA, suspensi\u00f3n temporal o cancelaci\u00f3n del registro por incumplimiento al reglamento.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>Un a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Oficio de Registro y\/o Refrendo como Director Responsable de Obra<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de registro:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.dro-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* Info Sections *\/\n.info-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Requirements Tabs *\/\n.requirements-tabs {\n  margin-top: 15px;\n}\n\n.tab {\n  overflow: hidden;\n  border: 1px solid #ccc;\n  background-color: #f1f1f1;\n  border-radius: 5px 5px 0 0;\n}\n\n.tab button {\n  background-color: inherit;\n  float: left;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  padding: 10px 16px;\n  transition: 0.3s;\n  font-weight: bold;\n}\n\n.tab button:hover {\n  background-color: #ddd;\n}\n\n.tab button.active {\n  background-color: #2c5e92;\n  color: white;\n}\n\n.tabcontent {\n  display: none;\n  padding: 15px;\n  border: 1px solid #ccc;\n  border-top: none;\n  border-radius: 0 0 5px 5px;\n  background: white;\n}\n\n.tabcontent h3 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.requirements-list {\n  padding-left: 20px;\n}\n\n.requirements-list li {\n  margin-bottom: 10px;\n  padding-left: 5px;\n}\n\n.requirements-list i {\n  margin-right: 8px;\n  color: #5d8c5a;\n  width: 20px;\n  text-align: center;\n}\n\n\/* Cost Grid *\/\n.cost-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-top: 15px;\n}\n\n.cost-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  text-align: center;\n}\n\n.cost-card h3 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.cost-card h3 i {\n  margin-right: 8px;\n}\n\n.cost-amount {\n  font-size: 24px;\n  font-weight: bold;\n  color: #2c5e92;\n  margin: 10px 0;\n}\n\n.cost-note {\n  font-size: 0.8em;\n  color: #666;\n  margin-top: 5px;\n}\n\n\/* Legal Details *\/\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 15px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.detail-card small {\n  color: #666;\n  font-size: 0.8em;\n}\n\n\/* Contact Section *\/\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n}\n\n.contact-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .legal-details, .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n  \n  .info-section {\n    padding: 15px;\n  }\n  \n  .tab button {\n    padding: 8px 12px;\n    font-size: 14px;\n  }\n}\n\n\/* Tab JavaScript *\/\n<script>\nfunction openRequirementTab(evt, tabName) {\n  var i, tabcontent, tablinks;\n  tabcontent = document.getElementsByClassName(\"tabcontent\");\n  for (i = 0; i < tabcontent.length; i++) {\n    tabcontent[i].style.display = \"none\";\n  }\n  tablinks = document.getElementsByClassName(\"tablinks\");\n  for (i = 0; i < tablinks.length; i++) {\n    tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\n  }\n  document.getElementById(tabName).style.display = \"block\";\n  evt.currentTarget.className += \" active\";\n}\n<\/script>\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>FACTIBILIDAD Y CAMBIO DE USO DE SUELO<\/summary>\n<div class=\"land-use-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     <p class=\"service-description\">Tr\u00e1mite para autorizar el cambio o establecimiento de uso de suelo en predios urbanos y rurales<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Procedimiento mediante el cual se establece la posibilidad de desarrollar un fraccionamiento en un predio determinado, se\u00f1alando el uso general y espec\u00edfico del suelo, densidad, coeficientes de ocupaci\u00f3n y restricciones aplicables.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas o morales que requieran establecer o modificar el uso de suelo de un predio, en materia de Desarrollo Urbano y Ordenamiento Territorial.<\/p>\n  <\/div>\n\n  <!-- Requirements -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-list\">\n      <ul>\n        <li><i class=\"fas fa-file-signature\"><\/i> Solicitud por escrito (formato libre) dirigida al Director de Obras P\u00fablicas, indicando raz\u00f3n social, \u00e1rea total del predio y \u00e1rea solicitada para cambio<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o t\u00edtulo de propiedad (con documentaci\u00f3n adicional para ejidos o arrendamientos)<\/li>\n        <li><i class=\"fas fa-file-invoice-dollar\"><\/i> Copia del pago de impuesto predial actualizado<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio y\/o n\u00famero oficial del predio<\/li>\n        <li><i class=\"fas fa-map-marked-alt\"><\/i> Constancia de alineamiento (expedida por Obras P\u00fablicas)<\/li>\n        <li><i class=\"fas fa-ruler-combined\"><\/i> Constancia de certificaci\u00f3n de medidas (expedida por Catastro)<\/li>\n        <li><i class=\"fas fa-camera\"><\/i> 8 fotograf\u00edas del predio<\/li>\n        <li><i class=\"fas fa-file-shield\"><\/i> Dictamen favorable de Protecci\u00f3n Civil<\/li>\n        <li><i class=\"fas fa-file-alt\"><\/i> Factibilidad de Uso de Suelo (cuando aplique)<\/li>\n        <li><i class=\"fas fa-file-certificate\"><\/i> Opini\u00f3n t\u00e9cnica (cuando aplique)<\/li>\n        <li><i class=\"fas fa-drafting-compass\"><\/i> Plano topogr\u00e1fico o arquitect\u00f3nico (90x60 cm impreso + digital en DWG 2008+) con:\n          <ul class=\"specs-list\">\n            <li>Croquis de macro localizaci\u00f3n<\/li>\n            <li>Dibujo del predio completo con medidas<\/li>\n            <li>Propuesta de construcciones existentes o proyectadas<\/li>\n            <li>Cuadro de construcci\u00f3n georreferenciado<\/li>\n            <li>Planta arquitect\u00f3nica (si hay construcci\u00f3n existente)<\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=color:blue><\/i> Costos<\/h2>\n    \n    <div class=\"cost-tabs\">\n      <button class=\"tab-btn active\" data-tab=\"cost-vivienda\">Vivienda<\/button>\n      <button class=\"tab-btn\" data-tab=\"cost-comercial\">Comercial<\/button>\n      <button class=\"tab-btn\" data-tab=\"cost-industrial\">Industrial<\/button>\n      <button class=\"tab-btn\" data-tab=\"cost-otros\">Otros Usos<\/button>\n    <\/div>\n\n    <div id=\"cost-vivienda\" class=\"tab-content active\">\n      <h3>Factibilidad para Vivienda:<\/h3>\n      <ul>\n        <li>Vivienda regular: <strong>15.00 UMA<\/strong><\/li>\n        <li>Vivienda de inter\u00e9s social: <strong>50% de tarifa<\/strong><\/li>\n        <li>Vivienda popular\/urbanizaci\u00f3n progresiva: <strong>50% de tarifa<\/strong><\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"cost-comercial\" class=\"tab-content\">\n      <h3>Factibilidad Comercial:<\/h3>\n      <ul>\n        <li>Ligera: <strong>10.00 UMA<\/strong><\/li>\n        <li>Mediana: <strong>15.00 UMA<\/strong><\/li>\n        <li>Pesada: <strong>20.00 UMA<\/strong><\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"cost-industrial\" class=\"tab-content\">\n      <h3>Factibilidad Industrial:<\/h3>\n      <ul>\n        <li>Ligera: <strong>31.20 UMA<\/strong><\/li>\n        <li>Mediana: <strong>52.00 UMA<\/strong><\/li>\n        <li>Pesada: <strong>83.20 UMA<\/strong><\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"cost-otros\" class=\"tab-content\">\n      <h3>Otros Usos:<\/h3>\n      <ul>\n        <li>Instituciones educativas y servicios: <strong>25.00 UMA<\/strong><\/li>\n        <li>Industria extractiva\/materiales: <strong>500.00 UMA<\/strong><\/li>\n        <li>Rustico-Campestre: <strong>25.00 UMA<\/strong><\/li>\n        <li>Gasolineras\/Gasoductos: <strong>100.00 UMA<\/strong><\/li>\n        <li>Fibra \u00f3ptica a\u00e9rea: <strong>40.00 UMA<\/strong><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n II<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento).<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Multa equivalente de 5 a 3,000 veces el monto de UMA por desarrollos sin autorizaci\u00f3n, dependiendo de la gravedad.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>1 a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Factibilidad y\/o cambio de uso de suelo<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\"style=color:blue><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Reuse the same CSS styles from the construction permit service *\/\n.land-use-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n.info-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n\/* Add all other CSS styles from the previous service *\/\n\/* ... (same CSS as in the construction permit service) ... *\/\n<\/style>\n\n<script>\n\/\/ Reuse the same JavaScript from the construction permit service\ndocument.addEventListener('DOMContentLoaded', function() {\n  const tabButtons = document.querySelectorAll('.tab-btn');\n  \n  tabButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      tabButtons.forEach(btn => btn.classList.remove('active'));\n      this.classList.add('active');\n      \n      document.querySelectorAll('.tab-content').forEach(content => {\n        content.classList.remove('active');\n      });\n      \n      const tabId = this.getAttribute('data-tab');\n      document.getElementById(tabId).classList.add('active');\n    });\n  });\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>LICENCIA DE SUBDIVISI\u00d3N, FUSI\u00d3N Y R\u00c9GIMEN EN CONDOMINIO.&nbsp;<\/summary>\n<div class=\"land-subdivision-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n    <h1>Autorizaci\u00f3n de Subdivisi\u00f3n, Fusi\u00f3n y Condominios<\/h1>\n    <p class=\"service-description\">Tr\u00e1mite para la re-lotificaci\u00f3n, fusi\u00f3n de predios o establecimiento de r\u00e9gimen condominal en el municipio<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\"style=color:blue><\/i> Informaci\u00f3n General<\/h2>\n    <p>Autorizaci\u00f3n exclusiva de la Direcci\u00f3n de Obras P\u00fablicas para subdivisiones, fusiones y condominios en predios del municipio, conforme al Reglamento de Desarrollo Urbano.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\"style=color:blue><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas o morales que requieran modificar la configuraci\u00f3n de predios (subdividir, fusionar o establecer condominios) en materia de Desarrollo Urbano.<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"style=color:blue><\/i> Requisitos<\/h2>\n    \n    <div class=\"requirements-grid\">\n      <div class=\"requirement-card\">\n        <h3><i class=\"fas fa-file-contract\"style=color:blue><\/i> Documentaci\u00f3n Legal<\/h3>\n        <ul>\n          <li>Copia de Escritura o T\u00edtulo de Propiedad certificado<\/li>\n          <li>Recibo de pago de Predial actualizado<\/li>\n          <li>Identificaci\u00f3n oficial del propietario<\/li>\n          <li>Comprobante de domicilio o n\u00famero oficial<\/li>\n        <\/ul>\n      <\/div>\n      \n      <div class=\"requirement-card\">\n        <h3><i class=\"fas fa-map-marked-alt\"style=color:blue><\/i> Documentaci\u00f3n T\u00e9cnica<\/h3>\n        <ul>\n          <li>Constancia de Alineamiento (Obras P\u00fablicas)<\/li>\n          <li>Certificaci\u00f3n de medidas (Catastro)<\/li>\n          <li>4 fotograf\u00edas del predio<\/li>\n          <li>Reglamento interno (para condominios)<\/li>\n        <\/ul>\n      <\/div>\n      \n      <div class=\"requirement-card full-width\">\n        <h3><i class=\"fas fa-drafting-compass\"style=color:blue><\/i> Plano Topogr\u00e1fico<\/h3>\n        <p><strong>Formato:<\/strong> Impreso (90x60 cm) y digital (AutoCAD 2004-2010), con vigencia m\u00e1xima de 6 meses.<\/p>\n        <p><strong>Contenido obligatorio:<\/strong><\/p>\n        <ul class=\"specs-list\">\n          <li>Pol\u00edgono completo y propuesta de subdivisi\u00f3n\/fusi\u00f3n<\/li>\n          <li>Superficie total y por porciones (deben coincidir)<\/li>\n          <li>Medidas y colindancias seg\u00fan escrituras<\/li>\n          <li>Croquis de macro y microlocalizaci\u00f3n<\/li>\n          <li>N\u00famero de porci\u00f3n y estado (escriturado\/vendido)<\/li>\n          <li>Cuadro de construcci\u00f3n georreferenciado (coordenadas UTM)<\/li>\n          <li>Datos generales de la subdivisi\u00f3n<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Special Conditions -->\n  <div class=\"conditions-section\">\n    <h2><i class=\"fas fa-exclamation-triangle\"style=color:blue><\/i> Condiciones Especiales<\/h2>\n    <div class=\"condition-cards\">\n      <div class=\"condition-card\">\n        <h3><i class=\"fas fa-arrow-down\"style=color:blue><\/i> L\u00edmite de subdivisiones<\/h3>\n        <p>M\u00e1ximo 10 porciones. Para m\u00e1s de 10, se requiere donar 15% del \u00e1rea vendible al municipio (Art. 347-III y 354-a LOTDU-SLP).<\/p>\n      <\/div>\n      <div class=\"condition-card\">\n        <h3><i class=\"fas fa-ruler-combined\"style=color:blue><\/i> Dimensiones m\u00ednimas<\/h3>\n        <p>Frente \u2265 6.00 ml y superficie \u2265 90.00 m\u00b2 (alta densidad). Prohibido en zonas hist\u00f3ricas INAH (Art. 227-228 Reglamento).<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\"style=color:blue><\/i> Costos<\/h2>\n    \n    <div class=\"cost-tabs\">\n      <div class=\"cost-tab-buttons\">\n        <button class=\"cost-tab-btn active\" data-tab=\"subdivision\">Subdivisiones\/Fusiones<\/button>\n        <button class=\"cost-tab-btn\" data-tab=\"condominio\">Condominios<\/button>\n      <\/div>\n      \n      <div id=\"subdivision\" class=\"cost-tab-content active\">\n        <table>\n          <tr><th>Porciones<\/th><th>Costo<\/th><\/tr>\n          <tr><td>1 a 5<\/td><td>3.00 UMA<\/td><\/tr>\n          <tr><td>6 a 10<\/td><td>4.00 UMA<\/td><\/tr>\n        <\/table>\n      <\/div>\n      \n      <div id=\"condominio\" class=\"cost-tab-content\">\n        <table>\n          <tr><th>Porciones<\/th><th>Costo por porci\u00f3n<\/th><\/tr>\n          <tr><td>1 a 25<\/td><td>2.50 UMA<\/td><\/tr>\n          <tr><td>26 a 300<\/td><td>1.50 UMA<\/td><\/tr>\n          <tr><td>301+<\/td><td>1.00 UMA<\/td><\/tr>\n        <\/table>\n      <\/div>\n    <\/div>\n    <p class=\"legal-note\"><strong>Base legal:<\/strong> Ley de Ingresos del Municipio, Art. 18 Fracc. XII Inciso E.<\/p>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\"style=color:blue><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de Obras P\u00fablicas y Desarrollo Urbano de Matehuala<\/li>\n        <li>Ley de Ordenamiento Territorial del Estado (Art. 347, 354)<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles. Silencio administrativo = autorizaci\u00f3n t\u00e1cita (Art. 216 Reglamento).<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-circle\"style=color:blue><\/i> Sanciones<\/h3>\n      <p>Multas de 5 a 3,000 UMA por subdivisiones\/fusiones no autorizadas, seg\u00fan gravedad.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\"style=color:blue><\/i> Vigencia<\/h3>\n      <p>1 a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"style=color:blue><\/i> Documento Obtenido<\/h3>\n      <p>Licencia de Subdivisi\u00f3n\/Fusi\u00f3n\/Condominio con plano autorizado y expediente completo.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\"style=color:blue><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\"style=color:blue><\/i> Horario<\/h3>\n        <p><strong>Recepci\u00f3n:<\/strong> 8:00 AM - 3:00 PM (L-V)<br>\n        <strong>Entrega:<\/strong> 10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\"style=color:blue><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge A. Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-envelope\"style=color:blue><\/i> Contacto<\/h3>\n        <p><strong>Tel:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> op.desarrollourbano@gmail.com<br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.land-subdivision-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* Info Sections *\/\n.info-section {\n  margin-bottom: 25px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.info-section h2 {\n  color: #2c5e92;\n  margin-top: 0;\n  font-size: 24px;\n}\n\n.info-section h2 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Requirements Section *\/\n.requirements-section {\n  margin-bottom: 30px;\n}\n\n.requirements-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.requirement-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  border-top: 3px solid #5d8c5a;\n}\n\n.requirement-card.full-width {\n  grid-column: 1 \/ -1;\n}\n\n.requirement-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.requirement-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n.specs-list {\n  padding-left: 20px;\n  list-style-type: square;\n}\n\n.specs-list li {\n  margin-bottom: 8px;\n}\n\n\/* Conditions Section *\/\n.conditions-section {\n  margin-bottom: 30px;\n}\n\n.condition-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.condition-card {\n  background: #fff8e6;\n  padding: 20px;\n  border-radius: 8px;\n  border-left: 4px solid #e67e22;\n}\n\n.condition-card h3 {\n  margin-top: 0;\n  color: #d35400;\n}\n\n.condition-card h3 i {\n  margin-right: 10px;\n}\n\n\/* Cost Section *\/\n.cost-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n  margin-bottom: 30px;\n}\n\n.cost-tabs {\n  margin-top: 15px;\n}\n\n.cost-tab-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 15px;\n}\n\n.cost-tab-btn {\n  padding: 10px 20px;\n  background: #e0e0e0;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  font-weight: bold;\n  transition: all 0.3s;\n}\n\n.cost-tab-btn.active {\n  background: #2c5e92;\n  color: white;\n}\n\n.cost-tab-content {\n  display: none;\n  background: white;\n  padding: 20px;\n  border-radius: 0 0 5px 5px;\n}\n\n.cost-tab-content.active {\n  display: block;\n}\n\n.cost-tab-content table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.cost-tab-content th, \n.cost-tab-content td {\n  padding: 12px;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n}\n\n.cost-tab-content th {\n  background-color: #2c5e92;\n  color: white;\n}\n\n.legal-note {\n  font-size: 14px;\n  margin-top: 15px;\n  color: #666;\n}\n\n\/* Legal Details *\/\n.legal-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.detail-card {\n  background: #f8f9fa;\n  padding: 20px;\n  border-radius: 8px;\n  border-left: 4px solid #2c5e92;\n}\n\n.detail-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n}\n\n.detail-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Contact Section *\/\n.contact-section {\n  background: #e9f5ff;\n  padding: 25px;\n  border-radius: 8px;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.contact-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.contact-card h3 {\n  margin-top: 0;\n  color: #2c5e92;\n  border-bottom: 1px solid #eee;\n  padding-bottom: 10px;\n}\n\n.contact-card h3 i {\n  margin-right: 10px;\n  color: #5d8c5a;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .requirements-grid,\n  .condition-cards,\n  .legal-details,\n  .contact-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .service-header h1 {\n    font-size: 28px;\n  }\n  \n  .cost-tab-buttons {\n    flex-direction: column;\n  }\n  \n  .cost-tab-btn {\n    width: 100%;\n  }\n  \n  .cost-tab-content {\n    border-radius: 5px;\n  }\n}\n\n\/* Animation *\/\n.cost-tab-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const costTabButtons = document.querySelectorAll('.cost-tab-btn');\n  \n  costTabButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      \/\/ Remove active class from all buttons\n      costTabButtons.forEach(btn => btn.classList.remove('active'));\n      \n      \/\/ Add active class to clicked button\n      this.classList.add('active');\n      \n      \/\/ Hide all tab contents\n      document.querySelectorAll('.cost-tab-content').forEach(content => {\n        content.classList.remove('active');\n      });\n      \n      \/\/ Show the selected tab content\n      const tabId = this.getAttribute('data-tab');\n      document.getElementById(tabId).classList.add('active');\n    });\n  });\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>AUTORIZACI\u00d3N DE FRACCIONAMIENTOS<\/summary>\n<div class=\"subdivision-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Procedimiento para autorizar el desarrollo de fraccionamientos y condominios en el municipio<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n General<\/h2>\n    <p>Modalidades de Urbanizaci\u00f3n. Independientemente de la modalidad autorizada (fraccionamiento o condominio), el promotor deber\u00e1 presentar un plano rector de la zona que considere los elementos urban\u00edsticos circundantes, la micro planeaci\u00f3n y los megaproyectos de desarrollo en el \u00e1rea.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=\"color:blue\"><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Fraccionadores, personas f\u00edsicas o morales, en materia de Desarrollo Urbano y Ordenamiento Territorial.<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    <div class=\"notice-box\">\n      <i class=\"fas fa-exclamation-circle\"><\/i>\n      <p>Para conocer los requisitos espec\u00edficos, favor de contactar directamente a la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=\"color:blue\"><\/i> Costos<\/h2>\n    <p>Para la autorizaci\u00f3n de fraccionamientos se deber\u00e1 pagar de la siguiente forma:<\/p>\n    \n    <div class=\"cost-table\">\n      <table>\n        <thead>\n          <tr>\n            <th>Rango de Lotes<\/th>\n            <th>Costo por Lote (UMA)<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>1 a 25 lotes<\/td>\n            <td>2.08<\/td>\n          <\/tr>\n          <tr>\n            <td>26 a 300 lotes<\/td>\n            <td>1.04<\/td>\n          <\/tr>\n          <tr>\n            <td>301 en adelante<\/td>\n            <td>0.52<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\" style=\"color:blue\"><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n XII, inciso C<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento).<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\" style=\"color:blue\"><\/i> Sanciones<\/h3>\n      <p>Multa equivalente de 5 a 3,000 veces el monto de UMA por desarrollos sin autorizaci\u00f3n, dependiendo de la gravedad de la infracci\u00f3n.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\" style=\"color:blue\"><\/i> Vigencia<\/h3>\n      <p>1 a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Licencia de Autorizaci\u00f3n de Fraccionamiento, incluyendo expediente completo y plano sellado por el Director.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\" style=\"color:blue\"><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\" style=\"color:blue\"><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\" style=\"color:blue\"><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles - Reusing from previous services with additions *\/\n.subdivision-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n.service-header {\n  text-align: center;\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid #2c5e92;\n}\n\n.service-header h1 {\n  color: #2c5e92;\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.service-description {\n  font-size: 18px;\n  color: #555;\n}\n\n\/* New specific styles for this service *\/\n.notice-box {\n  background: #fff8e1;\n  padding: 15px;\n  border-left: 4px solid #ffc107;\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.notice-box i {\n  font-size: 24px;\n  color: #ff9800;\n  margin-right: 15px;\n}\n\n.cost-table {\n  margin-top: 20px;\n  overflow-x: auto;\n}\n\n.cost-table table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 15px 0;\n}\n\n.cost-table th, .cost-table td {\n  padding: 12px 15px;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n}\n\n.cost-table th {\n  background-color: #2c5e92;\n  color: white;\n}\n\n.cost-table tr:nth-child(even) {\n  background-color: #f2f2f2;\n}\n\n\/* Reuse other styles from previous services *\/\n.info-section, .requirements-section, .cost-section, \n.legal-details, .contact-section, .detail-card,\n.contact-grid, .contact-card {\n  \/* Same styles as previous services *\/\n}\n\n@media (max-width: 768px) {\n  .cost-table {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab functionality if needed in future versions\n  const tabButtons = document.querySelectorAll('.tab-btn');\n  \n  if(tabButtons.length > 0) {\n    tabButtons.forEach(button => {\n      button.addEventListener('click', function() {\n        tabButtons.forEach(btn => btn.classList.remove('active'));\n        this.classList.add('active');\n        \n        document.querySelectorAll('.tab-content').forEach(content => {\n          content.classList.remove('active');\n        });\n        \n        const tabId = this.getAttribute('data-tab');\n        document.getElementById(tabId).classList.add('active');\n      });\n    });\n  }\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>LICENCIA DE RELOTIFICACI\u00d3N.<\/summary>\n<div class=\"resubdivision-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Inspecci\u00f3n f\u00edsica para modificaci\u00f3n o variaci\u00f3n de proyectos de lotificaci\u00f3n previamente autorizados<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n General<\/h2>\n    <p>Procedimiento para inspeccionar y autorizar modificaciones a proyectos de lotificaci\u00f3n previamente aprobados, asegurando el cumplimiento de las normas urban\u00edsticas.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=\"color:blue\"><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Fraccionadores, personas f\u00edsicas o morales, en materia de Desarrollo Urbano y Ordenamiento Territorial que requieran modificar una lotificaci\u00f3n existente.<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-list\">\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Solicitud de autorizaci\u00f3n (formato libre o proporcionado por esta Direcci\u00f3n)<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia del t\u00edtulo de propiedad o escrituras<\/li>\n        <li><i class=\"fas fa-file-invoice-dollar\"><\/i> Comprobante de predial o certificaci\u00f3n de no adeudo<\/li>\n        <li><i class=\"fas fa-file-certificate\"><\/i> Copia de factibilidad de uso de suelo otorgada<\/li>\n        <li><i class=\"fas fa-tint\"><\/i> Copia de factibilidad de agua potable y drenaje<\/li>\n        <li><i class=\"fas fa-bolt\"><\/i> Copia de factibilidad de energ\u00eda el\u00e9ctrica (CFE)<\/li>\n        <li><i class=\"fas fa-shield-alt\"><\/i> Copia de factibilidad de Protecci\u00f3n Civil<\/li>\n        <li><i class=\"fas fa-leaf\"><\/i> Copia de factibilidad de protecci\u00f3n ambiental<\/li>\n        <li><i class=\"fas fa-map-marked-alt\"><\/i> Copia de constancia de n\u00famero oficial y alineamiento<\/li>\n        <li><i class=\"fas fa-calendar-alt\"><\/i> Programa f\u00edsico para ejecuci\u00f3n de obra (en caso de lotificaci\u00f3n con construcci\u00f3n de vivienda)<\/li>\n        <li><i class=\"fas fa-map\"><\/i> Copia del plano rector de la zona con condiciones urban\u00edsticas que determinaron las vialidades<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=\"color:blue\"><\/i> Costos<\/h2>\n    \n    <div class=\"cost-details\">\n      <div class=\"cost-item\">\n        <i class=\"fas fa-file-signature\"><\/i>\n        <div>\n          <h3>Registro de planos de relotificaci\u00f3n<\/h3>\n          <p><strong>15.60 UMA<\/strong><\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"cost-notice\">\n        <i class=\"fas fa-exclamation-circle\"><\/i>\n        <p>Si se excede el n\u00famero de lotes autorizados, se deber\u00e1 pagar adicionalmente la Licencia de Uso de Suelo por los lotes excedentes.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\" style=\"color:blue\"><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n XII, inciso B<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento).<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\" style=\"color:blue\"><\/i> Sanciones<\/h3>\n      <p>Multa equivalente de 5 a 3,000 veces el monto de UMA por modificaciones sin autorizaci\u00f3n, dependiendo de la gravedad de la infracci\u00f3n.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\" style=\"color:blue\"><\/i> Vigencia<\/h3>\n      <p>1 a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Licencia de Autorizaci\u00f3n de Relotificaci\u00f3n, incluyendo expediente completo y plano sellado por el Director.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\" style=\"color:blue\"><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\" style=\"color:blue\"><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\" style=\"color:blue\"><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles - Reusing from previous services with additions *\/\n.resubdivision-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n\/* New specific styles for this service *\/\n.cost-details {\n  margin-top: 20px;\n}\n\n.cost-item {\n  display: flex;\n  align-items: center;\n  background: white;\n  padding: 15px;\n  border-radius: 8px;\n  margin-bottom: 15px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.cost-item i {\n  font-size: 24px;\n  color: #2c5e92;\n  margin-right: 15px;\n  min-width: 30px;\n  text-align: center;\n}\n\n.cost-item h3 {\n  margin: 0 0 5px 0;\n  font-size: 18px;\n  color: #2c5e92;\n}\n\n.cost-item p {\n  margin: 0;\n  font-size: 16px;\n}\n\n.cost-notice {\n  background: #fff8e1;\n  padding: 15px;\n  border-left: 4px solid #ffc107;\n  display: flex;\n  align-items: center;\n  margin-top: 15px;\n}\n\n.cost-notice i {\n  font-size: 24px;\n  color: #ff9800;\n  margin-right: 15px;\n}\n\n\/* Reuse other styles from previous services *\/\n.service-header, .service-description, \n.info-section, .requirements-section, \n.legal-details, .contact-section, \n.detail-card, .contact-grid, .contact-card,\n.req-list, .req-list ul, .req-list li {\n  \/* Same styles as previous services *\/\n}\n\n@media (max-width: 768px) {\n  .cost-item {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  \n  .cost-item i {\n    margin-bottom: 10px;\n    margin-right: 0;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab functionality if needed in future versions\n  const tabButtons = document.querySelectorAll('.tab-btn');\n  \n  if(tabButtons.length > 0) {\n    tabButtons.forEach(button => {\n      button.addEventListener('click', function() {\n        tabButtons.forEach(btn => btn.classList.remove('active'));\n        this.classList.add('active');\n        \n        document.querySelectorAll('.tab-content').forEach(content => {\n          content.classList.remove('active');\n        });\n        \n        const tabId = this.getAttribute('data-tab');\n        document.getElementById(tabId).classList.add('active');\n      });\n    });\n  }\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>CONSTANCIAS VARIAS (UBICACI\u00d3N, USO DE SUELO, ANTIG\u00dcEDAD) ETC<\/summary>\n<div class=\"urban-certificates-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     <p class=\"service-description\">Servicio de emisi\u00f3n de constancias de uso de suelo, antig\u00fcedad y ubicaci\u00f3n de predios<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n General<\/h2>\n    <p>Procedimiento que incluye b\u00fasqueda en archivos y visita f\u00edsica para emitir constancias oficiales sobre caracter\u00edsticas urban\u00edsticas de predios.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=\"color:blue\"><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas o morales que requieran constancias oficiales sobre sus predios en materia de Desarrollo Urbano y Ordenamiento Territorial.<\/p>\n  <\/div>\n\n  <!-- Requirements with Tabs -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos por Tipo de Constancia<\/h2>\n    \n    <div class=\"req-tabs\">\n      <button class=\"tab-btn active\" data-tab=\"req-uso-suelo\">Uso de Suelo<\/button>\n      <button class=\"tab-btn\" data-tab=\"req-antiguedad\">Antig\u00fcedad<\/button>\n      <button class=\"tab-btn\" data-tab=\"req-ubicacion\">Ubicaci\u00f3n\/Otras<\/button>\n    <\/div>\n\n    <div id=\"req-uso-suelo\" class=\"tab-content active\">\n      <h3>Constancia de Uso de Suelo:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o t\u00edtulo de propiedad (con documentaci\u00f3n adicional para ejidos o arrendamientos)<\/li>\n        <li><i class=\"fas fa-file-invoice-dollar\"><\/i> Copia del pago de predial vigente<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio y\/o n\u00famero oficial<\/li>\n        <li><i class=\"fas fa-drafting-compass\"><\/i> Plano topogr\u00e1fico\/arquitect\u00f3nico (90x60 cm + DWG 2008+) con:\n          <ul class=\"specs-list\">\n            <li>Croquis de macro localizaci\u00f3n<\/li>\n            <li>Dibujo del predio completo con medidas<\/li>\n            <li>Propuesta de construcciones existentes\/proyectadas<\/li>\n            <li>Cuadro de construcci\u00f3n georreferenciado<\/li>\n            <li>Planta arquitect\u00f3nica (si existe construcci\u00f3n)<\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"req-antiguedad\" class=\"tab-content\">\n      <h3>Constancia de Antig\u00fcedad:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Solicitud (formato libre) dirigida al Director<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento de propiedad<\/li>\n        <li><i class=\"fas fa-file-invoice-dollar\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-file-invoice\"><\/i> Historial de pagos de agua o luz (m\u00ednimo 3 a\u00f1os)<\/li>\n      <\/ul>\n    <\/div>\n\n    <div id=\"req-ubicacion\" class=\"tab-content\">\n      <h3>Constancia de Ubicaci\u00f3n\/Otras:<\/h3>\n      <ul>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento de propiedad<\/li>\n        <li><i class=\"fas fa-file-invoice-dollar\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=\"color:blue\"><\/i> Costos<\/h2>\n    <div class=\"cost-simple\">\n      <i class=\"fas fa-file-certificate\"><\/i>\n      <p>Tarifa \u00fanica por constancia: <strong>5.00 UMA<\/strong><\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\" style=\"color:blue\"><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n III, inciso C<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Plazo de Respuesta<\/h3>\n      <p>3 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\" style=\"color:blue\"><\/i> Sanciones<\/h3>\n      <p>Multa equivalente de 5 a 3,000 veces el monto de UMA por informaci\u00f3n falsa o irregularidades.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\" style=\"color:blue\"><\/i> Vigencia<\/h3>\n      <p>1 a\u00f1o<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Constancia oficial seg\u00fan el tipo solicitado (uso de suelo, antig\u00fcedad o ubicaci\u00f3n)<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\" style=\"color:blue\"><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de constancias:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\" style=\"color:blue\"><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\" style=\"color:blue\"><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.urban-certificates-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n\/* Specific styles for this service *\/\n.cost-simple {\n  display: flex;\n  align-items: center;\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.cost-simple i {\n  font-size: 32px;\n  color: #2c5e92;\n  margin-right: 20px;\n}\n\n.cost-simple p {\n  margin: 0;\n  font-size: 18px;\n}\n\n.cost-simple strong {\n  color: #2c5e92;\n  font-size: 20px;\n}\n\n\/* Reuse styles from previous services *\/\n.service-header, .service-description, \n.info-section, .requirements-section, \n.legal-details, .contact-section, \n.detail-card, .contact-grid, .contact-card,\n.req-tabs, .tab-btn, .tab-content,\n.req-list, .specs-list {\n  \/* Same styles as previous implementations *\/\n}\n\n@media (max-width: 768px) {\n  .cost-simple {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .cost-simple i {\n    margin-right: 0;\n    margin-bottom: 15px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab functionality for requirements\n  const tabButtons = document.querySelectorAll('.tab-btn');\n  \n  tabButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      tabButtons.forEach(btn => btn.classList.remove('active'));\n      this.classList.add('active');\n      \n      document.querySelectorAll('.tab-content').forEach(content => {\n        content.classList.remove('active');\n      });\n      \n      const tabId = this.getAttribute('data-tab');\n      document.getElementById(tabId).classList.add('active');\n    });\n  });\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>RESELLO DE PLANOS AUTORIZADOS.<\/summary>\n<div class=\"plan-reseal-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Procedimiento para sustituir planos previamente autorizados con nuevas versiones selladas<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n General<\/h2>\n    <p>Tr\u00e1mite para sustituir planos anteriormente autorizados, obteniendo nuevas versiones selladas y firmadas por la autoridad competente.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=\"color:blue\"><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas o morales que requieran actualizar planos previamente autorizados, en materia de Desarrollo Urbano y Ordenamiento Territorial.<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-list\">\n      <ul>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-file-alt\"><\/i> Copia de antecedente de autorizaci\u00f3n previa del tr\u00e1mite<\/li>\n        <li><i class=\"fas fa-map\"><\/i> 2 planos actuales para el resello<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=\"color:blue\"><\/i> Costos<\/h2>\n    \n    <div class=\"cost-box\">\n      <div class=\"cost-icon\">\n        <i class=\"fas fa-stamp\"><\/i>\n      <\/div>\n      <div class=\"cost-details\">\n        <h3>Reposici\u00f3n de planos autorizados<\/h3>\n        <p class=\"cost-amount\">3.00 UMA<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\" style=\"color:blue\"><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n I, inciso K<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Plazo de Respuesta<\/h3>\n      <p>3 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\" style=\"color:blue\"><\/i> Sanciones<\/h3>\n      <p>Multa equivalente de 5 a 3,000 veces el monto de UMA por uso de planos no autorizados o irregularidades.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\" style=\"color:blue\"><\/i> Vigencia<\/h3>\n      <p>Indefinido<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Plano sellado y autorizado por el Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\" style=\"color:blue\"><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de planos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\" style=\"color:blue\"><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\" style=\"color:blue\"><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.plan-reseal-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n\/* Specific styles for this service *\/\n.cost-box {\n  display: flex;\n  align-items: center;\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.cost-icon {\n  margin-right: 20px;\n}\n\n.cost-icon i {\n  font-size: 40px;\n  color: #2c5e92;\n}\n\n.cost-details h3 {\n  margin: 0 0 5px 0;\n  color: #2c5e92;\n}\n\n.cost-amount {\n  font-size: 24px;\n  font-weight: bold;\n  color: #2c5e92;\n  margin: 0;\n}\n\n\/* Reuse styles from previous services *\/\n.service-header, .service-description, \n.info-section, .requirements-section, \n.legal-details, .contact-section, \n.detail-card, .contact-grid, .contact-card,\n.req-list, .req-list ul, .req-list li {\n  \/* Same styles as previous implementations *\/\n}\n\n@media (max-width: 768px) {\n  .cost-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .cost-icon {\n    margin-right: 0;\n    margin-bottom: 15px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add any necessary JavaScript functionality here\n  \/\/ For example, tab functionality if needed in future versions\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>LICENCIA DE CONSTRUCCI\u00d3N DE INSTALACIONES EN V\u00cdA P\u00daBLICA<\/summary>\n<div class=\"public-works-license-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Autorizaci\u00f3n para trabajos de construcci\u00f3n, sustituci\u00f3n o remodelaci\u00f3n en la v\u00eda p\u00fablica<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n General<\/h2>\n    <p>Todo trabajo de construcci\u00f3n, sustituci\u00f3n o remodelaci\u00f3n en la v\u00eda p\u00fablica requiere autorizaci\u00f3n de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=\"color:blue\"><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas o morales que requieran realizar trabajos de infraestructura en la v\u00eda p\u00fablica.<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-list\">\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Solicitud (formato libre) dirigida al Director de Obras P\u00fablicas<\/li>\n        <li><i class=\"fas fa-file-invoice-dollar\"><\/i> Copia de predial del a\u00f1o en curso<\/li>\n        <li><i class=\"fas fa-file-contract\"><\/i> Copia de escrituras o documento que acredite propiedad<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo de agua o luz)<\/li>\n        <li><i class=\"fas fa-drafting-compass\"><\/i> Proyecto de instalaci\u00f3n en v\u00eda p\u00fablica (plano 90x60 cm)<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=\"color:blue\"><\/i> Costos<\/h2>\n    \n    <div class=\"cost-table-container\">\n      <table class=\"cost-table\">\n        <thead>\n          <tr>\n            <th>Concepto<\/th>\n            <th>UMAs<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>Instalaci\u00f3n de estructuras (antenas) c\/u<\/td>\n            <td>500<\/td>\n          <\/tr>\n          <tr>\n            <td>Instalaci\u00f3n de postes c\/u<\/td>\n            <td>30<\/td>\n          <\/tr>\n          <tr>\n            <td>Sustituci\u00f3n de postes<\/td>\n            <td>15<\/td>\n          <\/tr>\n          <tr>\n            <td>Instalaci\u00f3n de transformadores, gabinetes o equipamiento c\/u<\/td>\n            <td>20<\/td>\n          <\/tr>\n          <tr>\n            <td>Sustituci\u00f3n de transformadores, gabinetes o equipo c\/u<\/td>\n            <td>10<\/td>\n          <\/tr>\n          <tr>\n            <td>Instalaci\u00f3n de registros el\u00e9ctricos\/telef\u00f3nicos (general)<\/td>\n            <td>40<\/td>\n          <\/tr>\n          <tr>\n            <td>Instalaci\u00f3n de registros el\u00e9ctricos\/telef\u00f3nicos (zonas comerciales\/centro hist\u00f3rico)<\/td>\n            <td>50<\/td>\n          <\/tr>\n          <tr>\n            <td>Instalaci\u00f3n de anuncios publicitarios (&lt;3.00 mts) c\/u<\/td>\n            <td>20<\/td>\n          <\/tr>\n          <tr>\n            <td>Instalaci\u00f3n de anuncios publicitarios (&gt;3.00 mts) c\/u<\/td>\n            <td>50<\/td>\n          <\/tr>\n          <tr>\n            <td>Licencia para instalaci\u00f3n de estructuras (puentes peatonales\/conectores)<\/td>\n            <td>100<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\" style=\"color:blue\"><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n XI<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento).<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\" style=\"color:blue\"><\/i> Sanciones<\/h3>\n      <p>Multa equivalente de 5 a 3,000 veces el monto de UMA por trabajos sin autorizaci\u00f3n.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\" style=\"color:blue\"><\/i> Vigencia<\/h3>\n      <p>Indefinido<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Licencia de construcci\u00f3n de Instalaci\u00f3n en la v\u00eda p\u00fablica<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\" style=\"color:blue\"><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\" style=\"color:blue\"><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\" style=\"color:blue\"><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.public-works-license-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n\/* Specific styles for this service *\/\n.cost-table-container {\n  margin-top: 20px;\n  overflow-x: auto;\n}\n\n.cost-table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 15px 0;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.cost-table th, .cost-table td {\n  padding: 12px 15px;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n}\n\n.cost-table th {\n  background-color: #2c5e92;\n  color: white;\n}\n\n.cost-table tr:nth-child(even) {\n  background-color: #f2f2f2;\n}\n\n.cost-table tr:hover {\n  background-color: #e9f5ff;\n}\n\n\/* Reuse styles from previous services *\/\n.service-header, .service-description, \n.info-section, .requirements-section, \n.legal-details, .contact-section, \n.detail-card, .contact-grid, .contact-card,\n.req-list, .req-list ul, .req-list li {\n  \/* Same styles as previous implementations *\/\n}\n\n@media (max-width: 768px) {\n  .cost-table {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n  }\n  \n  .cost-table th, .cost-table td {\n    padding: 8px 10px;\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add any necessary JavaScript functionality here\n  \/\/ For example, sorting or filtering the cost table if needed\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>DICTAMEN DE SEGURIDAD ESTRUCTURAL Y OPINI\u00d3N T\u00c9CNICA<\/summary>\n<div class=\"safety-assessment-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n    \n     <p class=\"service-description\">Revisi\u00f3n y autorizaci\u00f3n de dict\u00e1menes t\u00e9cnicos para fraccionamientos, condominios y edificaciones<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n General<\/h2>\n    <p>Servicio de revisi\u00f3n y autorizaci\u00f3n de dict\u00e1menes t\u00e9cnicos de seguridad estructural para diversos tipos de construcciones, con tarifas basadas en superficie o metros lineales.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=\"color:blue\"><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Propietarios de torres o edificios habitacionales, as\u00ed como edificaciones destinadas al comercio, servicios e industria.<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-list\">\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Solicitud del servicio (formato libre) indicando ubicaci\u00f3n y problem\u00e1tica<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo de agua\/luz o n\u00famero oficial)<\/li>\n        <li><i class=\"fas fa-map\"><\/i> Croquis y\/o plano de distribuci\u00f3n del inmueble<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=\"color:blue\"><\/i> Costos<\/h2>\n    \n    <div class=\"cost-tabs\">\n      <button class=\"tab-btn active\" data-tab=\"cost-construction\">Por Construcci\u00f3n<\/button>\n      <button class=\"tab-btn\" data-tab=\"cost-infrastructure\">Por Infraestructura<\/button>\n    <\/div>\n\n    <div id=\"cost-construction\" class=\"tab-content active\">\n      <h3>Por Superficie de Construcci\u00f3n:<\/h3>\n      <div class=\"cost-table-container\">\n        <table class=\"cost-table\">\n          <thead>\n            <tr>\n              <th>Rango de Superficie (m\u00b2)<\/th>\n              <th>UMAs<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>1.00 a 100.00<\/td>\n              <td>5.00<\/td>\n            <\/tr>\n            <tr>\n              <td>101.00 a 200.00<\/td>\n              <td>6.00<\/td>\n            <\/tr>\n            <tr>\n              <td>201.00 a 500.00<\/td>\n              <td>7.50<\/td>\n            <\/tr>\n            <tr>\n              <td>501.00 a 1,000.00<\/td>\n              <td>30.00<\/td>\n            <\/tr>\n            <tr>\n              <td>1,001.00 a 1,500.00<\/td>\n              <td>60.00<\/td>\n            <\/tr>\n            <tr>\n              <td>1,501.00 a 5,000.00<\/td>\n              <td>100.00<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <div id=\"cost-infrastructure\" class=\"tab-content\">\n      <h3>Por Infraestructura Lineal:<\/h3>\n      <div class=\"cost-simple\">\n        <i class=\"fas fa-road\"><\/i>\n        <div>\n          <p>Para redes de infraestructura o su sustituci\u00f3n:<\/p>\n          <p class=\"highlight-cost\">0.25 UMA por metro lineal<\/p>\n          <p class=\"cost-note\">(Verificaci\u00f3n de dict\u00e1menes de factibilidad de seguridad)<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\" style=\"color:blue\"><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 18 Fracci\u00f3n XI<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Plazo de Respuesta<\/h3>\n      <p>20 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos (Art\u00edculo 216 del Reglamento).<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\" style=\"color:blue\"><\/i> Sanciones<\/h3>\n      <p>Multa equivalente de 5 a 3,000 veces el monto de UMA por incumplimiento de regulaciones.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\" style=\"color:blue\"><\/i> Vigencia<\/h3>\n      <p>Indefinido<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Dictamen de seguridad estructural y opini\u00f3n t\u00e9cnica<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\" style=\"color:blue\"><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de dict\u00e1menes:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\" style=\"color:blue\"><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\" style=\"color:blue\"><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.safety-assessment-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n\/* Specific styles for this service *\/\n.cost-simple {\n  display: flex;\n  align-items: center;\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.cost-simple i {\n  font-size: 40px;\n  color: #2c5e92;\n  margin-right: 20px;\n}\n\n.highlight-cost {\n  font-size: 24px;\n  font-weight: bold;\n  color: #2c5e92;\n  margin: 10px 0;\n}\n\n.cost-note {\n  font-size: 14px;\n  color: #666;\n  font-style: italic;\n}\n\n\/* Reuse styles from previous services *\/\n.service-header, .service-description, \n.info-section, .requirements-section, \n.legal-details, .contact-section, \n.detail-card, .contact-grid, .contact-card,\n.req-list, .req-list ul, .req-list li,\n.cost-table-container, .cost-table,\n.cost-tabs, .tab-btn, .tab-content {\n  \/* Same styles as previous implementations *\/\n}\n\n@media (max-width: 768px) {\n  .cost-simple {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .cost-simple i {\n    margin-right: 0;\n    margin-bottom: 15px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab functionality for cost sections\n  const tabButtons = document.querySelectorAll('.tab-btn');\n  \n  tabButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      tabButtons.forEach(btn => btn.classList.remove('active'));\n      this.classList.add('active');\n      \n      document.querySelectorAll('.tab-content').forEach(content => {\n        content.classList.remove('active');\n      });\n      \n      const tabId = this.getAttribute('data-tab');\n      document.getElementById(tabId).classList.add('active');\n    });\n  });\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>REPARACIONES, MANTENIMIENTO Y CONTINGENCIAS EN LA V\u00cdA P\u00daBLICA.<\/summary>\n<div class=\"pavement-repair-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Autorizaci\u00f3n para obras de reparaci\u00f3n, conservaci\u00f3n y mantenimiento en la v\u00eda p\u00fablica<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n General<\/h2>\n    <p>Procedimiento para obtener autorizaci\u00f3n de obras en la v\u00eda p\u00fablica relacionadas con mantenimiento, contingencias y reparaciones que requieran apertura de vialidades.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=\"color:blue\"><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas o entidades que necesiten realizar trabajos de reparaci\u00f3n, sustituci\u00f3n o instalaci\u00f3n que requieran abrir las vialidades p\u00fablicas.<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-list\">\n      <ul>\n        <li><i class=\"fas fa-file-alt\"><\/i> Orden original de la instancia solicitante<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n        <li><i class=\"fas fa-home\"><\/i> Comprobante de domicilio (recibo de agua\/luz o n\u00famero oficial)<\/li>\n        <li><i class=\"fas fa-file-invoice-dollar\"><\/i> Pago de impuesto predial vigente<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=\"color:blue\"><\/i> Costos<\/h2>\n    \n    <div class=\"cost-grid\">\n      <div class=\"cost-card\">\n        <i class=\"fas fa-water\"><\/i>\n        <h3>Caja de v\u00e1lvulas<\/h3>\n        <p>5.00 UMA<\/p>\n      <\/div>\n      \n      <div class=\"cost-card\">\n        <i class=\"fas fa-hard-hat\"><\/i>\n        <h3>Pozos de visita<\/h3>\n        <p>6.00 UMA<\/p>\n      <\/div>\n      \n      <div class=\"cost-card\">\n        <i class=\"fas fa-bolt\"><\/i>\n        <h3>L\u00edneas de alta tensi\u00f3n<\/h3>\n        <p>20.00 - 100.00 UMA<\/p>\n        <small>(Seg\u00fan magnitud de obra)<\/small>\n      <\/div>\n      \n      <div class=\"cost-card\">\n        <i class=\"fas fa-walking\"><\/i>\n        <h3>Instalaciones en banqueta<\/h3>\n        <p>5.00 - 15.00 UMA<\/p>\n        <small>(Seg\u00fan magnitud de obra)<\/small>\n      <\/div>\n      \n      <div class=\"cost-card\">\n        <i class=\"fas fa-box\"><\/i>\n        <h3>Construcci\u00f3n de registro<\/h3>\n        <p>4.00 UMA c\/u<\/p>\n        <small>(El\u00e9ctrico, telef\u00f3nico, agua, etc.)<\/small>\n      <\/div>\n      \n      <div class=\"cost-card\">\n        <i class=\"fas fa-toilet\"><\/i>\n        <h3>Fosa s\u00e9ptica<\/h3>\n        <p>10.00 UMA<\/p>\n        <small>(P\u00fablico o privado)<\/small>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\" style=\"color:blue\"><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Reglamento de la Direcci\u00f3n de Obras P\u00fablicas y Desarrollo Urbano del Municipio de Matehuala, S.L.P.<\/li>\n        <li>Ley de Ingresos del Municipio de Matehuala, S.L.P. Art\u00edculo 27<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Plazo de Respuesta<\/h3>\n      <p>3 d\u00edas h\u00e1biles posteriores a la recepci\u00f3n completa de documentos.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\" style=\"color:blue\"><\/i> Restricciones y Sanciones<\/h3>\n      <p>No se autorizar\u00e1n aperturas en calles con menos de 5 a\u00f1os de recarpeteo, pavimentaci\u00f3n o rehabilitaci\u00f3n. Las reparaciones deben cumplir con las especificaciones del reglamento municipal.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\" style=\"color:blue\"><\/i> Vigencia<\/h3>\n      <p>Indefinido<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Permiso para reparaciones, mantenimiento y contingencias en la v\u00eda p\u00fablica<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\" style=\"color:blue\"><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de permisos:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\" style=\"color:blue\"><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\" style=\"color:blue\"><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.pavement-repair-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n\/* Specific styles for this service *\/\n.cost-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.cost-card {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  text-align: center;\n}\n\n.cost-card i {\n  font-size: 40px;\n  color: #2c5e92;\n  margin-bottom: 15px;\n}\n\n.cost-card h3 {\n  margin: 10px 0;\n  color: #2c5e92;\n  font-size: 18px;\n}\n\n.cost-card p {\n  font-size: 20px;\n  font-weight: bold;\n  margin: 10px 0;\n  color: #2c5e92;\n}\n\n.cost-card small {\n  display: block;\n  font-size: 14px;\n  color: #666;\n}\n\n\/* Reuse styles from previous services *\/\n.service-header, .service-description, \n.info-section, .requirements-section, \n.legal-details, .contact-section, \n.detail-card, .contact-grid, .contact-card,\n.req-list, .req-list ul, .req-list li {\n  \/* Same styles as previous implementations *\/\n}\n\n@media (max-width: 768px) {\n  .cost-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 480px) {\n  .cost-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add any necessary JavaScript functionality here\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>PAGO POR DERECHOS POR REGULACI\u00d3N DE ESCRITURAS (CONVENIO MARCO)<\/summary>\n<div class=\"property-title-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n     \n     <p class=\"service-description\">Pago de derechos municipales para regularizaci\u00f3n de tenencia de predios<\/p>\n  <\/div>\n\n  <!-- General Information -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-info-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n General<\/h2>\n    <p>Servicio de pago de derechos municipales requeridos para el proceso de escrituraci\u00f3n y regularizaci\u00f3n de tenencia de predios ante la Promotora del Estado.<\/p>\n  <\/div>\n\n  <!-- Who Applies -->\n  <div class=\"info-section\">\n    <h2><i class=\"fas fa-user-check\" style=\"color:blue\"><\/i> \u00bfEste Tr\u00e1mite Aplica Para Usted?<\/h2>\n    <p>Personas f\u00edsicas con predios en Matehuala, S.L.P. que deseen regularizar la tenencia de sus propiedades mediante escrituraci\u00f3n.<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-list\">\n      <ul>\n        <li><i class=\"fas fa-file-contract\"><\/i> Orden de escrituraci\u00f3n<\/li>\n        <li><i class=\"fas fa-id-card\"><\/i> Copia de credencial de elector del propietario<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Cost Section -->\n  <div class=\"cost-section\">\n    <h2><i class=\"fas fa-money-bill-wave\" style=\"color:blue\"><\/i> Costos<\/h2>\n    \n    <div class=\"cost-table-container\">\n      <table class=\"cost-table\">\n        <thead>\n          <tr>\n            <th>Concepto<\/th>\n            <th>UMAs<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>Factibilidad de uso de suelo<\/td>\n            <td>6.00<\/td>\n          <\/tr>\n          <tr>\n            <td>Licencia de uso de suelo<\/td>\n            <td>8.84<\/td>\n          <\/tr>\n          <tr>\n            <td>Autorizaci\u00f3n de fraccionamientos<\/td>\n            <td>2.08<\/td>\n          <\/tr>\n          <tr>\n            <td>Alineamiento<\/td>\n            <td>2.50<\/td>\n          <\/tr>\n          <tr>\n            <td>N\u00famero oficial<\/td>\n            <td>3.00<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n    \n    <div class=\"cost-notice\">\n      <i class=\"fas fa-percentage\"><\/i>\n      <p>Nota: El porcentaje de descuento se aplica seg\u00fan convenio con cada colonia y\/o fraccionamiento, en conjunto con la autoridad municipal.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Legal Details -->\n  <div class=\"legal-details\">\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-gavel\" style=\"color:blue\"><\/i> Fundamentos Jur\u00eddicos<\/h3>\n      <ul>\n        <li>Convenio Marco (Promotora del Estado y Gobierno Municipal de Matehuala, S.L.P.)<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Plazo de Respuesta<\/h3>\n      <p>Indefinido<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-exclamation-triangle\" style=\"color:blue\"><\/i> Sanciones<\/h3>\n      <p>No aplican sanciones para este tr\u00e1mite.<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-calendar-check\" style=\"color:blue\"><\/i> Vigencia<\/h3>\n      <p>Indefinido<\/p>\n    <\/div>\n\n    <div class=\"detail-card\">\n      <h3><i class=\"fas fa-file-certificate\"><\/i> Documento Obtenido<\/h3>\n      <p>Recibo de comprobante de pago por los derechos municipales<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Information -->\n  <div class=\"contact-section\">\n    <h2><i class=\"fas fa-address-card\" style=\"color:blue\"><\/i> Contacto<\/h2>\n    \n    <div class=\"contact-grid\">\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-clock\" style=\"color:blue\"><\/i> Horario de Atenci\u00f3n<\/h3>\n        <p><strong>Recepci\u00f3n de documentos:<\/strong><br>\n        8:00 AM - 3:00 PM (Lunes a Viernes)<\/p>\n        <p><strong>Entrega de comprobantes:<\/strong><br>\n        10:00 AM - 2:00 PM (3 d\u00edas h\u00e1biles despu\u00e9s)<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-user-tie\" style=\"color:blue\"><\/i> Responsable<\/h3>\n        <p><strong>Ing. Jorge Arturo Sandoval Zapata<\/strong><br>\n        Director de Obras P\u00fablicas y Desarrollo Urbano<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <h3><i class=\"fas fa-phone-alt\" style=\"color:blue\"><\/i> Datos de Contacto<\/h3>\n        <p><strong>Tel\u00e9fono:<\/strong> 488 882 0063 Ext. 117<br>\n        <strong>Email:<\/strong> <a href=\"mailto:op.desarrollourbano@gmail.com\">op.desarrollourbano@gmail.com<\/a><br>\n        <strong>Direcci\u00f3n:<\/strong> Celso N. Ramos #120, Zona Centro (Segundo Piso)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.property-title-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n\/* Specific styles for this service *\/\n.cost-notice {\n  background: #f8f9fa;\n  padding: 15px;\n  border-left: 4px solid #2c5e92;\n  display: flex;\n  align-items: center;\n  margin-top: 20px;\n}\n\n.cost-notice i {\n  font-size: 24px;\n  color: #2c5e92;\n  margin-right: 15px;\n}\n\n\/* Reuse styles from previous services *\/\n.service-header, .service-description, \n.info-section, .requirements-section, \n.legal-details, .contact-section, \n.detail-card, .contact-grid, .contact-card,\n.req-list, .req-list ul, .req-list li,\n.cost-table-container, .cost-table {\n  \/* Same styles as previous implementations *\/\n}\n\n@media (max-width: 768px) {\n  .cost-notice {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .cost-notice i {\n    margin-right: 0;\n    margin-bottom: 10px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add any necessary JavaScript functionality here\n});\n<\/script>\n<\/details>\n\n\n\n<!-- Fuente Poppins -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- T\u00edtulo estilizado -->\n<h2 style=\"text-align: center; color: #BE965C; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 32px; margin-top: 20px;\">\n   PROGRAMAS SOCIALES A LA POBLACI\u00d3N Y SUS REQUISITOS:\n<\/h2>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>PROGRAMA PERMANENTE DE BACHEO<\/summary>\n<div class=\"pothole-repair-service\">\n  <!-- Header Section -->\n  <div class=\"service-header\">\n    \n     <p class=\"service-description\">Solicitud de reparaci\u00f3n de baches en v\u00edas p\u00fablicas<\/p>\n  <\/div>\n\n  <!-- Requirements Section -->\n  <div class=\"requirements-section\">\n    <h2><i class=\"fas fa-clipboard-list\"><\/i> Requisitos del Tr\u00e1mite<\/h2>\n    \n    <div class=\"req-list\">\n      <ul>\n        <li><i class=\"fas fa-file-signature\"><\/i> Solicitud por escrito con firmas de vecinos que avalen la petici\u00f3n<\/li>\n      <\/ul>\n    <\/div>\n    \n    <div class=\"req-notice\">\n      <i class=\"fas fa-lightbulb\"><\/i>\n      <p>La solicitud debe incluir ubicaci\u00f3n exacta de los baches a reparar y datos de contacto del solicitante principal.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Process Section -->\n  <div class=\"process-section\">\n    <h2><i class=\"fas fa-road\" style=\"color:blue\"><\/i> Proceso de Atenci\u00f3n<\/h2>\n    <ol class=\"process-steps\">\n      <li><span>1<\/span> Presentar solicitud con firmas vecinales<\/li>\n      <li><span>2<\/span> Evaluaci\u00f3n t\u00e9cnica por personal municipal<\/li>\n      <li><span>3<\/span> Programaci\u00f3n de la reparaci\u00f3n seg\u00fan disponibilidad<\/li>\n      <li><span>4<\/span> Ejecuci\u00f3n de los trabajos de bacheo<\/li>\n    <\/ol>\n  <\/div>\n\n  <!-- Additional Information -->\n  <div class=\"additional-info\">\n    <h3><i class=\"fas fa-question-circle\" style=\"color:blue\"><\/i> Informaci\u00f3n Adicional<\/h3>\n    <p>Las reparaciones se realizan seg\u00fan disponibilidad presupuestal y priorizaci\u00f3n de zonas con mayor afectaci\u00f3n.<\/p>\n  <\/div>\n\n \n\n<style>\n\/* Base Styles *\/\n.pothole-repair-service {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n}\n\n\/* Specific styles for this service *\/\n.req-notice {\n  background: #fff8e1;\n  padding: 15px;\n  border-left: 4px solid #ffc107;\n  display: flex;\n  align-items: center;\n  margin-top: 15px;\n}\n\n.req-notice i {\n  font-size: 24px;\n  color: #ff9800;\n  margin-right: 15px;\n}\n\n.process-section {\n  margin: 25px 0;\n}\n\n.process-steps {\n  list-style: none;\n  padding: 0;\n  counter-reset: step-counter;\n}\n\n.process-steps li {\n  position: relative;\n  padding-left: 60px;\n  margin-bottom: 20px;\n  min-height: 40px;\n  display: flex;\n  align-items: center;\n}\n\n.process-steps li span {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 40px;\n  height: 40px;\n  background: #2c5e92;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  counter-increment: step-counter;\n}\n\n.process-steps li span::before {\n  content: counter(step-counter);\n}\n\n.additional-info {\n  background: #f8f9fa;\n  padding: 20px;\n  border-radius: 8px;\n  margin: 20px 0;\n}\n\n\/* Reuse styles from previous services *\/\n.service-header, .service-description, \n.info-section, .requirements-section, \n.contact-section, .contact-grid, .contact-card,\n.req-list, .req-list ul, .req-list li {\n  \/* Same styles as previous implementations *\/\n}\n\n@media (max-width: 768px) {\n  .req-notice {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .req-notice i {\n    margin-right: 0;\n    margin-bottom: 10px;\n  }\n  \n  .process-steps li {\n    padding-left: 50px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add any necessary JavaScript functionality here\n});\n<\/script>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>PROG<\/strong>RAMA<strong> APOYO CON MATERIALES Y MANO DE OBRA A INSTITUCIONES EDUCATIVA<strong>S.<\/strong><\/strong><\/summary>\n<?php\n\/*\nPrograma Social: Solicitud de Apoyos Municipales (Obras P\u00fablicas)\nTemplate Name: Programa Social - Apoyos Obras P\u00fablicas\n*\/\n\nget_header(); ?>\n\n<div class=\"programa-social-container\">\n    <!-- Encabezado -->\n  \n\n    <!-- Descripci\u00f3n del Programa -->\n    <div class=\"programa-description\">\n        <div class=\"programa-icon\">\n          \n        <\/div>\n        <div class=\"programa-content\">\n           \n            <p>Este programa permite a los ciudadanos solicitar intervenciones de mejora urbana mediante un proceso formal avalado por la presidencia municipal.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Requisitos -->\n    <div class=\"programa-requirements\">\n        <h2><i class=\"fas fa-clipboard-check\"><\/i> Requisitos<\/h2>\n        <ul class=\"requisitos-list\">\n            <li><i class=\"fas fa-file-alt\"><\/i> Solicitud por escrito dirigida al Presidente Municipal<\/li>\n            <li><i class=\"fas fa-map-marked-alt\"><\/i> Especificaci\u00f3n detallada de la obra solicitada<\/li>\n            <li><i class=\"fas fa-user-tie\"><\/i> Datos de contacto del solicitante<\/li>\n        <\/ul>\n        \n        <div class=\"programa-notice\">\n            <div class=\"notice-icon\">\n                <i class=\"fas fa-info-circle\"><\/i>\n            <\/div>\n            <div class=\"notice-content\">\n                <p><strong>Importante:<\/strong> La validaci\u00f3n final del apoyo depende de la aprobaci\u00f3n del Presidente Municipal y la disponibilidad presupuestal.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>PROGRAMA DE TOPES Y VIALIDAD<\/strong><\/summary>\n<?php\n\/*\nTemplate Name: Requisito - Instalaci\u00f3n de Topes\nDescription: Plantilla para mostrar el requisito de instalaci\u00f3n de topes vehiculares\n*\/\n\nget_header(); ?>\n\n<div class=\"requisito-container\">\n    <!-- Encabezado -->\n    <div class=\"requisito-header\">\n        <h1><i class=\"fas fa-traffic-cone\"><\/i> Requisito para Instalaci\u00f3n de Topes<\/h1>\n        <p class=\"requisito-subtitle\">Proceso validado por Tr\u00e1nsito y Obras P\u00fablicas<\/p>\n    <\/div>\n\n    <!-- Contenedor principal -->\n    <div class=\"requisito-card\">\n        <div class=\"requisito-icon\">\n            <i class=\"fas fa-file-signature\"><\/i>\n        <\/div>\n        \n        <div class=\"requisito-content\">\n            <h2>Solicitud Formal de Instalaci\u00f3n<\/h2>\n            \n            <div class=\"requisito-descripcion\">\n                <p>Procedimiento obligatorio para la colocaci\u00f3n de topes reductores de velocidad en v\u00edas p\u00fablicas:<\/p>\n            <\/div>\n            \n            <div class=\"requisito-detalle\">\n                <ol class=\"requisito-pasos\">\n                    <li>\n                        <span class=\"paso-numero\">1<\/span>\n                        <div class=\"paso-contenido\">\n                            <h3>Presentaci\u00f3n de Solicitud<\/h3>\n                            <p>Documento escrito con:<\/p>\n                            <ul>\n                                <li><i class=\"fas fa-signature\"><\/i> Firmas de vecinos afectados<\/li>\n                                <li><i class=\"fas fa-map-marked-alt\"><\/i> Ubicaci\u00f3n exacta propuesta<\/li>\n                                <li><i class=\"fas fa-id-card\"><\/i> Datos de contacto del solicitante<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/li>\n                    \n                    <li>\n                        <span class=\"paso-numero\">2<\/span>\n                        \n                    \n            <div class=\"requisito-nota\">\n                <div class=\"nota-icon\">\n                    <i class=\"fas fa-exclamation-circle\"><\/i>\n                <\/div>\n                <div class=\"nota-texto\">\n                    <p><strong>Nota importante:<\/strong> El proceso completo puede tardar hasta 60 d\u00edas h\u00e1biles seg\u00fan carga de trabajo de las dependencias involucradas.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n   \n<style>\n\/* Estilos base *\/\n.requisito-container {\n    font-family: 'Segoe UI', Roboto, sans-serif;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n    color: #333;\n    line-height: 1.6;\n}\n\n\/* Encabezado *\/\n.requisito-header {\n    text-align: center;\n    margin-bottom: 2rem;\n    padding-bottom: 1rem;\n    border-bottom: 3px solid #2a5a8a;\n}\n\n.requisito-header h1 {\n    color: #2a5a8a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 0.5rem;\n}\n\n.requisito-subtitle {\n    color: #666;\n    font-size: 1.1rem;\n}\n\n\/* Tarjeta de requisito *\/\n.requisito-card {\n    background: white;\n    border-radius: 10px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    overflow: hidden;\n    margin-bottom: 2rem;\n    display: flex;\n}\n\n.requisito-icon {\n    background: #2a5a8a;\n    color: white;\n    font-size: 2.5rem;\n    padding: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 100px;\n}\n\n.requisito-content {\n    padding: 2rem;\n    flex: 1;\n}\n\n.requisito-content h2 {\n    color: #2a5a8a;\n    margin-top: 0;\n    border-bottom: 1px solid #eee;\n    padding-bottom: 0.5rem;\n}\n\n\/* Lista de pasos *\/\n.requisito-pasos {\n    list-style: none;\n    padding-left: 0;\n    counter-reset: paso-counter;\n}\n\n.requisito-pasos li {\n    position: relative;\n    padding-left: 70px;\n    margin-bottom: 2rem;\n    counter-increment: paso-counter;\n}\n\n.paso-numero {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 50px;\n    height: 50px;\n    background: #f39c12;\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: bold;\n    font-size: 1.2rem;\n}\n\n.paso-contenido h3 {\n    color: #2a5a8a;\n    margin-top: 0;\n}\n\n.paso-contenido ul {\n    list-style: none;\n    padding-left: 0;\n    margin-top: 0.5rem;\n}\n\n.paso-contenido li {\n    padding: 0.3rem 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.paso-contenido i {\n    color: #2a5a8a;\n    width: 20px;\n    text-align: center;\n}\n\n\/* Nota importante *\/\n.requisito-nota {\n    background: #fff8e1;\n    padding: 1rem;\n    border-left: 4px solid #ffc107;\n    display: flex;\n    gap: 15px;\n    margin-top: 1.5rem;\n}\n\n.nota-icon {\n    font-size: 1.5rem;\n    color: #ff9800;\n}\n\n.nota-texto p {\n    margin: 0;\n}\n\n\/* Contacto *\/\n.requisito-contacto {\n    background: #f8f9fa;\n    padding: 1.5rem;\n    border-radius: 8px;\n}\n\n.requisito-contacto h3 {\n    color: #2a5a8a;\n    margin-top: 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.contacto-info {\n    margin-top: 0.5rem;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .requisito-card {\n        flex-direction: column;\n    }\n    \n    .requisito-icon {\n        padding: 1.5rem;\n    }\n    \n    .requisito-pasos li {\n        padding-left: 60px;\n    }\n    \n    .paso-numero {\n        width: 40px;\n        height: 40px;\n    }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>PROGRAMA DE LIMPIEZA DE CALLES: IMAGEN URBANA <\/summary>\n<?php\n\/*\nTemplate Name: Requisito - Limpieza Urbana\nDescription: Requisitos para solicitud de servicios de limpieza en v\u00edas p\u00fablicas\n*\/\n\nget_header(); ?>\n\n<div class=\"requisito-limpieza\">\n    <!-- Encabezado -->\n    <div class=\"requisito-header\">\n        <h1><i class=\"fas fa-broom\" ><\/i> Requisitos para Servicios de Limpieza Urbana<\/h1>\n        <p class=\"requisito-subtitle\">Direcci\u00f3n de Obras P\u00fablicas y Servicios Municipales<\/p>\n    <\/div>\n\n    <!-- Contenido principal -->\n    <div class=\"requisito-card\">\n        <div class=\"requisito-badge\">\n            <i class=\"fas fa-file-contract\"><\/i>\n        <\/div>\n        \n        <div class=\"requisito-content\">\n            <h2>Solicitud de Servicios de Limpieza<\/h2>\n            \n            <div class=\"requisito-descripcion\">\n                <p>Documentaci\u00f3n requerida para solicitar intervenciones de mantenimiento en v\u00edas p\u00fablicas:<\/p>\n            <\/div>\n            \n            <div class=\"requisito-detalle\">\n                <div class=\"requisito-item\">\n                    <div class=\"item-icon\">\n                        <i class=\"fas fa-edit\"><\/i>\n                    <\/div>\n                    <div class=\"item-content\">\n                        <h3>Solicitud Escrita Formal<\/h3>\n                        <ul>\n                            <li><i class=\"fas fa-user-tie\"><\/i> Dirigida al Director de Obras P\u00fablicas<\/li>\n                            <li><i class=\"fas fa-map-marked-alt\"><\/i> Ubicaci\u00f3n exacta del \u00e1rea a limpiar<\/li>\n                            <li><i class=\"fas fa-calendar-day\"><\/i> Fecha de solicitud<\/li>\n                            <li><i class=\"fas fa-phone-alt\"><\/i> Datos de contacto del solicitante<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"requisito-item\">\n                    <div class=\"item-icon\">\n                        <i class=\"fas fa-tasks\"><\/i>\n                    <\/div>\n                    <div class=\"item-content\">\n                        <h3>Tipos de Servicios Disponibles<\/h3>\n                        <div class=\"servicios-grid\">\n                            <div class=\"servicio-tipo\">\n                                <i class=\"fas fa-road\"><\/i>\n                                <span>Limpieza general de calles<\/span>\n                            <\/div>\n                            <div class=\"servicio-tipo\">\n                                <i class=\"fas fa-trash\"><\/i>\n                                <span>Retiro de escombros<\/span>\n                            <\/div>\n                            <div class=\"servicio-tipo\">\n                                <i class=\"fas fa-building\"><\/i>\n                                <span>Emergencias por derrumbes<\/span>\n                            <\/div>\n                            <div class=\"servicio-tipo\">\n                                <i class=\"fas fa-cloud-rain\"><\/i>\n                                <span>Limpieza post-lluvias<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"requisito-nota\">\n                <div class=\"nota-icon\">\n                    <i class=\"fas fa-info-circle\"><\/i>\n                <\/div>\n                <div class=\"nota-texto\">\n                    <p><strong>Nota:<\/strong> Para emergencias (derrumbes\/inundaciones) se atender\u00e1 dentro de las 24 horas posteriores a la solicitud.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n \n<style>\n\/* Estilos base *\/\n.requisito-limpieza {\n    font-family: 'Segoe UI', Roboto, sans-serif;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n    color: #333;\n    line-height: 1.6;\n}\n\n\/* Encabezado *\/\n.requisito-header {\n    text-align: center;\n    margin-bottom: 2rem;\n    padding-bottom: 1rem;\n    border-bottom: 3px solid #2a5d7a;\n}\n\n.requisito-header h1 {\n    color: #2a5d7a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 0.5rem;\n}\n\n.requisito-subtitle {\n    color: #666;\n    font-size: 1.1rem;\n}\n\n\/* Tarjeta de requisito *\/\n.requisito-card {\n    background: white;\n    border-radius: 10px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    overflow: hidden;\n    margin-bottom: 2rem;\n    display: flex;\n}\n\n.requisito-badge {\n    background: #2a5d7a;\n    color: white;\n    font-size: 2rem;\n    padding: 2rem 1.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 80px;\n}\n\n.requisito-content {\n    padding: 2rem;\n    flex: 1;\n}\n\n.requisito-content h2 {\n    color: #2a5d7a;\n    margin-top: 0;\n    border-bottom: 1px solid #eee;\n    padding-bottom: 0.5rem;\n}\n\n\/* Items de requisito *\/\n.requisito-item {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 1.5rem;\n}\n\n.item-icon {\n    font-size: 1.5rem;\n    color: ##2a5d7a;\n    margin-top: 0.3rem;\n}\n\n.item-content h3 {\n    color: #2a5d7a;\n    margin-top: 0;\n}\n\n.item-content ul {\n    list-style: none;\n    padding-left: 0;\n    margin-top: 0.5rem;\n}\n\n.item-content li {\n    padding: 0.3rem 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.item-content i {\n    width: 20px;\n    color: #2a5d7a;\n}\n\n\/* Grid de servicios *\/\n.servicios-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 1rem;\n    margin-top: 1rem;\n}\n\n.servicio-tipo {\n    background: #f0f4f7;\n    padding: 0.8rem;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.9rem;\n}\n\n.servicio-tipo i {\n    color: #2a5d7a;\n    font-size: 1.2rem;\n}\n\n\/* Nota importante *\/\n.requisito-nota {\n    background: #b4defa;\n    padding: 1rem;\n    border-left: 4px solid #2a5d7a;\n    display: flex;\n    gap: 15px;\n    margin-top: 1.5rem;\n}\n\n.nota-icon {\n    font-size: 1.5rem;\n    color: #ebf1f5;\n}\n\n.nota-texto p {\n    margin: 0;\n}\n\n\/* Proceso *\/\n.proceso-section {\n    background: #f0f4f7;\n    padding: 1.5rem;\n    border-radius: 8px;\n    margin-bottom: 1.5rem;\n}\n\n.proceso-section h3 {\n    color: #2a5d7a;\n    margin-top: 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.proceso-pasos {\n    padding-left: 1.5rem;\n}\n\n.proceso-pasos li {\n    padding: 0.5rem 0;\n}\n\n\/* Contacto *\/\n.contacto-section {\n    background: #2a5d7a;\n    color: white;\n    padding: 1.5rem;\n    border-radius: 8px;\n}\n\n.contacto-section h3 {\n    margin-top: 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.contacto-info {\n    margin-top: 1rem;\n}\n\n.contacto-info p {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0.7rem 0;\n}\n\n.contacto-info i {\n    width: 20px;\n    text-align: center;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .requisito-card {\n        flex-direction: column;\n    }\n    \n    .requisito-badge {\n        padding: 1.5rem;\n        justify-content: center;\n    }\n    \n    .servicios-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .requisito-item {\n        flex-direction: column;\n        gap: 10px;\n    }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>PROGRAMA DE MANTENIMIENTO DE PLAZAS Y JARDINES<\/strong><\/summary>\n<?php\n\/*\nTemplate Name: Requisito - Mantenimiento de \u00c1reas Verdes\nDescription: Requisitos para solicitud de mantenimiento en plazas p\u00fablicas y espacios de jard\u00edn\n*\/\n\nget_header(); ?>\n\n<div class=\"requisito-areas-verdes\">\n    <!-- Encabezado -->\n    <div class=\"requisito-header\">\n        <h1><i class=\"fas fa-tree\"><\/i> Requisitos para Mantenimiento de \u00c1reas Verdes<\/h1>\n        <p class=\"requisito-subtitle\">Direcci\u00f3n de Obras P\u00fablicas y Servicios Municipales<\/p>\n    <\/div>\n\n    <!-- Contenido principal -->\n    <div class=\"requisito-card\">\n        <div class=\"requisito-badge\">\n            <i class=\"fas fa-leaf\"><\/i>\n        <\/div>\n        \n        <div class=\"requisito-content\">\n            <h2>Solicitud de Mantenimiento<\/h2>\n            \n            <div class=\"requisito-descripcion\">\n                <p>Documentaci\u00f3n requerida para solicitar servicios de mantenimiento en espacios p\u00fablicos:<\/p>\n            <\/div>\n            \n            <div class=\"requisito-detalle\">\n                <div class=\"requisito-item\">\n                    <div class=\"item-icon\">\n                        <i class=\"fas fa-file-alt\"><\/i>\n                    <\/div>\n                    <div class=\"item-content\">\n                        <h3>Solicitud Escrita Formal<\/h3>\n                        <ul>\n                            <li><i class=\"fas fa-user-tie\"><\/i> Dirigida al Director de Obras P\u00fablicas<\/li>\n                            <li><i class=\"fas fa-map-marked-alt\"><\/i> Ubicaci\u00f3n exacta del \u00e1rea<\/li>\n                            <li><i class=\"fas fa-info-circle\"><\/i> Descripci\u00f3n del problema<\/li>\n                            <li><i class=\"fas fa-phone-alt\"><\/i> Datos de contacto<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"requisito-item\">\n                    <div class=\"item-icon\">\n                        <i class=\"fas fa-clipboard-list\"><\/i>\n                    <\/div>\n                    <div class=\"item-content\">\n                        <h3>Servicios Disponibles<\/h3>\n                        <div class=\"servicios-grid\">\n                            <div class=\"servicio-tipo\">\n                                <i class=\"fas fa-park\"><\/i>\n                                <span>Mantenimiento de plazas p\u00fablicas<\/span>\n                            <\/div>\n                            <div class=\"servicio-tipo\">\n                                <i class=\"fas fa-seedling\"><\/i>\n                                <span>Podas y retiro de maleza<\/span>\n                            <\/div>\n                            <div class=\"servicio-tipo\">\n                                <i class=\"fas fa-road\"><\/i>\n                                <span>Limpieza de orillas de carretera<\/span>\n                            <\/div>\n                            <div class=\"servicio-tipo\">\n                                <i class=\"fas fa-trash-alt\"><\/i>\n                                <span>Retiro de desechos vegetales<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"requisito-nota\">\n                <div class=\"nota-icon\">\n                    <i class=\"fas fa-clock\"><\/i>\n                <\/div>\n                <div class=\"nota-texto\">\n                    <p><strong>Tiempo de respuesta:<\/strong> 5-10 d\u00edas h\u00e1biles seg\u00fan disponibilidad de cuadrillas.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n \n<style>\n\/* Estilos base *\/\n.requisito-areas-verdes {\n    font-family: 'Segoe UI', Roboto, sans-serif;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n    color: #333;\n    line-height: 1.6;\n}\n\n\/* Encabezado *\/\n.requisito-header {\n    text-align: center;\n    margin-bottom: 2rem;\n    padding-bottom: 1rem;\n    border-bottom: 3px solid #2a5d7a;\n}\n\n.requisito-header h1 {\n    color: #2a5d7a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 0.5rem;\n}\n\n.requisito-subtitle {\n    color: #666;\n    font-size: 1.1rem;\n}\n\n\/* Tarjeta de requisito *\/\n.requisito-card {\n    background: white;\n    border-radius: 10px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    overflow: hidden;\n    margin-bottom: 2rem;\n    display: flex;\n}\n\n.requisito-badge {\n    background: #2a5d7a;\n    color: white;\n    font-size: 2rem;\n    padding: 2rem 1.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 80px;\n}\n\n.requisito-content {\n    padding: 2rem;\n    flex: 1;\n}\n\n.requisito-content h2 {\n    color: #2a5d7a;\n    margin-top: 0;\n    border-bottom: 1px solid #eee;\n    padding-bottom: 0.5rem;\n}\n\n\/* Items de requisito *\/\n.requisito-item {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 1.5rem;\n}\n\n.item-icon {\n    font-size: 1.5rem;\n    color: #2a5d7a;\n    margin-top: 0.3rem;\n}\n\n.item-content h3 {\n    color: #2a5d7a;\n    margin-top: 0;\n}\n\n.item-content ul {\n    list-style: none;\n    padding-left: 0;\n    margin-top: 0.5rem;\n}\n\n.item-content li {\n    padding: 0.3rem 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.item-content i {\n    width: 20px;\n    color: #2a5d7a;\n}\n\n\/* Grid de servicios *\/\n.servicios-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 1rem;\n    margin-top: 1rem;\n}\n\n.servicio-tipo {\n    background: #f0fff0;\n    padding: 0.8rem;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.9rem;\n    border: 1px solid #d4edda;\n}\n\n.servicio-tipo i {\n    color: #2a5d7a;\n    font-size: 1.2rem;\n}\n\n\/* Nota importante *\/\n.requisito-nota {\n    background: #b1d6f2;\n    padding: 1rem;\n    border-left: 4px solid #2a5d7a;\n    display: flex;\n    gap: 15px;\n    margin-top: 1.5rem;\n}\n\n.nota-icon {\n    font-size: 1.5rem;\n    color: #6385f2;\n}\n\n.nota-texto p {\n    margin: 0;\n}\n\n\/* Proceso *\/\n.proceso-section {\n    background: #f0fff0;\n    padding: 1.5rem;\n    border-radius: 8px;\n    margin-bottom: 1.5rem;\n}\n\n.proceso-section h3 {\n    color: #2e8b57;\n    margin-top: 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.proceso-pasos {\n    padding-left: 1.5rem;\n}\n\n.proceso-pasos li {\n    padding: 0.5rem 0;\n}\n\n\/* Contacto *\/\n.contacto-section {\n    background: #2a5d7a;\n    color: white;\n    padding: 1.5rem;\n    border-radius: 8px;\n}\n\n.contacto-section h3 {\n    margin-top: 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.contacto-info {\n    margin-top: 1rem;\n}\n\n.contacto-info p {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0.7rem 0;\n}\n\n.contacto-info i {\n    width: 20px;\n    text-align: center;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .requisito-card {\n        flex-direction: column;\n    }\n    \n    .requisito-badge {\n        padding: 1.5rem;\n        justify-content: center;\n    }\n    \n    .servicios-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .requisito-item {\n        flex-direction: column;\n        gap: 10px;\n    }\n}\n<\/style>\n\n<?php get_footer(); ?>\n<\/details>\n\n\n\n<!-- Fuente Poppins -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- T\u00edtulo estilizado -->\n<h2 style=\"text-align: center; color: #BE965C; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 32px; margin-top: 15px;\">\n  NORMATIVIDAD FEDERAL, ESTATAL Y MUNICIPAL, EN MATERIA DE ORDENAMIENTO TERRITORIAL\n<\/h2>\n\n\n\n<?php\n\/*\nTemplate Name: Marco Normativo - Desarrollo Urbano\nDescription: Plantilla que muestra el marco jur\u00eddico aplicable al desarrollo urbano\n*\/\n\nget_header(); ?>\n\n\n\n    <!-- Nivel Federal -->\n    <div class=\"normativo-level federal\">\n        <div class=\"level-header\">\n            <h2><i class=\"fas fa-flag\"><\/i> Normatividad Federal<\/h2>\n        <\/div>\n        \n        <div class=\"normativo-list\">\n            <div class=\"normativo-item\">\n                <div class=\"normativo-icon\">\n                    <i class=\"fas fa-book\"><\/i>\n                <\/div>\n                <div class=\"normativo-content\">\n                    <h3>Constituci\u00f3n Pol\u00edtica de los Estados Unidos Mexicanos<\/h3>\n                    <ul>\n                        <li><strong>Art\u00edculo 115 Constitucional<\/strong> - Bases del desarrollo municipal<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            \n\n    <!-- Nivel Estatal -->\n    <div class=\"normativo-level estatal\">\n        <div class=\"level-header\">\n            <h2><i class=\"fas fa-map-marked-alt\"><\/i> Normatividad Estatal<\/h2>\n        <\/div>\n        \n        <div class=\"normativo-list\">\n            <div class=\"normativo-item\">\n                <div class=\"normativo-icon\">\n                    <i class=\"fas fa-book-open\"><\/i>\n                <\/div>\n                <div class=\"normativo-content\">\n                    <h3>Constituci\u00f3n Pol\u00edtica del Estado de San Luis Potos\u00ed<\/h3>\n                    <ul>\n                        <li>Disposiciones complementarias al Art. 115 Federal<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"normativo-item\">\n                <div class=\"normativo-icon\">\n                    <i class=\"fas fa-layer-group\"><\/i>\n                <\/div>\n                <div class=\"normativo-content\">\n                    <h3>Ley de Ordenamiento Territorial y Desarrollo Urbano del Estado<\/h3>\n                    <ul>\n                        <li>Planificaci\u00f3n urbana estatal<\/li>\n                        <li>Competencias municipales<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"normativo-item\">\n                <div class=\"normativo-icon\">\n                    <i class=\"fas fa-user-tie\"><\/i>\n                <\/div>\n                <div class=\"normativo-content\">\n                    <h3>Reglamento de la Comisi\u00f3n Estatal de Acreditaci\u00f3n<\/h3>\n                    <ul>\n                        <li>Directores Responsables de Obra<\/li>\n                        <li>Corresponsables en construcci\u00f3n<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Nivel Municipal -->\n    <div class=\"normativo-level municipal\">\n        <div class=\"level-header\">\n            <h2><i class=\"fas fa-city\"><\/i> Normatividad Municipal<\/h2>\n        <\/div>\n        \n        <div class=\"normativo-list\">\n            <div class=\"normativo-item\">\n                <div class=\"normativo-icon\">\n                    <i class=\"fas fa-map\"><\/i>\n                <\/div>\n                <div class=\"normativo-content\">\n                    <h3>Plan Municipal de Desarrollo Urbano<\/h3>\n                    <ul>\n                        <li>Centro de poblaci\u00f3n de Matehuala<\/li>\n                        <li>Zonificaci\u00f3n y usos de suelo<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            \n            \n            <div class=\"normativo-item\">\n                <div class=\"normativo-icon\">\n                    <i class=\"fas fa-money-bill-wave\"><\/i>\n                <\/div>\n                <div class=\"normativo-content\">\n                    <h3>Ley de Ingresos del Municipio<\/h3>\n                    <ul>\n                        <li>Derechos por servicios urbanos<\/li>\n                        <li>Impuestos relacionados al desarrollo<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n \n\n<style>\n\/* Estilos base *\/\n.marco-normativo-container {\n    font-family: 'Segoe UI', Roboto, sans-serif;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n    color: #333;\n    line-height: 1.6;\n}\n\n\/* Encabezado *\/\n.normativo-header {\n    text-align: center;\n    margin-bottom: 2.5rem;\n    padding-bottom: 1.5rem;\n    border-bottom: 3px solid #2a5d7a;\n}\n\n.normativo-header h1 {\n    color: #2c3e50;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 0.5rem;\n}\n\n.normativo-subtitle {\n    color: #666;\n    font-size: 1.1rem;\n}\n\n\/* Niveles normativos *\/\n.normativo-level {\n    margin-bottom: 3rem;\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n\n.level-header {\n    padding: 1rem 1.5rem;\n    color: white;\n}\n\n.level-header h2 {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n\/* Colores por nivel *\/\n.federal .level-header {\n    background: #2c3e50;\n}\n\n.estatal .level-header {\n    background: #2a5d7a;\n}\n\n.municipal .level-header {\n    background:#2a5d7a;\n}\n\n\/* Lista de normativas *\/\n.normativo-list {\n    background: white;\n    padding: 1.5rem;\n}\n\n.normativo-item {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 1.5rem;\n    padding-bottom: 1.5rem;\n    border-bottom: 1px dashed #eee;\n}\n\n.normativo-item:last-child {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n\n.normativo-icon {\n    font-size: 1.8rem;\n    color: #2a5d7a;\n    margin-top: 0.2rem;\n}\n\n.federal .normativo-icon {\n    color: #2a5d7a;\n}\n\n.estatal .normativo-icon {\n    color:#2a5d7a;\n}\n\n.municipal .normativo-icon {\n    color: #2a5d7a;\n}\n\n.normativo-content h3 {\n    color: #2c3e50;\n    margin-top: 0;\n    margin-bottom: 0.5rem;\n}\n\n.normativo-content ul {\n    list-style: none;\n    padding-left: 0;\n    margin: 0;\n}\n\n.normativo-content li {\n    padding: 0.3rem 0;\n    position: relative;\n    padding-left: 20px;\n}\n\n.normativo-content li:before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n    color: #2a5d7a;\n}\n\n.federal .normativo-content li:before {\n    color: #2c3e50;\n}\n\n.estatal .normativo-content li:before {\n    color: #2980b9;\n}\n\n.municipal .normativo-content li:before {\n    color: #2a5d7a;\n}\n\n\/* Footer *\/\n.normativo-footer {\n    margin-top: 2rem;\n    text-align: center;\n}\n\n.footer-nota {\n    background: #f8f9fa;\n    padding: 1rem;\n    border-radius: 8px;\n    display: inline-flex;\n    align-items: center;\n    gap: 15px;\n    max-width: 800px;\n}\n\n.footer-nota i {\n    font-size: 1.5rem;\n    color: #3498db;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .normativo-item {\n        flex-direction: column;\n        gap: 10px;\n    }\n    \n    .normativo-icon {\n        align-self: center;\n    }\n    \n    .footer-nota {\n        flex-direction: column;\n        text-align: left;\n    }\n}\n<\/style>\n\n<?php get_footer(); ?>\n\n\n\n<!-- Fuente Poppins -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- T\u00edtulo estilizado -->\n<h2 style=\"text-align: center; color: #BE965C; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 32px; margin-top: 15px;\">\n  POLITICAS DE LA DIRECCI\u00d3N DE OBRAS P\u00daBLICAS.\n<\/h2>\n\n\n\n<?php\n\/*\nTemplate Name: Pol\u00edticas de Obras P\u00fablicas\nDescription: Muestra el reglamento y pol\u00edticas de la Direcci\u00f3n de Obras P\u00fablicas de Matehuala\n*\/\n\nget_header(); ?>\n\n<div class=\"reglamento-obras-container\">\n    <!-- Encabezado -->\n    <div class=\"reglamento-header\">\n        \n        <p class=\"reglamento-subtitle\">Reglamento de Obras P\u00fablicas y Desarrollo Urbano de Matehuala, S.L.P.<\/p>\n    <\/div>\n\n    <!-- Secci\u00f3n de Autorizaciones -->\n    <div class=\"reglamento-section\">\n        <div class=\"section-header\">\n            <h2><i class=\"fas fa-file-signature\"><\/i> CAP\u00cdTULO XXXIII - DE LAS AUTORIZACIONES<\/h2>\n        <\/div>\n        \n        <!-- Art\u00edculo 216 -->\n        <div class=\"articulo-card\">\n            <div class=\"articulo-header\">\n                <span class=\"articulo-numero\">Art\u00edculo 216.<\/span>\n                <h3>Permisos<\/h3>\n            <\/div>\n            <div class=\"articulo-content\">\n                <p>Una vez cumplido el requisito de entregada la solicitud, incluyendo sus anexos, la Direcci\u00f3n proceder\u00e1 a su an\u00e1lisis, dictando una resoluci\u00f3n en un tiempo no mayor a <strong>20 d\u00edas h\u00e1biles<\/strong>, posteriores a la fecha de recepci\u00f3n de la misma. Si despu\u00e9s de dicho plazo la Direcci\u00f3n no ha emitido una resoluci\u00f3n, se entender\u00e1 que ha sido aprobado y autorizado en sus t\u00e9rminos.<\/p>\n                \n                <p>La Direcci\u00f3n tendr\u00e1 facultades para:<\/p>\n                <ul class=\"facultades-list\">\n                    <li><i class=\"fas fa-check-circle\"><\/i> Autorizar<\/li>\n                    <li><i class=\"fas fa-exclamation-circle\"><\/i> Condicionar<\/li>\n                    <li><i class=\"fas fa-times-circle\"><\/i> Negar el permiso<\/li>\n                <\/ul>\n                \n                <p>Adem\u00e1s deber\u00e1 supervisar la ejecuci\u00f3n del proyecto y de las obras que se lleven a cabo, con costo al permiso de construcci\u00f3n y cuya obra quede comprendida en el \u00e1mbito de aplicaci\u00f3n de este Reglamento.<\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- Art\u00edculo 218 -->\n        <div class=\"articulo-card\">\n            <div class=\"articulo-header\">\n                <span class=\"articulo-numero\">Art\u00edculo 218.<\/span>\n                <h3>Suspensi\u00f3n de la Obra<\/h3>\n            <\/div>\n            <div class=\"articulo-content\">\n                <p>La Direcci\u00f3n tiene facultades para ordenar la suspensi\u00f3n inmediata de las obras y en su caso, la demolici\u00f3n o modificaci\u00f3n a costa del propietario, en los siguientes casos:<\/p>\n                \n                <ol class=\"casos-list\">\n                    <li>\n                        <strong>I.<\/strong> Cuando se carezca de la autorizaci\u00f3n correspondiente extendida por la Direcci\u00f3n;\n                    <\/li>\n                    <li>\n                        <strong>II.<\/strong> Cuando las obras ejecutadas no se sujeten estrictamente a las especificaciones y t\u00e9rminos fijados en el proyecto autorizado;\n                    <\/li>\n                    <li>\n                        <strong>III.<\/strong> Cuando las obras se realicen despu\u00e9s de haberse cumplido el plazo se\u00f1alado para su ejecuci\u00f3n;\n                    <\/li>\n                    <li>\n                        <strong>IV.<\/strong> Cuando no se ejecuten las dimensiones especificadas de lotes, banquetas, guarniciones, pavimentos y otros par\u00e1metros en normas t\u00e9cnicas;\n                    <\/li>\n                    <li>\n                        <strong>V.<\/strong> Cuando no se cumplan con los servicios especificados:\n                        <ul class=\"sub-list\">\n                            <li>\n                                <strong>a.<\/strong> Presunci\u00f3n de la v\u00eda p\u00fablica: todo espacio se\u00f1alado como v\u00eda p\u00fablica en planos oficiales se presumir\u00e1 como tal.\n                            <\/li>\n                            <li>\n                                <strong>b.<\/strong> Inmuebles en planos oficiales destinados a v\u00edas p\u00fablicas se consideran bien de dominio p\u00fablico.\n                            <\/li>\n                            <li>\n                                <strong>c.<\/strong> Fraccionamientos autorizados deben inscribirse en el Registro P\u00fablico.\n                            <\/li>\n                        <\/ul>\n                    <\/li>\n                    <li>\n                        <strong>VI.<\/strong> Cuando no se d\u00e9 aviso a la Direcci\u00f3n del inicio de las obras.\n                    <\/li>\n                <\/ol>\n                \n                <div class=\"nota-legal\">\n                    <p><strong>Notificaci\u00f3n:<\/strong> La Direcci\u00f3n notificar\u00e1 y citar\u00e1 al interesado en los siguientes tres d\u00edas h\u00e1biles en que se dicte la resoluci\u00f3n correspondiente.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Art\u00edculo 279 -->\n        <div class=\"articulo-card\">\n            <div class=\"articulo-header\">\n                <span class=\"articulo-numero\">Art\u00edculo 279.<\/span>\n                <h3>Sanciones<\/h3>\n            <\/div>\n            <div class=\"articulo-content\">\n                <p>Por las violaciones al presente Reglamento se impondr\u00e1 una multa a los infractores a trav\u00e9s de esta Direcci\u00f3n y se calificar\u00e1n de conformidad con la Ley de Ingresos en vigor.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Informaci\u00f3n adicional -->\n    <div class=\"reglamento-footer\">\n        <div class=\"footer-content\">\n            <i class=\"fas fa-info-circle\"><\/i>\n            <p>Para consultar el reglamento completo o presentar una solicitud, visite las oficinas de la Direcci\u00f3n de Obras P\u00fablicas en Av. Principal S\/N, Centro, Matehuala, S.L.P.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Estilos base *\/\n.reglamento-obras-container {\n    font-family: 'Segoe UI', Roboto, sans-serif;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n    color: #333;\n    line-height: 1.6;\n}\n\n\/* Encabezado *\/\n.reglamento-header {\n    text-align: center;\n    margin-bottom: 2.5rem;\n    padding-bottom: 1.5rem;\n    border-bottom: 3px solid #2c5e92;\n}\n\n.reglamento-header h1 {\n    color: #2c5e92;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 0.5rem;\n}\n\n.reglamento-subtitle {\n    color: #666;\n    font-size: 1.1rem;\n}\n\n\/* Secci\u00f3n *\/\n.reglamento-section {\n    background: #f8f9fa;\n    border-radius: 8px;\n    overflow: hidden;\n    margin-bottom: 2rem;\n}\n\n.section-header {\n    background: #2c5e92;\n    color: white;\n    padding: 1rem 1.5rem;\n}\n\n.section-header h2 {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    font-size: 1.2rem;\n}\n\n\/* Art\u00edculos *\/\n.articulo-card {\n    background: white;\n    margin: 1.5rem;\n    border-radius: 6px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    overflow: hidden;\n}\n\n.articulo-header {\n    background: #e9f2fa;\n    padding: 1rem 1.5rem;\n    border-bottom: 1px solid #ddd;\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n}\n\n.articulo-numero {\n    font-weight: bold;\n    color: #2c5e92;\n    min-width: 100px;\n}\n\n.articulo-header h3 {\n    margin: 0;\n    color: #2c5e92;\n}\n\n.articulo-content {\n    padding: 1.5rem;\n}\n\n.facultades-list {\n    list-style: none;\n    padding-left: 0;\n    display: flex;\n    gap: 1.5rem;\n    margin: 1rem 0;\n}\n\n.facultades-list li {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.facultades-list i {\n    font-size: 1.2rem;\n}\n\n.facultades-list li:nth-child(1) i {\n    color: #27ae60;\n}\n\n.facultades-list li:nth-child(2) i {\n    color: #f39c12;\n}\n\n.facultades-list li:nth-child(3) i {\n    color: #e74c3c;\n}\n\n.casos-list {\n    list-style: none;\n    padding-left: 0;\n    counter-reset: casos-counter;\n}\n\n.casos-list > li {\n    position: relative;\n    padding-left: 2.5rem;\n    margin-bottom: 0.8rem;\n    counter-increment: casos-counter;\n}\n\n.casos-list > li::before {\n    content: counter(casos-counter, upper-roman)\".\";\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n    color: #2c5e92;\n}\n\n.sub-list {\n    list-style: none;\n    padding-left: 1.5rem;\n    margin-top: 0.5rem;\n}\n\n.sub-list li {\n    position: relative;\n    padding-left: 1.5rem;\n    margin-bottom: 0.5rem;\n}\n\n.sub-list li::before {\n    content: attr(data-marker);\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n    color: #2c5e92;\n}\n\n.nota-legal {\n    background: #fff8e1;\n    padding: 1rem;\n    border-left: 4px solid #ffc107;\n    margin-top: 1rem;\n}\n\n\/* Footer *\/\n.reglamento-footer {\n    margin-top: 2rem;\n    text-align: center;\n}\n\n.footer-content {\n    background: #e9f2fa;\n    padding: 1rem;\n    border-radius: 6px;\n    display: inline-flex;\n    align-items: center;\n    gap: 15px;\n    max-width: 800px;\n}\n\n.footer-content i {\n    font-size: 1.5rem;\n    color: #2c5e92;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .facultades-list {\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n    \n    .footer-content {\n        flex-direction: column;\n        text-align: left;\n    }\n}\n<\/style>\n\n<?php get_footer(); ?>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfaf Objetivo del Departamento Planear, ejecutar y supervisar obras de infraestructura y desarrollo urbano en el municipio de Matehuala, garantizando accesibilidad, sostenibilidad y calidad en los servicios p\u00fablicos, para mejorar la calidad de vida de los habitantes y fomentar un crecimiento ordenado del territorio, en cumplimiento con la normativa estatal y federal. \ud83d\udd52 Horarios de&#8230;<\/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-479","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matehuala.gob.mx\/m\/wp-json\/wp\/v2\/pages\/479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matehuala.gob.mx\/m\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matehuala.gob.mx\/m\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matehuala.gob.mx\/m\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matehuala.gob.mx\/m\/wp-json\/wp\/v2\/comments?post=479"}],"version-history":[{"count":102,"href":"https:\/\/matehuala.gob.mx\/m\/wp-json\/wp\/v2\/pages\/479\/revisions"}],"predecessor-version":[{"id":925,"href":"https:\/\/matehuala.gob.mx\/m\/wp-json\/wp\/v2\/pages\/479\/revisions\/925"}],"wp:attachment":[{"href":"https:\/\/matehuala.gob.mx\/m\/wp-json\/wp\/v2\/media?parent=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}