{"id":136,"date":"2025-09-11T18:25:02","date_gmt":"2025-09-11T18:25:02","guid":{"rendered":"https:\/\/mododigital.net.gt\/?page_id=136"},"modified":"2026-01-28T15:03:05","modified_gmt":"2026-01-28T15:03:05","slug":"docentes","status":"publish","type":"page","link":"https:\/\/mododigital.net.gt\/?page_id=136","title":{"rendered":"Docentes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"136\" class=\"elementor elementor-136\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eade8ca e-flex e-con-boxed e-con e-parent\" data-id=\"eade8ca\" 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-36de824 elementor-widget elementor-widget-spacer\" data-id=\"36de824\" 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-54542f3 e-flex e-con-boxed e-con e-parent\" data-id=\"54542f3\" 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-de125f7 elementor-widget elementor-widget-html\" data-id=\"de125f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== HERRAMIENTAS DE FORMACI\u00d3N (SVET) ====== -->\r\n<section class=\"svet-tools\">\r\n  <style>\r\n    \/* ----- Reset m\u00ednimo y variables ----- *\/\r\n    .svet-tools{\r\n  --azul:#0b57a0;\r\n  --azul-osc:#0a3e72;\r\n  --azul-claro:#e8f1fb;\r\n  --amarillo:#ffc107;\r\n  --texto:#22324a;\r\n  --radius:16px;\r\n  --shadow:0 8px 24px rgba(15,50,95,.15);\r\n\r\n  margin-top: 100px; \/* \ud83d\udc48 baja la secci\u00f3n *\/\r\n}\r\n\r\n    .svet-tools *{box-sizing:border-box}\r\n    .svet-tools img{max-width:100%;height:auto;display:block}\r\n    .svet-tools h2,.svet-tools h3{margin:0}\r\n    .svet-tools p{margin:0}\r\n    \/* ----- Layout general ----- *\/\r\n    .svet-wrap{max-width:1100px;margin:0 auto;padding:24px}\r\n    .svet-header{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;margin-bottom:20px}\r\n    .svet-title{font-size:clamp(28px,3.2vw,40px);line-height:1.1;color:#15223b;letter-spacing:.5px;font-weight:800}\r\n    .svet-intro{grid-column:2\/3;color:var(--texto);font-size:16px;line-height:1.5}\r\n    .svet-header .svet-mascota{width:120px;justify-self:center}\r\n    \/* ----- Tarjetas ----- *\/\r\n    .svet-grid{background:var(--azul);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}\r\n    .svet-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}\r\n    .svet-card{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:14px;padding:16px}\r\n    .svet-thumb{width:110px;aspect-ratio:3\/4;border-radius:10px;overflow:hidden;box-shadow:0 6px 14px rgba(0,0,0,.18)}\r\n    .svet-card h3{color:#ffcf3e;font-size:18px;font-weight:800;margin-bottom:6px}\r\n    .svet-card p{color:#f3f7ff;font-size:14px;line-height:1.4;margin-bottom:10px}\r\n    .svet-actions{display:flex;gap:12px;align-items:center}\r\n    \/* ----- Bot\u00f3n \u201cVer\u201d ----- *\/\r\n    .svet-btn{display:inline-flex;align-items:center;gap:8px;background:var(--amarillo);color:#1b2a4b;font-weight:700;border:none;border-radius:999px;padding:10px 16px;font-size:14px;text-decoration:none;box-shadow:0 6px 14px rgba(0,0,0,.2);transition:transform .08s ease, box-shadow .2s ease}\r\n    .svet-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.25)}\r\n    .svet-btn:focus{outline:3px solid #fff;outline-offset:2px}\r\n    .svet-btn svg{width:16px;height:16px;flex:0 0 auto}\r\n    \/* ----- Responsivo ----- *\/\r\n    @media (max-width:900px){\r\n      .svet-header{grid-template-columns:90px 1fr}\r\n      .svet-header .svet-mascota{width:90px}\r\n      .svet-cards{grid-template-columns:1fr}\r\n      .svet-card{grid-template-columns:90px 1fr}\r\n      .svet-thumb{width:90px}\r\n    }\r\n    @media (max-width:520px){\r\n      .svet-header{grid-template-columns:1fr;text-align:center}\r\n      .svet-intro{grid-column:1\/-1}\r\n      .svet-header .svet-mascota{justify-self:center}\r\n      .svet-card{grid-template-columns:1fr}\r\n      .svet-thumb{width:100px;margin:0 auto}\r\n      .svet-card h3,.svet-card p{text-align:center}\r\n      .svet-actions{justify-content:center}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"svet-wrap\">\r\n    <!-- Encabezado con mascota + t\u00edtulo + intro -->\r\n    <div class=\"svet-header\">\r\n      <img decoding=\"async\" class=\"svet-mascota\" src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/09\/olivet-02-scaled.png\" alt=\"Ciberguardi\u00e1n, tu aliado de seguridad en l\u00ednea\">\r\n      <div>\r\n        <h2 class=\"svet-title\">HERRAMIENTAS DE FORMACI\u00d3N<\/h2>\r\n        <p class=\"svet-intro\">\r\n          Te compartimos gu\u00edas de actividades y contenido para ayudar a ni\u00f1as, ni\u00f1os, adolescentes y adultos a prevenir la explotaci\u00f3n sexual infantil en l\u00ednea.\r\n          Escoge la que m\u00e1s se adec\u00fae a tu trabajo y \u00a1manos a la obra! Puedes ponerla en pr\u00e1ctica con tu clase en el centro educativo al que perteneces o en tu comunidad.\r\n        <\/p><br><br>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contenedor azul y tarjetas -->\r\n    <div class=\"svet-grid\" role=\"region\" aria-label=\"Listado de gu\u00edas disponibles\">\r\n      <div class=\"svet-cards\">\r\n\r\n        <!-- Tarjeta 1 -->\r\n        <article class=\"svet-card\">\r\n          <div class=\"svet-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/09\/cropped-olivet-01-scaled-1.png\" alt=\"Portada de la gu\u00eda para educadores y educadoras\">\r\n          <\/div>\r\n          <div>\r\n            <h3>Gu\u00eda para educadores y educadoras<\/h3>\r\n            <p>Puedes ponerla en pr\u00e1ctica con tu clase en el centro educativo al que perteneces. Contiene competencias y asignaturas en las que puedes implementarlas de acuerdo con el Curr\u00edculum Nacional Base.<\/p>\r\n            <div class=\"svet-actions\">\r\n              <a class=\"svet-btn\" href=\"https:\/\/mododigital.net.gt\/?sdm_process_download=1&download_id=754\" target=\"_blank\" rel=\"noopener\">\r\n                <!-- \u00edcono nube\/descarga -->\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 18a4 4 0 0 0-.8-7.9A6 6 0 0 0 6.3 8.2a4.5 4.5 0 0 0-.3 9H9v-2H6a2.5 2.5 0 1 1 .2-5 1 1 0 0 0 1-.7A4 4 0 0 1 19 12a2 2 0 0 1 0 6h-3v-2zM13 11V6h-2v5H8l4 4 4-4h-3z\" fill=\"currentColor\"\/><\/svg>\r\n                Ver\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Tarjeta 2 -->\r\n        <article class=\"svet-card\">\r\n          <div class=\"svet-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/09\/cropped-olivet-01-scaled-1.png\" alt=\"Portada de la gu\u00eda para l\u00edderes comunitarios\">\r\n          <\/div>\r\n          <div>\r\n            <h3>Gu\u00eda para l\u00edderes comunitarios<\/h3>\r\n            <p>Esta gu\u00eda es para personas que regularmente realizan actividades en su comluniad. Aqu\u00ed encontrar\u00e1s diversas actividades e informaci\u00f3n para que te sumes a la seguridad en l\u00ednea de ni\u00f1as, ni\u00f1os y adolescentes.<\/p>\r\n            <div class=\"svet-actions\">\r\n              <a class=\"svet-btn\" href=\" \" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 18a4 4 0 0 0-.8-7.9A6 6 0 0 0 6.3 8.2a4.5 4.5 0 0 0-.3 9H9v-2H6a2.5 2.5 0 1 1 .2-5 1 1 0 0 0 1-.7A4 4 0 0 1 19 12a2 2 0 0 1 0 6h-3v-2zM13 11V6h-2v5H8l4 4 4-4h-3z\" fill=\"currentColor\"\/><\/svg>\r\n                Ver\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ====== \/HERRAMIENTAS DE FORMACI\u00d3N (SVET) ====== -->\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-cd6d980 e-flex e-con-boxed e-con e-parent\" data-id=\"cd6d980\" 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-0d6ce4b elementor-widget elementor-widget-html\" data-id=\"0d6ce4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N: PROTEGE A TU FAMILIA -->\r\n<section class=\"sec-protege\" aria-labelledby=\"protege-title\">\r\n  <div class=\"protege-wrap\">\r\n    <h2 id=\"protege-title\" class=\"protege-title\">\r\n      ABC DIGITAL PARA MAESTROS\r\n    <\/h2>\r\n    <p class=\"protege-sub\">\r\n    Todo lo que necesitas saber para Inspirar y proteger a tus estudiantes en Internet.\r\n    <\/p>\r\n\r\n    <figure class=\"protege-figure\">\r\n      <img\r\n        src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2026\/01\/Infografia-2-scaled.png\"\r\n        alt=\"Gu\u00eda para proteger a tu familia en el mundo digital\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\">\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-protege, .sec-protege * { box-sizing: border-box; }\r\n\r\n  :root{\r\n    --azul-oscuro:#0d47a1;\r\n    --acento:#ffcc00;\r\n    --tinta:#0b1b2b;\r\n    --gris:#e6eef8;\r\n    --blanco:#ffffff;\r\n    --container:min(1200px,94vw);\r\n  }\r\n\r\n  .sec-protege{\r\n    background: var(--blanco);\r\n    padding: clamp(32px, 7vw, 80px) 0;\r\n    color: var(--tinta);\r\n  }\r\n  .sec-protege .protege-wrap{\r\n    width: var(--container);\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .sec-protege .protege-title{\r\n    margin: 0 0 10px;\r\n    font-weight: 900;\r\n    letter-spacing: .3px;\r\n    line-height: 1.08;\r\n    font-size: clamp(24px, 4.2vw, 48px);\r\n    color: var(--azul-oscuro);\r\n  }\r\n  .sec-protege .protege-title::after{\r\n    content:\"\";\r\n    display:block;\r\n    width: 260px; 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  .sec-protege .protege-sub{\r\n    margin: 14px auto 24px;\r\n    font-size: clamp(15px, 1.7vw, 20px);\r\n    max-width: 60ch;\r\n    color: #2f3b49;\r\n  }\r\n\r\n  \/* Imagen destacada en tarjeta blanca *\/\r\n  .sec-protege .protege-figure{\r\n    margin: 0 auto;\r\n    display: grid; place-items: center;\r\n    padding: clamp(8px, 1vw, 12px);\r\n    background: #fff;\r\n    border: 1px solid var(--gris);\r\n    border-radius: 18px;\r\n    box-shadow: 0 14px 40px rgba(0,0,0,.08);\r\n  }\r\n  .sec-protege .protege-figure img{\r\n    width: min(1300px, 98vw);\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 14px;\r\n    transition: transform .35s ease, filter .35s ease, box-shadow .35s ease;\r\n  }\r\n  .sec-protege .protege-figure img:hover{\r\n    transform: scale(1.012);\r\n    filter: saturate(1.04) contrast(1.02);\r\n    box-shadow: 0 24px 70px rgba(0,0,0,.12);\r\n  }\r\n\r\n  \/* Extras para pantallas muy grandes *\/\r\n  @media (min-width: 1600px){\r\n    .sec-protege .protege-figure img{ width: 1400px; }\r\n  }\r\n\r\n  \/* M\u00f3vil c\u00f3modo *\/\r\n  @media (max-width: 700px){\r\n    .sec-protege .protege-title{ font-size: clamp(22px, 7vw, 32px); }\r\n    .sec-protege .protege-sub{ font-size: clamp(14px, 3.8vw, 16px); }\r\n    .sec-protege .protege-figure{ border-radius: 14px; }\r\n    .sec-protege .protege-figure img{ border-radius: 12px; }\r\n  }\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HERRAMIENTAS DE FORMACI\u00d3N Te compartimos gu\u00edas de actividades y contenido para ayudar a ni\u00f1as, ni\u00f1os, adolescentes y adultos a prevenir la explotaci\u00f3n sexual infantil en l\u00ednea. Escoge la que m\u00e1s se adec\u00fae a tu trabajo y \u00a1manos a la obra! Puedes ponerla en pr\u00e1ctica con tu clase en el centro educativo al que perteneces o [&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-136","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/pages\/136","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=136"}],"version-history":[{"count":28,"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/pages\/136\/revisions"}],"predecessor-version":[{"id":833,"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=\/wp\/v2\/pages\/136\/revisions\/833"}],"wp:attachment":[{"href":"https:\/\/mododigital.net.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}