{"id":139,"date":"2025-09-11T18:25:25","date_gmt":"2025-09-11T18:25:25","guid":{"rendered":"https:\/\/mododigital.net.gt\/?page_id=139"},"modified":"2026-01-28T15:05:23","modified_gmt":"2026-01-28T15:05:23","slug":"funcionarios","status":"publish","type":"page","link":"https:\/\/mododigital.net.gt\/?page_id=139","title":{"rendered":"Funcionarios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"139\" class=\"elementor elementor-139\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a885892 e-flex e-con-boxed e-con e-parent\" data-id=\"a885892\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-967150a elementor-widget elementor-widget-spacer\" data-id=\"967150a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-4dc92b6 e-flex e-con-boxed e-con e-parent\" data-id=\"4dc92b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d208579 elementor-widget elementor-widget-html\" data-id=\"d208579\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N: CONOCE A LOS CIBERGUARDIANES (t\u00edtulo arriba, imagen grande abajo) -->\r\n<section class=\"sec-ciber-white\" aria-labelledby=\"ciberw-title\">\r\n  <div class=\"ciberw-wrap\">\r\n    <h2 id=\"ciberw-title\" class=\"ciberw-title\">CONOCE A LOS CIBERGUARDIANES<\/h2>\r\n    <p class=\"ciberw-sub\">\r\n      Herramientas y recursos para que funcionarios p\u00fablicos impulsen la prevenci\u00f3n y el uso seguro de Internet en sus comunidades.\r\n    <\/p>\r\n\r\n    <figure class=\"ciberw-figure\" data-animate>\r\n      <img\r\n        src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/09\/Personajes-08-1-scaled.png\"\r\n        alt=\"Ciberguardianes: herramientas y recursos\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\">\r\n      <span class=\"ciberw-glow\" aria-hidden=\"true\"><\/span>\r\n    <\/figure>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Namespaced para evitar choques con el tema *\/\r\n  .sec-ciber-white, .sec-ciber-white * { box-sizing: border-box; }\r\n\r\n  :root{\r\n    --azul-oscuro:#0d47a1;\r\n    --azul:#1976d2;\r\n    --acento:#ffcc00;\r\n    --tinta:#0b1b2b;\r\n    --gris:#e6eef8;\r\n    --blanco:#ffffff;\r\n\r\n    --container:min(1400px,96vw);\r\n    --radius: 22px;\r\n    --shadow: 0 14px 40px rgba(0,0,0,.08);\r\n  }\r\n\r\n  .sec-ciber-white{\r\n  background: var(--blanco);\r\n  padding: clamp(32px, 7vw, 100px) 0;\r\n  color: var(--tinta);\r\n\r\n  margin-top: 90px; \/* \ud83d\udc48 BAJA LA SECCI\u00d3N *\/\r\n}\r\n\r\n\r\n  .ciberw-wrap{\r\n    width: var(--container);\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* T\u00edtulo y sub *\/\r\n  .ciberw-title{\r\n    margin: 0 0 10px;\r\n    font-weight: 900;\r\n    letter-spacing: .4px;\r\n    line-height: 1.06;\r\n    font-size: clamp(26px, 4.2vw, 54px);\r\n    color: var(--azul-oscuro);\r\n  }\r\n  .ciberw-title::after{\r\n    content:\"\";\r\n    display:block;\r\n    width: 240px; height: 6px;\r\n    margin: 12px auto 0; border-radius: 6px;\r\n    background: linear-gradient(90deg, var(--acento), #ffe27a);\r\n  }\r\n  .ciberw-sub{\r\n    margin: 12px auto 24px;\r\n    font-size: clamp(15px, 1.6vw, 20px);\r\n    color:#2f3b49;\r\n    max-width: 70ch;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* Imagen grande y centrada *\/\r\n  .ciberw-figure{\r\n    margin: 0 auto;\r\n    position: relative;\r\n    display: grid; place-items: center;\r\n    background: #fff;\r\n    border: 1px solid var(--gris);\r\n    border-radius: var(--radius);\r\n    box-shadow: var(--shadow);\r\n    padding: clamp(8px, 1vw, 12px);\r\n    isolation: isolate;\r\n  }\r\n  .ciberw-figure img{\r\n    width: min(1300px, 98vw);   \/* IMAGEN GRANDE *\/\r\n    height: auto;\r\n    display: block;\r\n    border-radius: calc(var(--radius) - 6px);\r\n    transform: translateZ(0);\r\n    transition: transform .5s ease, filter .5s ease, box-shadow .5s ease;\r\n  }\r\n  .ciberw-figure:hover img{\r\n    transform: scale(1.015);\r\n    filter: saturate(1.05) contrast(1.03);\r\n    box-shadow: 0 24px 70px rgba(0,0,0,.12);\r\n  }\r\n  .ciberw-glow{\r\n    position:absolute; width:78%; height:78%;\r\n    border-radius: 28px;\r\n    background: radial-gradient(closest-side, rgba(25,118,210,.12), transparent 70%);\r\n    filter: blur(42px); z-index:-1; pointer-events:none;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (min-width:1600px){\r\n    .ciberw-figure img{ width: 1400px; } \/* extra grande en monitores amplios *\/\r\n  }\r\n  @media (max-width: 900px){\r\n    .ciberw-wrap{ width: min(1200px, 96vw); }\r\n    .ciberw-figure{ border-radius: 16px; }\r\n    .ciberw-figure img{ border-radius: 12px; width: min(680px, 96vw); }\r\n  }\r\n\r\n  \/* Reveal suave al hacer scroll *\/\r\n  [data-animate]{ opacity:0; transform: translateY(14px) scale(.985); }\r\n  [data-animate].in{ opacity:1; transform:none; transition: opacity .55s ease, transform .55s ease; }\r\n\r\n  \/* Menos movimiento (accesibilidad) *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    [data-animate]{ opacity:1; transform:none; }\r\n    .ciberw-figure img{ transition:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Reveal on scroll (ligero)\r\n  (function(){\r\n    const els = document.querySelectorAll('.sec-ciber-white [data-animate]');\r\n    if (!('IntersectionObserver' in window)) { els.forEach(e=>e.classList.add('in')); return; }\r\n    const io = new IntersectionObserver((entries)=>{\r\n      entries.forEach(entry=>{\r\n        if(entry.isIntersecting){ entry.target.classList.add('in'); io.unobserve(entry.target); }\r\n      });\r\n    }, {threshold:.2});\r\n    els.forEach(e=>io.observe(e));\r\n  })();\r\n<\/script>\r\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-2a9aa13 e-flex e-con-boxed e-con e-parent\" data-id=\"2a9aa13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-987a80a e-flex e-con-boxed e-con e-parent\" data-id=\"987a80a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb39ca elementor-widget elementor-widget-html\" data-id=\"2cb39ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N: CONOCE A LOS CIBERGUARDIANES -->\r\n<section class=\"sec-ciber\"\r\n  style=\"--bg:url('https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/09\/Texturas-02-scaled.png');\"\r\n  aria-labelledby=\"ciber-title\">\r\n  <div class=\"ciber-wrap\">\r\n    <h1 id=\"ciber-title\" class=\"ciber-title\">TUS ALIADOS PARA MANTENENERTE A SALVO EN LA RED<\/h1>\r\n    <p class=\"ciber-sub\"><\/p>\r\n\r\n    <figure class=\"ciber-figure\">\r\n      <img src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/10\/guardianes-sin-fondo.png\"\r\n           alt=\"Personajes Ciberguardianes\" loading=\"lazy\" decoding=\"async\">\r\n    <\/figure>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --azul-oscuro:#0d47a1;\r\n    --acento:#ffcc00;\r\n    --blanco:#ffffff;\r\n    --container:min(1400px,96vw);\r\n  }\r\n\r\n  \/* FULL-BLEED + textura repetida (adi\u00f3s franja blanca) *\/\r\n  .sec-ciber{\r\n    \/* Capa 1: overlay; Capa 2: textura repetida *\/\r\n    --overlay: linear-gradient(0deg, rgba(13,71,161,.10), rgba(13,71,161,.10));\r\n    background-image: var(--overlay), var(--bg, none);\r\n    background-size: cover, auto;      \/* overlay cubre; textura sin escalar *\/\r\n    background-repeat: no-repeat, repeat;\r\n    background-position: center, center;\r\n\r\n    width: 100vw;                       \/* ocupa TODO el viewport *\/\r\n    margin-left: calc(50% - 50vw);      \/* rompe padding del tema a izq y der *\/\r\n    margin-right: calc(50% - 50vw);\r\n    padding: clamp(32px, 7vw, 80px) 0;\r\n    color: var(--blanco);\r\n  }\r\n\r\n  .ciber-wrap{\r\n    width: var(--container);\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .ciber-title{\r\n    margin: 0 0 8px;\r\n    font-weight: 900;\r\n    letter-spacing: .5px;\r\n    line-height: 1.08;\r\n    font-size: clamp(26px, 4.6vw, 56px);\r\n    text-shadow: 0 2px 10px rgba(0,0,0,.25);\r\n  }\r\n  .ciber-title::after{\r\n    content:\"\";\r\n    display:block;\r\n    width: 220px; height: 6px;\r\n    margin: 12px auto 0;\r\n    border-radius: 6px;\r\n    background: linear-gradient(90deg, var(--acento), #ffe27a);\r\n  }\r\n\r\n  .ciber-sub{\r\n    margin: 14px auto 22px;\r\n    font-size: clamp(15px, 1.6vw, 20px);\r\n    max-width: 60ch;\r\n    color: #eaf3ff;\r\n    text-shadow: 0 1px 6px rgba(0,0,0,.25);\r\n  }\r\n\r\n  .ciber-figure{ margin: 0 auto; display:grid; place-items:center; }\r\n  .ciber-figure img{\r\n    width: min(1300px, 98vw);\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 20px;\r\n    background: #fff;\r\n    box-shadow: 0 18px 50px rgba(0,0,0,.25);\r\n    transition: transform .45s ease, box-shadow .45s ease, filter .45s ease;\r\n  }\r\n  .ciber-figure img:hover{\r\n    transform: scale(1.02);\r\n    filter: saturate(1.04) contrast(1.03);\r\n    box-shadow: 0 28px 80px rgba(0,0,0,.35);\r\n  }\r\n\r\n  @media (min-width:1600px){\r\n    .ciber-figure img{ width: 1400px; }\r\n  }\r\n\r\n  \/* Previene cualquier scroll horizontal por subp\u00edxeles *\/\r\n  html, body { overflow-x: hidden; }\r\n<\/style>\r\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-aae34f1 e-flex e-con-boxed e-con e-parent\" data-id=\"aae34f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-387466a elementor-widget elementor-widget-spacer\" data-id=\"387466a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-7a7c7f0 e-flex e-con-boxed e-con e-parent\" data-id=\"7a7c7f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cc3ff2 elementor-widget elementor-widget-html\" data-id=\"9cc3ff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N TIPO BANNER \"CHAT \/ INTERNET SEGURO\" -->\r\n<section class=\"olivet-banner\" style=\"--c1:#0b5fff; --c2:#00b3c6; --c3:#1b1b1b; --c4:#555; --bg:#ffffff;\">\r\n  <style>\r\n    .olivet-banner{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--c3);padding:28px 20px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);max-width:1100px;margin:0 auto}\r\n    .olivet-wrap{display:grid;grid-template-columns:120px 1fr 260px;gap:22px;align-items:center}\r\n    .olivet-top{grid-column:1\/-1;text-align:center;margin-bottom:6px}\r\n    .olivet-top .kicker{letter-spacing:.5px;font-weight:800;color:var(--c3);font-size:18px}\r\n    .olivet-top .kicker b{color:var(--c1)}\r\n    \/* Col izquierda: personaje *\/\r\n    .olivet-hero{display:flex;align-items:center;justify-content:center}\r\n    .olivet-hero img{width:100%;max-width:120px;height:auto;display:block}\r\n    \/* Col centro: t\u00edtulo y texto *\/\r\n    .olivet-copy h1{line-height:1.05;margin:0 0 6px}\r\n    .olivet-copy .line1{font-size:34px;color:var(--c1);font-weight:900;text-transform:uppercase}\r\n    .olivet-copy .line2{font-size:34px;color:var(--c2);font-weight:900;text-transform:uppercase}\r\n    .olivet-copy .line3{font-size:34px;color:var(--c3);font-weight:900;text-transform:uppercase}\r\n    .olivet-copy p{margin:10px 0 0;color:var(--c4);font-size:15px}\r\n    .olivet-cta{margin-top:14px}\r\n    .olivet-cta a{display:inline-block;background:var(--c1);color:#fff;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:12px}\r\n    .olivet-cta a:hover{filter:brightness(.95)}\r\n    \/* Col derecha: tarjeta QR *\/\r\n    .olivet-card{background:#fff;border:2px solid #e6eefc;border-radius:16px;padding:16px;text-align:center;box-shadow:0 6px 16px rgba(11,95,255,.08)}\r\n    .olivet-card .tag{font-size:12px;color:#6b7a99;margin-bottom:6px}\r\n    .olivet-card .title{font-weight:900;color:var(--c3);font-size:16px;margin-bottom:10px}\r\n    .olivet-card img{width:100%;max-width:170px;height:auto;border-radius:10px}\r\n    .olivet-foot{grid-column:1\/-1;text-align:center;margin-top:14px;color:var(--c4);font-size:14px}\r\n    \/* Responsive *\/\r\n    @media (max-width:980px){\r\n      .olivet-wrap{grid-template-columns:100px 1fr 220px}\r\n      .olivet-copy .line1,.olivet-copy .line2,.olivet-copy .line3{font-size:30px}\r\n    }\r\n    @media (max-width:720px){\r\n      .olivet-wrap{grid-template-columns:90px 1fr}\r\n      .olivet-card{grid-column:1\/-1;max-width:360px;margin:4px auto 0}\r\n      .olivet-copy .line1,.olivet-copy .line2,.olivet-copy .line3{font-size:28px}\r\n    }\r\n    @media (max-width:480px){\r\n      .olivet-wrap{grid-template-columns:70px 1fr}\r\n      .olivet-copy .line1,.olivet-copy .line2,.olivet-copy .line3{font-size:24px}\r\n      .olivet-banner{padding:20px 14px}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"olivet-wrap\" role=\"region\" aria-label=\"Promoci\u00f3n de chat de consejer\u00eda\">\r\n    <!-- Encabezado superior -->\r\n    <div class=\"olivet-top\">\r\n      <div class=\"kicker\">CONOCE EL CHAT <b>\u201cOLIVET\u201d<\/b><\/div>\r\n      <div style=\"font-size:12px;color:#6b7a99;margin-top:6px\">\r\n        Con\u00e9ctate al chat de consejer\u00eda y recibe apoyo confidencial para resolver dudas y enfrentar riesgos en l\u00ednea.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Personaje \/ Mascota -->\r\n    <figure class=\"olivet-hero\">\r\n      <img decoding=\"async\" src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/09\/olivet-01-scaled.png\" alt=\"Mascota del chat\" loading=\"lazy\">\r\n    <\/figure>\r\n\r\n    <!-- T\u00edtulo grande + texto -->\r\n    <div class=\"olivet-copy\">\r\n      <h1>\r\n        <span class=\"line1\">Hagamos<\/span><br>\r\n        <span class=\"line2\">un internet<\/span><br>\r\n        <span class=\"line3\">m\u00e1s seguro<\/span>\r\n      <\/h1>\r\n      <p>Si quieres resolver tus dudas sobre cibedelitos, este es tu espacio.<\/p>\r\n      <div class=\"olivet-cta\">\r\n        <a href=\"https:\/\/wa.link\/i8iz9q\" target=\"_blank\" rel=\"noopener\">Abrir el chat<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tarjeta con QR -->\r\n    <aside class=\"olivet-card\" aria-label=\"Escanea el c\u00f3digo QR para abrir el chat\">\r\n      <div class=\"tag\">Chat de consejer\u00eda<\/div>\r\n      <div class=\"title\">NOMBRE DEL CHAT<\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/09\/whatssap.png\" alt=\"C\u00f3digo QR para abrir el chat\">\r\n    <\/aside>\r\n\r\n    <!-- Pie informativo -->\r\n    <div class=\"olivet-foot\">\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\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>CONOCE A LOS CIBERGUARDIANES Herramientas y recursos para que funcionarios p\u00fablicos impulsen la prevenci\u00f3n y el uso seguro de Internet en sus comunidades. TUS ALIADOS PARA MANTENENERTE A SALVO EN LA RED CONOCE EL CHAT \u201cOLIVET\u201d Con\u00e9ctate al chat de consejer\u00eda y recibe apoyo confidencial para resolver dudas y enfrentar riesgos en l\u00ednea. Hagamos un [&hellip;]<\/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":{"_joinchat":[],"footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=139"}],"version-history":[{"count":25,"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":836,"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions\/836"}],"wp:attachment":[{"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}