{"id":102,"date":"2022-06-13T12:03:45","date_gmt":"2022-06-13T17:03:45","guid":{"rendered":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/?page_id=102"},"modified":"2026-04-29T18:38:31","modified_gmt":"2026-04-30T00:38:31","slug":"unidad-de-genero","status":"publish","type":"page","link":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9517baca wp-block-group-is-layout-constrained\">\n    <style>\n        \/* Variable CSS para la altura din\u00e1mica *\/\n        :root { --sk-img-height: 600px; }\n\n        .sk-img-wrapper { \n            position: relative; \n            width: 100%; \n            max-width: 1400px; \n            height: var(--sk-img-height); \n            margin: 20px auto; \n            overflow: hidden; \n            background: #000; \n            border-radius: 8px; \n            font-family: sans-serif; \n            touch-action: pan-y; \/* Permite scroll vertical pero captura el horizontal *\/\n        }\n\n        .sk-img-slide { \n            position: absolute; \n            top: 0; \n            left: 0; \n            width: 100%; \n            height: 100%; \n            opacity: 0; \n            transition: opacity 0.8s ease-in-out; \n            z-index: 1; \n        }\n\n        .sk-img-slide.active { \n            opacity: 1; \n            z-index: 2; \n        }\n\n        .sk-img-slide img { \n            width: 100% !important; \n            height: 100% !important; \n            object-fit: cover !important; \n            display: block !important; \n        }\n\n        \/* 1. Refuerzo del degradado (Overlay) *\/\n.sk-img-overlay { \n    position: absolute; \n    bottom: 0; \n    left: 0; \n    right: 0; \n    \/* Degradado m\u00e1s oscuro y alto para proteger el texto *\/\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 60%, transparent 100%); \n    color: #fff; \n    padding: 80px 40px 50px; \n    z-index: 3; \n    pointer-events: none;\n}\n\t\n\t\/* 2. Sombra en el T\u00edtulo *\/\n.sk-img-title { \n    margin: 0 0 10px; \n    font-size: 28px; \n    font-weight: bold; \n    line-height: 1.2;\n    \/* Sombra t\u00e9cnica: \"borde\" invisible que separa la letra del fondo *\/\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.8), 0px 0px 10px rgba(0,0,0,0.5);\n}\n\n\/* 3. Sombra y habilitaci\u00f3n de clics en Descripci\u00f3n *\/\n.sk-img-desc { \n    font-size: 16px; \n    line-height: 1.5; \n    opacity: 1; \/* M\u00e1xima opacidad para las letras *\/\n    pointer-events: auto; \n    \/* Sombra suave para lectura fluida *\/\n    text-shadow: 1px 1px 3px rgba(0,0,0,0.9);\n}\n\n\/* 4. Resaltado de Enlaces *\/\n.sk-img-desc a { \n    color: #5dcaff !important; \/* Un azul ligeramente m\u00e1s claro para contraste *\/\n    text-decoration: underline !important; \n    font-weight: bold;\n    text-shadow: none; \/* Limpiamos sombra en links para nitidez *\/\n}\n\n\t\/* caja de fondo en lugar de degradado general *\/\n.sk-img-title, .sk-img-desc {\n    background: rgba(0, 0, 0, 0.4);\n    display: inline-block; \/* O 'table' para que la caja se ajuste al texto *\/\n    padding: 5px 10px;\n    border-radius: 4px;\n}\n\t\n\t\n\n     \/* Navegaci\u00f3n (Flechas) Mejorada para Alto Contraste *\/\n.sk-img-nav { \n    position: absolute; \n    top: 50%; \n    transform: translateY(-50%); \n    \/* 1. Fondo circular m\u00e1s oscuro y definido (rgba negro al 50%) *\/\n    background-color: rgba(0,0,0,0.5) !important; \n    color: #ffffff !important; \/* Flecha blanca pura *\/\n    width: 50px; \/* Ligeramente m\u00e1s grandes para facilitar el clic *\/\n    height: 50px; \n    border-radius: 50%; \n    cursor: pointer; \n    z-index: 15; \/* Asegura estar por encima del overlay de texto *\/\n    font-size: 24px; \/* Flecha m\u00e1s grande *\/\n    transition: all 0.3s ease; \n    display: flex; \n    align-items: center; \n    justify-content: center;\n    border: 2px solid rgba(255,255,255,0.2); \/* 2. Borde sutil blanco para definir el c\u00edrculo sobre fondos oscuros *\/\n    \n    \/* 3. Sombra de texto para la flecha (crea un contorno oscuro si el fondo circular fallara) *\/\n    text-shadow: 0px 0px 5px rgba(0,0,0,0.8);\n    \n    \/* Limpieza de estilos por defecto de botones *\/\n    padding: 0;\n    margin: 0;\n    outline: none;\n}\n\t\/* Efecto Hover Mejorado *\/\n.sk-img-nav:hover { \n    background-color: rgba(0,0,0,0.8) !important; \/* Se oscurece m\u00e1s al pasar el mouse *\/\n    transform: translateY(-50%) scale(1.1); \/* Efecto de aumento sutil *\/\n    border-color: rgba(255,255,255,0.8); \/* El borde se ilumina *\/\n}\n\n\/* Posiciones espec\u00edficas (se mantienen igual) *\/\n.sk-img-prev { left: 20px; }\n.sk-img-next { right: 20px; }\n\t\n\t\n\t        \n\n        \/* Puntos (Dots) *\/\n        .sk-img-dots { \n            position: absolute; \n            bottom: 15px; \n            left: 50%; \n            transform: translateX(-50%); \n            display: flex; \n            gap: 10px; \n            z-index: 20; \n        }\n        .sk-img-dot { \n            width: 12px; \n            height: 12px; \n            border-radius: 50%; \n            background: rgba(255,255,255,0.4); \n            border: none; \n            cursor: pointer; \n            transition: 0.3s; \n            padding: 0; \n        }\n        .sk-img-dot.active { \n            background: #fff; \n            transform: scale(1.2); \n            box-shadow: 0 0 8px rgba(255,255,255,0.8); \n        }\n    <\/style>\n\n    <div class=\"sk-img-wrapper\" id=\"skImgComp\" onmouseenter=\"pauSk()\" onmouseleave=\"resSk()\">\n        <div class=\"sk-slides-container\">\n                            <div class=\"sk-img-slide active\">\n                    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2026\/04\/Lactancia.jpg\" alt=\"\">\n                                            <div class=\"sk-img-overlay\">\n                                                        <div class=\"sk-img-desc\"><p>Para m\u00e1s informaci\u00f3n, visita <a href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/material-informativo\/lactancia\/\">Lactancia<\/a><\/p>\n<\/div>                        <\/div>\n                                    <\/div>\n                            <div class=\"sk-img-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2026\/04\/Aborto-seguro.jpg\" alt=\"\">\n                                            <div class=\"sk-img-overlay\">\n                                                        <div class=\"sk-img-desc\"><p>Para m\u00e1s informaci\u00f3n, visita <a href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/aborto-seguro\/\">\u00bfQu\u00e9 es el Aborto Seguro? <\/a><\/p>\n<\/div>                        <\/div>\n                                    <\/div>\n                            <div class=\"sk-img-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2026\/04\/Violencia-de-genero.jpg\" alt=\"\">\n                                            <div class=\"sk-img-overlay\">\n                                                        <div class=\"sk-img-desc\"><p>Para m\u00e1s informaci\u00f3n, visita <a href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/material-informativo\/alerta-de-violencia-de-genero-contra-las-mujeres-en-veracruz\/\">Alerta de Violencia de G\u00e9nero contra las Mujeres en Veracruz<\/a><\/p>\n<\/div>                        <\/div>\n                                    <\/div>\n                            <div class=\"sk-img-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2026\/04\/bnr_slider_PronunciamientoUG.jpg\" alt=\"\">\n                                            <div class=\"sk-img-overlay\">\n                                                        <div class=\"sk-img-desc\"><p>Para m\u00e1s informaci\u00f3n, visita el <a href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/pronunciamiento-cero-tolerancia-al-hostigamiento-sexual-y-acoso-sexual\/\">Pronunciamiento Cero Tolerancia al Hostigamiento Sexual y Acoso Sexual<\/a><\/p>\n<\/div>                        <\/div>\n                                    <\/div>\n                    <\/div>\n\n        <button class=\"sk-img-nav\" style=\"left:20px\" onclick=\"skIMan(-1)\">\u276e<\/button>\n        <button class=\"sk-img-nav\" style=\"right:20px\" onclick=\"skIMan(1)\">\u276f<\/button>\n\n        <div class=\"sk-img-dots\">\n                            <button class=\"sk-img-dot active\" onclick=\"skIJump(0)\"><\/button>\n                            <button class=\"sk-img-dot \" onclick=\"skIJump(1)\"><\/button>\n                            <button class=\"sk-img-dot \" onclick=\"skIJump(2)\"><\/button>\n                            <button class=\"sk-img-dot \" onclick=\"skIJump(3)\"><\/button>\n                    <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const container = document.getElementById('skImgComp');\n            const slides = container.querySelectorAll('.sk-img-slide');\n            const dots = container.querySelectorAll('.sk-img-dot');\n            let current = 0;\n            let timer;\n            let isPaused = false;\n\n            function updateUI(index) {\n                slides[current].classList.remove('active');\n                dots[current].classList.remove('active');\n                current = (index + slides.length) % slides.length;\n                slides[current].classList.add('active');\n                dots[current].classList.add('active');\n            }\n\n            function startTimer() {\n                timer = setInterval(() => {\n                    if (!isPaused) updateUI(current + 1);\n                }, 5000);\n            }\n\n            window.skIMan = (dir) => { clearInterval(timer); updateUI(current + dir); startTimer(); };\n            window.skIJump = (idx) => { clearInterval(timer); updateUI(idx); startTimer(); };\n            window.pauSk = () => { isPaused = true; };\n            window.resSk = () => { isPaused = false; };\n\n            \/\/ Soporte T\u00e1ctil (Swipe)\n            let touchStartX = 0;\n            container.addEventListener('touchstart', e => { touchStartX = e.changedTouches[0].screenX; }, {passive: true});\n            container.addEventListener('touchend', e => {\n                let touchEndX = e.changedTouches[0].screenX;\n                if (touchStartX - touchEndX > 50) skIMan(1); \/\/ Deslizar a la izquierda (siguiente)\n                if (touchEndX - touchStartX > 50) skIMan(-1); \/\/ Deslizar a la derecha (anterior)\n            }, {passive: true});\n\n            startTimer();\n        })();\n    <\/script>\n    \n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-background has-custom-font-size wp-element-button\" href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/que-es-la-unidad-de-genero\/\" style=\"background-color:#84328e;font-size:22px\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u00bfQu\u00e9 es la Unidad de G\u00e9nero?<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-cover aligncenter is-light\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:0;padding-bottom:0;min-height:280px;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-3404 size-full\" alt=\"\" src=\"https:\/\/www.ssaver.gob.mx\/funcionario\/wp-content\/uploads\/sites\/3\/2025\/07\/Textura-varias_page-0003-1.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#efedea\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-container-core-cover-is-layout-67136148 wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9517baca wp-block-group-is-layout-constrained\">\n<hr class=\"wp-block-separator aligncenter has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"margin-top:0;margin-bottom:0;background-color:#dac195;color:#dac195\"\/>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color has-large-font-size wp-elements-bef8e9fb539b02b6feb9565ab95de85c\" style=\"color:#7a1737;margin-top:0;margin-bottom:0\"><strong>SECCIONES<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"margin-top:0;margin-bottom:0;background-color:#dac195;color:#dac195\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cbe57604 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/marco-normativo\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"banner-container\">\n  <div class=\"banner-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2025\/10\/marco_normativo_1.png\" class=\"base\" alt=\"Bot\u00f3n para abrir sitio Marco Normativo\">\n    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2025\/10\/marco_normativo_2.png\" class=\"hover\" alt=\"\">\n  <\/div>\n  <div class=\"banner-right\">\n    <span style=\"font-size: 12px;font-weight: bold\">MARCO<br>NORMATIVO<\/span>\n  <\/div>\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/programa-anual-de-trabajo\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"banner-container\">\n  <div class=\"banner-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2025\/10\/p-anual_trabajo_1.png\" class=\"base\" alt=\"Bot\u00f3n para abrir Programa Anual de Trabajo\">\n    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2025\/10\/p_anual_trabajo_2.png\" class=\"hover\" alt=\"\">\n  <\/div>\n  <div class=\"banner-right\">\n    <span style=\"font-size: 12px;font-weight: bold\">PROGRAMA ANUAL<br>DE TRABAJO<\/span>\n  <\/div>\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/material-informativo\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"banner-container\">\n  <div class=\"banner-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2025\/10\/material_i_1.png\" class=\"base\" alt=\"Bot\u00f3n para abrir sitio Material Informativo\">\n    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2025\/10\/material_i_2.png\" class=\"hover\" alt=\"\">\n  <\/div>\n  <div class=\"banner-right\">\n    <span style=\"font-size: 12px;font-weight: bold\">MATERIAL<br>INFORMATIVO<\/span>\n  <\/div>\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a href=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/indicadores-y-resultados\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"banner-container\">\n  <div class=\"banner-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2025\/10\/i_resultados_1.png\" class=\"base\" alt=\"Bot\u00f3n para abrir sitio Indicadores y Resultados\">\n    <img decoding=\"async\" src=\"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-content\/uploads\/sites\/21\/2025\/10\/i_resultados_2.png\" class=\"hover\" alt=\"\">\n  <\/div>\n  <div class=\"banner-right\">\n    <span style=\"font-size: 12px;font-weight: bold\">INDICADORES<br>Y RESULTADOS<\/span>\n  <\/div>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":69,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"class_list":["post-102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-json\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":251,"href":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-json\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":1418,"href":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-json\/wp\/v2\/pages\/102\/revisions\/1418"}],"wp:attachment":[{"href":"https:\/\/www.ssaver.gob.mx\/unidaddegenero\/wp-json\/wp\/v2\/media?parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}