{"id":9842,"date":"2026-10-22T16:21:55","date_gmt":"2026-10-22T14:21:55","guid":{"rendered":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/?page_id=9842"},"modified":"2026-10-22T16:48:09","modified_gmt":"2026-10-22T14:48:09","slug":"combate-el-discurso-de-ocio-en-internet-2-new","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/combate-el-discurso-de-ocio-en-internet-2-new\/","title":{"rendered":"Combate el discurso de ocio en internet 2 New"},"content":{"rendered":"\n<!-- ==========================================================================\n     CONVIVENCIA &middot; COMBATE EL DISCURSO DE ODIO EN INTERNET &mdash; IES Mirasierra\n     Bloque autocontenido: pegar en un bloque \"HTML personalizado\".\n     Todo el CSS va dentro y est&aacute; limitado al prefijo .bod (no afecta al resto).\n     Todas las letras acentuadas van escritas como entidades HTML\n     (&aacute;, &eacute;, &ccedil;...) para que las tildes no dependan de la\n     codificacion del editor de WordPress al pegar el bloque.\n     Maquetaci&oacute;n: Disercom (P. Rico)\n\n     Sin avisos visibles para el visitante: todo lo interno va en comentarios.\n\n     ==========================================================================\n     DE D&Oacute;NDE SALE ESTO Y UN AVISO SOBRE LA DIRECCI&Oacute;N\n     ==========================================================================\n\n     La direcci&oacute;n de EducaMadrid que me pasaste\n     (\/index.php\/combate el discurso de odio en internet\/) devuelve ERROR DE\n     SERVIDOR. Lo intent&eacute; cinco veces, separadas en el tiempo. Puede ser una\n     ca&iacute;da pasajera o que la p&aacute;gina ya no est&eacute;.\n\n     El contenido de este bloque est&aacute; sacado de la copia que ya hay en\n     disercom: https:\/\/www.disercom.es\/mirasierra\/?page_id=7359\n\n     ==========================================================================\n     LA P&Aacute;GINA EST&Aacute; DUPLICADA\n     ==========================================================================\n\n     Buscando &laquo;odio&raquo; en disercom salen DOS copias con el mismo t&iacute;tulo:\n       p&aacute;gina  ?page_id=7359\n       entrada ?p=7367\n     Mismo texto las dos. Conviene quedarse con una y borrar o redirigir la\n     otra: dos copias del mismo contenido compiten entre s&iacute; en el buscador y\n     obligan a mantener las dos cuando algo cambie.\n\n     Adem&aacute;s, la p&aacute;gina NO est&aacute; en el men&uacute; principal: se llega a ella desde los\n     bloques de la portada. Siendo un contenido de convivencia, su sitio\n     natural ser&iacute;a colgar del Plan de convivencia o de Proyectos.\n\n     ==========================================================================\n     LAS RAYITAS DECORATIVAS VEN&Iacute;AN DE OTRO SERVIDOR\n     ==========================================================================\n\n     Entre apartado y apartado hab&iacute;a una imagen repetida, hr.gif, cargada\n     directamente desde https:\/\/boletines.educa.madrid.org\/images\/hr.gif\n\n     Eso es enlazar una imagen alojada en un servidor ajeno: si all&iacute; la borran o\n     la cambian, aqu&iacute; se rompe, y adem&aacute;s cada visita a esta p&aacute;gina deja rastro\n     en aquel servidor. Se han quitado: las separaciones ahora son CSS.\n\n     ==========================================================================\n     EL DEC&Aacute;LOGO EST&Aacute; ENCERRADO EN UN JPEG\n     ==========================================================================\n\n     El apartado &laquo;Dec&aacute;logos de buenas pr&aacute;cticas&raquo; era solo una imagen:\n     Infografia_Secundaria_imprimir scaled 1.jpg, sin texto alternativo.\n\n     Eso significa que su contenido no lo lee un lector de pantalla, no lo\n     encuentra el buscador y no se puede copiar. He intentado transcribirla y no\n     he podido: la imagen no se deja leer desde aqu&iacute;.\n\n     De momento se enlaza como lo que es, una infograf&iacute;a para imprimir, con su\n     texto alternativo puesto. LO SUYO SER&Iacute;A transcribir sus diez puntos a texto\n     en esta misma p&aacute;gina, y dejar la imagen solo como versi&oacute;n imprimible. Si me\n     pasas la infograf&iacute;a, la transcribo y la a&ntilde;ado.\n\n     ==========================================================================\n     QU&Eacute; SE HA A&Ntilde;ADIDO AL CONTENIDO ORIGINAL\n     ==========================================================================\n\n     Un apartado de &laquo;A qui&eacute;n acudir&raquo; agrupando los tel&eacute;fonos, porque en el\n     original estaban sueltos dentro de una lista de consejos y eran lo m&aacute;s\n     urgente de toda la p&aacute;gina.\n\n     Los dos que ya estaban: Polic&iacute;a Nacional 091 y Guardia Civil 062.\n\n     Y uno nuevo, comprobado antes de ponerlo: el 017, la L&iacute;nea de Ayuda en\n     Ciberseguridad del INCIBE, gratuita y confidencial, con WhatsApp en el\n     900 116 117. Sigue en servicio (nota de prensa de La Moncloa de julio de\n     2026 y difusi&oacute;n de la Guardia Civil). Si prefieres no a&ntilde;adir recursos que\n     no estuvieran en el original, basta con borrar esa tarjeta.\n\n     NO he a&ntilde;adido ning&uacute;n otro tel&eacute;fono de ayuda sin verificarlo.\n\n     ==========================================================================\n     SOBRE EL T&Iacute;TULO\n     ==========================================================================\n\n     El original es &laquo;&#161;Combate el discurso de odio en Internet!&raquo;, con las dos\n     admiraciones. Aqu&iacute; el titular va sin ellas, como el resto de la web, y en\n     min&uacute;scula &laquo;internet&raquo;, que es como lo recoge la Academia desde 2023. Si\n     prefieres conservar el t&iacute;tulo literal, se cambia en el h2.\n     ========================================================================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n\n.bod{\n  --papel:#f7f8fa;\n  --panel:#ffffff;\n  --tinta:#1d2430;\n  --gris:#575f6b;\n  --borde:#dde2e9;\n  --pauta:#e9edf2;\n\n  --odio:#8c3a3a;\n  --prevenir:#1f5f6b;\n  --victima:#8a4b10;\n  --testigo:#2f6b4f;\n  --ayuda:#1f3d6b;\n\n  --f:\"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n\n  max-width:1180px;margin:0 auto;padding:0;\n  font-family:var(--f);font-size:16px;line-height:1.65;\n  color:var(--tinta);text-align:left;background:var(--papel);\n}\n.bod *,.bod *::before,.bod *::after{box-sizing:border-box;}\n.bod p{margin:0 0 1em;}\n.bod p:last-child{margin-bottom:0;}\n.bod ul,.bod ol{list-style:none;margin:0;padding:0;}\n.bod a{color:inherit;text-decoration:none;}\n.bod h2,.bod h3,.bod h4{font-family:var(--f);margin:0;color:inherit;}\n\n\/* ======================= HEROE ======================= *\/\n.bod-hero{\n  position:relative;overflow:hidden;background:var(--panel);\n  display:grid;grid-template-columns:1.2fr .8fr;align-items:stretch;\n  min-height:clamp(300px,40vw,420px);border:1px solid var(--borde);\n  background-image:linear-gradient(var(--pauta) 1px,transparent 1px);\n  background-size:100% 32px;\n}\n.bod-hero__txt{padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;\n  justify-content:center;position:relative;z-index:2;min-width:0;\n  container-type:inline-size;}\n.bod-hero__fig{position:relative;display:flex;align-items:center;justify-content:center;padding:26px;}\n.bod-hero__fig svg{width:100%;max-width:285px;height:auto;overflow:visible;}\n\n.bod-sello{font-weight:600;font-size:11px;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--ayuda);display:flex;align-items:center;gap:12px;margin-bottom:20px;}\n.bod-sello::before{content:\"\";width:44px;height:1px;background:var(--ayuda);display:block;}\n.bod-titular{font-weight:800;line-height:1;letter-spacing:-.045em;margin:0 0 20px;\n  font-size:clamp(1.85rem,5vw,3.2rem);overflow-wrap:break-word;}\n@supports (font-size:1cqi){ .bod-titular{font-size:clamp(1.85rem,10.5cqi,3.5rem);} }\n.bod-titular span{display:block;}\n.bod-titular .hueca{color:transparent;-webkit-text-stroke:2px var(--odio);}\n.bod-hero__sub{max-width:47ch;color:var(--gris);font-size:clamp(15px,1.5vw,18px);margin:0 0 26px;}\n.bod-atajos{display:flex;flex-wrap:wrap;gap:9px;}\n.bod-atajos a{font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;\n  padding:11px 17px;border:1px solid var(--borde);border-radius:999px;background:var(--panel);\n  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}\n.bod-atajos a:hover,.bod-atajos a:focus-visible{background:var(--tinta);border-color:var(--tinta);\n  color:#fff;transform:translateY(-2px);}\n.bod-hero__txt > *{animation:bod-sube .7s cubic-bezier(.2,.7,.3,1) both;}\n.bod-hero__txt > *:nth-child(1){animation-delay:.05s;}\n.bod-hero__txt > *:nth-child(2){animation-delay:.15s;}\n.bod-hero__txt > *:nth-child(3){animation-delay:.25s;}\n.bod-hero__txt > *:nth-child(4){animation-delay:.35s;}\n@keyframes bod-sube{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}\n\n\/* Se traza la cadena y un eslabon se rompe: rompe la cadena de odio *\/\n@keyframes bod-traza{to{stroke-dashoffset:0;}}\n@keyframes bod-rompe{to{opacity:0;transform:scale(.4);}}\n@keyframes bod-aparta{from{transform:translate(0,0) rotate(0);}}\n.bod-hero__fig .esl{fill:none;stroke:#49525f;stroke-width:7;stroke-linecap:round;\n  stroke-dasharray:1;stroke-dashoffset:1;animation:bod-traza .5s ease both;}\n.bod-hero__fig .e1{animation-delay:.3s;}\n.bod-hero__fig .e2{animation-delay:.45s;}\n.bod-hero__fig .e3{animation-delay:.6s;}\n.bod-hero__fig .e5{animation-delay:.75s;}\n.bod-hero__fig .e6{animation-delay:.9s;}\n.bod-hero__fig .roto{fill:none;stroke:#8c3a3a;stroke-width:7;stroke-linecap:round;\n  stroke-dasharray:1;stroke-dashoffset:1;\n  animation:bod-traza .5s ease .62s both, bod-rompe .5s ease 1.7s forwards;}\n.bod-hero__fig .trozo{opacity:0;fill:none;stroke:#8c3a3a;stroke-width:7;stroke-linecap:round;\n  animation:bod-ap .45s ease 2.05s forwards;}\n@keyframes bod-ap{to{opacity:1;}}\n.bod-hero__fig .chispa{opacity:0;animation:bod-ch .6s ease 2.0s forwards;}\n@keyframes bod-ch{0%{opacity:0;transform:scale(.3);}45%{opacity:1;transform:scale(1.15);}\n  100%{opacity:0;transform:scale(1.5);}}\n\n\/* ======================= SECCIONES ======================= *\/\n.bod-sec{padding:clamp(40px,5.4vw,70px) clamp(18px,3.2vw,42px) 0;scroll-margin-top:80px;}\n.bod-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;\n  border-bottom:2px solid var(--tinta);padding-bottom:14px;margin-bottom:24px;}\n.bod-cab h3{font-size:clamp(1.3rem,2.8vw,1.85rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;}\n.bod-cab p{margin:0;max-width:40ch;color:var(--gris);font-size:14.5px;}\n\n\/* ---------- que es ---------- *\/\n.bod-def{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;}\n.bod-caja{background:var(--panel);border:1px solid var(--borde);\n  border-top:5px solid var(--c);padding:26px 24px;}\n.bod-caja h4{font-weight:700;font-size:1.06rem;letter-spacing:-.02em;margin:0 0 10px;color:var(--c);}\n.bod-caja > p{color:var(--gris);font-size:14.6px;}\n.bod-chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0;}\n.bod-chips li{font-size:12.8px;font-weight:600;color:var(--c);background:var(--pauta);\n  border-radius:999px;padding:4px 12px;}\n.bod-lista{display:grid;gap:9px;margin:12px 0 0;}\n.bod-lista li{position:relative;padding-left:20px;font-size:14.3px;line-height:1.5;color:var(--gris);}\n.bod-lista li::before{content:\"\";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--c);}\n.bod-pie{font-size:13px;color:var(--gris);margin:14px 0 0;padding-top:12px;\n  border-top:1px solid var(--pauta);}\n\n\/* ---------- pasos numerados ---------- *\/\n.bod-pasos{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:13px;}\n.bod-p{position:relative;background:var(--panel);border:1px solid var(--borde);\n  padding:22px 20px 20px;display:flex;flex-direction:column;gap:7px;}\n.bod-p::before{content:\"\";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c);}\n.bod-p .n{font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--c);\n  font-variant-numeric:tabular-nums;}\n.bod-p .t{font-weight:700;font-size:15.5px;letter-spacing:-.02em;line-height:1.25;}\n.bod-p .d{font-size:13.6px;color:var(--gris);line-height:1.5;}\n.bod-p.destaca{border-top:none;}\n.bod-p.destaca::before{height:6px;}\n.bod-p.destaca .t{font-size:1.18rem;color:var(--c);}\n\n\/* ---------- a quien acudir ---------- *\/\n.bod-ayuda{display:grid;grid-template-columns:repeat(auto-fit,minmax(246px,1fr));gap:14px;}\n.bod-a{background:var(--panel);border:1px solid var(--borde);border-left:5px solid var(--c);\n  padding:22px 22px 20px;display:flex;flex-direction:column;gap:6px;}\n.bod-a .q{font-weight:700;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c);}\n.bod-a .tel{font-weight:800;font-size:clamp(1.5rem,3.4vw,2rem);letter-spacing:-.03em;\n  line-height:1;color:var(--tinta);font-variant-numeric:tabular-nums;}\n.bod-a .nm{font-weight:700;font-size:15.5px;letter-spacing:-.02em;line-height:1.25;}\n.bod-a .d{font-size:13.4px;color:var(--gris);line-height:1.5;}\n.bod-a a{border-bottom:1px solid var(--borde);}\n.bod-a a:hover{border-color:var(--c);color:var(--c);}\n\n\/* ---------- infografia ---------- *\/\n.bod-info{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;\n  background:var(--panel);border:1px solid var(--borde);border-left:6px solid var(--prevenir);\n  padding:clamp(24px,3.2vw,38px);transition:transform .22s ease,box-shadow .22s ease;}\n.bod-info svg{width:42px;height:42px;flex:none;color:var(--prevenir);\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bod-info .et{font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;\n  color:var(--prevenir);display:block;}\n.bod-info .t{font-weight:700;font-size:clamp(1.1rem,2.3vw,1.45rem);letter-spacing:-.03em;\n  display:block;margin:6px 0 8px;line-height:1.2;}\n.bod-info p{font-size:14px;color:var(--gris);}\n.bod-info .btn{font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;\n  white-space:nowrap;color:#fff;background:var(--tinta);padding:14px 24px;border-radius:999px;\n  display:inline-flex;gap:8px;align-items:center;transition:background .2s ease;}\n.bod-info:hover{transform:translateY(-3px);box-shadow:0 18px 32px -26px rgba(29,36,48,.85);}\n.bod-info:hover .btn{background:var(--prevenir);}\n\n\/* ---------- relacionado ---------- *\/\n.bod-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px;}\n.bod-r{position:relative;background:var(--panel);border:1px solid var(--borde);\n  padding:22px 20px;display:flex;flex-direction:column;gap:10px;min-height:140px;\n  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}\n.bod-r::before{content:\"\";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c);}\n.bod-r svg{width:28px;height:28px;color:var(--c);fill:none;stroke:currentColor;\n  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bod-r .nom{font-weight:700;font-size:15.5px;line-height:1.25;letter-spacing:-.02em;margin-top:auto;}\n.bod-r .cta{font-weight:600;font-size:10px;letter-spacing:.16em;text-transform:uppercase;\n  color:var(--c);display:inline-flex;align-items:center;gap:7px;}\n.bod-r .cta::after{content:\"\\2192\";transition:transform .2s ease;}\n.bod-r:hover{transform:translateY(-3px);border-color:var(--c);\n  box-shadow:0 16px 30px -24px rgba(29,36,48,.8);}\n.bod-r:hover .cta::after{transform:translateX(5px);}\n\n\/* ---------- nota ---------- *\/\n.bod-nota{font-size:13.5px;color:var(--gris);border-left:2px solid var(--odio);\n  padding:4px 0 4px 14px;margin:clamp(36px,5vw,56px) clamp(18px,3.2vw,42px) 0;}\n\n\/* ======================= APARICIONES Y RESPONSIVE ======================= *\/\n@supports (animation-timeline: view()){\n  @media (prefers-reduced-motion: no-preference){\n    .bod-cab,.bod-caja,.bod-p,.bod-a,.bod-info,.bod-r{animation:bod-sube linear both;\n      animation-timeline:view();animation-range:entry 0% entry 40%;}\n  }\n}\n.bod a:focus-visible{outline:3px solid var(--odio);outline-offset:-3px;}\n\n@media (max-width:860px){\n  .bod-hero{grid-template-columns:1fr;min-height:0;}\n  .bod-hero__fig{padding:26px 26px 0;order:-1;}\n  .bod-hero__fig svg{max-width:215px;}\n  .bod-info{grid-template-columns:auto 1fr;gap:18px;}\n  .bod-info .btn{grid-column:1\/-1;justify-self:start;}\n}\n@media (prefers-reduced-motion:reduce){\n  .bod *{animation:none !important;transition:none !important;}\n  .bod-hero__fig .esl,.bod-hero__fig .roto{stroke-dashoffset:0;}\n  .bod-hero__fig .roto{opacity:0;}\n  .bod-hero__fig .trozo{opacity:1;}\n  .bod-hero__fig .chispa{opacity:0;}\n}\n<\/style>\n\n<div class=\"bod\">\n\n  <!-- ================= HEROE ================= -->\n  <header class=\"bod-hero\">\n    <div class=\"bod-hero__txt\">\n      <span class=\"bod-sello\">IES Mirasierra &middot; Convivencia<\/span>\n      <h2 class=\"bod-titular\"><span>Combate el discurso<\/span> <span class=\"hueca\">de odio en internet<\/span><\/h2>\n      <p class=\"bod-hero__sub\">Qu&eacute; es, c&oacute;mo reconocerlo y qu&eacute; hacer: si te est&aacute; pasando a ti,\n      si se lo est&aacute;n haciendo a alguien que conoces o si quieres evitar que se extienda.<\/p>\n      <nav class=\"bod-atajos\" aria-label=\"Ir a una secci&oacute;n\">\n        <a href=\"#victima\">Si te est&aacute; pasando<\/a>\n        <a href=\"#testigo\">Si lo ves<\/a>\n        <a href=\"#ayuda\">A qui&eacute;n acudir<\/a>\n      <\/nav>\n    <\/div>\n\n    <!-- La cadena se traza y uno de los eslabones se rompe -->\n    <div class=\"bod-hero__fig\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 280 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <rect class=\"esl e1\" pathLength=\"1\" x=\"18\"  y=\"82\" width=\"46\" height=\"36\" rx=\"18\"\/>\n        <rect class=\"esl e2\" pathLength=\"1\" x=\"56\"  y=\"82\" width=\"46\" height=\"36\" rx=\"18\"\/>\n        <rect class=\"esl e3\" pathLength=\"1\" x=\"94\"  y=\"82\" width=\"46\" height=\"36\" rx=\"18\"\/>\n        <rect class=\"roto\"   pathLength=\"1\" x=\"132\" y=\"82\" width=\"46\" height=\"36\" rx=\"18\"\/>\n        <path class=\"trozo\" d=\"M138 86a18 18 0 0 0 0 28\"\/>\n        <path class=\"trozo\" d=\"M176 86a18 18 0 0 1 0 28\"\/>\n        <rect class=\"esl e5\" pathLength=\"1\" x=\"170\" y=\"82\" width=\"46\" height=\"36\" rx=\"18\"\/>\n        <rect class=\"esl e6\" pathLength=\"1\" x=\"208\" y=\"82\" width=\"46\" height=\"36\" rx=\"18\"\/>\n        <g class=\"chispa\">\n          <path d=\"M155 56v-16M155 160v-16M186 72l12-11M124 72l-12-11M186 128l12 11M124 128l-12 11\"\n                stroke=\"#c08a2a\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n        <\/g>\n      <\/svg>\n    <\/div>\n  <\/header>\n\n  <!-- ================= QUE ES ================= -->\n  <section class=\"bod-sec\" id=\"quees\">\n    <div class=\"bod-cab\">\n      <h3>Qu&eacute; es el discurso de odio<\/h3>\n      <p>No es una opini&oacute;n molesta: es un ataque dirigido a alguien por lo que es o por el grupo al que pertenece.<\/p>\n    <\/div>\n\n    <div class=\"bod-def\">\n\n      <div class=\"bod-caja\" style=\"--c:#8c3a3a\">\n        <h4>Contra qui&eacute;n va<\/h4>\n        <p>Se apoya en fobias hacia un grupo de personas.<\/p>\n        <ul class=\"bod-chips\">\n          <li>Racismo<\/li>\n          <li>Xenofobia<\/li>\n          <li>Homofobia<\/li>\n          <li>Antisemitismo<\/li>\n          <li>Aporofobia<\/li>\n          <li>Islamofobia<\/li>\n        <\/ul>\n        <p class=\"bod-pie\">La lista no es cerrada. La aporofobia es el rechazo a las personas pobres.<\/p>\n      <\/div>\n\n      <div class=\"bod-caja\" style=\"--c:#8c3a3a\">\n        <h4>Qu&eacute; conductas entran<\/h4>\n        <ul class=\"bod-lista\">\n          <li>Incitar, promover o alentar el odio.<\/li>\n          <li>La violencia.<\/li>\n          <li>La humillaci&oacute;n y el acoso.<\/li>\n          <li>El menosprecio y el descr&eacute;dito.<\/li>\n          <li>La estigmatizaci&oacute;n y los estereotipos negativos.<\/li>\n          <li>Negar, banalizar o justificar un genocidio o un crimen contra la humanidad.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"bod-caja\" style=\"--c:#1f5f6b\">\n        <h4>Por qu&eacute; hay que combatirlo<\/h4>\n        <p>El contenido de odio en la red ha crecido y corre muy deprisa: pasa por\n        texto, por im&aacute;genes, por v&iacute;deos y hasta por emoticonos. Puede acabar en\n        discriminaci&oacute;n y en maltrato.<\/p>\n        <p class=\"bod-pie\">No ataca solo a una persona: se&ntilde;ala a todo un grupo. Y el\n        anonimato de la red hace que sea f&aacute;cil subestimar el da&ntilde;o que hace.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= SI TE ESTA PASANDO ================= -->\n  <section class=\"bod-sec\" id=\"victima\">\n    <div class=\"bod-cab\">\n      <h3>Si te est&aacute; pasando a ti<\/h3>\n      <p>Lo primero y lo m&aacute;s importante, en orden.<\/p>\n    <\/div>\n\n    <div class=\"bod-pasos\">\n\n      <div class=\"bod-p destaca\" style=\"--c:#8a4b10\">\n        <span class=\"n\">01<\/span>\n        <span class=\"t\">No respondas<\/span>\n        <span class=\"d\">Contestar suele ser justo lo que busca quien acosa, y empeora\n        las cosas.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#8a4b10\">\n        <span class=\"n\">02<\/span>\n        <span class=\"t\">Cu&eacute;ntaselo a tu familia<\/span>\n        <span class=\"d\">Aunque no tengas claro si lo que te est&aacute; pasando es discurso de\n        odio o no. No hace falta estar seguro para contarlo.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#8a4b10\">\n        <span class=\"n\">03<\/span>\n        <span class=\"t\">D&iacute;selo en el instituto<\/span>\n        <span class=\"d\">Al orientador u orientadora, a tu tutor o tutora, o a cualquier\n        profesor en quien conf&iacute;es.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#8a4b10\">\n        <span class=\"n\">04<\/span>\n        <span class=\"t\">Pide consejo a un adulto<\/span>\n        <span class=\"d\">Cualquier persona adulta de tu confianza.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#8a4b10\">\n        <span class=\"n\">05<\/span>\n        <span class=\"t\">Bloquea y denuncia<\/span>\n        <span class=\"d\">Bloquea a quien se comporta as&iacute; y denuncia la cuenta en la\n        propia red o aplicaci&oacute;n.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#8a4b10\">\n        <span class=\"n\">06<\/span>\n        <span class=\"t\">Guarda las pruebas<\/span>\n        <span class=\"d\">Conserva los mensajes ofensivos antes de bloquear. Son la prueba\n        de lo que ha pasado.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#8a4b10\">\n        <span class=\"n\">07<\/span>\n        <span class=\"t\">Y si hace falta, den&uacute;ncialo<\/span>\n        <span class=\"d\">A la Polic&iacute;a Nacional o a la Guardia Civil. Los tel&eacute;fonos est&aacute;n\n        m&aacute;s abajo.<\/span>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= SI LO VES ================= -->\n  <section class=\"bod-sec\" id=\"testigo\">\n    <div class=\"bod-cab\">\n      <h3>Si lo ves en tu entorno<\/h3>\n      <p>Rompe la cadena. Quien mira hacia otro lado tambi&eacute;n deja que siga.<\/p>\n    <\/div>\n\n    <div class=\"bod-pasos\">\n\n      <div class=\"bod-p destaca\" style=\"--c:#2f6b4f\">\n        <span class=\"n\">01<\/span>\n        <span class=\"t\">Rompe la cadena<\/span>\n        <span class=\"d\">No comentes ni reenv&iacute;es contenidos de odio. Cada reenv&iacute;o los\n        lleva m&aacute;s lejos.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#2f6b4f\">\n        <span class=\"n\">02<\/span>\n        <span class=\"t\">Comprueba la fuente<\/span>\n        <span class=\"d\">La propaganda que incita al odio suele ser falsa.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#2f6b4f\">\n        <span class=\"n\">03<\/span>\n        <span class=\"t\">Expl&iacute;calo<\/span>\n        <span class=\"d\">El odio no da&ntilde;a solo a quien lo recibe: deteriora la convivencia\n        de todos.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#2f6b4f\">\n        <span class=\"n\">04<\/span>\n        <span class=\"t\">Difunde lo contrario<\/span>\n        <span class=\"d\">Mensajes de tolerancia, de igualdad y de verdad, en apoyo de quien\n        est&aacute; siendo atacado.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#2f6b4f\">\n        <span class=\"n\">05<\/span>\n        <span class=\"t\">Ponte de su lado<\/span>\n        <span class=\"d\">Mu&eacute;strale a la v&iacute;ctima que no est&aacute; sola, en vez de callar.<\/span>\n      <\/div>\n\n      <div class=\"bod-p\" style=\"--c:#2f6b4f\">\n        <span class=\"n\">06<\/span>\n        <span class=\"t\">Rep&oacute;rtalo<\/span>\n        <span class=\"d\">Avisa a los administradores o moderadores de la plataforma. No te\n        quedes mirando.<\/span>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= A QUIEN ACUDIR ================= -->\n  <section class=\"bod-sec\" id=\"ayuda\">\n    <div class=\"bod-cab\">\n      <h3>A qui&eacute;n acudir<\/h3>\n      <p>Dentro del instituto y fuera de &eacute;l.<\/p>\n    <\/div>\n\n    <div class=\"bod-ayuda\">\n\n      <div class=\"bod-a\" style=\"--c:#1f3d6b\">\n        <span class=\"q\">En el instituto<\/span>\n        <span class=\"nm\">Tutor&iacute;a y orientaci&oacute;n<\/span>\n        <span class=\"d\">Tu tutor o tutora, el Departamento de Orientaci&oacute;n o cualquier\n        profesor de confianza. El centro tiene adem&aacute;s un equipo de convivencia y\n        mediaci&oacute;n.<\/span>\n      <\/div>\n\n      <!-- REVISAR: el 017 no estaba en la pagina original. Es la Linea de Ayuda en\n           Ciberseguridad del INCIBE, gratuita y confidencial, verificada en octubre\n           de 2026. Si prefieres ce&ntilde;irte al contenido original, borra esta tarjeta. -->\n      <div class=\"bod-a\" style=\"--c:#1f5f6b\">\n        <span class=\"q\">Ayuda especializada<\/span>\n        <span class=\"tel\">017<\/span>\n        <span class=\"nm\">L&iacute;nea de Ayuda en Ciberseguridad<\/span>\n        <span class=\"d\">Del INCIBE. Gratuita y confidencial. Tambi&eacute;n por WhatsApp en el\n        <b>900 116 117<\/b>.<\/span>\n      <\/div>\n\n      <div class=\"bod-a\" style=\"--c:#8c3a3a\">\n        <span class=\"q\">Denuncia<\/span>\n        <span class=\"tel\">091<\/span>\n        <span class=\"nm\">Polic&iacute;a Nacional<\/span>\n        <span class=\"d\">Si los hechos pueden ser constitutivos de delito.<\/span>\n      <\/div>\n\n      <div class=\"bod-a\" style=\"--c:#8c3a3a\">\n        <span class=\"q\">Denuncia<\/span>\n        <span class=\"tel\">062<\/span>\n        <span class=\"nm\">Guardia Civil<\/span>\n        <span class=\"d\">Misma funci&oacute;n que el anterior, seg&uacute;n el cuerpo que corresponda.<\/span>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= PREVENIR ================= -->\n  <section class=\"bod-sec\" id=\"prevenir\">\n    <div class=\"bod-cab\">\n      <h3>C&oacute;mo prevenirlo<\/h3>\n      <p>Lo que puede hacer el centro y lo que pueden hacer las familias.<\/p>\n    <\/div>\n\n    <div class=\"bod-def\">\n\n      <div class=\"bod-caja\" style=\"--c:#1f5f6b\">\n        <h4>Es cosa de todos<\/h4>\n        <p>Instituciones, familias, tutores legales, profesorado y alumnado. Ninguna de\n        las partes lo resuelve sola.<\/p>\n      <\/div>\n\n      <div class=\"bod-caja\" style=\"--c:#1f5f6b\">\n        <h4>Supervisi&oacute;n y acompa&ntilde;amiento<\/h4>\n        <p>Acompa&ntilde;ar y orientar, m&aacute;s que vigilar. La plataforma EducaMadrid permite al\n        profesorado consultar los registros y la actividad de sus herramientas.<\/p>\n      <\/div>\n\n      <div class=\"bod-caja\" style=\"--c:#1f5f6b\">\n        <h4>En casa<\/h4>\n        <ul class=\"bod-lista\">\n          <li>Acordar normas claras y coherentes sobre los dispositivos y las redes.<\/li>\n          <li>Usar el control parental.<\/li>\n          <li>Repasar los ajustes de privacidad y de seguridad de cada aplicaci&oacute;n.<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <!-- REVISAR: el contenido de esta infografia esta dentro de un JPEG, sin texto\n         alternativo. No he podido transcribirla. Lo suyo seria pasar sus diez\n         puntos a texto en esta misma pagina y dejar la imagen como version\n         imprimible. -->\n    <a class=\"bod-info\" style=\"margin-top:20px\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/\/wp-content\/uploads\/ies.mirasierra.madrid\/2024\/11\/Infografia_Secundaria_imprimir-1536x1086.jpg\" target=\"_blank\" rel=\"noopener\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg>\n      <span>\n        <span class=\"et\">Dec&aacute;logo de buenas pr&aacute;cticas<\/span>\n        <span class=\"t\">Infograf&iacute;a para Secundaria<\/span>\n        <p>Los diez puntos resumidos en una l&aacute;mina, pensada para imprimir y colgar en\n        el aula.<\/p>\n      <\/span>\n      <span class=\"btn\">Ver la l&aacute;mina<\/span>\n    <\/a>\n  <\/section>\n\n  <!-- ================= RELACIONADO ================= -->\n  <section class=\"bod-sec\" id=\"relacionado\">\n    <div class=\"bod-cab\">\n      <h3>Relacionado<\/h3>\n      <p>Lo que el centro tiene sobre convivencia y uso de la red.<\/p>\n    <\/div>\n\n    <div class=\"bod-rel\">\n\n      <a class=\"bod-r\" style=\"--c:#1f3d6b\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/plan-de-convivencia-2-new\/\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h9l4 4v14H6z\"\/><path d=\"M15 3v4h4M9 12h6M9 16h4\"\/><\/svg>\n        <span class=\"nom\">Plan de convivencia<\/span>\n        <span class=\"cta\">Ver el documento<\/span>\n      <\/a>\n\n      <a class=\"bod-r\" style=\"--c:#2f6b4f\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/equipo-de-convivencia-y-mediacion-2-new\/\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.4\"\/><path d=\"M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6\"\/><circle cx=\"17.5\" cy=\"9.5\" r=\"2.6\"\/><path d=\"M17 14c2.8 0 4.5 1.9 4.5 4.4\"\/><\/svg>\n        <span class=\"nom\">Equipo de convivencia y mediaci&oacute;n<\/span>\n        <span class=\"cta\">Ver el proyecto<\/span>\n      <\/a>\n\n      <a class=\"bod-r\" style=\"--c:#1f5f6b\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/plan-digital-de-centro-2-new\/\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n        <span class=\"nom\">Plan Digital de Centro<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n      <a class=\"bod-r\" style=\"--c:#8a4b10\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/contacto-2-new\/\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>\n        <span class=\"nom\">Contacto<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n  <p class=\"bod-nota\">Si algo de lo que te est&aacute; pasando te supera, no esperes a tenerlo\n  claro para contarlo. Hablar con un adulto de confianza es siempre el primer paso.<\/p>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>IES Mirasierra &middot; Convivencia Combate el discurso de odio en internet Qu&eacute; es, c&oacute;mo reconocerlo y qu&eacute; hacer: si te est&aacute; pasando a ti, si se lo est&aacute;n haciendo a &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[],"class_list":["post-9842","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tic.ies.mirasierra.madrid","author_link":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/author\/cuenta_tic-ies-mirasierra-madrid\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"IES Mirasierra &middot; Convivencia Combate el discurso de odio en internet Qu&eacute; es, c&oacute;mo reconocerlo y qu&eacute; hacer: si te est&aacute; pasando a ti, si se lo est&aacute;n haciendo a ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/pages\/9842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/comments?post=9842"}],"version-history":[{"count":6,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/pages\/9842\/revisions"}],"predecessor-version":[{"id":9852,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/pages\/9842\/revisions\/9852"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/media?parent=9842"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/folder?post=9842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}