{"id":19428,"date":"2025-03-21T09:10:54","date_gmt":"2025-03-21T15:10:54","guid":{"rendered":"https:\/\/www.comonfort.gob.mx\/sitio\/?page_id=19428"},"modified":"2025-03-21T15:23:39","modified_gmt":"2025-03-21T21:23:39","slug":"prueba-items-elementor","status":"publish","type":"page","link":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/","title":{"rendered":"prueba Items elementor"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19428\" class=\"elementor elementor-19428\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-813ded1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"813ded1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c651cd5\" data-id=\"c651cd5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a3853c1 elementor-widget elementor-widget-MEC\" data-id=\"a3853c1\" data-element_type=\"widget\" data-widget_type=\"MEC.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"mec_skin_6911\" class=\"mec-wrap colorskin-custom  \">\r\n    \r\n        \r\n    <div class=\"mec-calendar mec-box-calendar\">\r\n        <div class=\"mec-calendar-topsec\">        <div class=\"mec-calendar-side mec-clear\">\r\n                        <div class=\"mec-skin-monthly-view-month-navigator-container\">\r\n                <div class=\"mec-month-navigator\" id=\"mec_month_navigator_6911_202604\"><div class=\"mec-previous-month mec-load-month mec-previous-month\" data-mec-year=\"2026\" data-mec-month=\"03\"><i class=\"mec-sl-angle-left\"><\/i> marzo<\/div><div class=\"mec-calendar-header\"><h2>abril 2026<\/h2><\/div><div class=\"mec-next-month mec-load-month mec-next-month\" data-mec-year=\"2026\" data-mec-month=\"05\">mayo <i class=\"mec-sl-angle-right\"><\/i><\/div><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"mec-calendar-table\" id=\"mec_skin_events_6911\">\r\n                <div class=\"mec-month-container mec-month-container-selected\" id=\"mec_monthly_view_month_6911_202604\" data-month-id=\"202604\"><dl class=\"mec-calendar-table-head\"><dt class=\"mec-calendar-day-head\">DO<\/dt><dt class=\"mec-calendar-day-head\">LU<\/dt><dt class=\"mec-calendar-day-head\">MA<\/dt><dt class=\"mec-calendar-day-head\">MI<\/dt><dt class=\"mec-calendar-day-head\">JU<\/dt><dt class=\"mec-calendar-day-head\">VI<\/dt><dt class=\"mec-calendar-day-head\">SA<\/dt><\/dl><dl class=\"mec-calendar-row\">\r\n    <dt class=\"mec-table-nullday\">29<\/dt><dt class=\"mec-table-nullday\">30<\/dt><dt class=\"mec-table-nullday\">31<\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260401\" data-day=\"1\" data-month=\"202604\">1<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260402\" data-day=\"2\" data-month=\"202604\">2<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260403\" data-day=\"3\" data-month=\"202604\">3<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260404\" data-day=\"4\" data-month=\"202604\">4<\/dt><\/dt><\/dl><dl class=\"mec-calendar-row\"><dt class=\"mec-calendar-day\" data-mec-cell=\"20260405\" data-day=\"5\" data-month=\"202604\">5<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260406\" data-day=\"6\" data-month=\"202604\">6<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260407\" data-day=\"7\" data-month=\"202604\">7<\/dt><\/dt><dt class=\"mec-calendar-day mec-selected-day\" data-mec-cell=\"20260408\" data-day=\"8\" data-month=\"202604\">8<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260409\" data-day=\"9\" data-month=\"202604\">9<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260410\" data-day=\"10\" data-month=\"202604\">10<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260411\" data-day=\"11\" data-month=\"202604\">11<\/dt><\/dt><\/dl><dl class=\"mec-calendar-row\"><dt class=\"mec-calendar-day\" data-mec-cell=\"20260412\" data-day=\"12\" data-month=\"202604\">12<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260413\" data-day=\"13\" data-month=\"202604\">13<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260414\" data-day=\"14\" data-month=\"202604\">14<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260415\" data-day=\"15\" data-month=\"202604\">15<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260416\" data-day=\"16\" data-month=\"202604\">16<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260417\" data-day=\"17\" data-month=\"202604\">17<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260418\" data-day=\"18\" data-month=\"202604\">18<\/dt><\/dt><\/dl><dl class=\"mec-calendar-row\"><dt class=\"mec-calendar-day\" data-mec-cell=\"20260419\" data-day=\"19\" data-month=\"202604\">19<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260420\" data-day=\"20\" data-month=\"202604\">20<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260421\" data-day=\"21\" data-month=\"202604\">21<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260422\" data-day=\"22\" data-month=\"202604\">22<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260423\" data-day=\"23\" data-month=\"202604\">23<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260424\" data-day=\"24\" data-month=\"202604\">24<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260425\" data-day=\"25\" data-month=\"202604\">25<\/dt><\/dt><\/dl><dl class=\"mec-calendar-row\"><dt class=\"mec-calendar-day\" data-mec-cell=\"20260426\" data-day=\"26\" data-month=\"202604\">26<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260427\" data-day=\"27\" data-month=\"202604\">27<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260428\" data-day=\"28\" data-month=\"202604\">28<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260429\" data-day=\"29\" data-month=\"202604\">29<\/dt><\/dt><dt class=\"mec-calendar-day\" data-mec-cell=\"20260430\" data-day=\"30\" data-month=\"202604\">30<\/dt><\/dt><dt class=\"mec-table-nullday\">1<\/dt><dt class=\"mec-table-nullday\">2<\/dt><\/dl>\r\n<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"mec-calendar-events-side mec-clear\"><div class=\"mec-month-side\" id=\"mec_month_side_6911_202604\"><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260401\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 1<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260402\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 2<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260403\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 3<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260404\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 4<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260405\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 5<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260406\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 6<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260407\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 7<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260408\"  style=\"display: block;\"><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 8<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260409\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 9<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260410\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 10<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260411\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 11<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260412\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 12<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260413\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 13<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260414\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 14<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260415\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 15<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260416\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 16<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260417\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 17<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260418\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 18<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260419\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 19<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260420\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 20<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260421\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 21<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260422\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 22<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260423\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 23<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260424\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 24<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260425\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 25<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260426\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 26<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260427\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 27<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260428\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 28<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260429\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 29<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><div class=\"mec-calendar-events-sec\" data-mec-cell=\"20260430\" ><h6 class=\"mec-table-side-title\">Events for <span class=\"mec-color mec-table-side-day\"> 30<\/span> abril<\/h6><article class=\"mec-event-article\"><div class=\"mec-event-detail\">Sin eventos<\/div><\/article><\/div><\/div><\/div><\/div><div class=\"mec-event-footer\"><\/div>    <\/div>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c69b56 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c69b56\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f56668\" data-id=\"1f56668\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-94d46fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"94d46fa\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bb4ee3e\" data-id=\"bb4ee3e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a9e5b4 elementor-widget elementor-widget-shortcode\" data-id=\"1a9e5b4\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Calendario Interactivo<\/title>\r\n    <style>\r\n        body {\r\n            background-color: #f0f0f0; \/* Fondo claro para mejor contraste *\/\r\n            color: black; \/* Color de texto negro por defecto *\/\r\n        }\r\n\r\n        .image-modal {\r\n            display: none; \/* Ocultar por defecto *\/\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.8);\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 1000;\r\n        }\r\n\r\n        .image-modal img {\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n            border-radius: 10px;\r\n            cursor: pointer; \/* Cambia el cursor a mano para indicar que es clicable *\/\r\n        }\r\n\r\n        .close-modal {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            color: white;\r\n            font-size: 30px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .calendar-container {\r\n            position: relative;\r\n            max-width: 1000px; \/* Aumentar el ancho m\u00e1ximo *\/\r\n            margin: auto;\r\n            overflow: hidden;\r\n            border-radius: 10px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .calendar-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            background-color: #6e0e00;\r\n            padding: 10px;\r\n            color: white; \/* Color de texto blanco en el encabezado *\/\r\n        }\r\n\r\n        .calendar-header h2 {\r\n            color: white; \/* Asegurarse de que el mes y el a\u00f1o sean blancos *\/\r\n        }\r\n\r\n        .calendar-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(7, 1fr); \/* Ancho fijo de 1 fracci\u00f3n para cada columna *\/\r\n            padding: 10px;\r\n            width: 100%; \/* Ancho del 100% del contenedor *\/\r\n        }\r\n\r\n        .calendar-grid div {\r\n            border: 1px solid #ccc;\r\n            text-align: center;\r\n            position: relative;\r\n            cursor: pointer;\r\n            transition: background-color 0.3s ease, transform 0.3s ease; \/* Transici\u00f3n de fondo y transformaci\u00f3n *\/\r\n            color: black; \/* Color de texto negro en las celdas del calendario *\/\r\n            display: flex; \/* Usar flexbox para centrar el contenido *\/\r\n            justify-content: center; \/* Centrar horizontalmente *\/\r\n            align-items: center; \/* Centrar verticalmente *\/\r\n            height: 50px; \/* Altura fija para las celdas *\/\r\n        }\r\n\r\n        .calendar-grid div:hover {\r\n            background-color: #e0e0e0; \/* Color de fondo al pasar el mouse *\/\r\n            transform: scale(1.05); \/* Efecto de aumento *\/\r\n        }\r\n\r\n        .event {\r\n            background-color: #FFD700; \/* Color de fondo dorado *\/\r\n            border-radius: 5px; \/* Bordes redondeados *\/\r\n            padding: 2px; \/* Espaciado interno *\/\r\n            margin-top: 2px; \/* Espacio superior *\/\r\n            font-size: 10px; \/* Tama\u00f1o de fuente m\u00e1s peque\u00f1o *\/\r\n            text-align: center; \/* Centrar el texto *\/\r\n            color: black; \/* Color del texto *\/\r\n            height: 15px; \/* Altura fija para el evento *\/\r\n            line-height: 15px; \/* Alinear verticalmente el texto *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"calendar-container fade-in\">\r\n    <div class=\"calendar-header\">\r\n        <button id=\"prevMonth\">\u276e<\/button>\r\n        <h2 id=\"monthYear\"><\/h2>\r\n        <button id=\"nextMonth\">\u276f<\/button>\r\n    <\/div>\r\n    <div class=\"calendar-grid\" id=\"calendarGrid\">\r\n        <div>Domingo<\/div>\r\n        <div>Lunes<\/div>\r\n        <div>Martes<\/div>\r\n        <div>Mi\u00e9rcoles<\/div>\r\n        <div>Jueves<\/div>\r\n        <div>Viernes<\/div>\r\n        <div>S\u00e1bado<\/div>\r\n    <\/div>\r\n<\/ div>\r\n\r\n<!-- Modal para mostrar la imagen -->\r\n<div class=\"image-modal\" id=\"imageModal\" onclick=\"closeModal(event)\">\r\n    <span class=\"close-modal\" onclick=\"closeModal(event)\">&times;<\/span>\r\n    <a id=\"modalLink\" href=\"#\" target=\"_blank\">\r\n        <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"Imagen del evento\"\/>\r\n    <\/a>\r\n<\/div>\r\n\r\n<script>\r\n    const events = {\r\n        '2025-02-15': { name: 'Festival de M\u00fasica', image: 'https:\/\/www.comonfort.gob.mx\/sitio\/img\/imagenes\/14.jpg', link: 'https:\/\/www.facebook.com\/photo\/?fbid=1234567890&set=a.1234567890' },\r\n        '2025-02-16': { name: 'Noche rom\u00e1ntica', image: 'https:\/\/www.comonfort.gob.mx\/sitio\/img\/imagenes\/14.jpg', link: 'https:\/\/www.facebook.com\/photo\/?fbid=1234567890&set=a.1234567890' },\r\n        '2025-03-27': { \r\n            name: 'Comunidad e Historia', \r\n            image: 'https:\/\/www.comonfort.gob.mx\/sitio\/img\/imagenes\/historia.jpg',\r\n            link: 'https:\/\/www.facebook.com\/photo\/?fbid=1076696464497886&set=a.362057839295089' \r\n        },\r\n\t\t'2025-03-28': { name: 'Festival de M\u00fasica', image: 'https:\/\/www.comonfort.gob.mx\/sitio\/img\/imagenes\/14.jpg', link: 'https:\/\/www.facebook.com\/photo\/?fbid=1234567890&set=a.1234567890' }\r\n\t\t\r\n    };\r\n\r\n    function renderCalendar(month, year) {\r\n        const calendarGrid = document.getElementById('calendarGrid');\r\n        calendarGrid.innerHTML = `\r\n            <div>${new Date(year, month, 1).toLocaleString('es-ES', { weekday: 'long' })}<\/div>\r\n            <div>${new Date(year, month, 2).toLocaleString('es-ES', { weekday: 'long' })}<\/div>\r\n            <div>${new Date(year, month, 3).toLocaleString('es-ES', { weekday: 'long' })}<\/div>\r\n            <div>${new Date(year, month, 4).toLocaleString('es-ES', { weekday: 'long' })}<\/div>\r\n            <div>${new Date(year, month, 5).toLocaleString('es-ES', { weekday: 'long' })}<\/div>\r\n            <div>${new Date(year, month, 6).toLocaleString('es-ES', { weekday: 'long' })}<\/div>\r\n            <div>${new Date(year, month, 7).toLocaleString('es-ES', { weekday: 'long' })}<\/div>\r\n        `;\r\n        const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n        for (let day = 1; day <= daysInMonth; day++) {\r\n            const dateString = `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\r\n            const event = events[dateString];\r\n            const eventHtml = event ? `<div class=\"event\" onclick=\"showEvent('${dateString}')\">${day} - ${event.name}<\/div>` : '';\r\n            calendarGrid.innerHTML += `<div>${event ? '' : day}${eventHtml}<\/div>`;\r\n        }\r\n        document.getElementById('monthYear').innerText = `${new Date(year, month).toLocaleString('es-ES', { month: 'long' })} ${year}`;\r\n    }\r\n\r\n    function showEvent(date) {\r\n        const event = events[date];\r\n        if (event) {\r\n            document.getElementById('modalImage').src = event.image;\r\n            document.getElementById('modalLink').href = event.link; \/\/ Asignar el enlace de Facebook\r\n            document.getElementById('imageModal').style.display = 'flex';\r\n        }\r\n    }\r\n\r\n    function closeModal(event) {\r\n        if (event.target === document.getElementById('imageModal') || event.target.classList.contains('close-modal')) {\r\n            document.getElementById('imageModal').style.display = 'none';\r\n        }\r\n    }\r\n\r\n    document.getElementById('prevMonth').addEventListener('click', () => {\r\n        currentMonth--;\r\n        if (currentMonth < 0) {\r\n            currentMonth = 11;\r\n            currentYear--;\r\n        }\r\n        renderCalendar(currentMonth, currentYear);\r\n    });\r\n\r\n    document.getElementById('nextMonth').addEventListener('click', () => {\r\n        currentMonth++;\r\n        if (currentMonth > 11) {\r\n            currentMonth = 0;\r\n            currentYear++;\r\n        }\r\n        renderCalendar(currentMonth, currentYear);\r\n    });\r\n\r\n    let currentMonth = new Date().getMonth();\r\n    let currentYear = new Date().getFullYear();\r\n    renderCalendar(currentMonth, currentYear);\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-07972c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"07972c9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07e7604\" data-id=\"07e7604\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f4ac388 elementor-widget elementor-widget-shortcode\" data-id=\"f4ac388\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script type=\"text\/javascript\">\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event) { \r\n\tjQuery( '#slider-pro-3-19481' ).sliderPro({\r\n\t\t\/\/width\r\n\t\t\t\twidth: 1000,\r\n\t\t\t\t\r\n\t\t\/\/height\r\n\t\t\t\theight: 500,\r\n\t\t\t\t\r\n\t\t\/\/auto play\r\n\t\t\t\tautoplay:  true,\r\n\t\tautoplayOnHover: 'none',\r\n\t\t\t\t\t\t\t\tautoplayDelay: 5000,\r\n\t\t\r\n\t\t\r\n\t\tarrows: true,\r\n\t\tbuttons: true,\r\n\t\tsmallSize: 500,\r\n\t\tmediumSize: 1000,\r\n\t\tlargeSize: 3000,\r\n\t\tfade: true,\r\n\t\t\r\n\t\t\/\/thumbnail\r\n\t\tthumbnailArrows: true,\r\n\t\tthumbnailWidth: 120,\r\n\t\tthumbnailHeight: 120,\r\n\t\t\t\t\t\tthumbnailsPosition: 'bottom',\r\n\t\t\t\t\t\tcenterImage: true,\r\n\t\timageScaleMode: 'cover',\r\n\t\tallowScaleUp: true,\r\n\t\t\t\tstartSlide: 0,\r\n\t\tloop: true,\r\n\t\tslideDistance: 5,\r\n\t\tautoplayDirection: 'normal',\r\n\t\ttouchSwipe: true,\r\n\t\tfullScreen: true,\r\n\t});\r\n});\r\n<\/script>\r\n<style>\r\n\/* Layout 3 *\/\r\n\/* border *\/\r\n#slider-pro-3-19481 .sp-selected-thumbnail {\r\n\tborder: 4px solid #000000;\r\n}\r\n\r\n\/* font + color *\/\r\n.title-in  {\r\n\tfont-family: Arial !important;\r\n\tcolor: #FFFFFF !important;\r\n\tbackground-color: #000000 !important;\r\n\topacity: 0.7 !important;\r\n}\r\n.desc-in  {\r\n\tfont-family: Arial !important;\r\n\tcolor: #FFFFFF !important;\r\n\tbackground-color: #00000 !important;\r\n\topacity: 0.7 !important;\r\n}\r\n\r\n\/* bullets color *\/\r\n.sp-button  {\r\n\tborder: 2px solid #000000 !important;\r\n}\r\n.sp-selected-button  {\r\n\tbackground-color: #000000 !important;\r\n}\r\n\r\n\/* pointer color - bottom *\/\r\n.sp-selected-thumbnail::before {\r\n\tborder-bottom: 5px solid #000000 !important;\r\n}\r\n.sp-selected-thumbnail::after {\r\n\tborder-bottom: 13px solid #000000 !important;\r\n}\r\n\r\n\/* pointer color - top *\/\r\n\r\n\/* full screen icon *\/\r\n.sp-full-screen-button::before {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* hover navigation icon color *\/\r\n.sp-next-arrow::after, .sp-next-arrow::before {\r\n\tbackground-color: #FFFFFF !important;\r\n}\r\n.sp-previous-arrow::after, .sp-previous-arrow::before {\r\n\tbackground-color: #FFFFFF !important;\r\n}\r\n\r\n#slider-pro-3-19481 .title-in {\r\n\tcolor: #FFFFFF !important;\r\n\tfont-weight: bolder;\r\n\ttext-align: center;\r\n}\r\n\r\n#slider-pro-3-19481 .title-in-bg {\r\n\tbackground: rgba(255, 255, 255, 0.7); !important;\r\n\twhite-space: unset !important;\r\n\tmax-width: 90%;\r\n\tmin-width: 40%;\r\n\ttransform: initial !important;\r\n\t-webkit-transform: initial !important;\r\n\tfont-size: 14px !important;\r\n}\r\n\r\n#slider-pro-3-19481 .desc-in {\r\n\tcolor: #FFFFFF !important;\r\n\ttext-align: center;\r\n}\r\n#slider-pro-3-19481 .desc-in-bg {\r\n\tbackground: rgba(#00000, 0.7) !important;\r\n\twhite-space: unset !important;\r\n\twidth: 80% !important;\r\n\tmin-width: 30%;\r\n\ttransform: initial !important;\r\n\t-webkit-transform: initial !important;\r\n\tfont-size: 13px !important;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n\t#slider-pro-3-19481 .hide-small-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\t#slider-pro-3-19481 .sp-layer {\r\n\t\tfont-size: 18px;\r\n\t}\r\n\t\r\n\t#slider-pro-3-19481 .hide-medium-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n.slides-not-found {\r\n\tbackground-color: #a92929;\r\n\tborder-radius: 5px;\r\n\tcolor: #fff;\r\n\tfont-family: initial;\r\n\ttext-align: center;\r\n\tpadding:12px;\r\n}\r\n\/* Custom CSS *\/\r\n<\/style>\r\n<div id=\"uris-slider-title\">\r\n\t<h3 class=\"uris-slider-post-title\">ur image slide<\/h3>\r\n<\/div>\r\n\t\t<div id=\"slider-pro-3-19481\" class=\"slider-pro\">\r\n\t\t\t<!---- slides div start ---->\r\n\t\t\t<div class=\"sp-slides\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"IMG_6681\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/IMG_6681-scaled.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"carne (2)\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/carne-2.png\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"482343743_1071183681715831_1614138303484448010_n\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/482343743_1071183681715831_1614138303484448010_n.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"485081907_1076144471219752_9026310511335965854_n\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/485081907_1076144471219752_9026310511335965854_n.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"IMG_6665\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/IMG_6665-scaled.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"Comonfort\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/IMG_6630-scaled.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<!---- slides div end ---->\r\n\t\t\t\t\t\t<!-- slides thumbnails div start -->\r\n\t\t\t<div class=\"sp-thumbnails\">\r\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/IMG_6681-300x200.jpg\" alt=\"IMG_6681\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/carne-2-300x300.png\" alt=\"carne (2)\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/482343743_1071183681715831_1614138303484448010_n-300x200.jpg\" alt=\"482343743_1071183681715831_1614138303484448010_n\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/485081907_1076144471219752_9026310511335965854_n-300x169.jpg\" alt=\"485081907_1076144471219752_9026310511335965854_n\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/IMG_6665-300x200.jpg\" alt=\"IMG_6665\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/IMG_6630-300x200.jpg\" alt=\"Comonfort\"\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!-- slides thumbnails div end -->\r\n\t\t<\/div>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-870aecd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"870aecd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c23671\" data-id=\"4c23671\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c30db04 elementor-widget elementor-widget-shortcode\" data-id=\"c30db04\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><html lang=\"en\">\r\n<head>\r\n    <meta charset=\"utf-8\"\/>\r\n    <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n    <title>Profile Cards<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n    <style>\r\n        .diamond {\r\n            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\r\n        }\r\n        .card-3d {\r\n            transform: perspective(1000px) rotateY(10deg) rotateX(5deg);\r\n            transition: transform 0.5s;\r\n        }\r\n        .card-3d:hover {\r\n            transform: perspective(1000px) rotateY(0deg) rotateX(0deg);\r\n        }\r\n        .card-center {\r\n            transform: perspective(1000px) rotateY(0deg) rotateX(0deg);\r\n        }\r\n        .slider {\r\n            display: flex;\r\n            transition: transform 0.5s ease;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gradient-to-r from-blue-100 to-blue-200\">\r\n    <div class=\"flex justify-center items-center h-screen\">\r\n        <div class=\"relative flex items-center overflow-hidden\">\r\n            <button id=\"prev\" class=\"absolute left-0 z-10 p-2 bg-white rounded-full shadow-md\">\r\n                <i class=\"fas fa-chevron-left\"><\/i>\r\n            <\/button>\r\n            <div class=\"slider\">\r\n                <div class=\"bg-white rounded-lg shadow-lg p-4 w-64 card-3d\">\r\n                    <div class=\"diamond overflow-hidden\">\r\n                        <img decoding=\"async\" alt=\"Portrait of Mar\u00eda de los \u00c1ngeles Ducoing Valdepe\u00f1a\" class=\"w-full\" src=\"https:\/\/placehold.co\/300x400\"\/>\r\n                    <\/div>\r\n                    <div class=\"p-4\">\r\n                        <span class=\"bg-gray-200 text-gray-700 text-xs font-semibold px-2 py-1 rounded-full\">Oficina de la Gobernadora<\/span>\r\n                        <h2 class=\"mt-2 text-lg font-bold\">Mar\u00eda de los \u00c1ngeles Ducoing Valdepe\u00f1a<\/h2>\r\n                        <p class=\"text-blue-600\">Unidad de Transparencia del Poder Ejecutivo del Estado de Guanajuato<\/p>\r\n                        <button class=\"mt-4 bg-blue-500 text-white px-4 py-2 rounded\">Conoce m\u00e1s<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"bg-white rounded-lg shadow-lg p-4 w-64 card-3d\">\r\n                    <div class=\"diamond overflow-hidden\">\r\n                        <img decoding=\"async\" alt=\"Portrait of Miguel \u00c1ngel Mendiola S\u00e1nchez\" class=\"w-full\" src=\"https:\/\/placehold.co\/300x400\"\/>\r\n                    <\/div>\r\n                    <div class=\"p-4\">\r\n                        <span class=\"bg-gray-200 text-gray-700 text-xs font-semibold px-2 py-1 rounded-full\">Oficina de la Gobernadora<\/span>\r\n                        <h2 class=\"mt-2 text-lg font-bold\">Miguel \u00c1ngel Mendiola S\u00e1nchez<\/h2>\r\n                        <p class=\"text-blue-600\">Coordinaci\u00f3n General de Comunicaci\u00f3n Social<\/p>\r\n                        <button class=\"mt-4 bg-blue-500 text-white px-4 py-2 rounded\">Conoce m\u00e1s<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"bg-white rounded-lg shadow-lg p-4 w-64 card-center\">\r\n                    <div class=\"diamond overflow-hidden\">\r\n                        <img decoding=\"async\" alt=\"Portrait of Alejandro Sierra Lugo\" class=\"w-full\" src=\"https:\/\/placehold.co\/300x400\"\/>\r\n                    <\/div>\r\n                    <div class=\"p-4\">\r\n                        <span class=\"bg-gray-200 text-gray-700 text-xs font-semibold px-2 py-1 rounded-full\">Oficina de la Gobernadora<\/span>\r\n                        <h2 class=\"mt-2 text-lg font-bold\">Alejandro Sierra Lugo<\/h2>\r\n                        <p class=\"text-blue-600\">Consejer\u00eda Jur\u00eddica del Ejecutivo<\/p>\r\n                        <button class=\"mt-4 bg-blue-500 text-white px-4 py-2 rounded\">Conoce m\u00e1s<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"bg-white rounded-lg shadow-lg p-4 w-64 card-3d\">\r\n                    <div class=\"diamond overflow-hidden\">\r\n                        <img decoding=\"async\" alt=\"Portrait of Graciela de la Torre\" class=\"w-full\" src=\"https:\/\/placehold.co\/300x400\"\/>\r\n                    <\/div>\r\n                    <div class=\"p-4\">\r\n                        <span class=\"bg-gray-200 text-gray-700 text-xs font-semibold px-2 py-1 rounded-full\">Oficina de la Gobernadora<\/span>\r\n                        <h2 class=\"mt-2 text-lg font-bold\">Graciela de la Torre<\/h2>\r\n                        <p class=\"text-blue-600\">Instituto de Planeaci\u00f3n del Estado<\/p>\r\n                        <button class=\"mt-4 bg-blue-500 text-white px-4 py-2 rounded\">Conoce m\u00e1s<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"bg-white rounded-lg shadow-lg p-4 w-64 card-3d\">\r\n                    <div class=\"diamond overflow-hidden\">\r\n                        <img decoding=\"async\" alt=\"Portrait of Juan P\u00e9rez\" class=\"w-full\" src=\"https:\/\/placehold.co\/300x400\"\/>\r\n                    <\/div>\r\n                    <div class=\"p-4\">\r\n                        <span class=\"bg-gray-200 text-gray-700 text-xs font-semibold px-2 py-1 rounded-full\">Oficina de la Gobernadora<\/span>\r\n                        <h2 class=\"mt-2 text-lg font-bold\">Juan P\u00e9rez<\/h2>\r\n                        <p class=\"text-blue-600\">Secretar\u00eda de Finanzas<\/p>\r\n                        <button class=\"mt-4 bg-blue-500 text-white px-4 py-2 rounded\">Conoce m\u00e1s<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"bg-white rounded-lg shadow-lg p-4 w-64 card-3d\">\r\n                    <div class=\"diamond overflow-hidden\">\r\n                        <img decoding=\"async\" alt=\"Portrait of Ana L\u00f3pez\" class=\"w-full\" src=\"https:\/\/placehold.co\/300x400\"\/>\r\n                    <\/div>\r\n                    <div class=\"p-4\">\r\n                        <span class=\"bg-gray-200 text-gray-700 text-xs font-semibold px-2 py-1 rounded-full\">Oficina de la Gobernadora<\/span>\r\n                        <h2 class=\"mt-2 text-lg font-bold\">Ana L\u00f3pez<\/h2>\r\n                        <p class=\"text-blue-600\">Secretar\u00eda de Educaci\u00f3n<\/p>\r\n                        <button class=\"mt-4 bg-blue-500 text-white px-4 py-2 rounded\">Conoce m\u00e1s<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"bg-white rounded-lg shadow-lg p-4 w-64 card-3d\">\r\n                    <div class=\"diamond overflow-hidden\">\r\n                        <img decoding=\"async\" alt=\"Portrait of Carlos Mart\u00ednez\" class=\"w-full\" src=\"https:\/\/placehold.co\/300x400\"\/>\r\n                    <\/div>\r\n                    <div class=\"p-4\">\r\n                        <span class=\"bg-gray-200 text-gray-700 text-xs font-semibold px-2 py-1 rounded-full\">Oficina de la Gobernadora<\/span>\r\n                        <h2 class=\"mt-2 text-lg font-bold\">Carlos Mart\u00ednez<\/h2>\r\n                        <p class=\"text-blue-600\">Secretar\u00eda de Salud<\/p>\r\n                        <button class=\"mt-4 bg-blue-500 text-white px-4 py-2 rounded\">Conoce m\u00e1s<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <button id=\"next\" class=\"absolute right-0 z-10 p-2 bg-white rounded-full shadow-md\">\r\n                <i class=\"fas fa-chevron-right\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const slider = document.querySelector('.slider');\r\n        const cards = document.querySelectorAll('.slider > div');\r\n        const nextButton = document.getElementById('next');\r\n        const prevButton = document.getElementById('prev');\r\n        let currentIndex = 0;\r\n\r\n        function updateSlider() {\r\n            const cardWidth = cards[0].clientWidth;\r\n            slider.style.transform = `translateX(-${currentIndex * cardWidth}px)`;\r\n        }\r\n\r\n        nextButton.addEventListener('click', () => {\r\n            if (currentIndex < cards.length - 1) {\r\n                currentIndex++;\r\n                updateSlider();\r\n            }\r\n        });\r\n\r\n        prevButton.addEventListener('click', () => {\r\n            if (currentIndex > 0) {\r\n                currentIndex--;\r\n                updateSlider();\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>febrero marzo 2025 abril DO LU MA MI JU VI SA 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 Events for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"_eb_attr":"","footnotes":""},"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>prueba Items elementor -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"prueba Items elementor -\" \/>\n<meta property=\"og:description\" content=\"febrero marzo 2025 abril DO LU MA MI JU VI SA 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 Events for [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Gobierno-de-Comonfort-2018-2021-771384679654142\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-21T21:23:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/hisotria-300x300.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GobComonfort\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/\",\"url\":\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/\",\"name\":\"prueba Items elementor -\",\"isPartOf\":{\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/hisotria-300x300.jpg\",\"datePublished\":\"2025-03-21T15:10:54+00:00\",\"dateModified\":\"2025-03-21T21:23:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#primaryimage\",\"url\":\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/hisotria.jpg\",\"contentUrl\":\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/hisotria.jpg\",\"width\":526,\"height\":526},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.comonfort.gob.mx\/sitio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"prueba Items elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/#website\",\"url\":\"https:\/\/www.comonfort.gob.mx\/sitio\/\",\"name\":\"Presidencia Municipal de Comonfort, Gto.\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.comonfort.gob.mx\/sitio\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/#organization\",\"name\":\"Presidencia Municipal de Comonfort, Gto.\",\"url\":\"https:\/\/www.comonfort.gob.mx\/sitio\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2020\/11\/logo-comonfort-c.png\",\"contentUrl\":\"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2020\/11\/logo-comonfort-c.png\",\"width\":326,\"height\":348,\"caption\":\"Presidencia Municipal de Comonfort, Gto.\"},\"image\":{\"@id\":\"https:\/\/www.comonfort.gob.mx\/sitio\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Gobierno-de-Comonfort-2018-2021-771384679654142\/\",\"https:\/\/x.com\/GobComonfort\",\"https:\/\/www.instagram.com\/gobiernocomonfort_oficial\/\",\"https:\/\/www.linkedin.com\/in\/gobierno-de-comonfort-380b251aa\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"prueba Items elementor -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/","og_locale":"es_ES","og_type":"article","og_title":"prueba Items elementor -","og_description":"febrero marzo 2025 abril DO LU MA MI JU VI SA 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 Events for [&hellip;]","og_url":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/","article_publisher":"https:\/\/www.facebook.com\/Gobierno-de-Comonfort-2018-2021-771384679654142\/","article_modified_time":"2025-03-21T21:23:39+00:00","og_image":[{"url":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/hisotria-300x300.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@GobComonfort","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/","url":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/","name":"prueba Items elementor -","isPartOf":{"@id":"https:\/\/www.comonfort.gob.mx\/sitio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#primaryimage"},"image":{"@id":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/hisotria-300x300.jpg","datePublished":"2025-03-21T15:10:54+00:00","dateModified":"2025-03-21T21:23:39+00:00","breadcrumb":{"@id":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#primaryimage","url":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/hisotria.jpg","contentUrl":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2025\/03\/hisotria.jpg","width":526,"height":526},{"@type":"BreadcrumbList","@id":"https:\/\/www.comonfort.gob.mx\/sitio\/prueba-items-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.comonfort.gob.mx\/sitio\/"},{"@type":"ListItem","position":2,"name":"prueba Items elementor"}]},{"@type":"WebSite","@id":"https:\/\/www.comonfort.gob.mx\/sitio\/#website","url":"https:\/\/www.comonfort.gob.mx\/sitio\/","name":"Presidencia Municipal de Comonfort, Gto.","description":"","publisher":{"@id":"https:\/\/www.comonfort.gob.mx\/sitio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.comonfort.gob.mx\/sitio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.comonfort.gob.mx\/sitio\/#organization","name":"Presidencia Municipal de Comonfort, Gto.","url":"https:\/\/www.comonfort.gob.mx\/sitio\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.comonfort.gob.mx\/sitio\/#\/schema\/logo\/image\/","url":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2020\/11\/logo-comonfort-c.png","contentUrl":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-content\/uploads\/2020\/11\/logo-comonfort-c.png","width":326,"height":348,"caption":"Presidencia Municipal de Comonfort, Gto."},"image":{"@id":"https:\/\/www.comonfort.gob.mx\/sitio\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Gobierno-de-Comonfort-2018-2021-771384679654142\/","https:\/\/x.com\/GobComonfort","https:\/\/www.instagram.com\/gobiernocomonfort_oficial\/","https:\/\/www.linkedin.com\/in\/gobierno-de-comonfort-380b251aa"]}]}},"_links":{"self":[{"href":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-json\/wp\/v2\/pages\/19428"}],"collection":[{"href":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-json\/wp\/v2\/comments?post=19428"}],"version-history":[{"count":19,"href":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-json\/wp\/v2\/pages\/19428\/revisions"}],"predecessor-version":[{"id":19490,"href":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-json\/wp\/v2\/pages\/19428\/revisions\/19490"}],"wp:attachment":[{"href":"https:\/\/www.comonfort.gob.mx\/sitio\/wp-json\/wp\/v2\/media?parent=19428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}