T\u00edtulo Tecnol\u00f3gico<\/title>\r\n\r\n<style>\r\n\/* ================================\r\n T\u00cdTULO TECNOL\u00d3GICO CON DESTELLOS\r\n ================================ *\/\r\n.titulo-destellos {\r\n position: relative;\r\n background: #192854; \/* Azul institucional oscuro *\/\r\n padding: 35px 0;\r\n text-align: center;\r\n font-family: \"Segoe UI\", sans-serif;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Texto del t\u00edtulo *\/\r\n.titulo-destellos h2 {\r\n color: #FFFFFF;\r\n font-size: 28px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n position: relative;\r\n z-index: 10;\r\n text-shadow: 0 0 8px rgba(255,255,255,0.7);\r\n}\r\n\r\n\/* L\u00edneas brillantes laterales *\/\r\n.titulo-destellos::before,\r\n.titulo-destellos::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n width: 43%;\r\n height: 4px;\r\n border-radius: 10px;\r\n filter: blur(1px);\r\n opacity: 0.95;\r\n}\r\n\r\n\/* L\u00ednea izquierda *\/\r\n.titulo-destellos::before {\r\n left: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(136,192,213,0.4),\r\n #88C0D5,\r\n #4993CC,\r\n #FFFFFF,\r\n transparent\r\n );\r\n animation: destelloIzq 2.4s infinite ease-in-out;\r\n}\r\n\r\n\/* L\u00ednea derecha *\/\r\n.titulo-destellos::after {\r\n right: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n #FFFFFF,\r\n #4993CC,\r\n #88C0D5,\r\n rgba(136,192,213,0.4),\r\n transparent\r\n );\r\n animation: destelloDer 2.4s infinite ease-in-out;\r\n}\r\n\r\n\/* Animaciones *\/\r\n@keyframes destelloIzq {\r\n 0% { transform: translateX(-40px); opacity: .3; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(40px); opacity: .3; }\r\n}\r\n\r\n@keyframes destelloDer {\r\n 0% { transform: translateX(40px); opacity: .3; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(-40px); opacity: .3; }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<div class=\"titulo-destellos\">\r\n <h2>Informaci\u00f3n P\u00fablica de Oficio<\/h2>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66154c8 e-con-full e-flex e-con e-parent\" data-id=\"66154c8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80ce4e2 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"80ce4e2\" data-element_type=\"widget\" data-settings=\"{"tabs_justify_horizontal":"center","horizontal_scroll":"disable"}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"135062754\" aria-label=\"Pesta\u00f1as. Abre elementos con Intro o Espacio, ci\u00e9rralos con Escape y navega con las fechas.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1350627541\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1350627541\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tARTICULO 10, DECRETO 57-2008 \t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1350627542\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1350627542\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tARTICULO 11, DECRETO 57-2008\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1350627543\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1350627543\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tA\u00d1OS ANTERIORES\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1350627541\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1350627541\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-826d169 e-con-full e-flex e-con e-child\" data-id=\"826d169\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-5f5535b e-con-full e-flex e-con e-child\" data-id=\"5f5535b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b3f647 elementor-widget elementor-widget-html\" data-id=\"3b3f647\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n --azul-1: #192854;\r\n --azul-2: #4993CC;\r\n --azul-3: #88C0D5;\r\n\r\n --tinta: #0b1220;\r\n --borde: rgba(25,40,84,.16);\r\n\r\n --glass: rgba(255,255,255,.62);\r\n --glass-2: rgba(255,255,255,.46);\r\n\r\n --sombra: 0 18px 55px rgba(25,40,84,.12);\r\n --sombra-hover: 0 25px 65px rgba(73,147,204,.25);\r\n}\r\n\r\n\/* ====== CONTENEDOR ====== *\/\r\n.so-glass-wrap {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n font-family: \"Segoe UI\", system-ui, Roboto, Arial, sans-serif;\r\n}\r\n\r\n\/* ====== ENCABEZADO ====== *\/\r\n.so-header-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.so-glass-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 16px 20px;\r\n border-radius: 16px;\r\n background: var(--glass);\r\n border: 1px solid var(--borde);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n box-shadow: var(--sombra);\r\n flex-wrap: wrap;\r\n}\r\n\r\n.so-glass-title h3 {\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: var(--azul-1);\r\n letter-spacing: .2px;\r\n}\r\n\r\n.so-glass-title span {\r\n font-size: 13px;\r\n color: rgba(25,40,84,.78);\r\n font-weight: 600;\r\n background: rgba(73,147,204,.1);\r\n padding: 6px 12px;\r\n border-radius: 99px;\r\n}\r\n\r\n\/* ====== BUSCADOR PREMIUM ====== *\/\r\n.so-search-wrapper {\r\n position: relative;\r\n width: 100%;\r\n z-index: 10;\r\n}\r\n\r\n\/* Halo de luz animado de fondo *\/\r\n.so-search-wrapper::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -2px; left: -2px; right: -2px; bottom: -2px;\r\n background: linear-gradient(90deg, var(--azul-2), var(--azul-3), var(--azul-2));\r\n border-radius: 20px;\r\n z-index: -1;\r\n opacity: 0;\r\n filter: blur(8px);\r\n transition: opacity 0.4s ease;\r\n background-size: 200% auto;\r\n animation: gradientMove 3s linear infinite;\r\n}\r\n\r\n.so-search-wrapper:focus-within::before {\r\n opacity: 0.55;\r\n}\r\n\r\n@keyframes gradientMove {\r\n 0% { background-position: 0% center; }\r\n 100% { background-position: 200% center; }\r\n}\r\n\r\n\/* Caja del buscador *\/\r\n.so-search-box {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n background: rgba(255,255,255,0.75);\r\n border: 1px solid rgba(255,255,255,0.9);\r\n border-radius: 18px;\r\n padding: 4px 6px;\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n box-shadow: \r\n 0 8px 32px rgba(25, 40, 84, 0.08),\r\n inset 0 2px 6px rgba(255,255,255,0.6),\r\n inset 0 -1px 4px rgba(25,40,84,0.04);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.so-search-box:focus-within {\r\n background: rgba(255,255,255,0.95);\r\n border-color: rgba(73, 147, 204, 0.4);\r\n transform: translateY(-2px);\r\n box-shadow: \r\n 0 14px 45px rgba(73, 147, 204, 0.15),\r\n inset 0 2px 4px rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* Icono SVG *\/\r\n.so-search-icon {\r\n width: 20px;\r\n height: 20px;\r\n margin-left: 14px;\r\n color: var(--azul-3);\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.so-search-box:focus-within .so-search-icon {\r\n color: var(--azul-2);\r\n transform: scale(1.1);\r\n}\r\n\r\n\/* Input *\/\r\n.so-search-box input {\r\n flex: 1;\r\n border: none;\r\n background: transparent;\r\n padding: 14px 16px;\r\n font-size: 15px;\r\n color: var(--azul-1);\r\n font-weight: 600;\r\n outline: none;\r\n width: 100%;\r\n}\r\n\r\n.so-search-box input::placeholder {\r\n color: rgba(25,40,84,0.45);\r\n font-weight: 500;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.so-search-box input:focus::placeholder {\r\n opacity: 0.6;\r\n}\r\n\r\n\/* Bot\u00f3n Limpiar (X) *\/\r\n.so-search-clear {\r\n background: rgba(25,40,84,0.06);\r\n border: none;\r\n border-radius: 50%;\r\n width: 32px;\r\n height: 32px;\r\n margin-right: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--azul-1);\r\n cursor: pointer;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: scale(0.8);\r\n transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.so-search-clear svg {\r\n width: 14px;\r\n height: 14px;\r\n opacity: 0.7;\r\n}\r\n\r\n.so-search-clear.is-visible {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: scale(1);\r\n}\r\n\r\n.so-search-clear:hover {\r\n background: rgba(220, 53, 69, 0.1);\r\n color: #dc3545;\r\n}\r\n.so-search-clear:hover svg {\r\n opacity: 1;\r\n}\r\n\r\n\/* ====== GRID Y TARJETAS ====== *\/\r\n.so-num-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.so-num-card {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border-radius: 18px;\r\n padding: 16px;\r\n background: linear-gradient(135deg, var(--glass) 0%, var(--glass-2) 100%);\r\n border: 1px solid var(--borde);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 10px 30px rgba(25,40,84,.08), inset 0 1px 0 rgba(255,255,255,.65);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: so-fade-up 0.6s ease forwards;\r\n}\r\n\r\n@keyframes so-fade-up {\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.so-num-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -80px; right: -80px;\r\n width: 180px; height: 180px;\r\n background: radial-gradient(circle at 35% 35%, rgba(73,147,204,.25), transparent 62%);\r\n opacity: .85;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.so-num-card:hover {\r\n transform: translateY(-5px) scale(1.01);\r\n border-color: rgba(73,147,204,.40);\r\n box-shadow: var(--sombra-hover), inset 0 1px 0 rgba(255,255,255,.9);\r\n background: linear-gradient(135deg, rgba(255,255,255,.8) 0%, var(--glass-2) 100%);\r\n}\r\n\r\n.so-num-card:hover::before { transform: scale(1.2); opacity: 1; }\r\n\r\n.so-num-top {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.so-num-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 12px;\r\n border-radius: 99px;\r\n background: rgba(25,40,84,.08);\r\n border: 1px solid rgba(25,40,84,.12);\r\n color: var(--azul-1);\r\n font-weight: 800;\r\n font-size: 11.5px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.so-num-arrow {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n background: rgba(73,147,204,.10);\r\n border: 1px solid rgba(73,147,204,.2);\r\n color: var(--azul-2);\r\n font-size: 18px;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.so-num-card:hover .so-num-arrow { \r\n transform: translateX(4px); \r\n background: var(--azul-2);\r\n color: white;\r\n box-shadow: 0 4px 10px rgba(73,147,204,.4);\r\n}\r\n\r\n.so-num-text {\r\n margin-top: 14px;\r\n position: relative;\r\n z-index: 1;\r\n color: var(--tinta);\r\n font-weight: 700;\r\n font-size: 14.5px;\r\n line-height: 1.3;\r\n min-height: 38px;\r\n}\r\n\r\n.so-num-hint {\r\n margin-top: 14px;\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n font-size: 12px;\r\n color: rgba(25,40,84,.7);\r\n font-weight: 600;\r\n padding-top: 12px;\r\n border-top: 1px dashed rgba(25,40,84,.2);\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.so-num-card:hover .so-num-hint { color: var(--azul-1); }\r\n\r\n.so-pill { display: inline-flex; align-items: center; gap: 8px; }\r\n\r\n.so-dot {\r\n width: 8px; height: 8px; \r\n border-radius: 50%;\r\n background: var(--azul-2);\r\n box-shadow: 0 0 0 0 rgba(73,147,204,.4);\r\n animation: pulse-dot 2s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(73,147,204,.7); }\r\n 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(73,147,204,.0); }\r\n 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(73,147,204,.0); }\r\n}\r\n\r\n.so-num-card:focus-visible {\r\n outline: none;\r\n border-color: var(--azul-2);\r\n box-shadow: 0 0 0 4px rgba(136,192,213,.35), var(--sombra-hover);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* ====== ESTADO DE B\u00daSQUEDA VAC\u00cdA ====== *\/\r\n.so-no-results {\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding: 50px 20px;\r\n color: var(--azul-1);\r\n background: var(--glass);\r\n border-radius: 18px;\r\n border: 1px dashed var(--borde);\r\n display: none;\r\n backdrop-filter: blur(10px);\r\n}\r\n.so-no-results svg {\r\n width: 40px; height: 40px;\r\n color: var(--azul-3);\r\n margin-bottom: 12px;\r\n}\r\n.so-no-results h4 {\r\n margin: 0 0 6px 0;\r\n font-size: 16px;\r\n font-weight: 700;\r\n}\r\n.so-no-results p {\r\n margin: 0;\r\n font-size: 14px;\r\n color: rgba(25,40,84,.7);\r\n}\r\n\r\n\/* ====== RESPONSIVE ====== *\/\r\n@media (max-width: 980px){\r\n .so-num-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n@media (max-width: 620px){\r\n .so-num-grid { grid-template-columns: 1fr; }\r\n .so-glass-title { flex-direction: column; align-items: flex-start; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"so-glass-wrap\">\r\n\r\n <div class=\"so-header-container\">\r\n <div class=\"so-glass-title\">\r\n <h3>Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 10<\/h3>\r\n <span>Seleccione el numeral para consultar<\/span>\r\n <\/div>\r\n\r\n <div class=\"so-search-wrapper\">\r\n <div class=\"so-search-box\">\r\n <svg class=\"so-search-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\r\n <\/svg>\r\n \r\n <input type=\"text\" id=\"soSearchInput\" placeholder=\"Buscar por numeral o descripci\u00f3n (Ej: vi\u00e1ticos, presupuesto...)\" autocomplete=\"off\" spellcheck=\"false\">\r\n \r\n <button class=\"so-search-clear\" id=\"soSearchClear\" aria-label=\"Limpiar b\u00fasqueda\" type=\"button\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-grid\" id=\"soCardGrid\">\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral02-2\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 01<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Estructura org\u00e1nica y funciones<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral02\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 02<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Direcci\u00f3n y tel\u00e9fono de la entidad<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral03\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 03<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Directorio de empleados<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral04\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 04<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Detalle de puestos y salarios<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral05\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 05<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Misi\u00f3n, objetivos, POA y memoria de labores<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral06\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 06<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Manuales y procedimientos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral07\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 07<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Presupuesto de ingresos y egresos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral08\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 08<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Informes mensuales de ejecuci\u00f3n presupuestaria<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-9\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 09<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Dep\u00f3sitos con fondos p\u00fablicos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-10\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 10<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Procesos de cotizaci\u00f3n y licitaci\u00f3n<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral11\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 11<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Contrataciones de bienes y servicios<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-12\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 12<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Vi\u00e1ticos nacionales e internacionales<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-13\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 13<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Inventario de bienes muebles e inmuebles<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-14\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 14<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Contratos de mantenimiento (equipo y veh\u00edculos)<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-15\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 15<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Subsidios, becas y transferencias<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-16\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 16<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Contratos, licencias o concesiones<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-17\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 17<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Empresas precalificadas (obras p\u00fablicas)<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-18\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 18<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Listado de obras en ejecuci\u00f3n o ejecutadas<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-19\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 19<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Arrendamiento (inmuebles\/equipo\/maquinaria)<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-20\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 20<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Contrataciones por cotizaci\u00f3n y licitaci\u00f3n<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-21\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 21<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Fideicomisos: destino total de recursos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-22\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 22<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Listado de compras directas<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-23\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 23<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Informes finales de auditor\u00edas<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-24\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 24<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Entidades internacionales (p\u00fablicas\/privadas)<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-25\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 25<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">ONG\/privadas que administren fondos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-26\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 26<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Informe de archivo<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-27\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 27<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">\u00cdndice de informaci\u00f3n clasificada<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-28\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 28<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Pertenencia socioling\u00fc\u00edstica<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-29\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 29<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Otra informaci\u00f3n de utilidad o relevancia<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n\r\n <div class=\"so-no-results\" id=\"soNoResults\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <h4>No encontramos ese numeral<\/h4>\r\n <p>Intenta con otra palabra o n\u00famero.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n const cards = document.querySelectorAll('.so-num-card');\r\n const searchInput = document.getElementById('soSearchInput');\r\n const searchClear = document.getElementById('soSearchClear');\r\n const noResultsMsg = document.getElementById('soNoResults');\r\n \r\n \/\/ 1. Efecto en cascada\r\n cards.forEach((card, index) => {\r\n card.style.animationDelay = `${index * 0.04}s`;\r\n \r\n card.addEventListener('click', () => {\r\n const url = card.getAttribute('data-url') || '#';\r\n if (!url || url === '#') return;\r\n window.location.href = url;\r\n });\r\n\r\n card.setAttribute('tabindex', '0');\r\n card.setAttribute('role', 'link');\r\n card.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n card.click();\r\n }\r\n });\r\n });\r\n\r\n \/\/ 2. L\u00f3gica del buscador\r\n if(searchInput && searchClear) {\r\n \/\/ Escuchar cuando se escribe\r\n searchInput.addEventListener('input', (e) => {\r\n const searchTerm = e.target.value.toLowerCase().trim();\r\n let visibleCount = 0;\r\n\r\n \/\/ Mostrar\/Ocultar bot\u00f3n de limpiar (X)\r\n if (searchTerm.length > 0) {\r\n searchClear.classList.add('is-visible');\r\n } else {\r\n searchClear.classList.remove('is-visible');\r\n }\r\n\r\n \/\/ Filtrar tarjetas\r\n cards.forEach(card => {\r\n const textContent = card.textContent.toLowerCase();\r\n if (textContent.includes(searchTerm)) {\r\n card.style.display = '';\r\n card.style.animation = 'none'; \r\n card.style.opacity = '1'; \r\n visibleCount++;\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n\r\n noResultsMsg.style.display = visibleCount === 0 ? 'block' : 'none';\r\n });\r\n\r\n \/\/ Acci\u00f3n del bot\u00f3n Limpiar (X)\r\n searchClear.addEventListener('click', () => {\r\n searchInput.value = '';\r\n searchInput.focus(); \/\/ Devuelve el cursor al input\r\n \r\n \/\/ Forzar el evento 'input' para que se restablezcan las tarjetas\r\n searchInput.dispatchEvent(new Event('input'));\r\n });\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1350627542\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1350627542\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-82a6bf0 e-con-full e-flex e-con e-child\" data-id=\"82a6bf0\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a9a38e8 e-con-full e-flex e-con e-child\" data-id=\"a9a38e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4788e8e elementor-widget elementor-widget-html\" data-id=\"4788e8e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n --azul-1: #192854;\r\n --azul-2: #4993CC;\r\n --azul-3: #88C0D5;\r\n\r\n --tinta: #0b1220;\r\n --borde: rgba(25,40,84,.16);\r\n\r\n --glass: rgba(255,255,255,.62);\r\n --glass-2: rgba(255,255,255,.46);\r\n\r\n --sombra: 0 18px 55px rgba(25,40,84,.12);\r\n --sombra-hover: 0 25px 65px rgba(73,147,204,.25);\r\n}\r\n\r\n\/* ====== CONTENEDOR ====== *\/\r\n.so-glass-wrap {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n font-family: \"Segoe UI\", system-ui, Roboto, Arial, sans-serif;\r\n}\r\n\r\n\/* ====== ENCABEZADO ====== *\/\r\n.so-header-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.so-glass-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 16px 20px;\r\n border-radius: 16px;\r\n background: var(--glass);\r\n border: 1px solid var(--borde);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n box-shadow: var(--sombra);\r\n flex-wrap: wrap;\r\n}\r\n\r\n.so-glass-title h3 {\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: var(--azul-1);\r\n letter-spacing: .2px;\r\n}\r\n\r\n.so-glass-title span {\r\n font-size: 13px;\r\n color: rgba(25,40,84,.78);\r\n font-weight: 600;\r\n background: rgba(73,147,204,.1);\r\n padding: 6px 12px;\r\n border-radius: 99px;\r\n}\r\n\r\n\/* ====== BUSCADOR PREMIUM ====== *\/\r\n.so-search-wrapper {\r\n position: relative;\r\n width: 100%;\r\n z-index: 10;\r\n}\r\n\r\n\/* Halo de luz animado de fondo *\/\r\n.so-search-wrapper::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -2px; left: -2px; right: -2px; bottom: -2px;\r\n background: linear-gradient(90deg, var(--azul-2), var(--azul-3), var(--azul-2));\r\n border-radius: 20px;\r\n z-index: -1;\r\n opacity: 0;\r\n filter: blur(8px);\r\n transition: opacity 0.4s ease;\r\n background-size: 200% auto;\r\n animation: gradientMove 3s linear infinite;\r\n}\r\n\r\n.so-search-wrapper:focus-within::before {\r\n opacity: 0.55;\r\n}\r\n\r\n@keyframes gradientMove {\r\n 0% { background-position: 0% center; }\r\n 100% { background-position: 200% center; }\r\n}\r\n\r\n\/* Caja del buscador *\/\r\n.so-search-box {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n background: rgba(255,255,255,0.75);\r\n border: 1px solid rgba(255,255,255,0.9);\r\n border-radius: 18px;\r\n padding: 4px 6px;\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n box-shadow: \r\n 0 8px 32px rgba(25, 40, 84, 0.08),\r\n inset 0 2px 6px rgba(255,255,255,0.6),\r\n inset 0 -1px 4px rgba(25,40,84,0.04);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.so-search-box:focus-within {\r\n background: rgba(255,255,255,0.95);\r\n border-color: rgba(73, 147, 204, 0.4);\r\n transform: translateY(-2px);\r\n box-shadow: \r\n 0 14px 45px rgba(73, 147, 204, 0.15),\r\n inset 0 2px 4px rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* Icono SVG *\/\r\n.so-search-icon {\r\n width: 20px;\r\n height: 20px;\r\n margin-left: 14px;\r\n color: var(--azul-3);\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.so-search-box:focus-within .so-search-icon {\r\n color: var(--azul-2);\r\n transform: scale(1.1);\r\n}\r\n\r\n\/* Input *\/\r\n.so-search-box input {\r\n flex: 1;\r\n border: none;\r\n background: transparent;\r\n padding: 14px 16px;\r\n font-size: 15px;\r\n color: var(--azul-1);\r\n font-weight: 600;\r\n outline: none;\r\n width: 100%;\r\n}\r\n\r\n.so-search-box input::placeholder {\r\n color: rgba(25,40,84,0.45);\r\n font-weight: 500;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.so-search-box input:focus::placeholder {\r\n opacity: 0.6;\r\n}\r\n\r\n\/* Bot\u00f3n Limpiar (X) *\/\r\n.so-search-clear {\r\n background: rgba(25,40,84,0.06);\r\n border: none;\r\n border-radius: 50%;\r\n width: 32px;\r\n height: 32px;\r\n margin-right: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--azul-1);\r\n cursor: pointer;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: scale(0.8);\r\n transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.so-search-clear svg {\r\n width: 14px;\r\n height: 14px;\r\n opacity: 0.7;\r\n}\r\n\r\n.so-search-clear.is-visible {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: scale(1);\r\n}\r\n\r\n.so-search-clear:hover {\r\n background: rgba(220, 53, 69, 0.1);\r\n color: #dc3545;\r\n}\r\n.so-search-clear:hover svg {\r\n opacity: 1;\r\n}\r\n\r\n\/* ====== GRID Y TARJETAS ====== *\/\r\n.so-num-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.so-num-card {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border-radius: 18px;\r\n padding: 16px;\r\n background: linear-gradient(135deg, var(--glass) 0%, var(--glass-2) 100%);\r\n border: 1px solid var(--borde);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 10px 30px rgba(25,40,84,.08), inset 0 1px 0 rgba(255,255,255,.65);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: so-fade-up 0.6s ease forwards;\r\n}\r\n\r\n@keyframes so-fade-up {\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.so-num-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -80px; right: -80px;\r\n width: 180px; height: 180px;\r\n background: radial-gradient(circle at 35% 35%, rgba(73,147,204,.25), transparent 62%);\r\n opacity: .85;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.so-num-card:hover {\r\n transform: translateY(-5px) scale(1.01);\r\n border-color: rgba(73,147,204,.40);\r\n box-shadow: var(--sombra-hover), inset 0 1px 0 rgba(255,255,255,.9);\r\n background: linear-gradient(135deg, rgba(255,255,255,.8) 0%, var(--glass-2) 100%);\r\n}\r\n\r\n.so-num-card:hover::before { transform: scale(1.2); opacity: 1; }\r\n\r\n.so-num-top {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.so-num-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 12px;\r\n border-radius: 99px;\r\n background: rgba(25,40,84,.08);\r\n border: 1px solid rgba(25,40,84,.12);\r\n color: var(--azul-1);\r\n font-weight: 800;\r\n font-size: 11.5px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.so-num-arrow {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n background: rgba(73,147,204,.10);\r\n border: 1px solid rgba(73,147,204,.2);\r\n color: var(--azul-2);\r\n font-size: 18px;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.so-num-card:hover .so-num-arrow { \r\n transform: translateX(4px); \r\n background: var(--azul-2);\r\n color: white;\r\n box-shadow: 0 4px 10px rgba(73,147,204,.4);\r\n}\r\n\r\n.so-num-text {\r\n margin-top: 14px;\r\n position: relative;\r\n z-index: 1;\r\n color: var(--tinta);\r\n font-weight: 700;\r\n font-size: 14.5px;\r\n line-height: 1.3;\r\n min-height: 38px;\r\n}\r\n\r\n.so-num-hint {\r\n margin-top: 14px;\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n font-size: 12px;\r\n color: rgba(25,40,84,.7);\r\n font-weight: 600;\r\n padding-top: 12px;\r\n border-top: 1px dashed rgba(25,40,84,.2);\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.so-num-card:hover .so-num-hint { color: var(--azul-1); }\r\n\r\n.so-pill { display: inline-flex; align-items: center; gap: 8px; }\r\n\r\n.so-dot {\r\n width: 8px; height: 8px; \r\n border-radius: 50%;\r\n background: var(--azul-2);\r\n box-shadow: 0 0 0 0 rgba(73,147,204,.4);\r\n animation: pulse-dot 2s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(73,147,204,.7); }\r\n 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(73,147,204,.0); }\r\n 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(73,147,204,.0); }\r\n}\r\n\r\n.so-num-card:focus-visible {\r\n outline: none;\r\n border-color: var(--azul-2);\r\n box-shadow: 0 0 0 4px rgba(136,192,213,.35), var(--sombra-hover);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* ====== ESTADO DE B\u00daSQUEDA VAC\u00cdA ====== *\/\r\n.so-no-results {\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding: 50px 20px;\r\n color: var(--azul-1);\r\n background: var(--glass);\r\n border-radius: 18px;\r\n border: 1px dashed var(--borde);\r\n display: none;\r\n backdrop-filter: blur(10px);\r\n}\r\n.so-no-results svg {\r\n width: 40px; height: 40px;\r\n color: var(--azul-3);\r\n margin-bottom: 12px;\r\n}\r\n.so-no-results h4 {\r\n margin: 0 0 6px 0;\r\n font-size: 16px;\r\n font-weight: 700;\r\n}\r\n.so-no-results p {\r\n margin: 0;\r\n font-size: 14px;\r\n color: rgba(25,40,84,.7);\r\n}\r\n\r\n\/* ====== RESPONSIVE ====== *\/\r\n@media (max-width: 980px){\r\n .so-num-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n@media (max-width: 620px){\r\n .so-num-grid { grid-template-columns: 1fr; }\r\n .so-glass-title { flex-direction: column; align-items: flex-start; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"so-glass-wrap\">\r\n\r\n <div class=\"so-header-container\">\r\n <div class=\"so-glass-title\">\r\n <h3>Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 11<\/h3>\r\n <span>Seleccione el numeral para consultar<\/span>\r\n <\/div>\r\n\r\n <div class=\"so-search-wrapper\">\r\n <div class=\"so-search-box\">\r\n <svg class=\"so-search-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\r\n <\/svg>\r\n \r\n <input type=\"text\" id=\"soSearchInput11\" placeholder=\"Buscar por numeral o descripci\u00f3n (Ej: asesores, vi\u00e1ticos...)\" autocomplete=\"off\" spellcheck=\"false\">\r\n \r\n <button class=\"so-search-clear\" id=\"soSearchClear11\" aria-label=\"Limpiar b\u00fasqueda\" type=\"button\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-grid\" id=\"soCardGrid11\">\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/articulo-11-numeral-01\/\">\r\n <div class=\"so-num-top\">\r\n <div class=\"so-num-badge\">Numeral 01<\/div>\r\n <div class=\"so-num-arrow\">\u2192<\/div>\r\n <\/div>\r\n <div class=\"so-num-text\">Presupuesto Asignado<\/div>\r\n <div class=\"so-num-hint\">\r\n <span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span>\r\n <span>Ver detalle<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/articulo-11-numeral-02\/\">\r\n <div class=\"so-num-top\">\r\n <div class=\"so-num-badge\">Numeral 02<\/div>\r\n <div class=\"so-num-arrow\">\u2192<\/div>\r\n <\/div>\r\n <div class=\"so-num-text\">Listado de Asesores<\/div>\r\n <div class=\"so-num-hint\">\r\n <span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span>\r\n <span>Ver detalle<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/articulo-11-numeral-03\/\">\r\n <div class=\"so-num-top\">\r\n <div class=\"so-num-badge\">Numeral 03<\/div>\r\n <div class=\"so-num-arrow\">\u2192<\/div>\r\n <\/div>\r\n <div class=\"so-num-text\">Informe Gastos y viaticos Al Exterior<\/div>\r\n <div class=\"so-num-hint\">\r\n <span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span>\r\n <span>Ver detalle<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-no-results\" id=\"soNoResults11\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <h4>No encontramos ese numeral<\/h4>\r\n <p>Intenta con otra palabra o n\u00famero.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n \/\/ Aseguramos que solo afecte a las tarjetas de este grid espec\u00edfico\r\n const cards = document.querySelectorAll('#soCardGrid11 .so-num-card');\r\n const searchInput = document.getElementById('soSearchInput11');\r\n const searchClear = document.getElementById('soSearchClear11');\r\n const noResultsMsg = document.getElementById('soNoResults11');\r\n \r\n \/\/ 1. Efecto en cascada\r\n cards.forEach((card, index) => {\r\n card.style.animationDelay = `${index * 0.04}s`;\r\n \r\n card.addEventListener('click', () => {\r\n const url = card.getAttribute('data-url') || '#';\r\n if (!url || url === '#') return;\r\n window.location.href = url;\r\n });\r\n\r\n card.setAttribute('tabindex', '0');\r\n card.setAttribute('role', 'link');\r\n card.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n card.click();\r\n }\r\n });\r\n });\r\n\r\n \/\/ 2. L\u00f3gica del buscador\r\n if(searchInput && searchClear) {\r\n searchInput.addEventListener('input', (e) => {\r\n const searchTerm = e.target.value.toLowerCase().trim();\r\n let visibleCount = 0;\r\n\r\n if (searchTerm.length > 0) {\r\n searchClear.classList.add('is-visible');\r\n } else {\r\n searchClear.classList.remove('is-visible');\r\n }\r\n\r\n cards.forEach(card => {\r\n const textContent = card.textContent.toLowerCase();\r\n if (textContent.includes(searchTerm)) {\r\n card.style.display = '';\r\n card.style.animation = 'none'; \r\n card.style.opacity = '1'; \r\n visibleCount++;\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n\r\n noResultsMsg.style.display = visibleCount === 0 ? 'block' : 'none';\r\n });\r\n\r\n searchClear.addEventListener('click', () => {\r\n searchInput.value = '';\r\n searchInput.focus();\r\n searchInput.dispatchEvent(new Event('input'));\r\n });\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1350627543\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1350627543\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-5bc22b6 e-con-full e-flex e-con e-child\" data-id=\"5bc22b6\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-48c72f0 e-con-full e-flex e-con e-child\" data-id=\"48c72f0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c77d41d elementor-widget elementor-widget-html\" data-id=\"c77d41d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n \/* =========================================\r\n CONTENEDOR DEL ARCHIVO HIST\u00d3RICO\r\n ========================================= *\/\r\n .wg-archive-wrapper {\r\n width: 100%;\r\n max-width: 100%; \/* Adaptado a tu WordPress *\/\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* =========================================\r\n PANELES DE CADA A\u00d1O\r\n ========================================= *\/\r\n .wg-year-panel {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 14px;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n overflow: hidden;\r\n }\r\n\r\n .wg-year-panel:hover {\r\n border-color: #00c2d1;\r\n box-shadow: 0 8px 20px rgba(0, 194, 209, 0.08);\r\n transform: translateX(4px);\r\n }\r\n\r\n .wg-year-panel[open] {\r\n border-color: #3b82f6;\r\n box-shadow: 0 10px 25px rgba(59, 130, 246, 0.1);\r\n transform: none;\r\n }\r\n\r\n \/* =========================================\r\n CABECERA DEL A\u00d1O (Franja clickeable)\r\n ========================================= *\/\r\n .wg-year-summary {\r\n padding: 22px 25px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-weight: 800;\r\n font-size: 1.15rem;\r\n color: #1e293b;\r\n list-style: none;\r\n transition: background-color 0.3s;\r\n }\r\n\r\n .wg-year-summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n .wg-year-summary:hover {\r\n background-color: #f8fafc;\r\n }\r\n\r\n .wg-year-panel[open] .wg-year-summary {\r\n border-bottom: 1px solid #e2e8f0;\r\n background-color: #f1f5f9;\r\n }\r\n\r\n .wg-year-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .wg-folder-icon {\r\n color: #94a3b8;\r\n transition: color 0.3s;\r\n }\r\n\r\n .wg-year-panel:hover .wg-folder-icon {\r\n color: #00c2d1;\r\n }\r\n\r\n .wg-year-panel[open] .wg-folder-icon {\r\n color: #3b82f6;\r\n }\r\n\r\n \/* Etiqueta \"Reciente\" *\/\r\n .wg-badge-new {\r\n background: #dcfce7;\r\n color: #166534;\r\n font-size: 0.75rem;\r\n padding: 4px 10px;\r\n border-radius: 20px;\r\n font-weight: 800;\r\n letter-spacing: 0.5px;\r\n margin-left: 10px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* El \u00edcono de \"+\" que se convierte en \"-\" *\/\r\n .wg-toggle-icon {\r\n position: relative;\r\n width: 24px;\r\n height: 24px;\r\n color: #64748b;\r\n }\r\n\r\n .wg-toggle-icon::before,\r\n .wg-toggle-icon::after {\r\n content: '';\r\n position: absolute;\r\n background-color: currentColor;\r\n transition: transform 0.3s ease, background-color 0.3s ease;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* L\u00ednea horizontal del + *\/\r\n .wg-toggle-icon::before {\r\n top: 11px; left: 4px; right: 4px; height: 2px;\r\n }\r\n\r\n \/* L\u00ednea vertical del + *\/\r\n .wg-toggle-icon::after {\r\n top: 4px; bottom: 4px; left: 11px; width: 2px;\r\n }\r\n\r\n \/* Al abrir, la l\u00ednea vertical gira 90 grados para formar un \"-\" *\/\r\n .wg-year-panel[open] .wg-toggle-icon::after {\r\n transform: rotate(90deg);\r\n }\r\n \r\n .wg-year-panel[open] .wg-toggle-icon {\r\n color: #ef4444; \/* Se pone rojo al abrir para indicar \"cerrar\" *\/\r\n }\r\n\r\n \/* =========================================\r\n CONTENIDO INTERNO (Tarjeta de Descarga)\r\n ========================================= *\/\r\n .wg-year-content {\r\n padding: 25px;\r\n background: #fafafa;\r\n }\r\n\r\n .wg-download-card {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n padding: 20px 25px;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .wg-download-card:hover {\r\n border-color: #bfdbfe;\r\n box-shadow: 0 8px 25px rgba(59, 130, 246, 0.12);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .wg-dl-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n }\r\n\r\n .wg-dl-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: #eff6ff;\r\n color: #3b82f6;\r\n border-radius: 10px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .wg-dl-text h4 {\r\n margin: 0 0 4px 0;\r\n font-size: 1.05rem;\r\n color: #0f172a;\r\n font-weight: 800;\r\n }\r\n\r\n .wg-dl-text p {\r\n margin: 0;\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n }\r\n\r\n .wg-dl-btn {\r\n background: linear-gradient(135deg, #00c2d1 0%, #008994 100%);\r\n color: #ffffff;\r\n padding: 12px 24px;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 10px rgba(0, 194, 209, 0.2);\r\n white-space: nowrap;\r\n }\r\n\r\n .wg-download-card:hover .wg-dl-btn {\r\n box-shadow: 0 6px 15px rgba(0, 194, 209, 0.4);\r\n transform: scale(1.03);\r\n }\r\n\r\n @media (max-width: 650px) {\r\n .wg-download-card {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 20px;\r\n }\r\n .wg-dl-info {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n .wg-dl-btn {\r\n width: 100%;\r\n justify-content: center;\r\n box-sizing: border-box;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wg-archive-wrapper\">\r\n\r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\" open>\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2025\r\n <span class=\"wg-badge-new\">Reciente<\/span>\r\n <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2026\/03\/Informacion-publica-de-Oficio-2025.7z\" target=\"_blank\" class=\"wg-download-card\">\r\n <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2025<\/h4>\r\n <p>Haz clic para visualizar o descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2024\r\n <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2026\/03\/Informacion-publica-de-Oficio-2024.7z\" target=\"_blank\" class=\"wg-download-card\">\r\n <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2024<\/h4>\r\n <p>Haz clic para visualizar o descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2023\r\n <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-Publica-de-oficio-2023.7z\" target=\"_blank\" class=\"wg-download-card\">\r\n <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2023<\/h4>\r\n <p>Haz clic para visualizar o descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2022\r\n <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2022.7z\" target=\"_blank\" class=\"wg-download-card\">\r\n <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2022<\/h4>\r\n <p>Haz clic para visualizar o descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2021 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2021.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2021<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2020 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2020.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2020<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2019 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2019.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2019<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2018 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"TU_ENLACE_AQU\u00cd\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2018<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2017 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2017.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2017<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2016 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2016.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2016<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>T\u00edtulo Tecnol\u00f3gico Informaci\u00f3n P\u00fablica de Oficio ARTICULO 10, DECRETO 57-2008 ARTICULO 11, DECRETO 57-2008 A\u00d1OS ANTERIORES Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 10 Seleccione el numeral para consultar Numeral 01\u2192 Estructura org\u00e1nica y funciones ConsultarVer detalle Numeral 02\u2192 Direcci\u00f3n y tel\u00e9fono de la entidad ConsultarVer detalle Numeral 03\u2192 Directorio de empleados ConsultarVer detalle Numeral […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3295","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Informaci\u00f3n Publica de Oficio - SOSEP<\/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:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Informaci\u00f3n Publica de Oficio - SOSEP\" \/>\n<meta property=\"og:description\" content=\"T\u00edtulo Tecnol\u00f3gico Informaci\u00f3n P\u00fablica de Oficio ARTICULO 10, DECRETO 57-2008 ARTICULO 11, DECRETO 57-2008 A\u00d1OS ANTERIORES Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 10 Seleccione el numeral para consultar Numeral 01\u2192 Estructura org\u00e1nica y funciones ConsultarVer detalle Numeral 02\u2192 Direcci\u00f3n y tel\u00e9fono de la entidad ConsultarVer detalle Numeral 03\u2192 Directorio de empleados ConsultarVer detalle Numeral […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\" \/>\n<meta property=\"og:site_name\" content=\"SOSEP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-17T16:52:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\",\"url\":\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\",\"name\":\"Informaci\u00f3n Publica de Oficio - SOSEP\",\"isPartOf\":{\"@id\":\"https:\/\/sosep.gob.gt\/#website\"},\"datePublished\":\"2025-09-24T19:25:50+00:00\",\"dateModified\":\"2026-03-17T16:52:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/sosep.gob.gt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Informaci\u00f3n Publica de Oficio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sosep.gob.gt\/#website\",\"url\":\"https:\/\/sosep.gob.gt\/\",\"name\":\"SOSEP\",\"description\":\"Secretar\u00eda de Obras Sociales de la Esposa del Presidente de la Rep\u00fablica\",\"publisher\":{\"@id\":\"https:\/\/sosep.gob.gt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sosep.gob.gt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sosep.gob.gt\/#organization\",\"name\":\"SOSEP\",\"url\":\"https:\/\/sosep.gob.gt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png\",\"contentUrl\":\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png\",\"width\":1754,\"height\":867,\"caption\":\"SOSEP\"},\"image\":{\"@id\":\"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Informaci\u00f3n Publica de Oficio - SOSEP","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:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/","og_locale":"es_ES","og_type":"article","og_title":"Informaci\u00f3n Publica de Oficio - SOSEP","og_description":"T\u00edtulo Tecnol\u00f3gico Informaci\u00f3n P\u00fablica de Oficio ARTICULO 10, DECRETO 57-2008 ARTICULO 11, DECRETO 57-2008 A\u00d1OS ANTERIORES Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 10 Seleccione el numeral para consultar Numeral 01\u2192 Estructura org\u00e1nica y funciones ConsultarVer detalle Numeral 02\u2192 Direcci\u00f3n y tel\u00e9fono de la entidad ConsultarVer detalle Numeral 03\u2192 Directorio de empleados ConsultarVer detalle Numeral […]","og_url":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/","og_site_name":"SOSEP","article_modified_time":"2026-03-17T16:52:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/","url":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/","name":"Informaci\u00f3n Publica de Oficio - SOSEP","isPartOf":{"@id":"https:\/\/sosep.gob.gt\/#website"},"datePublished":"2025-09-24T19:25:50+00:00","dateModified":"2026-03-17T16:52:49+00:00","breadcrumb":{"@id":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/sosep.gob.gt\/"},{"@type":"ListItem","position":2,"name":"Informaci\u00f3n Publica de Oficio"}]},{"@type":"WebSite","@id":"https:\/\/sosep.gob.gt\/#website","url":"https:\/\/sosep.gob.gt\/","name":"SOSEP","description":"Secretar\u00eda de Obras Sociales de la Esposa del Presidente de la Rep\u00fablica","publisher":{"@id":"https:\/\/sosep.gob.gt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sosep.gob.gt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/sosep.gob.gt\/#organization","name":"SOSEP","url":"https:\/\/sosep.gob.gt\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/","url":"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png","contentUrl":"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png","width":1754,"height":867,"caption":"SOSEP"},"image":{"@id":"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/3295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/comments?post=3295"}],"version-history":[{"count":233,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/3295\/revisions"}],"predecessor-version":[{"id":7186,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/3295\/revisions\/7186"}],"wp:attachment":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/media?parent=3295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\nT\u00edtulo Tecnol\u00f3gico<\/title>\r\n\r\n<style>\r\n\/* ================================\r\n T\u00cdTULO TECNOL\u00d3GICO CON DESTELLOS\r\n ================================ *\/\r\n.titulo-destellos {\r\n position: relative;\r\n background: #192854; \/* Azul institucional oscuro *\/\r\n padding: 35px 0;\r\n text-align: center;\r\n font-family: \"Segoe UI\", sans-serif;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Texto del t\u00edtulo *\/\r\n.titulo-destellos h2 {\r\n color: #FFFFFF;\r\n font-size: 28px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n position: relative;\r\n z-index: 10;\r\n text-shadow: 0 0 8px rgba(255,255,255,0.7);\r\n}\r\n\r\n\/* L\u00edneas brillantes laterales *\/\r\n.titulo-destellos::before,\r\n.titulo-destellos::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n width: 43%;\r\n height: 4px;\r\n border-radius: 10px;\r\n filter: blur(1px);\r\n opacity: 0.95;\r\n}\r\n\r\n\/* L\u00ednea izquierda *\/\r\n.titulo-destellos::before {\r\n left: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(136,192,213,0.4),\r\n #88C0D5,\r\n #4993CC,\r\n #FFFFFF,\r\n transparent\r\n );\r\n animation: destelloIzq 2.4s infinite ease-in-out;\r\n}\r\n\r\n\/* L\u00ednea derecha *\/\r\n.titulo-destellos::after {\r\n right: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n #FFFFFF,\r\n #4993CC,\r\n #88C0D5,\r\n rgba(136,192,213,0.4),\r\n transparent\r\n );\r\n animation: destelloDer 2.4s infinite ease-in-out;\r\n}\r\n\r\n\/* Animaciones *\/\r\n@keyframes destelloIzq {\r\n 0% { transform: translateX(-40px); opacity: .3; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(40px); opacity: .3; }\r\n}\r\n\r\n@keyframes destelloDer {\r\n 0% { transform: translateX(40px); opacity: .3; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(-40px); opacity: .3; }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<div class=\"titulo-destellos\">\r\n <h2>Informaci\u00f3n P\u00fablica de Oficio<\/h2>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66154c8 e-con-full e-flex e-con e-parent\" data-id=\"66154c8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80ce4e2 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"80ce4e2\" data-element_type=\"widget\" data-settings=\"{"tabs_justify_horizontal":"center","horizontal_scroll":"disable"}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"135062754\" aria-label=\"Pesta\u00f1as. Abre elementos con Intro o Espacio, ci\u00e9rralos con Escape y navega con las fechas.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1350627541\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1350627541\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tARTICULO 10, DECRETO 57-2008 \t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1350627542\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1350627542\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tARTICULO 11, DECRETO 57-2008\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1350627543\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1350627543\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tA\u00d1OS ANTERIORES\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1350627541\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1350627541\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-826d169 e-con-full e-flex e-con e-child\" data-id=\"826d169\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-5f5535b e-con-full e-flex e-con e-child\" data-id=\"5f5535b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b3f647 elementor-widget elementor-widget-html\" data-id=\"3b3f647\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n --azul-1: #192854;\r\n --azul-2: #4993CC;\r\n --azul-3: #88C0D5;\r\n\r\n --tinta: #0b1220;\r\n --borde: rgba(25,40,84,.16);\r\n\r\n --glass: rgba(255,255,255,.62);\r\n --glass-2: rgba(255,255,255,.46);\r\n\r\n --sombra: 0 18px 55px rgba(25,40,84,.12);\r\n --sombra-hover: 0 25px 65px rgba(73,147,204,.25);\r\n}\r\n\r\n\/* ====== CONTENEDOR ====== *\/\r\n.so-glass-wrap {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n font-family: \"Segoe UI\", system-ui, Roboto, Arial, sans-serif;\r\n}\r\n\r\n\/* ====== ENCABEZADO ====== *\/\r\n.so-header-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.so-glass-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 16px 20px;\r\n border-radius: 16px;\r\n background: var(--glass);\r\n border: 1px solid var(--borde);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n box-shadow: var(--sombra);\r\n flex-wrap: wrap;\r\n}\r\n\r\n.so-glass-title h3 {\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: var(--azul-1);\r\n letter-spacing: .2px;\r\n}\r\n\r\n.so-glass-title span {\r\n font-size: 13px;\r\n color: rgba(25,40,84,.78);\r\n font-weight: 600;\r\n background: rgba(73,147,204,.1);\r\n padding: 6px 12px;\r\n border-radius: 99px;\r\n}\r\n\r\n\/* ====== BUSCADOR PREMIUM ====== *\/\r\n.so-search-wrapper {\r\n position: relative;\r\n width: 100%;\r\n z-index: 10;\r\n}\r\n\r\n\/* Halo de luz animado de fondo *\/\r\n.so-search-wrapper::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -2px; left: -2px; right: -2px; bottom: -2px;\r\n background: linear-gradient(90deg, var(--azul-2), var(--azul-3), var(--azul-2));\r\n border-radius: 20px;\r\n z-index: -1;\r\n opacity: 0;\r\n filter: blur(8px);\r\n transition: opacity 0.4s ease;\r\n background-size: 200% auto;\r\n animation: gradientMove 3s linear infinite;\r\n}\r\n\r\n.so-search-wrapper:focus-within::before {\r\n opacity: 0.55;\r\n}\r\n\r\n@keyframes gradientMove {\r\n 0% { background-position: 0% center; }\r\n 100% { background-position: 200% center; }\r\n}\r\n\r\n\/* Caja del buscador *\/\r\n.so-search-box {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n background: rgba(255,255,255,0.75);\r\n border: 1px solid rgba(255,255,255,0.9);\r\n border-radius: 18px;\r\n padding: 4px 6px;\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n box-shadow: \r\n 0 8px 32px rgba(25, 40, 84, 0.08),\r\n inset 0 2px 6px rgba(255,255,255,0.6),\r\n inset 0 -1px 4px rgba(25,40,84,0.04);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.so-search-box:focus-within {\r\n background: rgba(255,255,255,0.95);\r\n border-color: rgba(73, 147, 204, 0.4);\r\n transform: translateY(-2px);\r\n box-shadow: \r\n 0 14px 45px rgba(73, 147, 204, 0.15),\r\n inset 0 2px 4px rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* Icono SVG *\/\r\n.so-search-icon {\r\n width: 20px;\r\n height: 20px;\r\n margin-left: 14px;\r\n color: var(--azul-3);\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.so-search-box:focus-within .so-search-icon {\r\n color: var(--azul-2);\r\n transform: scale(1.1);\r\n}\r\n\r\n\/* Input *\/\r\n.so-search-box input {\r\n flex: 1;\r\n border: none;\r\n background: transparent;\r\n padding: 14px 16px;\r\n font-size: 15px;\r\n color: var(--azul-1);\r\n font-weight: 600;\r\n outline: none;\r\n width: 100%;\r\n}\r\n\r\n.so-search-box input::placeholder {\r\n color: rgba(25,40,84,0.45);\r\n font-weight: 500;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.so-search-box input:focus::placeholder {\r\n opacity: 0.6;\r\n}\r\n\r\n\/* Bot\u00f3n Limpiar (X) *\/\r\n.so-search-clear {\r\n background: rgba(25,40,84,0.06);\r\n border: none;\r\n border-radius: 50%;\r\n width: 32px;\r\n height: 32px;\r\n margin-right: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--azul-1);\r\n cursor: pointer;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: scale(0.8);\r\n transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.so-search-clear svg {\r\n width: 14px;\r\n height: 14px;\r\n opacity: 0.7;\r\n}\r\n\r\n.so-search-clear.is-visible {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: scale(1);\r\n}\r\n\r\n.so-search-clear:hover {\r\n background: rgba(220, 53, 69, 0.1);\r\n color: #dc3545;\r\n}\r\n.so-search-clear:hover svg {\r\n opacity: 1;\r\n}\r\n\r\n\/* ====== GRID Y TARJETAS ====== *\/\r\n.so-num-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.so-num-card {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border-radius: 18px;\r\n padding: 16px;\r\n background: linear-gradient(135deg, var(--glass) 0%, var(--glass-2) 100%);\r\n border: 1px solid var(--borde);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 10px 30px rgba(25,40,84,.08), inset 0 1px 0 rgba(255,255,255,.65);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: so-fade-up 0.6s ease forwards;\r\n}\r\n\r\n@keyframes so-fade-up {\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.so-num-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -80px; right: -80px;\r\n width: 180px; height: 180px;\r\n background: radial-gradient(circle at 35% 35%, rgba(73,147,204,.25), transparent 62%);\r\n opacity: .85;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.so-num-card:hover {\r\n transform: translateY(-5px) scale(1.01);\r\n border-color: rgba(73,147,204,.40);\r\n box-shadow: var(--sombra-hover), inset 0 1px 0 rgba(255,255,255,.9);\r\n background: linear-gradient(135deg, rgba(255,255,255,.8) 0%, var(--glass-2) 100%);\r\n}\r\n\r\n.so-num-card:hover::before { transform: scale(1.2); opacity: 1; }\r\n\r\n.so-num-top {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.so-num-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 12px;\r\n border-radius: 99px;\r\n background: rgba(25,40,84,.08);\r\n border: 1px solid rgba(25,40,84,.12);\r\n color: var(--azul-1);\r\n font-weight: 800;\r\n font-size: 11.5px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.so-num-arrow {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n background: rgba(73,147,204,.10);\r\n border: 1px solid rgba(73,147,204,.2);\r\n color: var(--azul-2);\r\n font-size: 18px;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.so-num-card:hover .so-num-arrow { \r\n transform: translateX(4px); \r\n background: var(--azul-2);\r\n color: white;\r\n box-shadow: 0 4px 10px rgba(73,147,204,.4);\r\n}\r\n\r\n.so-num-text {\r\n margin-top: 14px;\r\n position: relative;\r\n z-index: 1;\r\n color: var(--tinta);\r\n font-weight: 700;\r\n font-size: 14.5px;\r\n line-height: 1.3;\r\n min-height: 38px;\r\n}\r\n\r\n.so-num-hint {\r\n margin-top: 14px;\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n font-size: 12px;\r\n color: rgba(25,40,84,.7);\r\n font-weight: 600;\r\n padding-top: 12px;\r\n border-top: 1px dashed rgba(25,40,84,.2);\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.so-num-card:hover .so-num-hint { color: var(--azul-1); }\r\n\r\n.so-pill { display: inline-flex; align-items: center; gap: 8px; }\r\n\r\n.so-dot {\r\n width: 8px; height: 8px; \r\n border-radius: 50%;\r\n background: var(--azul-2);\r\n box-shadow: 0 0 0 0 rgba(73,147,204,.4);\r\n animation: pulse-dot 2s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(73,147,204,.7); }\r\n 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(73,147,204,.0); }\r\n 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(73,147,204,.0); }\r\n}\r\n\r\n.so-num-card:focus-visible {\r\n outline: none;\r\n border-color: var(--azul-2);\r\n box-shadow: 0 0 0 4px rgba(136,192,213,.35), var(--sombra-hover);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* ====== ESTADO DE B\u00daSQUEDA VAC\u00cdA ====== *\/\r\n.so-no-results {\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding: 50px 20px;\r\n color: var(--azul-1);\r\n background: var(--glass);\r\n border-radius: 18px;\r\n border: 1px dashed var(--borde);\r\n display: none;\r\n backdrop-filter: blur(10px);\r\n}\r\n.so-no-results svg {\r\n width: 40px; height: 40px;\r\n color: var(--azul-3);\r\n margin-bottom: 12px;\r\n}\r\n.so-no-results h4 {\r\n margin: 0 0 6px 0;\r\n font-size: 16px;\r\n font-weight: 700;\r\n}\r\n.so-no-results p {\r\n margin: 0;\r\n font-size: 14px;\r\n color: rgba(25,40,84,.7);\r\n}\r\n\r\n\/* ====== RESPONSIVE ====== *\/\r\n@media (max-width: 980px){\r\n .so-num-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n@media (max-width: 620px){\r\n .so-num-grid { grid-template-columns: 1fr; }\r\n .so-glass-title { flex-direction: column; align-items: flex-start; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"so-glass-wrap\">\r\n\r\n <div class=\"so-header-container\">\r\n <div class=\"so-glass-title\">\r\n <h3>Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 10<\/h3>\r\n <span>Seleccione el numeral para consultar<\/span>\r\n <\/div>\r\n\r\n <div class=\"so-search-wrapper\">\r\n <div class=\"so-search-box\">\r\n <svg class=\"so-search-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\r\n <\/svg>\r\n \r\n <input type=\"text\" id=\"soSearchInput\" placeholder=\"Buscar por numeral o descripci\u00f3n (Ej: vi\u00e1ticos, presupuesto...)\" autocomplete=\"off\" spellcheck=\"false\">\r\n \r\n <button class=\"so-search-clear\" id=\"soSearchClear\" aria-label=\"Limpiar b\u00fasqueda\" type=\"button\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-grid\" id=\"soCardGrid\">\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral02-2\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 01<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Estructura org\u00e1nica y funciones<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral02\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 02<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Direcci\u00f3n y tel\u00e9fono de la entidad<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral03\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 03<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Directorio de empleados<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral04\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 04<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Detalle de puestos y salarios<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral05\/\">\r\n <div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 05<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div>\r\n <div class=\"so-num-text\">Misi\u00f3n, objetivos, POA y memoria de labores<\/div>\r\n <div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral06\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 06<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Manuales y procedimientos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral07\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 07<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Presupuesto de ingresos y egresos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral08\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 08<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Informes mensuales de ejecuci\u00f3n presupuestaria<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-9\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 09<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Dep\u00f3sitos con fondos p\u00fablicos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-10\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 10<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Procesos de cotizaci\u00f3n y licitaci\u00f3n<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral11\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 11<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Contrataciones de bienes y servicios<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-12\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 12<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Vi\u00e1ticos nacionales e internacionales<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-13\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 13<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Inventario de bienes muebles e inmuebles<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-14\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 14<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Contratos de mantenimiento (equipo y veh\u00edculos)<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-15\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 15<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Subsidios, becas y transferencias<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-16\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 16<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Contratos, licencias o concesiones<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-17\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 17<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Empresas precalificadas (obras p\u00fablicas)<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-18\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 18<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Listado de obras en ejecuci\u00f3n o ejecutadas<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-19\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 19<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Arrendamiento (inmuebles\/equipo\/maquinaria)<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-20\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 20<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Contrataciones por cotizaci\u00f3n y licitaci\u00f3n<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-21\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 21<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Fideicomisos: destino total de recursos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-22\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 22<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Listado de compras directas<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-23\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 23<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Informes finales de auditor\u00edas<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-24\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 24<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Entidades internacionales (p\u00fablicas\/privadas)<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-25\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 25<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">ONG\/privadas que administren fondos<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-26\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 26<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Informe de archivo<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-27\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 27<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">\u00cdndice de informaci\u00f3n clasificada<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-28\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 28<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Pertenencia socioling\u00fc\u00edstica<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/numeral-29\/\"><div class=\"so-num-top\"><div class=\"so-num-badge\">Numeral 29<\/div><div class=\"so-num-arrow\">\u2192<\/div><\/div><div class=\"so-num-text\">Otra informaci\u00f3n de utilidad o relevancia<\/div><div class=\"so-num-hint\"><span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span><span>Ver detalle<\/span><\/div><\/div>\r\n\r\n <div class=\"so-no-results\" id=\"soNoResults\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <h4>No encontramos ese numeral<\/h4>\r\n <p>Intenta con otra palabra o n\u00famero.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n const cards = document.querySelectorAll('.so-num-card');\r\n const searchInput = document.getElementById('soSearchInput');\r\n const searchClear = document.getElementById('soSearchClear');\r\n const noResultsMsg = document.getElementById('soNoResults');\r\n \r\n \/\/ 1. Efecto en cascada\r\n cards.forEach((card, index) => {\r\n card.style.animationDelay = `${index * 0.04}s`;\r\n \r\n card.addEventListener('click', () => {\r\n const url = card.getAttribute('data-url') || '#';\r\n if (!url || url === '#') return;\r\n window.location.href = url;\r\n });\r\n\r\n card.setAttribute('tabindex', '0');\r\n card.setAttribute('role', 'link');\r\n card.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n card.click();\r\n }\r\n });\r\n });\r\n\r\n \/\/ 2. L\u00f3gica del buscador\r\n if(searchInput && searchClear) {\r\n \/\/ Escuchar cuando se escribe\r\n searchInput.addEventListener('input', (e) => {\r\n const searchTerm = e.target.value.toLowerCase().trim();\r\n let visibleCount = 0;\r\n\r\n \/\/ Mostrar\/Ocultar bot\u00f3n de limpiar (X)\r\n if (searchTerm.length > 0) {\r\n searchClear.classList.add('is-visible');\r\n } else {\r\n searchClear.classList.remove('is-visible');\r\n }\r\n\r\n \/\/ Filtrar tarjetas\r\n cards.forEach(card => {\r\n const textContent = card.textContent.toLowerCase();\r\n if (textContent.includes(searchTerm)) {\r\n card.style.display = '';\r\n card.style.animation = 'none'; \r\n card.style.opacity = '1'; \r\n visibleCount++;\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n\r\n noResultsMsg.style.display = visibleCount === 0 ? 'block' : 'none';\r\n });\r\n\r\n \/\/ Acci\u00f3n del bot\u00f3n Limpiar (X)\r\n searchClear.addEventListener('click', () => {\r\n searchInput.value = '';\r\n searchInput.focus(); \/\/ Devuelve el cursor al input\r\n \r\n \/\/ Forzar el evento 'input' para que se restablezcan las tarjetas\r\n searchInput.dispatchEvent(new Event('input'));\r\n });\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1350627542\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1350627542\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-82a6bf0 e-con-full e-flex e-con e-child\" data-id=\"82a6bf0\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a9a38e8 e-con-full e-flex e-con e-child\" data-id=\"a9a38e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4788e8e elementor-widget elementor-widget-html\" data-id=\"4788e8e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n --azul-1: #192854;\r\n --azul-2: #4993CC;\r\n --azul-3: #88C0D5;\r\n\r\n --tinta: #0b1220;\r\n --borde: rgba(25,40,84,.16);\r\n\r\n --glass: rgba(255,255,255,.62);\r\n --glass-2: rgba(255,255,255,.46);\r\n\r\n --sombra: 0 18px 55px rgba(25,40,84,.12);\r\n --sombra-hover: 0 25px 65px rgba(73,147,204,.25);\r\n}\r\n\r\n\/* ====== CONTENEDOR ====== *\/\r\n.so-glass-wrap {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n font-family: \"Segoe UI\", system-ui, Roboto, Arial, sans-serif;\r\n}\r\n\r\n\/* ====== ENCABEZADO ====== *\/\r\n.so-header-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.so-glass-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 16px 20px;\r\n border-radius: 16px;\r\n background: var(--glass);\r\n border: 1px solid var(--borde);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n box-shadow: var(--sombra);\r\n flex-wrap: wrap;\r\n}\r\n\r\n.so-glass-title h3 {\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: var(--azul-1);\r\n letter-spacing: .2px;\r\n}\r\n\r\n.so-glass-title span {\r\n font-size: 13px;\r\n color: rgba(25,40,84,.78);\r\n font-weight: 600;\r\n background: rgba(73,147,204,.1);\r\n padding: 6px 12px;\r\n border-radius: 99px;\r\n}\r\n\r\n\/* ====== BUSCADOR PREMIUM ====== *\/\r\n.so-search-wrapper {\r\n position: relative;\r\n width: 100%;\r\n z-index: 10;\r\n}\r\n\r\n\/* Halo de luz animado de fondo *\/\r\n.so-search-wrapper::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -2px; left: -2px; right: -2px; bottom: -2px;\r\n background: linear-gradient(90deg, var(--azul-2), var(--azul-3), var(--azul-2));\r\n border-radius: 20px;\r\n z-index: -1;\r\n opacity: 0;\r\n filter: blur(8px);\r\n transition: opacity 0.4s ease;\r\n background-size: 200% auto;\r\n animation: gradientMove 3s linear infinite;\r\n}\r\n\r\n.so-search-wrapper:focus-within::before {\r\n opacity: 0.55;\r\n}\r\n\r\n@keyframes gradientMove {\r\n 0% { background-position: 0% center; }\r\n 100% { background-position: 200% center; }\r\n}\r\n\r\n\/* Caja del buscador *\/\r\n.so-search-box {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n background: rgba(255,255,255,0.75);\r\n border: 1px solid rgba(255,255,255,0.9);\r\n border-radius: 18px;\r\n padding: 4px 6px;\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n box-shadow: \r\n 0 8px 32px rgba(25, 40, 84, 0.08),\r\n inset 0 2px 6px rgba(255,255,255,0.6),\r\n inset 0 -1px 4px rgba(25,40,84,0.04);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.so-search-box:focus-within {\r\n background: rgba(255,255,255,0.95);\r\n border-color: rgba(73, 147, 204, 0.4);\r\n transform: translateY(-2px);\r\n box-shadow: \r\n 0 14px 45px rgba(73, 147, 204, 0.15),\r\n inset 0 2px 4px rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* Icono SVG *\/\r\n.so-search-icon {\r\n width: 20px;\r\n height: 20px;\r\n margin-left: 14px;\r\n color: var(--azul-3);\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.so-search-box:focus-within .so-search-icon {\r\n color: var(--azul-2);\r\n transform: scale(1.1);\r\n}\r\n\r\n\/* Input *\/\r\n.so-search-box input {\r\n flex: 1;\r\n border: none;\r\n background: transparent;\r\n padding: 14px 16px;\r\n font-size: 15px;\r\n color: var(--azul-1);\r\n font-weight: 600;\r\n outline: none;\r\n width: 100%;\r\n}\r\n\r\n.so-search-box input::placeholder {\r\n color: rgba(25,40,84,0.45);\r\n font-weight: 500;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.so-search-box input:focus::placeholder {\r\n opacity: 0.6;\r\n}\r\n\r\n\/* Bot\u00f3n Limpiar (X) *\/\r\n.so-search-clear {\r\n background: rgba(25,40,84,0.06);\r\n border: none;\r\n border-radius: 50%;\r\n width: 32px;\r\n height: 32px;\r\n margin-right: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--azul-1);\r\n cursor: pointer;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: scale(0.8);\r\n transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.so-search-clear svg {\r\n width: 14px;\r\n height: 14px;\r\n opacity: 0.7;\r\n}\r\n\r\n.so-search-clear.is-visible {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: scale(1);\r\n}\r\n\r\n.so-search-clear:hover {\r\n background: rgba(220, 53, 69, 0.1);\r\n color: #dc3545;\r\n}\r\n.so-search-clear:hover svg {\r\n opacity: 1;\r\n}\r\n\r\n\/* ====== GRID Y TARJETAS ====== *\/\r\n.so-num-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.so-num-card {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border-radius: 18px;\r\n padding: 16px;\r\n background: linear-gradient(135deg, var(--glass) 0%, var(--glass-2) 100%);\r\n border: 1px solid var(--borde);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 10px 30px rgba(25,40,84,.08), inset 0 1px 0 rgba(255,255,255,.65);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: so-fade-up 0.6s ease forwards;\r\n}\r\n\r\n@keyframes so-fade-up {\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.so-num-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -80px; right: -80px;\r\n width: 180px; height: 180px;\r\n background: radial-gradient(circle at 35% 35%, rgba(73,147,204,.25), transparent 62%);\r\n opacity: .85;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.so-num-card:hover {\r\n transform: translateY(-5px) scale(1.01);\r\n border-color: rgba(73,147,204,.40);\r\n box-shadow: var(--sombra-hover), inset 0 1px 0 rgba(255,255,255,.9);\r\n background: linear-gradient(135deg, rgba(255,255,255,.8) 0%, var(--glass-2) 100%);\r\n}\r\n\r\n.so-num-card:hover::before { transform: scale(1.2); opacity: 1; }\r\n\r\n.so-num-top {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.so-num-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 12px;\r\n border-radius: 99px;\r\n background: rgba(25,40,84,.08);\r\n border: 1px solid rgba(25,40,84,.12);\r\n color: var(--azul-1);\r\n font-weight: 800;\r\n font-size: 11.5px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.so-num-arrow {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n background: rgba(73,147,204,.10);\r\n border: 1px solid rgba(73,147,204,.2);\r\n color: var(--azul-2);\r\n font-size: 18px;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.so-num-card:hover .so-num-arrow { \r\n transform: translateX(4px); \r\n background: var(--azul-2);\r\n color: white;\r\n box-shadow: 0 4px 10px rgba(73,147,204,.4);\r\n}\r\n\r\n.so-num-text {\r\n margin-top: 14px;\r\n position: relative;\r\n z-index: 1;\r\n color: var(--tinta);\r\n font-weight: 700;\r\n font-size: 14.5px;\r\n line-height: 1.3;\r\n min-height: 38px;\r\n}\r\n\r\n.so-num-hint {\r\n margin-top: 14px;\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n font-size: 12px;\r\n color: rgba(25,40,84,.7);\r\n font-weight: 600;\r\n padding-top: 12px;\r\n border-top: 1px dashed rgba(25,40,84,.2);\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.so-num-card:hover .so-num-hint { color: var(--azul-1); }\r\n\r\n.so-pill { display: inline-flex; align-items: center; gap: 8px; }\r\n\r\n.so-dot {\r\n width: 8px; height: 8px; \r\n border-radius: 50%;\r\n background: var(--azul-2);\r\n box-shadow: 0 0 0 0 rgba(73,147,204,.4);\r\n animation: pulse-dot 2s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(73,147,204,.7); }\r\n 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(73,147,204,.0); }\r\n 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(73,147,204,.0); }\r\n}\r\n\r\n.so-num-card:focus-visible {\r\n outline: none;\r\n border-color: var(--azul-2);\r\n box-shadow: 0 0 0 4px rgba(136,192,213,.35), var(--sombra-hover);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* ====== ESTADO DE B\u00daSQUEDA VAC\u00cdA ====== *\/\r\n.so-no-results {\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding: 50px 20px;\r\n color: var(--azul-1);\r\n background: var(--glass);\r\n border-radius: 18px;\r\n border: 1px dashed var(--borde);\r\n display: none;\r\n backdrop-filter: blur(10px);\r\n}\r\n.so-no-results svg {\r\n width: 40px; height: 40px;\r\n color: var(--azul-3);\r\n margin-bottom: 12px;\r\n}\r\n.so-no-results h4 {\r\n margin: 0 0 6px 0;\r\n font-size: 16px;\r\n font-weight: 700;\r\n}\r\n.so-no-results p {\r\n margin: 0;\r\n font-size: 14px;\r\n color: rgba(25,40,84,.7);\r\n}\r\n\r\n\/* ====== RESPONSIVE ====== *\/\r\n@media (max-width: 980px){\r\n .so-num-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n@media (max-width: 620px){\r\n .so-num-grid { grid-template-columns: 1fr; }\r\n .so-glass-title { flex-direction: column; align-items: flex-start; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"so-glass-wrap\">\r\n\r\n <div class=\"so-header-container\">\r\n <div class=\"so-glass-title\">\r\n <h3>Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 11<\/h3>\r\n <span>Seleccione el numeral para consultar<\/span>\r\n <\/div>\r\n\r\n <div class=\"so-search-wrapper\">\r\n <div class=\"so-search-box\">\r\n <svg class=\"so-search-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\r\n <\/svg>\r\n \r\n <input type=\"text\" id=\"soSearchInput11\" placeholder=\"Buscar por numeral o descripci\u00f3n (Ej: asesores, vi\u00e1ticos...)\" autocomplete=\"off\" spellcheck=\"false\">\r\n \r\n <button class=\"so-search-clear\" id=\"soSearchClear11\" aria-label=\"Limpiar b\u00fasqueda\" type=\"button\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-grid\" id=\"soCardGrid11\">\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/articulo-11-numeral-01\/\">\r\n <div class=\"so-num-top\">\r\n <div class=\"so-num-badge\">Numeral 01<\/div>\r\n <div class=\"so-num-arrow\">\u2192<\/div>\r\n <\/div>\r\n <div class=\"so-num-text\">Presupuesto Asignado<\/div>\r\n <div class=\"so-num-hint\">\r\n <span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span>\r\n <span>Ver detalle<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/articulo-11-numeral-02\/\">\r\n <div class=\"so-num-top\">\r\n <div class=\"so-num-badge\">Numeral 02<\/div>\r\n <div class=\"so-num-arrow\">\u2192<\/div>\r\n <\/div>\r\n <div class=\"so-num-text\">Listado de Asesores<\/div>\r\n <div class=\"so-num-hint\">\r\n <span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span>\r\n <span>Ver detalle<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-num-card\" data-url=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/articulo-11-numeral-03\/\">\r\n <div class=\"so-num-top\">\r\n <div class=\"so-num-badge\">Numeral 03<\/div>\r\n <div class=\"so-num-arrow\">\u2192<\/div>\r\n <\/div>\r\n <div class=\"so-num-text\">Informe Gastos y viaticos Al Exterior<\/div>\r\n <div class=\"so-num-hint\">\r\n <span class=\"so-pill\"><span class=\"so-dot\"><\/span>Consultar<\/span>\r\n <span>Ver detalle<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"so-no-results\" id=\"soNoResults11\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <h4>No encontramos ese numeral<\/h4>\r\n <p>Intenta con otra palabra o n\u00famero.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n \/\/ Aseguramos que solo afecte a las tarjetas de este grid espec\u00edfico\r\n const cards = document.querySelectorAll('#soCardGrid11 .so-num-card');\r\n const searchInput = document.getElementById('soSearchInput11');\r\n const searchClear = document.getElementById('soSearchClear11');\r\n const noResultsMsg = document.getElementById('soNoResults11');\r\n \r\n \/\/ 1. Efecto en cascada\r\n cards.forEach((card, index) => {\r\n card.style.animationDelay = `${index * 0.04}s`;\r\n \r\n card.addEventListener('click', () => {\r\n const url = card.getAttribute('data-url') || '#';\r\n if (!url || url === '#') return;\r\n window.location.href = url;\r\n });\r\n\r\n card.setAttribute('tabindex', '0');\r\n card.setAttribute('role', 'link');\r\n card.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n card.click();\r\n }\r\n });\r\n });\r\n\r\n \/\/ 2. L\u00f3gica del buscador\r\n if(searchInput && searchClear) {\r\n searchInput.addEventListener('input', (e) => {\r\n const searchTerm = e.target.value.toLowerCase().trim();\r\n let visibleCount = 0;\r\n\r\n if (searchTerm.length > 0) {\r\n searchClear.classList.add('is-visible');\r\n } else {\r\n searchClear.classList.remove('is-visible');\r\n }\r\n\r\n cards.forEach(card => {\r\n const textContent = card.textContent.toLowerCase();\r\n if (textContent.includes(searchTerm)) {\r\n card.style.display = '';\r\n card.style.animation = 'none'; \r\n card.style.opacity = '1'; \r\n visibleCount++;\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n\r\n noResultsMsg.style.display = visibleCount === 0 ? 'block' : 'none';\r\n });\r\n\r\n searchClear.addEventListener('click', () => {\r\n searchInput.value = '';\r\n searchInput.focus();\r\n searchInput.dispatchEvent(new Event('input'));\r\n });\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1350627543\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1350627543\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-5bc22b6 e-con-full e-flex e-con e-child\" data-id=\"5bc22b6\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-48c72f0 e-con-full e-flex e-con e-child\" data-id=\"48c72f0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c77d41d elementor-widget elementor-widget-html\" data-id=\"c77d41d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n \/* =========================================\r\n CONTENEDOR DEL ARCHIVO HIST\u00d3RICO\r\n ========================================= *\/\r\n .wg-archive-wrapper {\r\n width: 100%;\r\n max-width: 100%; \/* Adaptado a tu WordPress *\/\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* =========================================\r\n PANELES DE CADA A\u00d1O\r\n ========================================= *\/\r\n .wg-year-panel {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 14px;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n overflow: hidden;\r\n }\r\n\r\n .wg-year-panel:hover {\r\n border-color: #00c2d1;\r\n box-shadow: 0 8px 20px rgba(0, 194, 209, 0.08);\r\n transform: translateX(4px);\r\n }\r\n\r\n .wg-year-panel[open] {\r\n border-color: #3b82f6;\r\n box-shadow: 0 10px 25px rgba(59, 130, 246, 0.1);\r\n transform: none;\r\n }\r\n\r\n \/* =========================================\r\n CABECERA DEL A\u00d1O (Franja clickeable)\r\n ========================================= *\/\r\n .wg-year-summary {\r\n padding: 22px 25px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-weight: 800;\r\n font-size: 1.15rem;\r\n color: #1e293b;\r\n list-style: none;\r\n transition: background-color 0.3s;\r\n }\r\n\r\n .wg-year-summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n .wg-year-summary:hover {\r\n background-color: #f8fafc;\r\n }\r\n\r\n .wg-year-panel[open] .wg-year-summary {\r\n border-bottom: 1px solid #e2e8f0;\r\n background-color: #f1f5f9;\r\n }\r\n\r\n .wg-year-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .wg-folder-icon {\r\n color: #94a3b8;\r\n transition: color 0.3s;\r\n }\r\n\r\n .wg-year-panel:hover .wg-folder-icon {\r\n color: #00c2d1;\r\n }\r\n\r\n .wg-year-panel[open] .wg-folder-icon {\r\n color: #3b82f6;\r\n }\r\n\r\n \/* Etiqueta \"Reciente\" *\/\r\n .wg-badge-new {\r\n background: #dcfce7;\r\n color: #166534;\r\n font-size: 0.75rem;\r\n padding: 4px 10px;\r\n border-radius: 20px;\r\n font-weight: 800;\r\n letter-spacing: 0.5px;\r\n margin-left: 10px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* El \u00edcono de \"+\" que se convierte en \"-\" *\/\r\n .wg-toggle-icon {\r\n position: relative;\r\n width: 24px;\r\n height: 24px;\r\n color: #64748b;\r\n }\r\n\r\n .wg-toggle-icon::before,\r\n .wg-toggle-icon::after {\r\n content: '';\r\n position: absolute;\r\n background-color: currentColor;\r\n transition: transform 0.3s ease, background-color 0.3s ease;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* L\u00ednea horizontal del + *\/\r\n .wg-toggle-icon::before {\r\n top: 11px; left: 4px; right: 4px; height: 2px;\r\n }\r\n\r\n \/* L\u00ednea vertical del + *\/\r\n .wg-toggle-icon::after {\r\n top: 4px; bottom: 4px; left: 11px; width: 2px;\r\n }\r\n\r\n \/* Al abrir, la l\u00ednea vertical gira 90 grados para formar un \"-\" *\/\r\n .wg-year-panel[open] .wg-toggle-icon::after {\r\n transform: rotate(90deg);\r\n }\r\n \r\n .wg-year-panel[open] .wg-toggle-icon {\r\n color: #ef4444; \/* Se pone rojo al abrir para indicar \"cerrar\" *\/\r\n }\r\n\r\n \/* =========================================\r\n CONTENIDO INTERNO (Tarjeta de Descarga)\r\n ========================================= *\/\r\n .wg-year-content {\r\n padding: 25px;\r\n background: #fafafa;\r\n }\r\n\r\n .wg-download-card {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n padding: 20px 25px;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .wg-download-card:hover {\r\n border-color: #bfdbfe;\r\n box-shadow: 0 8px 25px rgba(59, 130, 246, 0.12);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .wg-dl-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n }\r\n\r\n .wg-dl-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: #eff6ff;\r\n color: #3b82f6;\r\n border-radius: 10px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .wg-dl-text h4 {\r\n margin: 0 0 4px 0;\r\n font-size: 1.05rem;\r\n color: #0f172a;\r\n font-weight: 800;\r\n }\r\n\r\n .wg-dl-text p {\r\n margin: 0;\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n }\r\n\r\n .wg-dl-btn {\r\n background: linear-gradient(135deg, #00c2d1 0%, #008994 100%);\r\n color: #ffffff;\r\n padding: 12px 24px;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 10px rgba(0, 194, 209, 0.2);\r\n white-space: nowrap;\r\n }\r\n\r\n .wg-download-card:hover .wg-dl-btn {\r\n box-shadow: 0 6px 15px rgba(0, 194, 209, 0.4);\r\n transform: scale(1.03);\r\n }\r\n\r\n @media (max-width: 650px) {\r\n .wg-download-card {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 20px;\r\n }\r\n .wg-dl-info {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n .wg-dl-btn {\r\n width: 100%;\r\n justify-content: center;\r\n box-sizing: border-box;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wg-archive-wrapper\">\r\n\r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\" open>\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2025\r\n <span class=\"wg-badge-new\">Reciente<\/span>\r\n <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2026\/03\/Informacion-publica-de-Oficio-2025.7z\" target=\"_blank\" class=\"wg-download-card\">\r\n <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2025<\/h4>\r\n <p>Haz clic para visualizar o descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2024\r\n <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2026\/03\/Informacion-publica-de-Oficio-2024.7z\" target=\"_blank\" class=\"wg-download-card\">\r\n <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2024<\/h4>\r\n <p>Haz clic para visualizar o descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2023\r\n <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-Publica-de-oficio-2023.7z\" target=\"_blank\" class=\"wg-download-card\">\r\n <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2023<\/h4>\r\n <p>Haz clic para visualizar o descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2022\r\n <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2022.7z\" target=\"_blank\" class=\"wg-download-card\">\r\n <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2022<\/h4>\r\n <p>Haz clic para visualizar o descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2021 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2021.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2021<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2020 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2020.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2020<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2019 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2019.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2019<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2018 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"TU_ENLACE_AQU\u00cd\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2018<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2017 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2017.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2017<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"wg-year-panel\" name=\"acordeon-anios\">\r\n <summary class=\"wg-year-summary\">\r\n <div class=\"wg-year-left\">\r\n <svg class=\"wg-folder-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n A\u00d1O 2016 <\/div>\r\n <div class=\"wg-toggle-icon\"><\/div>\r\n <\/summary>\r\n <div class=\"wg-year-content\">\r\n <a href=\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/12\/Informacion-publica-de-Oficio-2016.7z\" target=\"_blank\" class=\"wg-download-card\"> <div class=\"wg-dl-info\">\r\n <div class=\"wg-dl-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"wg-dl-text\">\r\n <h4>Informaci\u00f3n P\u00fablica de oficio a\u00f1o 2016<\/h4> <p>Haz clic para descargar el documento oficial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wg-dl-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n Descargar Archivo\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>T\u00edtulo Tecnol\u00f3gico Informaci\u00f3n P\u00fablica de Oficio ARTICULO 10, DECRETO 57-2008 ARTICULO 11, DECRETO 57-2008 A\u00d1OS ANTERIORES Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 10 Seleccione el numeral para consultar Numeral 01\u2192 Estructura org\u00e1nica y funciones ConsultarVer detalle Numeral 02\u2192 Direcci\u00f3n y tel\u00e9fono de la entidad ConsultarVer detalle Numeral 03\u2192 Directorio de empleados ConsultarVer detalle Numeral […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3295","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Informaci\u00f3n Publica de Oficio - SOSEP<\/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:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Informaci\u00f3n Publica de Oficio - SOSEP\" \/>\n<meta property=\"og:description\" content=\"T\u00edtulo Tecnol\u00f3gico Informaci\u00f3n P\u00fablica de Oficio ARTICULO 10, DECRETO 57-2008 ARTICULO 11, DECRETO 57-2008 A\u00d1OS ANTERIORES Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 10 Seleccione el numeral para consultar Numeral 01\u2192 Estructura org\u00e1nica y funciones ConsultarVer detalle Numeral 02\u2192 Direcci\u00f3n y tel\u00e9fono de la entidad ConsultarVer detalle Numeral 03\u2192 Directorio de empleados ConsultarVer detalle Numeral […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\" \/>\n<meta property=\"og:site_name\" content=\"SOSEP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-17T16:52:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\",\"url\":\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\",\"name\":\"Informaci\u00f3n Publica de Oficio - SOSEP\",\"isPartOf\":{\"@id\":\"https:\/\/sosep.gob.gt\/#website\"},\"datePublished\":\"2025-09-24T19:25:50+00:00\",\"dateModified\":\"2026-03-17T16:52:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/sosep.gob.gt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Informaci\u00f3n Publica de Oficio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sosep.gob.gt\/#website\",\"url\":\"https:\/\/sosep.gob.gt\/\",\"name\":\"SOSEP\",\"description\":\"Secretar\u00eda de Obras Sociales de la Esposa del Presidente de la Rep\u00fablica\",\"publisher\":{\"@id\":\"https:\/\/sosep.gob.gt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sosep.gob.gt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sosep.gob.gt\/#organization\",\"name\":\"SOSEP\",\"url\":\"https:\/\/sosep.gob.gt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png\",\"contentUrl\":\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png\",\"width\":1754,\"height\":867,\"caption\":\"SOSEP\"},\"image\":{\"@id\":\"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Informaci\u00f3n Publica de Oficio - SOSEP","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:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/","og_locale":"es_ES","og_type":"article","og_title":"Informaci\u00f3n Publica de Oficio - SOSEP","og_description":"T\u00edtulo Tecnol\u00f3gico Informaci\u00f3n P\u00fablica de Oficio ARTICULO 10, DECRETO 57-2008 ARTICULO 11, DECRETO 57-2008 A\u00d1OS ANTERIORES Acceso a la Informaci\u00f3n P\u00fablica \u2014 Art\u00edculo 10 Seleccione el numeral para consultar Numeral 01\u2192 Estructura org\u00e1nica y funciones ConsultarVer detalle Numeral 02\u2192 Direcci\u00f3n y tel\u00e9fono de la entidad ConsultarVer detalle Numeral 03\u2192 Directorio de empleados ConsultarVer detalle Numeral […]","og_url":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/","og_site_name":"SOSEP","article_modified_time":"2026-03-17T16:52:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/","url":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/","name":"Informaci\u00f3n Publica de Oficio - SOSEP","isPartOf":{"@id":"https:\/\/sosep.gob.gt\/#website"},"datePublished":"2025-09-24T19:25:50+00:00","dateModified":"2026-03-17T16:52:49+00:00","breadcrumb":{"@id":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sosep.gob.gt\/index.php\/libre-acceso-a-la-informacion-publica\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/sosep.gob.gt\/"},{"@type":"ListItem","position":2,"name":"Informaci\u00f3n Publica de Oficio"}]},{"@type":"WebSite","@id":"https:\/\/sosep.gob.gt\/#website","url":"https:\/\/sosep.gob.gt\/","name":"SOSEP","description":"Secretar\u00eda de Obras Sociales de la Esposa del Presidente de la Rep\u00fablica","publisher":{"@id":"https:\/\/sosep.gob.gt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sosep.gob.gt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/sosep.gob.gt\/#organization","name":"SOSEP","url":"https:\/\/sosep.gob.gt\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/","url":"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png","contentUrl":"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png","width":1754,"height":867,"caption":"SOSEP"},"image":{"@id":"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/3295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/comments?post=3295"}],"version-history":[{"count":233,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/3295\/revisions"}],"predecessor-version":[{"id":7186,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/3295\/revisions\/7186"}],"wp:attachment":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/media?parent=3295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}