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>Solicitud de Informaci\u00f3n P\u00fablica<\/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-5ec33bf e-con-full e-flex e-con e-parent\" data-id=\"5ec33bf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b25a5e2 elementor-widget elementor-widget-html\" data-id=\"b25a5e2\" 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 PRINCIPAL\r\n ========================================= *\/\r\n .wg-ultra-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n width: 100%;\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 ESTILOS BASE DE TARJETAS\r\n ========================================= *\/\r\n .wg-ultra-card {\r\n position: relative;\r\n border-radius: 20px;\r\n padding: 35px;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 1;\r\n }\r\n\r\n .wg-ultra-card:hover {\r\n transform: translateY(-8px);\r\n }\r\n\r\n \/* Puntos de estado parpadeantes (Tech Dots) *\/\r\n .wg-tech-dot {\r\n position: absolute;\r\n top: 25px;\r\n right: 25px;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n z-index: 10;\r\n }\r\n\r\n .wg-tech-dot::after {\r\n content: '';\r\n position: absolute;\r\n top: -5px; right: -5px; bottom: -5px; left: -5px;\r\n border-radius: 50%;\r\n animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\r\n }\r\n\r\n @keyframes pulse-ring {\r\n 0% { transform: scale(0.5); opacity: 1; }\r\n 100% { transform: scale(1.5); opacity: 0; }\r\n }\r\n\r\n \/* =========================================\r\n TARJETA 1: RRHH (Fondo limpio, alto contraste)\r\n ========================================= *\/\r\n .wg-ultra-rrhh {\r\n \/* Gradiente moderno sin cuadr\u00edcula *\/\r\n background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);\r\n box-shadow: 0 15px 35px rgba(32, 58, 67, 0.4);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n justify-content: center;\r\n }\r\n\r\n .wg-ultra-rrhh:hover {\r\n box-shadow: 0 20px 45px rgba(32, 58, 67, 0.6);\r\n border-color: rgba(0, 212, 255, 0.4);\r\n }\r\n\r\n .wg-dot-green {\r\n background-color: #00ff66;\r\n box-shadow: 0 0 10px #00ff66;\r\n }\r\n .wg-dot-green::after { border: 1px solid #00ff66; }\r\n\r\n .wg-ultra-rrhh .wg-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n \/* Ajustes de contraste para los textos de RRHH *\/\r\n .wg-ultra-rrhh .wg-ultra-title {\r\n color: #ffffff !important; \r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); \/* Sombra para que resalte *\/\r\n font-weight: 900;\r\n }\r\n\r\n .wg-ultra-rrhh .wg-ultra-desc {\r\n color: #f1f5f9; \/* Blanco suave *\/\r\n font-weight: 400;\r\n }\r\n\r\n \/* =========================================\r\n TARJETA 2: INFO P\u00daBLICA (Borde definido)\r\n ========================================= *\/\r\n .wg-ultra-info {\r\n background: #ffffff;\r\n color: #1a1a1a;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n \/* Borde m\u00e1s grueso y oscuro para que se distinga del fondo de la web *\/\r\n border: 2px solid #cbd5e1; \r\n }\r\n\r\n .wg-ultra-info:hover {\r\n box-shadow: 0 20px 45px rgba(59, 130, 246, 0.15);\r\n border-color: #94a3b8;\r\n }\r\n\r\n .wg-dot-blue {\r\n background-color: #3b82f6;\r\n box-shadow: 0 0 10px #3b82f6;\r\n }\r\n .wg-dot-blue::after { border: 1px solid #3b82f6; }\r\n\r\n \/* Layout interno tarjeta 2 *\/\r\n .wg-info-layout {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n height: 100%;\r\n }\r\n\r\n .wg-info-text-area {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .wg-info-image-area {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n }\r\n\r\n \/* =========================================\r\n TIPOGRAF\u00cdA Y LISTAS\r\n ========================================= *\/\r\n .wg-ultra-title {\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n margin: 0 0 10px 0;\r\n line-height: 1.2;\r\n }\r\n\r\n .wg-ultra-desc {\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin: 0 0 25px 0;\r\n opacity: 0.9;\r\n }\r\n\r\n .wg-num-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 25px 0;\r\n }\r\n\r\n .wg-num-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 16px;\r\n font-size: 0.95rem;\r\n color: #334155;\r\n line-height: 1.4;\r\n }\r\n\r\n .wg-num-list .wg-num {\r\n background: #eff6ff;\r\n color: #1e3a8a;\r\n font-weight: 800;\r\n min-width: 26px;\r\n height: 26px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 6px;\r\n margin-right: 12px;\r\n font-size: 0.85rem;\r\n }\r\n\r\n \/* =========================================\r\n BOTONES Y GRUPOS DE BOTONES\r\n ========================================= *\/\r\n .wg-btn-group {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap; \/* Permite que los botones bajen de l\u00ednea en pantallas muy peque\u00f1as *\/\r\n margin-top: 10px;\r\n }\r\n\r\n .wg-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 14px 28px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n text-decoration: none !important;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n width: max-content;\r\n }\r\n\r\n .wg-btn svg {\r\n margin-left: 8px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .wg-btn:hover svg {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* Bot\u00f3n Neon Turquesa *\/\r\n .wg-btn-cyan {\r\n background: #00d4ff;\r\n color: #003a4d !important;\r\n box-shadow: 0 0 20px rgba(0, 212, 255, 0.4);\r\n border: none;\r\n }\r\n\r\n .wg-btn-cyan:hover {\r\n background: #33ddff;\r\n box-shadow: 0 0 30px rgba(0, 212, 255, 0.6);\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Bot\u00f3n Secundario Transparente (Para RRHH) *\/\r\n .wg-btn-outline-light {\r\n background: transparent;\r\n color: #ffffff !important;\r\n border: 2px solid rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .wg-btn-outline-light:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-color: #ffffff;\r\n }\r\n\r\n \/* Bot\u00f3n Outline Oscuro (Para Info P\u00fablica) *\/\r\n .wg-btn-outline-dark {\r\n background: transparent;\r\n color: #0f172a !important;\r\n border: 2px solid #0f172a;\r\n }\r\n\r\n .wg-btn-outline-dark:hover {\r\n background: #0f172a;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* =========================================\r\n RESPONSIVE (Escritorio)\r\n ========================================= *\/\r\n @media (min-width: 900px) {\r\n .wg-ultra-container {\r\n flex-direction: row;\r\n align-items: stretch;\r\n }\r\n .wg-ultra-card {\r\n flex: 1; \r\n }\r\n .wg-info-layout {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n .wg-info-text-area {\r\n flex: 1.5;\r\n }\r\n .wg-info-image-area {\r\n flex: 1;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wg-ultra-container\">\r\n\r\n <div class=\"wg-ultra-card wg-ultra-rrhh\">\r\n <div class=\"wg-tech-dot wg-dot-green\"><\/div>\r\n \r\n <div class=\"wg-icon-box\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"wg-ultra-title\">Solicitud de Informaci\u00f3n Directo a RRHH<\/h3>\r\n <p class=\"wg-ultra-desc\">Accede al portal exclusivo de Recursos Humanos para gestionar constancias, contratos y prestaciones de forma centralizada.<\/p>\r\n \r\n <div class=\"wg-btn-group\">\r\n <a href=\"https:\/\/sosep.gob.gt\/rrhh\" class=\"wg-btn wg-btn-cyan\">\r\n Ir a Consultas\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n <\/a>\r\n \r\n <a href=\"#\" class=\"wg-btn wg-btn-outline-light\">\r\n Seguimiento\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"wg-ultra-card wg-ultra-info\">\r\n <div class=\"wg-tech-dot wg-dot-blue\"><\/div>\r\n \r\n <div class=\"wg-info-layout\">\r\n \r\n <div class=\"wg-info-text-area\">\r\n <h3 class=\"wg-ultra-title\" style=\"color: #0f172a; font-size: 1.4rem;\">Solicitud de Informaci\u00f3n P\u00fablica<\/h3>\r\n <ul class=\"wg-num-list\">\r\n <li><span class=\"wg-num\">1.<\/span> Identificaci\u00f3n del solicitante.<\/li>\r\n <li><span class=\"wg-num\">2.<\/span> Identificaci\u00f3n clara y precisa de la informaci\u00f3n solicitada.<\/li>\r\n <li><span class=\"wg-num\">3.<\/span> Llenar el formulario oficial de Informaci\u00f3n P\u00fablica.<\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/sosep.gob.gt\/infopublica\" class=\"wg-btn wg-btn-outline-dark\">\r\n SOLICITUD INFORMACI\u00d3N\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"wg-info-image-area\">\r\n <svg width=\"120\" height=\"140\" viewBox=\"0 0 100 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"15\" y=\"15\" width=\"80\" height=\"100\" rx=\"8\" fill=\"rgba(0,0,0,0.08)\"\/>\r\n <rect x=\"10\" y=\"10\" width=\"80\" height=\"100\" rx=\"8\" fill=\"#1e6091\"\/>\r\n <rect x=\"18\" y=\"25\" width=\"64\" height=\"80\" fill=\"#ffffff\"\/>\r\n <rect x=\"35\" y=\"5\" width=\"30\" height=\"15\" rx=\"4\" fill=\"#cbd5e1\"\/>\r\n <circle cx=\"42\" cy=\"12\" r=\"2\" fill=\"#94a3b8\"\/>\r\n <circle cx=\"58\" cy=\"12\" r=\"2\" fill=\"#94a3b8\"\/>\r\n <rect x=\"25\" y=\"35\" width=\"40\" height=\"3\" fill=\"#cbd5e1\"\/>\r\n <rect x=\"25\" y=\"45\" width=\"50\" height=\"3\" fill=\"#cbd5e1\"\/>\r\n <rect x=\"25\" y=\"55\" width=\"8\" height=\"8\" rx=\"1\" stroke=\"#3b82f6\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <path d=\"M27 59l2 2 3-4\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <rect x=\"25\" y=\"70\" width=\"8\" height=\"8\" rx=\"1\" stroke=\"#3b82f6\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <path d=\"M27 74l2 2 3-4\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <rect x=\"25\" y=\"85\" width=\"8\" height=\"8\" rx=\"1\" stroke=\"#94a3b8\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <rect x=\"38\" y=\"58\" width=\"35\" height=\"2\" fill=\"#e2e8f0\"\/>\r\n <rect x=\"38\" y=\"73\" width=\"30\" height=\"2\" fill=\"#e2e8f0\"\/>\r\n <rect x=\"38\" y=\"88\" width=\"20\" height=\"2\" fill=\"#e2e8f0\"\/>\r\n <path d=\"M70 105 L85 65 L88 66 L73 106 Z\" fill=\"#2563eb\"\/>\r\n <path d=\"M70 105 L68 110 L73 106 Z\" fill=\"#1e3a8a\"\/>\r\n <path d=\"M85 65 L87 60 L90 61 L88 66 Z\" fill=\"#94a3b8\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\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<div class=\"elementor-element elementor-element-3098322 e-flex e-con-boxed e-con e-parent\" data-id=\"3098322\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-734fba4 elementor-widget elementor-widget-html\" data-id=\"734fba4\" 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 SECCI\u00d3N DE PREGUNTAS FRECUENTES (FAQ)\r\n ========================================= *\/\r\n .wg-faq-section {\r\n width: 100%;\r\n margin-top: 50px; \r\n margin-bottom: 40px;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n .wg-faq-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .wg-faq-header h2 {\r\n font-size: 1.8rem;\r\n color: #0f2027; \r\n font-weight: 800;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .wg-faq-header p {\r\n color: #64748b;\r\n font-size: 1rem;\r\n margin: 0;\r\n }\r\n\r\n \/* Contenedor principal del acorde\u00f3n *\/\r\n .wg-faq-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n \/* Estilo de cada caj\u00f3n (pregunta) *\/\r\n .wg-faq-item {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .wg-faq-item:hover {\r\n border-color: #cbd5e1;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n \/* Estilo de la franja clickeable *\/\r\n .wg-faq-item summary {\r\n padding: 20px 25px;\r\n font-weight: 700;\r\n font-size: 1.05rem;\r\n color: #1e293b;\r\n cursor: pointer;\r\n list-style: none; \r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n }\r\n\r\n \/* Ocultar flecha en Safari\/Chrome viejo *\/\r\n .wg-faq-item summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n .wg-faq-item summary:hover {\r\n color: #00c2d1; \r\n background-color: #f8fafc;\r\n }\r\n\r\n \/* El \u00edcono de \"+\" que se convierte en \"x\" *\/\r\n .wg-faq-item summary::after {\r\n content: '+';\r\n font-size: 1.8rem;\r\n font-weight: 400;\r\n color: #00c2d1;\r\n transition: transform 0.3s ease;\r\n line-height: 1;\r\n }\r\n\r\n \/* Cuando el caj\u00f3n est\u00e1 abierto (open) *\/\r\n .wg-faq-item[open] {\r\n border-color: #00c2d1; \r\n }\r\n\r\n .wg-faq-item[open] summary {\r\n border-bottom: 1px solid #f1f5f9;\r\n }\r\n\r\n .wg-faq-item[open] summary::after {\r\n transform: rotate(45deg); \r\n color: #ef4444; \r\n }\r\n\r\n \/* Contenido de la respuesta *\/\r\n .wg-faq-content {\r\n padding: 20px 25px;\r\n color: #475569;\r\n line-height: 1.6;\r\n font-size: 0.95rem;\r\n background-color: #fafafa;\r\n }\r\n<\/style>\r\n\r\n<div class=\"wg-faq-section\">\r\n <div class=\"wg-faq-header\">\r\n <h2>Preguntas Frecuentes<\/h2>\r\n <p>Resuelve tus dudas r\u00e1pidas antes de iniciar tu solicitud<\/p>\r\n <\/div>\r\n\r\n <div class=\"wg-faq-container\">\r\n \r\n <details class=\"wg-faq-item\">\r\n <summary>\u00bfCu\u00e1l es el horario de atenci\u00f3n para la recepci\u00f3n de solicitudes?<\/summary>\r\n <div class=\"wg-faq-content\">\r\n El horario h\u00e1bil para la recepci\u00f3n y tr\u00e1mite de solicitudes es de <strong>lunes a viernes, de 7:00 a.m. a 3:00 p.m.<\/strong> Toda solicitud ingresada fuera de este horario, o durante fines de semana y d\u00edas de asueto, se considerar\u00e1 oficialmente como ingresada a primera hora del siguiente d\u00eda h\u00e1bil.\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-faq-item\">\r\n <summary>\u00bfCu\u00e1les son los requisitos b\u00e1sicos para solicitar Informaci\u00f3n P\u00fablica?<\/summary>\r\n <div class=\"wg-faq-content\">\r\n Para garantizar una b\u00fasqueda \u00e1gil y una respuesta efectiva, tu solicitud debe incluir <strong>datos claros, precisos y detallados<\/strong> sobre la informaci\u00f3n que deseas consultar. Adicionalmente, es indispensable proporcionar la identificaci\u00f3n del solicitante y completar todos los campos requeridos en el formulario oficial.\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-faq-item\">\r\n <summary>\u00bfTiene alg\u00fan costo la solicitud de informaci\u00f3n?<\/summary>\r\n <div class=\"wg-faq-content\">\r\n No. El acceso a la informaci\u00f3n p\u00fablica es totalmente <strong>gratuito<\/strong>. \r\n <\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad2042f e-con-full e-flex e-con e-parent\" data-id=\"ad2042f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a57d974 elementor-widget elementor-widget-html\" data-id=\"a57d974\" 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 SECCI\u00d3N: PROCESO EN 3 PASOS\r\n ========================================= *\/\r\n .wg-process-section {\r\n width: 100%;\r\n margin-top: 50px; \/* Separaci\u00f3n de las tarjetas de arriba *\/\r\n margin-bottom: 40px;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n .wg-process-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .wg-process-header h2 {\r\n font-size: 1.8rem;\r\n color: #0f172a; \/* Azul oscuro institucional *\/\r\n font-weight: 800;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .wg-process-header p {\r\n color: #64748b;\r\n font-size: 1rem;\r\n margin: 0;\r\n }\r\n\r\n \/* Contenedor de la l\u00ednea de tiempo *\/\r\n .wg-timeline {\r\n display: flex;\r\n flex-direction: column; \/* Apilado en m\u00f3vil por defecto *\/\r\n gap: 30px;\r\n position: relative;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Estilos de cada paso *\/\r\n .wg-step {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* El c\u00edrculo con el icono *\/\r\n .wg-step-icon {\r\n width: 65px;\r\n height: 65px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n border: 2px solid #cbd5e1;\r\n color: #64748b;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 16px;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n \/* Efecto Hover tecnol\u00f3gico *\/\r\n .wg-step:hover .wg-step-icon {\r\n border-color: #00c2d1;\r\n color: #00c2d1;\r\n transform: scale(1.15) translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0, 194, 209, 0.2);\r\n }\r\n\r\n \/* Estilo para el Paso 1 (Activo por defecto) *\/\r\n .wg-step.active .wg-step-icon {\r\n background: linear-gradient(135deg, #00c2d1 0%, #008994 100%);\r\n border: none;\r\n color: #ffffff;\r\n box-shadow: 0 8px 20px rgba(0, 194, 209, 0.3);\r\n }\r\n\r\n .wg-step-title {\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n color: #1e293b;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .wg-step-desc {\r\n font-size: 0.95rem;\r\n color: #475569;\r\n line-height: 1.5;\r\n padding: 0 15px;\r\n margin: 0;\r\n }\r\n\r\n \/* =========================================\r\n RESPONSIVE: L\u00cdNEA CONECTORA EN ESCRITORIO\r\n ========================================= *\/\r\n @media (min-width: 768px) {\r\n .wg-timeline {\r\n flex-direction: row; \/* Lado a lado en PC *\/\r\n align-items: flex-start;\r\n gap: 20px;\r\n }\r\n\r\n \/* La l\u00ednea gris que conecta los c\u00edrculos *\/\r\n .wg-timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 32px; \/* Alineado al centro de los iconos *\/\r\n left: 15%;\r\n right: 15%;\r\n height: 2px;\r\n background: #e2e8f0;\r\n z-index: 0;\r\n }\r\n \r\n \/* Peque\u00f1o truco para que la l\u00ednea no pase por encima de los c\u00edrculos *\/\r\n .wg-step-icon {\r\n background: #ffffff; \/* Asegura que tape la l\u00ednea de fondo *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wg-process-section\">\r\n \r\n <div class=\"wg-process-header\">\r\n <h2>\u00bfQu\u00e9 sucede despu\u00e9s de enviar tu solicitud?<\/h2>\r\n <p>Conoce nuestro proceso interno para garantizar tu derecho a la informaci\u00f3n<\/p>\r\n <\/div>\r\n\r\n <div class=\"wg-timeline\">\r\n \r\n <div class=\"wg-step active\">\r\n <div class=\"wg-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"><\/polyline>\r\n <path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"wg-step-title\">1. Recepci\u00f3n<\/h3>\r\n <p class=\"wg-step-desc\">Tu solicitud ingresa al sistema, se le asigna un n\u00famero de seguimiento \u00fanico y se valida que cumpla con los requisitos legales.<\/p>\r\n <\/div>\r\n\r\n <div class=\"wg-step\">\r\n <div class=\"wg-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"wg-step-title\">2. An\u00e1lisis y B\u00fasqueda<\/h3>\r\n <p class=\"wg-step-desc\">El personal canaliza tu requerimiento al departamento correspondiente para localizar y recopilar los datos exactos.<\/p>\r\n <\/div>\r\n\r\n <div class=\"wg-step\">\r\n <div class=\"wg-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"wg-step-title\">3. Resoluci\u00f3n<\/h3>\r\n <p class=\"wg-step-desc\">Se emite la resoluci\u00f3n oficial y se le notificar\u00e1 inmediatamente para proceder con la entrega de la informaci\u00f3n en el formato solicitado.<\/p>\r\n <\/div>\r\n\r\n <\/div>\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","protected":false},"excerpt":{"rendered":"<p>T\u00edtulo Tecnol\u00f3gico Solicitud de Informaci\u00f3n P\u00fablica Solicitud de Informaci\u00f3n Directo a RRHH Accede al portal exclusivo de Recursos Humanos para gestionar constancias, contratos y prestaciones de forma centralizada. Ir a Consultas Seguimiento Solicitud de Informaci\u00f3n P\u00fablica 1. Identificaci\u00f3n del solicitante. 2. Identificaci\u00f3n clara y precisa de la informaci\u00f3n solicitada. 3. Llenar el formulario oficial de […]<\/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-1533","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Solicitud de Informaci\u00f3n P\u00fablica - 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\/solicitud-de-informacion-publica\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solicitud de Informaci\u00f3n P\u00fablica - SOSEP\" \/>\n<meta property=\"og:description\" content=\"T\u00edtulo Tecnol\u00f3gico Solicitud de Informaci\u00f3n P\u00fablica Solicitud de Informaci\u00f3n Directo a RRHH Accede al portal exclusivo de Recursos Humanos para gestionar constancias, contratos y prestaciones de forma centralizada. Ir a Consultas Seguimiento Solicitud de Informaci\u00f3n P\u00fablica 1. Identificaci\u00f3n del solicitante. 2. Identificaci\u00f3n clara y precisa de la informaci\u00f3n solicitada. 3. Llenar el formulario oficial de […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/\" \/>\n<meta property=\"og:site_name\" content=\"SOSEP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-10T16:23:20+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=\"2 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\/solicitud-de-informacion-publica\/\",\"url\":\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/\",\"name\":\"Solicitud de Informaci\u00f3n P\u00fablica - SOSEP\",\"isPartOf\":{\"@id\":\"https:\/\/sosep.gob.gt\/#website\"},\"datePublished\":\"2025-08-21T21:19:18+00:00\",\"dateModified\":\"2026-03-10T16:23:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/sosep.gob.gt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solicitud de Informaci\u00f3n P\u00fablica\"}]},{\"@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":"Solicitud de Informaci\u00f3n P\u00fablica - 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\/solicitud-de-informacion-publica\/","og_locale":"es_ES","og_type":"article","og_title":"Solicitud de Informaci\u00f3n P\u00fablica - SOSEP","og_description":"T\u00edtulo Tecnol\u00f3gico Solicitud de Informaci\u00f3n P\u00fablica Solicitud de Informaci\u00f3n Directo a RRHH Accede al portal exclusivo de Recursos Humanos para gestionar constancias, contratos y prestaciones de forma centralizada. Ir a Consultas Seguimiento Solicitud de Informaci\u00f3n P\u00fablica 1. Identificaci\u00f3n del solicitante. 2. Identificaci\u00f3n clara y precisa de la informaci\u00f3n solicitada. 3. Llenar el formulario oficial de […]","og_url":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/","og_site_name":"SOSEP","article_modified_time":"2026-03-10T16:23:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/","url":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/","name":"Solicitud de Informaci\u00f3n P\u00fablica - SOSEP","isPartOf":{"@id":"https:\/\/sosep.gob.gt\/#website"},"datePublished":"2025-08-21T21:19:18+00:00","dateModified":"2026-03-10T16:23:20+00:00","breadcrumb":{"@id":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/sosep.gob.gt\/"},{"@type":"ListItem","position":2,"name":"Solicitud de Informaci\u00f3n P\u00fablica"}]},{"@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\/1533","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=1533"}],"version-history":[{"count":103,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/1533\/revisions"}],"predecessor-version":[{"id":7026,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/1533\/revisions\/7026"}],"wp:attachment":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/media?parent=1533"}],"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>Solicitud de Informaci\u00f3n P\u00fablica<\/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-5ec33bf e-con-full e-flex e-con e-parent\" data-id=\"5ec33bf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b25a5e2 elementor-widget elementor-widget-html\" data-id=\"b25a5e2\" 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 PRINCIPAL\r\n ========================================= *\/\r\n .wg-ultra-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n width: 100%;\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 ESTILOS BASE DE TARJETAS\r\n ========================================= *\/\r\n .wg-ultra-card {\r\n position: relative;\r\n border-radius: 20px;\r\n padding: 35px;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 1;\r\n }\r\n\r\n .wg-ultra-card:hover {\r\n transform: translateY(-8px);\r\n }\r\n\r\n \/* Puntos de estado parpadeantes (Tech Dots) *\/\r\n .wg-tech-dot {\r\n position: absolute;\r\n top: 25px;\r\n right: 25px;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n z-index: 10;\r\n }\r\n\r\n .wg-tech-dot::after {\r\n content: '';\r\n position: absolute;\r\n top: -5px; right: -5px; bottom: -5px; left: -5px;\r\n border-radius: 50%;\r\n animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\r\n }\r\n\r\n @keyframes pulse-ring {\r\n 0% { transform: scale(0.5); opacity: 1; }\r\n 100% { transform: scale(1.5); opacity: 0; }\r\n }\r\n\r\n \/* =========================================\r\n TARJETA 1: RRHH (Fondo limpio, alto contraste)\r\n ========================================= *\/\r\n .wg-ultra-rrhh {\r\n \/* Gradiente moderno sin cuadr\u00edcula *\/\r\n background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);\r\n box-shadow: 0 15px 35px rgba(32, 58, 67, 0.4);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n justify-content: center;\r\n }\r\n\r\n .wg-ultra-rrhh:hover {\r\n box-shadow: 0 20px 45px rgba(32, 58, 67, 0.6);\r\n border-color: rgba(0, 212, 255, 0.4);\r\n }\r\n\r\n .wg-dot-green {\r\n background-color: #00ff66;\r\n box-shadow: 0 0 10px #00ff66;\r\n }\r\n .wg-dot-green::after { border: 1px solid #00ff66; }\r\n\r\n .wg-ultra-rrhh .wg-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n \/* Ajustes de contraste para los textos de RRHH *\/\r\n .wg-ultra-rrhh .wg-ultra-title {\r\n color: #ffffff !important; \r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); \/* Sombra para que resalte *\/\r\n font-weight: 900;\r\n }\r\n\r\n .wg-ultra-rrhh .wg-ultra-desc {\r\n color: #f1f5f9; \/* Blanco suave *\/\r\n font-weight: 400;\r\n }\r\n\r\n \/* =========================================\r\n TARJETA 2: INFO P\u00daBLICA (Borde definido)\r\n ========================================= *\/\r\n .wg-ultra-info {\r\n background: #ffffff;\r\n color: #1a1a1a;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n \/* Borde m\u00e1s grueso y oscuro para que se distinga del fondo de la web *\/\r\n border: 2px solid #cbd5e1; \r\n }\r\n\r\n .wg-ultra-info:hover {\r\n box-shadow: 0 20px 45px rgba(59, 130, 246, 0.15);\r\n border-color: #94a3b8;\r\n }\r\n\r\n .wg-dot-blue {\r\n background-color: #3b82f6;\r\n box-shadow: 0 0 10px #3b82f6;\r\n }\r\n .wg-dot-blue::after { border: 1px solid #3b82f6; }\r\n\r\n \/* Layout interno tarjeta 2 *\/\r\n .wg-info-layout {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n height: 100%;\r\n }\r\n\r\n .wg-info-text-area {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .wg-info-image-area {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n }\r\n\r\n \/* =========================================\r\n TIPOGRAF\u00cdA Y LISTAS\r\n ========================================= *\/\r\n .wg-ultra-title {\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n margin: 0 0 10px 0;\r\n line-height: 1.2;\r\n }\r\n\r\n .wg-ultra-desc {\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin: 0 0 25px 0;\r\n opacity: 0.9;\r\n }\r\n\r\n .wg-num-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 25px 0;\r\n }\r\n\r\n .wg-num-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 16px;\r\n font-size: 0.95rem;\r\n color: #334155;\r\n line-height: 1.4;\r\n }\r\n\r\n .wg-num-list .wg-num {\r\n background: #eff6ff;\r\n color: #1e3a8a;\r\n font-weight: 800;\r\n min-width: 26px;\r\n height: 26px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 6px;\r\n margin-right: 12px;\r\n font-size: 0.85rem;\r\n }\r\n\r\n \/* =========================================\r\n BOTONES Y GRUPOS DE BOTONES\r\n ========================================= *\/\r\n .wg-btn-group {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap; \/* Permite que los botones bajen de l\u00ednea en pantallas muy peque\u00f1as *\/\r\n margin-top: 10px;\r\n }\r\n\r\n .wg-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 14px 28px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n text-decoration: none !important;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n width: max-content;\r\n }\r\n\r\n .wg-btn svg {\r\n margin-left: 8px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .wg-btn:hover svg {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* Bot\u00f3n Neon Turquesa *\/\r\n .wg-btn-cyan {\r\n background: #00d4ff;\r\n color: #003a4d !important;\r\n box-shadow: 0 0 20px rgba(0, 212, 255, 0.4);\r\n border: none;\r\n }\r\n\r\n .wg-btn-cyan:hover {\r\n background: #33ddff;\r\n box-shadow: 0 0 30px rgba(0, 212, 255, 0.6);\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Bot\u00f3n Secundario Transparente (Para RRHH) *\/\r\n .wg-btn-outline-light {\r\n background: transparent;\r\n color: #ffffff !important;\r\n border: 2px solid rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .wg-btn-outline-light:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-color: #ffffff;\r\n }\r\n\r\n \/* Bot\u00f3n Outline Oscuro (Para Info P\u00fablica) *\/\r\n .wg-btn-outline-dark {\r\n background: transparent;\r\n color: #0f172a !important;\r\n border: 2px solid #0f172a;\r\n }\r\n\r\n .wg-btn-outline-dark:hover {\r\n background: #0f172a;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* =========================================\r\n RESPONSIVE (Escritorio)\r\n ========================================= *\/\r\n @media (min-width: 900px) {\r\n .wg-ultra-container {\r\n flex-direction: row;\r\n align-items: stretch;\r\n }\r\n .wg-ultra-card {\r\n flex: 1; \r\n }\r\n .wg-info-layout {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n .wg-info-text-area {\r\n flex: 1.5;\r\n }\r\n .wg-info-image-area {\r\n flex: 1;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wg-ultra-container\">\r\n\r\n <div class=\"wg-ultra-card wg-ultra-rrhh\">\r\n <div class=\"wg-tech-dot wg-dot-green\"><\/div>\r\n \r\n <div class=\"wg-icon-box\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"wg-ultra-title\">Solicitud de Informaci\u00f3n Directo a RRHH<\/h3>\r\n <p class=\"wg-ultra-desc\">Accede al portal exclusivo de Recursos Humanos para gestionar constancias, contratos y prestaciones de forma centralizada.<\/p>\r\n \r\n <div class=\"wg-btn-group\">\r\n <a href=\"https:\/\/sosep.gob.gt\/rrhh\" class=\"wg-btn wg-btn-cyan\">\r\n Ir a Consultas\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n <\/a>\r\n \r\n <a href=\"#\" class=\"wg-btn wg-btn-outline-light\">\r\n Seguimiento\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"wg-ultra-card wg-ultra-info\">\r\n <div class=\"wg-tech-dot wg-dot-blue\"><\/div>\r\n \r\n <div class=\"wg-info-layout\">\r\n \r\n <div class=\"wg-info-text-area\">\r\n <h3 class=\"wg-ultra-title\" style=\"color: #0f172a; font-size: 1.4rem;\">Solicitud de Informaci\u00f3n P\u00fablica<\/h3>\r\n <ul class=\"wg-num-list\">\r\n <li><span class=\"wg-num\">1.<\/span> Identificaci\u00f3n del solicitante.<\/li>\r\n <li><span class=\"wg-num\">2.<\/span> Identificaci\u00f3n clara y precisa de la informaci\u00f3n solicitada.<\/li>\r\n <li><span class=\"wg-num\">3.<\/span> Llenar el formulario oficial de Informaci\u00f3n P\u00fablica.<\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/sosep.gob.gt\/infopublica\" class=\"wg-btn wg-btn-outline-dark\">\r\n SOLICITUD INFORMACI\u00d3N\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"wg-info-image-area\">\r\n <svg width=\"120\" height=\"140\" viewBox=\"0 0 100 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"15\" y=\"15\" width=\"80\" height=\"100\" rx=\"8\" fill=\"rgba(0,0,0,0.08)\"\/>\r\n <rect x=\"10\" y=\"10\" width=\"80\" height=\"100\" rx=\"8\" fill=\"#1e6091\"\/>\r\n <rect x=\"18\" y=\"25\" width=\"64\" height=\"80\" fill=\"#ffffff\"\/>\r\n <rect x=\"35\" y=\"5\" width=\"30\" height=\"15\" rx=\"4\" fill=\"#cbd5e1\"\/>\r\n <circle cx=\"42\" cy=\"12\" r=\"2\" fill=\"#94a3b8\"\/>\r\n <circle cx=\"58\" cy=\"12\" r=\"2\" fill=\"#94a3b8\"\/>\r\n <rect x=\"25\" y=\"35\" width=\"40\" height=\"3\" fill=\"#cbd5e1\"\/>\r\n <rect x=\"25\" y=\"45\" width=\"50\" height=\"3\" fill=\"#cbd5e1\"\/>\r\n <rect x=\"25\" y=\"55\" width=\"8\" height=\"8\" rx=\"1\" stroke=\"#3b82f6\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <path d=\"M27 59l2 2 3-4\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <rect x=\"25\" y=\"70\" width=\"8\" height=\"8\" rx=\"1\" stroke=\"#3b82f6\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <path d=\"M27 74l2 2 3-4\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <rect x=\"25\" y=\"85\" width=\"8\" height=\"8\" rx=\"1\" stroke=\"#94a3b8\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <rect x=\"38\" y=\"58\" width=\"35\" height=\"2\" fill=\"#e2e8f0\"\/>\r\n <rect x=\"38\" y=\"73\" width=\"30\" height=\"2\" fill=\"#e2e8f0\"\/>\r\n <rect x=\"38\" y=\"88\" width=\"20\" height=\"2\" fill=\"#e2e8f0\"\/>\r\n <path d=\"M70 105 L85 65 L88 66 L73 106 Z\" fill=\"#2563eb\"\/>\r\n <path d=\"M70 105 L68 110 L73 106 Z\" fill=\"#1e3a8a\"\/>\r\n <path d=\"M85 65 L87 60 L90 61 L88 66 Z\" fill=\"#94a3b8\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\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<div class=\"elementor-element elementor-element-3098322 e-flex e-con-boxed e-con e-parent\" data-id=\"3098322\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-734fba4 elementor-widget elementor-widget-html\" data-id=\"734fba4\" 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 SECCI\u00d3N DE PREGUNTAS FRECUENTES (FAQ)\r\n ========================================= *\/\r\n .wg-faq-section {\r\n width: 100%;\r\n margin-top: 50px; \r\n margin-bottom: 40px;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n .wg-faq-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .wg-faq-header h2 {\r\n font-size: 1.8rem;\r\n color: #0f2027; \r\n font-weight: 800;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .wg-faq-header p {\r\n color: #64748b;\r\n font-size: 1rem;\r\n margin: 0;\r\n }\r\n\r\n \/* Contenedor principal del acorde\u00f3n *\/\r\n .wg-faq-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n \/* Estilo de cada caj\u00f3n (pregunta) *\/\r\n .wg-faq-item {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .wg-faq-item:hover {\r\n border-color: #cbd5e1;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n \/* Estilo de la franja clickeable *\/\r\n .wg-faq-item summary {\r\n padding: 20px 25px;\r\n font-weight: 700;\r\n font-size: 1.05rem;\r\n color: #1e293b;\r\n cursor: pointer;\r\n list-style: none; \r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n }\r\n\r\n \/* Ocultar flecha en Safari\/Chrome viejo *\/\r\n .wg-faq-item summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n .wg-faq-item summary:hover {\r\n color: #00c2d1; \r\n background-color: #f8fafc;\r\n }\r\n\r\n \/* El \u00edcono de \"+\" que se convierte en \"x\" *\/\r\n .wg-faq-item summary::after {\r\n content: '+';\r\n font-size: 1.8rem;\r\n font-weight: 400;\r\n color: #00c2d1;\r\n transition: transform 0.3s ease;\r\n line-height: 1;\r\n }\r\n\r\n \/* Cuando el caj\u00f3n est\u00e1 abierto (open) *\/\r\n .wg-faq-item[open] {\r\n border-color: #00c2d1; \r\n }\r\n\r\n .wg-faq-item[open] summary {\r\n border-bottom: 1px solid #f1f5f9;\r\n }\r\n\r\n .wg-faq-item[open] summary::after {\r\n transform: rotate(45deg); \r\n color: #ef4444; \r\n }\r\n\r\n \/* Contenido de la respuesta *\/\r\n .wg-faq-content {\r\n padding: 20px 25px;\r\n color: #475569;\r\n line-height: 1.6;\r\n font-size: 0.95rem;\r\n background-color: #fafafa;\r\n }\r\n<\/style>\r\n\r\n<div class=\"wg-faq-section\">\r\n <div class=\"wg-faq-header\">\r\n <h2>Preguntas Frecuentes<\/h2>\r\n <p>Resuelve tus dudas r\u00e1pidas antes de iniciar tu solicitud<\/p>\r\n <\/div>\r\n\r\n <div class=\"wg-faq-container\">\r\n \r\n <details class=\"wg-faq-item\">\r\n <summary>\u00bfCu\u00e1l es el horario de atenci\u00f3n para la recepci\u00f3n de solicitudes?<\/summary>\r\n <div class=\"wg-faq-content\">\r\n El horario h\u00e1bil para la recepci\u00f3n y tr\u00e1mite de solicitudes es de <strong>lunes a viernes, de 7:00 a.m. a 3:00 p.m.<\/strong> Toda solicitud ingresada fuera de este horario, o durante fines de semana y d\u00edas de asueto, se considerar\u00e1 oficialmente como ingresada a primera hora del siguiente d\u00eda h\u00e1bil.\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-faq-item\">\r\n <summary>\u00bfCu\u00e1les son los requisitos b\u00e1sicos para solicitar Informaci\u00f3n P\u00fablica?<\/summary>\r\n <div class=\"wg-faq-content\">\r\n Para garantizar una b\u00fasqueda \u00e1gil y una respuesta efectiva, tu solicitud debe incluir <strong>datos claros, precisos y detallados<\/strong> sobre la informaci\u00f3n que deseas consultar. Adicionalmente, es indispensable proporcionar la identificaci\u00f3n del solicitante y completar todos los campos requeridos en el formulario oficial.\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"wg-faq-item\">\r\n <summary>\u00bfTiene alg\u00fan costo la solicitud de informaci\u00f3n?<\/summary>\r\n <div class=\"wg-faq-content\">\r\n No. El acceso a la informaci\u00f3n p\u00fablica es totalmente <strong>gratuito<\/strong>. \r\n <\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad2042f e-con-full e-flex e-con e-parent\" data-id=\"ad2042f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a57d974 elementor-widget elementor-widget-html\" data-id=\"a57d974\" 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 SECCI\u00d3N: PROCESO EN 3 PASOS\r\n ========================================= *\/\r\n .wg-process-section {\r\n width: 100%;\r\n margin-top: 50px; \/* Separaci\u00f3n de las tarjetas de arriba *\/\r\n margin-bottom: 40px;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n .wg-process-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .wg-process-header h2 {\r\n font-size: 1.8rem;\r\n color: #0f172a; \/* Azul oscuro institucional *\/\r\n font-weight: 800;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .wg-process-header p {\r\n color: #64748b;\r\n font-size: 1rem;\r\n margin: 0;\r\n }\r\n\r\n \/* Contenedor de la l\u00ednea de tiempo *\/\r\n .wg-timeline {\r\n display: flex;\r\n flex-direction: column; \/* Apilado en m\u00f3vil por defecto *\/\r\n gap: 30px;\r\n position: relative;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Estilos de cada paso *\/\r\n .wg-step {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* El c\u00edrculo con el icono *\/\r\n .wg-step-icon {\r\n width: 65px;\r\n height: 65px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n border: 2px solid #cbd5e1;\r\n color: #64748b;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 16px;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n \/* Efecto Hover tecnol\u00f3gico *\/\r\n .wg-step:hover .wg-step-icon {\r\n border-color: #00c2d1;\r\n color: #00c2d1;\r\n transform: scale(1.15) translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0, 194, 209, 0.2);\r\n }\r\n\r\n \/* Estilo para el Paso 1 (Activo por defecto) *\/\r\n .wg-step.active .wg-step-icon {\r\n background: linear-gradient(135deg, #00c2d1 0%, #008994 100%);\r\n border: none;\r\n color: #ffffff;\r\n box-shadow: 0 8px 20px rgba(0, 194, 209, 0.3);\r\n }\r\n\r\n .wg-step-title {\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n color: #1e293b;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .wg-step-desc {\r\n font-size: 0.95rem;\r\n color: #475569;\r\n line-height: 1.5;\r\n padding: 0 15px;\r\n margin: 0;\r\n }\r\n\r\n \/* =========================================\r\n RESPONSIVE: L\u00cdNEA CONECTORA EN ESCRITORIO\r\n ========================================= *\/\r\n @media (min-width: 768px) {\r\n .wg-timeline {\r\n flex-direction: row; \/* Lado a lado en PC *\/\r\n align-items: flex-start;\r\n gap: 20px;\r\n }\r\n\r\n \/* La l\u00ednea gris que conecta los c\u00edrculos *\/\r\n .wg-timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 32px; \/* Alineado al centro de los iconos *\/\r\n left: 15%;\r\n right: 15%;\r\n height: 2px;\r\n background: #e2e8f0;\r\n z-index: 0;\r\n }\r\n \r\n \/* Peque\u00f1o truco para que la l\u00ednea no pase por encima de los c\u00edrculos *\/\r\n .wg-step-icon {\r\n background: #ffffff; \/* Asegura que tape la l\u00ednea de fondo *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wg-process-section\">\r\n \r\n <div class=\"wg-process-header\">\r\n <h2>\u00bfQu\u00e9 sucede despu\u00e9s de enviar tu solicitud?<\/h2>\r\n <p>Conoce nuestro proceso interno para garantizar tu derecho a la informaci\u00f3n<\/p>\r\n <\/div>\r\n\r\n <div class=\"wg-timeline\">\r\n \r\n <div class=\"wg-step active\">\r\n <div class=\"wg-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"><\/polyline>\r\n <path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"wg-step-title\">1. Recepci\u00f3n<\/h3>\r\n <p class=\"wg-step-desc\">Tu solicitud ingresa al sistema, se le asigna un n\u00famero de seguimiento \u00fanico y se valida que cumpla con los requisitos legales.<\/p>\r\n <\/div>\r\n\r\n <div class=\"wg-step\">\r\n <div class=\"wg-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"wg-step-title\">2. An\u00e1lisis y B\u00fasqueda<\/h3>\r\n <p class=\"wg-step-desc\">El personal canaliza tu requerimiento al departamento correspondiente para localizar y recopilar los datos exactos.<\/p>\r\n <\/div>\r\n\r\n <div class=\"wg-step\">\r\n <div class=\"wg-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"wg-step-title\">3. Resoluci\u00f3n<\/h3>\r\n <p class=\"wg-step-desc\">Se emite la resoluci\u00f3n oficial y se le notificar\u00e1 inmediatamente para proceder con la entrega de la informaci\u00f3n en el formato solicitado.<\/p>\r\n <\/div>\r\n\r\n <\/div>\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","protected":false},"excerpt":{"rendered":"<p>T\u00edtulo Tecnol\u00f3gico Solicitud de Informaci\u00f3n P\u00fablica Solicitud de Informaci\u00f3n Directo a RRHH Accede al portal exclusivo de Recursos Humanos para gestionar constancias, contratos y prestaciones de forma centralizada. Ir a Consultas Seguimiento Solicitud de Informaci\u00f3n P\u00fablica 1. Identificaci\u00f3n del solicitante. 2. Identificaci\u00f3n clara y precisa de la informaci\u00f3n solicitada. 3. Llenar el formulario oficial de […]<\/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-1533","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Solicitud de Informaci\u00f3n P\u00fablica - 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\/solicitud-de-informacion-publica\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solicitud de Informaci\u00f3n P\u00fablica - SOSEP\" \/>\n<meta property=\"og:description\" content=\"T\u00edtulo Tecnol\u00f3gico Solicitud de Informaci\u00f3n P\u00fablica Solicitud de Informaci\u00f3n Directo a RRHH Accede al portal exclusivo de Recursos Humanos para gestionar constancias, contratos y prestaciones de forma centralizada. Ir a Consultas Seguimiento Solicitud de Informaci\u00f3n P\u00fablica 1. Identificaci\u00f3n del solicitante. 2. Identificaci\u00f3n clara y precisa de la informaci\u00f3n solicitada. 3. Llenar el formulario oficial de […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/\" \/>\n<meta property=\"og:site_name\" content=\"SOSEP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-10T16:23:20+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=\"2 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\/solicitud-de-informacion-publica\/\",\"url\":\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/\",\"name\":\"Solicitud de Informaci\u00f3n P\u00fablica - SOSEP\",\"isPartOf\":{\"@id\":\"https:\/\/sosep.gob.gt\/#website\"},\"datePublished\":\"2025-08-21T21:19:18+00:00\",\"dateModified\":\"2026-03-10T16:23:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/sosep.gob.gt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solicitud de Informaci\u00f3n P\u00fablica\"}]},{\"@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":"Solicitud de Informaci\u00f3n P\u00fablica - 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\/solicitud-de-informacion-publica\/","og_locale":"es_ES","og_type":"article","og_title":"Solicitud de Informaci\u00f3n P\u00fablica - SOSEP","og_description":"T\u00edtulo Tecnol\u00f3gico Solicitud de Informaci\u00f3n P\u00fablica Solicitud de Informaci\u00f3n Directo a RRHH Accede al portal exclusivo de Recursos Humanos para gestionar constancias, contratos y prestaciones de forma centralizada. Ir a Consultas Seguimiento Solicitud de Informaci\u00f3n P\u00fablica 1. Identificaci\u00f3n del solicitante. 2. Identificaci\u00f3n clara y precisa de la informaci\u00f3n solicitada. 3. Llenar el formulario oficial de […]","og_url":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/","og_site_name":"SOSEP","article_modified_time":"2026-03-10T16:23:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/","url":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/","name":"Solicitud de Informaci\u00f3n P\u00fablica - SOSEP","isPartOf":{"@id":"https:\/\/sosep.gob.gt\/#website"},"datePublished":"2025-08-21T21:19:18+00:00","dateModified":"2026-03-10T16:23:20+00:00","breadcrumb":{"@id":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sosep.gob.gt\/index.php\/solicitud-de-informacion-publica\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/sosep.gob.gt\/"},{"@type":"ListItem","position":2,"name":"Solicitud de Informaci\u00f3n P\u00fablica"}]},{"@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\/1533","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=1533"}],"version-history":[{"count":103,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/1533\/revisions"}],"predecessor-version":[{"id":7026,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/1533\/revisions\/7026"}],"wp:attachment":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/media?parent=1533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}