Created
May 25, 2026 18:46
-
-
Save fbencosme/a70e677d9f4d373ef21405ae2156c0d9 to your computer and use it in GitHub Desktop.
Guía para docentes — Igualdad y prevención de la violencia basada en género (RD) · Revista educativa condensada 16 págs (A4 imprimible/PDF) · NAM · OPDM · PROFAMILIA · UE · 2025
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Igualdad y prevención de la violencia basada en género · Revista para docentes</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,800;9..144,900&family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" /> | |
| <style> | |
| :root { | |
| --blue-900: #0F2747; | |
| --blue-800: #143F7E; | |
| --blue-700: #1F549E; | |
| --blue-500: #2D6DC9; | |
| --blue-300: #94B7E0; | |
| --blue-100: #DDE9F5; | |
| --blue-50: #F2F7FC; | |
| --green-700: #6BAA2E; | |
| --green-500: #8DC340; | |
| --green-300: #C5E89C; | |
| --green-100: #E8F4D0; | |
| --green-50: #F4FAE6; | |
| --red-600: #DC2626; | |
| --red-100: #FEE2E2; | |
| --amber: #F59E0B; | |
| --amber-100: #FEF3C7; | |
| --ink: #0F2747; | |
| --ink-soft: #334155; | |
| --paper: #FFFFFF; | |
| --cream: #FBFBF9; | |
| --line: #E2E8F0; | |
| } | |
| @page { size: A4; margin: 16mm 14mm 18mm 14mm; } | |
| @page :first { margin: 0; } | |
| @page cover { margin: 0; } | |
| @page back { margin: 0; } | |
| * { box-sizing: border-box; margin: 0; padding: 0; } | |
| html { font-size: 11pt; } | |
| body { | |
| font-family: 'Inter', system-ui, sans-serif; | |
| color: var(--ink); | |
| background: #e5e7eb; | |
| line-height: 1.55; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| h1, h2, h3, h4 { | |
| font-family: 'Fraunces', Georgia, serif; | |
| line-height: 1.1; | |
| letter-spacing: -0.015em; | |
| color: var(--blue-900); | |
| } | |
| h1 { font-size: 42pt; font-weight: 700; } | |
| h2 { font-size: 22pt; font-weight: 600; } | |
| h3 { font-size: 14pt; font-weight: 600; } | |
| h4 { font-size: 11pt; font-weight: 600; font-family: 'Inter', sans-serif; letter-spacing: 0.06em; text-transform: uppercase; color: var(--blue-700); } | |
| p { font-size: 10pt; } | |
| /* PAGE WRAPPER */ | |
| .page { | |
| width: 210mm; | |
| min-height: 297mm; | |
| background: var(--paper); | |
| margin: 8mm auto; | |
| padding: 18mm 16mm 22mm 16mm; | |
| page-break-after: always; | |
| position: relative; | |
| box-shadow: 0 4px 20px rgba(0,0,0,0.15); | |
| overflow: hidden; | |
| } | |
| .page.cover, .page.back { | |
| padding: 0; | |
| } | |
| .page:last-of-type { page-break-after: auto; } | |
| /* PAGE NUMBER & RUNNING HEAD */ | |
| .page-num { | |
| position: absolute; | |
| bottom: 10mm; | |
| font-size: 8pt; | |
| font-weight: 600; | |
| color: var(--blue-700); | |
| letter-spacing: 0.1em; | |
| } | |
| .page-num.left { left: 14mm; } | |
| .page-num.right { right: 14mm; } | |
| .running-head { | |
| position: absolute; | |
| top: 8mm; | |
| font-size: 7.5pt; | |
| font-weight: 500; | |
| color: var(--blue-500); | |
| letter-spacing: 0.16em; | |
| text-transform: uppercase; | |
| } | |
| .running-head.left { left: 14mm; } | |
| .running-head.right { right: 14mm; } | |
| /* WAVE SVG DECORATIONS */ | |
| .wave-top, .wave-bottom { | |
| position: absolute; | |
| left: 0; right: 0; | |
| pointer-events: none; | |
| display: block; | |
| } | |
| .wave-top { top: 0; } | |
| .wave-bottom { bottom: 0; } | |
| /* ============ COVER ============ */ | |
| .page.cover { | |
| background: linear-gradient(160deg, #0F2747 0%, #1F549E 60%, #2D6DC9 100%); | |
| color: white; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: space-between; | |
| padding: 24mm 18mm; | |
| position: relative; | |
| } | |
| .page.cover::before { | |
| content: ''; | |
| position: absolute; | |
| inset: 0; | |
| background: | |
| radial-gradient(circle at 85% 15%, rgba(141, 195, 64, 0.25), transparent 35%), | |
| radial-gradient(circle at 15% 85%, rgba(141, 195, 64, 0.15), transparent 40%); | |
| pointer-events: none; | |
| } | |
| .cover-wave { | |
| position: absolute; | |
| left: -10%; right: -10%; | |
| bottom: 28%; | |
| height: 50%; | |
| z-index: 0; | |
| opacity: 0.85; | |
| } | |
| .cover-header { position: relative; z-index: 2; } | |
| .cover-eyebrow { | |
| display: inline-block; | |
| font-size: 8pt; | |
| font-weight: 600; | |
| letter-spacing: 0.18em; | |
| text-transform: uppercase; | |
| padding: 6px 14px; | |
| border: 1px solid rgba(255,255,255,0.4); | |
| border-radius: 999px; | |
| margin-bottom: 18mm; | |
| } | |
| .cover-title { | |
| position: relative; z-index: 2; | |
| font-family: 'Fraunces', serif; | |
| font-size: 54pt; | |
| font-weight: 700; | |
| line-height: 0.98; | |
| color: white; | |
| letter-spacing: -0.025em; | |
| margin-bottom: 6mm; | |
| } | |
| .cover-title em { | |
| font-style: normal; | |
| background: linear-gradient(120deg, #8DC340, #C5E89C); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .cover-subtitle { | |
| position: relative; z-index: 2; | |
| font-size: 14pt; | |
| color: rgba(255,255,255,0.85); | |
| max-width: 50ch; | |
| font-weight: 300; | |
| margin-bottom: 4mm; | |
| } | |
| .cover-footer { | |
| position: relative; z-index: 2; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: flex-end; | |
| border-top: 1px solid rgba(255,255,255,0.2); | |
| padding-top: 6mm; | |
| margin-top: 12mm; | |
| font-size: 8pt; | |
| color: rgba(255,255,255,0.7); | |
| } | |
| .cover-footer strong { | |
| display: block; | |
| color: white; | |
| font-size: 9pt; | |
| font-weight: 600; | |
| margin-bottom: 2mm; | |
| letter-spacing: 0.04em; | |
| } | |
| .cover-volume { | |
| font-family: 'Fraunces', serif; | |
| font-size: 11pt; | |
| color: var(--green-300); | |
| letter-spacing: 0.1em; | |
| } | |
| .cover-logos { | |
| display: flex; | |
| gap: 8mm; | |
| flex-wrap: wrap; | |
| align-items: center; | |
| } | |
| .logo-chip { | |
| background: rgba(255,255,255,0.08); | |
| border: 1px solid rgba(255,255,255,0.2); | |
| padding: 6px 12px; | |
| border-radius: 6px; | |
| font-size: 8pt; | |
| font-weight: 600; | |
| letter-spacing: 0.04em; | |
| } | |
| /* ============ CRÉDITOS + ÍNDICE ============ */ | |
| .credits-grid { | |
| display: grid; | |
| grid-template-columns: 1fr 1.4fr; | |
| gap: 12mm; | |
| margin-top: 8mm; | |
| } | |
| .credits-block h4 { color: var(--green-700); margin-bottom: 3mm; font-size: 8.5pt; } | |
| .credits-block { font-size: 9.5pt; margin-bottom: 7mm; line-height: 1.5; color: var(--ink-soft); } | |
| .credits-block strong { color: var(--ink); } | |
| .toc { | |
| background: var(--blue-50); | |
| border-radius: 4mm; | |
| padding: 10mm 8mm; | |
| border-left: 4px solid var(--green-500); | |
| } | |
| .toc h3 { color: var(--blue-900); margin-bottom: 6mm; font-size: 18pt; } | |
| .toc-item { | |
| display: grid; | |
| grid-template-columns: 8mm 1fr auto; | |
| gap: 4mm; | |
| padding: 3mm 0; | |
| border-bottom: 1px solid var(--blue-100); | |
| align-items: baseline; | |
| font-size: 10pt; | |
| } | |
| .toc-num { color: var(--green-700); font-weight: 700; font-family: 'Fraunces', serif; font-size: 13pt; } | |
| .toc-title { color: var(--ink); font-weight: 500; } | |
| .toc-pg { color: var(--blue-700); font-weight: 600; font-size: 9pt; } | |
| /* ============ SECTION OPENER (start of unit) ============ */ | |
| .opener { | |
| margin-top: 6mm; | |
| margin-bottom: 8mm; | |
| padding-bottom: 6mm; | |
| border-bottom: 2px solid var(--blue-700); | |
| position: relative; | |
| } | |
| .opener-eyebrow { | |
| display: inline-block; | |
| background: var(--green-500); | |
| color: white; | |
| font-size: 8pt; | |
| font-weight: 700; | |
| letter-spacing: 0.14em; | |
| text-transform: uppercase; | |
| padding: 3px 10px; | |
| border-radius: 999px; | |
| margin-bottom: 4mm; | |
| } | |
| .opener h2 { | |
| color: var(--blue-900); | |
| max-width: 22ch; | |
| margin-bottom: 4mm; | |
| } | |
| .opener-lead { | |
| font-size: 11pt; | |
| color: var(--ink-soft); | |
| max-width: 60ch; | |
| line-height: 1.5; | |
| } | |
| .opener-num { | |
| position: absolute; | |
| right: 0; | |
| top: -2mm; | |
| font-family: 'Fraunces', serif; | |
| font-size: 80pt; | |
| font-weight: 800; | |
| color: var(--green-100); | |
| line-height: 1; | |
| letter-spacing: -0.04em; | |
| } | |
| /* ============ COMMON COMPONENTS ============ */ | |
| .twocol { | |
| column-count: 2; | |
| column-gap: 8mm; | |
| column-rule: 1px solid var(--blue-100); | |
| } | |
| .twocol p { margin-bottom: 3mm; font-size: 9.5pt; line-height: 1.55; text-align: justify; hyphens: auto; } | |
| .drop::first-letter { | |
| font-family: 'Fraunces', serif; | |
| font-size: 42pt; | |
| font-weight: 700; | |
| color: var(--green-500); | |
| float: left; | |
| line-height: 0.85; | |
| padding-right: 3mm; | |
| padding-top: 2mm; | |
| } | |
| .pullquote { | |
| background: linear-gradient(135deg, var(--blue-50), var(--green-50)); | |
| border-left: 4px solid var(--green-500); | |
| border-radius: 0 4mm 4mm 0; | |
| padding: 6mm 7mm; | |
| margin: 6mm 0; | |
| font-family: 'Fraunces', serif; | |
| font-size: 13pt; | |
| font-style: italic; | |
| color: var(--blue-900); | |
| line-height: 1.35; | |
| page-break-inside: avoid; | |
| } | |
| .pullquote cite { | |
| display: block; | |
| font-style: normal; | |
| font-family: 'Inter', sans-serif; | |
| font-size: 8pt; | |
| color: var(--blue-700); | |
| font-weight: 600; | |
| letter-spacing: 0.08em; | |
| text-transform: uppercase; | |
| margin-top: 3mm; | |
| } | |
| .callout { | |
| background: var(--green-50); | |
| border: 1px solid var(--green-300); | |
| border-left: 4px solid var(--green-500); | |
| border-radius: 0 3mm 3mm 0; | |
| padding: 5mm 6mm; | |
| margin: 5mm 0; | |
| page-break-inside: avoid; | |
| } | |
| .callout-label { | |
| font-size: 7.5pt; | |
| font-weight: 700; | |
| letter-spacing: 0.14em; | |
| text-transform: uppercase; | |
| color: var(--green-700); | |
| margin-bottom: 2mm; | |
| } | |
| .callout p { color: var(--ink); font-size: 9.5pt; line-height: 1.5; } | |
| .sidebar { | |
| background: var(--blue-50); | |
| border-radius: 3mm; | |
| padding: 5mm 6mm; | |
| margin: 4mm 0; | |
| page-break-inside: avoid; | |
| } | |
| .sidebar h4 { color: var(--blue-700); font-size: 8.5pt; margin-bottom: 3mm; } | |
| .sidebar ul { list-style: none; } | |
| .sidebar li { font-size: 9pt; padding: 1.5mm 0; border-bottom: 1px solid var(--blue-100); color: var(--ink-soft); } | |
| .sidebar li:last-child { border-bottom: none; } | |
| /* ============ UNIDAD I — Sexo vs Género ============ */ | |
| .compare-spread { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 4mm; | |
| margin: 6mm 0; | |
| page-break-inside: avoid; | |
| } | |
| .compare-card { | |
| border-radius: 4mm; | |
| padding: 6mm; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .compare-card.bio { | |
| background: linear-gradient(135deg, var(--blue-50), var(--blue-100)); | |
| border: 1px solid var(--blue-300); | |
| } | |
| .compare-card.cult { | |
| background: linear-gradient(135deg, var(--green-50), var(--green-100)); | |
| border: 1px solid var(--green-300); | |
| } | |
| .compare-card .tag { | |
| font-size: 7.5pt; | |
| font-weight: 700; | |
| letter-spacing: 0.14em; | |
| text-transform: uppercase; | |
| margin-bottom: 2mm; | |
| } | |
| .compare-card.bio .tag { color: var(--blue-700); } | |
| .compare-card.cult .tag { color: var(--green-700); } | |
| .compare-card h3 { | |
| font-family: 'Fraunces', serif; | |
| font-size: 20pt; | |
| font-weight: 700; | |
| margin-bottom: 4mm; | |
| } | |
| .compare-card.bio h3 { color: var(--blue-900); } | |
| .compare-card.cult h3 { color: var(--green-700); } | |
| .compare-card ul { list-style: none; } | |
| .compare-card li { | |
| font-size: 9pt; | |
| padding: 1.8mm 0; | |
| border-bottom: 1px solid rgba(0,0,0,0.05); | |
| } | |
| .compare-card li::before { content: '— '; opacity: 0.4; margin-right: 1mm; } | |
| .concepts-mini { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 3mm; | |
| margin: 6mm 0; | |
| } | |
| .concept-mini { | |
| background: var(--paper); | |
| border: 1px solid var(--line); | |
| border-top: 3px solid var(--green-500); | |
| border-radius: 2mm; | |
| padding: 4mm; | |
| } | |
| .concept-mini h4 { | |
| font-family: 'Fraunces', serif; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| color: var(--blue-900); | |
| font-size: 11pt; | |
| margin-bottom: 2mm; | |
| } | |
| .concept-mini p { font-size: 8.5pt; color: var(--ink-soft); line-height: 1.4; } | |
| /* ============ UNIDAD II — Ciclo de violencia ============ */ | |
| .ciclo-visual { | |
| position: relative; | |
| width: 100%; | |
| aspect-ratio: 1; | |
| max-width: 90mm; | |
| margin: 6mm auto; | |
| } | |
| .ciclo-center { | |
| position: absolute; | |
| inset: 32%; | |
| background: var(--blue-700); | |
| color: white; | |
| border-radius: 50%; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| text-align: center; | |
| font-family: 'Fraunces', serif; | |
| font-size: 10pt; | |
| font-weight: 600; | |
| box-shadow: 0 4px 12px rgba(31, 84, 158, 0.3); | |
| } | |
| .ciclo-fase { | |
| position: absolute; | |
| width: 38%; | |
| aspect-ratio: 1; | |
| border-radius: 50%; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| text-align: center; | |
| padding: 3mm; | |
| font-family: 'Fraunces', serif; | |
| font-size: 9pt; | |
| font-weight: 600; | |
| line-height: 1.05; | |
| } | |
| .ciclo-fase[data-f="1"] { top: 0; left: 50%; transform: translateX(-50%); background: var(--amber-100); color: #78350f; border: 2px solid var(--amber); } | |
| .ciclo-fase[data-f="2"] { top: 50%; right: 0; transform: translateY(-50%); background: var(--red-100); color: #991b1b; border: 2px solid var(--red-600); } | |
| .ciclo-fase[data-f="3"] { bottom: 0; left: 50%; transform: translateX(-50%); background: var(--blue-100); color: var(--blue-800); border: 2px solid var(--blue-700); } | |
| .ciclo-fase[data-f="4"] { top: 50%; left: 0; transform: translateY(-50%); background: var(--green-100); color: var(--green-700); border: 2px solid var(--green-500); } | |
| .ciclo-fase .n { font-size: 6.5pt; font-family: 'Inter', sans-serif; letter-spacing: 0.12em; opacity: 0.7; font-weight: 700; } | |
| .ciclo-side { | |
| margin-top: 4mm; | |
| } | |
| .fase-row { | |
| display: grid; | |
| grid-template-columns: 8mm 1fr; | |
| gap: 3mm; | |
| padding: 2.5mm 0; | |
| border-bottom: 1px dashed var(--line); | |
| align-items: start; | |
| font-size: 8.5pt; | |
| } | |
| .fase-row:last-child { border-bottom: none; } | |
| .fase-row .dot { | |
| width: 6mm; height: 6mm; border-radius: 50%; | |
| font-size: 7pt; font-weight: 700; | |
| display: flex; align-items: center; justify-content: center; | |
| color: white; | |
| } | |
| .fase-row[data-f="1"] .dot { background: var(--amber); } | |
| .fase-row[data-f="2"] .dot { background: var(--red-600); } | |
| .fase-row[data-f="3"] .dot { background: var(--blue-700); } | |
| .fase-row[data-f="4"] .dot { background: var(--green-500); } | |
| .fase-row strong { display: block; color: var(--blue-900); font-size: 9pt; margin-bottom: 0.5mm; } | |
| /* ============ TIPOS DE VIOLENCIA ============ */ | |
| .tipos-grid { | |
| display: grid; | |
| grid-template-columns: repeat(4, 1fr); | |
| gap: 2.5mm; | |
| margin: 5mm 0; | |
| } | |
| .tipo { | |
| background: var(--paper); | |
| border: 1px solid var(--line); | |
| border-top: 3px solid var(--accent, var(--blue-700)); | |
| border-radius: 2mm; | |
| padding: 3.5mm; | |
| } | |
| .tipo h4 { | |
| font-family: 'Fraunces', serif; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| color: var(--blue-900); | |
| font-size: 10pt; | |
| margin-bottom: 1.5mm; | |
| } | |
| .tipo p { font-size: 7.5pt; color: var(--ink-soft); line-height: 1.35; } | |
| /* ============ ICEBERG ============ */ | |
| .iceberg { | |
| margin: 5mm 0; | |
| background: linear-gradient(180deg, #E0F2FE 0%, #E0F2FE 38%, var(--blue-800) 38%, var(--blue-900) 100%); | |
| border-radius: 3mm; | |
| padding: 6mm 7mm; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .iceberg::after { | |
| content: 'Línea de visibilidad social'; | |
| position: absolute; | |
| left: 50%; | |
| top: 38%; | |
| transform: translate(-50%, -50%); | |
| background: rgba(255,255,255,0.95); | |
| color: var(--blue-800); | |
| font-size: 6.5pt; | |
| font-weight: 700; | |
| letter-spacing: 0.1em; | |
| text-transform: uppercase; | |
| padding: 1mm 3mm; | |
| border-radius: 999px; | |
| border: 1px solid var(--blue-300); | |
| } | |
| .ice-visible { color: var(--blue-900); padding-bottom: 4mm; } | |
| .ice-hidden { color: white; padding-top: 6mm; } | |
| .ice-label { font-size: 7pt; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.7; margin-bottom: 1mm; } | |
| .iceberg h3 { font-size: 12pt; margin-bottom: 2mm; } | |
| .ice-visible h3 { color: var(--blue-900); } | |
| .ice-hidden h3 { color: white; } | |
| .iceberg ul { | |
| list-style: none; | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 0.5mm 4mm; | |
| } | |
| .iceberg li { font-size: 7.5pt; opacity: 0.9; } | |
| .iceberg li::before { content: '• '; opacity: 0.5; } | |
| /* ============ ESTADÍSTICAS ============ */ | |
| .stats { | |
| background: linear-gradient(135deg, var(--blue-800), var(--blue-900)); | |
| color: white; | |
| border-radius: 4mm; | |
| padding: 7mm 8mm; | |
| margin: 6mm 0; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .stats::before { | |
| content: ''; | |
| position: absolute; | |
| right: -20mm; top: -20mm; | |
| width: 60mm; height: 60mm; | |
| border-radius: 50%; | |
| background: radial-gradient(circle, rgba(141, 195, 64, 0.3), transparent 70%); | |
| } | |
| .stats-head { font-size: 7.5pt; letter-spacing: 0.16em; text-transform: uppercase; opacity: 0.7; margin-bottom: 1.5mm; } | |
| .stats h3 { color: white; font-size: 14pt; margin-bottom: 4mm; max-width: 30ch; } | |
| .stats-row { | |
| display: grid; | |
| grid-template-columns: repeat(4, 1fr); | |
| gap: 4mm; | |
| position: relative; | |
| } | |
| .stat { border-left: 2px solid var(--green-500); padding-left: 3mm; } | |
| .stat-v { font-family: 'Fraunces', serif; font-size: 22pt; font-weight: 700; color: var(--green-500); line-height: 1; } | |
| .stat-l { font-size: 7.5pt; opacity: 0.85; margin-top: 1.5mm; } | |
| .stats-src { font-size: 7pt; opacity: 0.6; margin-top: 4mm; } | |
| /* ============ MITOS VS REALIDAD ============ */ | |
| .mitos-list { margin: 5mm 0; } | |
| .mito-row { | |
| display: grid; | |
| grid-template-columns: 1fr auto 1.2fr; | |
| gap: 3mm; | |
| align-items: center; | |
| background: var(--paper); | |
| border: 1px solid var(--line); | |
| border-radius: 2mm; | |
| padding: 3mm 4mm; | |
| margin-bottom: 2mm; | |
| page-break-inside: avoid; | |
| } | |
| .mito-falso { | |
| background: var(--red-100); | |
| color: #991b1b; | |
| text-decoration: line-through; | |
| text-decoration-color: #fca5a5; | |
| font-size: 9pt; | |
| padding: 2.5mm 3.5mm; | |
| border-radius: 2mm; | |
| font-style: italic; | |
| } | |
| .mito-arrow { color: var(--green-500); font-size: 14pt; font-weight: 700; } | |
| .mito-real { | |
| background: var(--green-50); | |
| color: var(--green-700); | |
| font-size: 9pt; | |
| padding: 2.5mm 3.5mm; | |
| border-radius: 2mm; | |
| font-weight: 500; | |
| } | |
| /* ============ INSTITUCIONES / NÚMEROS DE EMERGENCIA ============ */ | |
| .red-grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 3mm; | |
| margin: 5mm 0; | |
| } | |
| .red-item { | |
| background: var(--paper); | |
| border: 1px solid var(--line); | |
| border-top: 3px solid var(--blue-700); | |
| border-radius: 2mm; | |
| padding: 4mm; | |
| } | |
| .red-item .name { font-family: 'Fraunces', serif; font-weight: 600; color: var(--blue-900); font-size: 10pt; margin-bottom: 1mm; } | |
| .red-item .role { font-size: 8pt; color: var(--ink-soft); line-height: 1.35; } | |
| .emergencia-big { | |
| background: linear-gradient(135deg, var(--red-600), #991b1b); | |
| color: white; | |
| border-radius: 4mm; | |
| padding: 8mm; | |
| margin: 6mm 0; | |
| page-break-inside: avoid; | |
| } | |
| .emergencia-big h3 { color: white; font-size: 13pt; margin-bottom: 4mm; } | |
| .em-row { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 4mm; | |
| } | |
| .em-num { | |
| background: rgba(255,255,255,0.15); | |
| border: 1px solid rgba(255,255,255,0.3); | |
| border-radius: 3mm; | |
| padding: 4mm; | |
| text-align: center; | |
| } | |
| .em-num-l { font-size: 7pt; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.9; margin-bottom: 2mm; } | |
| .em-num-v { font-family: 'Fraunces', serif; font-size: 22pt; font-weight: 700; line-height: 1; margin-bottom: 1mm; } | |
| .em-num-d { font-size: 7.5pt; opacity: 0.85; } | |
| .ruta-steps { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 2.5mm; | |
| margin: 5mm 0; | |
| } | |
| .ruta-step { | |
| background: var(--blue-50); | |
| border-radius: 2mm; | |
| padding: 4mm; | |
| border-left: 3px solid var(--green-500); | |
| } | |
| .ruta-step .step-num { | |
| display: inline-block; | |
| background: var(--green-500); | |
| color: white; | |
| width: 6mm; height: 6mm; border-radius: 50%; | |
| text-align: center; line-height: 6mm; | |
| font-size: 8pt; font-weight: 700; | |
| margin-bottom: 2mm; | |
| } | |
| .ruta-step h4 { | |
| font-family: 'Fraunces', serif; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| font-size: 10pt; | |
| color: var(--blue-900); | |
| margin-bottom: 1.5mm; | |
| } | |
| .ruta-step p { font-size: 7.5pt; color: var(--ink-soft); line-height: 1.4; } | |
| /* ============ UNIDAD IV — MANDATOS ============ */ | |
| .mandatos { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 3mm; | |
| margin: 5mm 0; | |
| } | |
| .mandato { | |
| border-radius: 3mm; | |
| padding: 5mm; | |
| page-break-inside: avoid; | |
| } | |
| .mandato.ok { background: var(--green-50); border: 1px solid var(--green-300); } | |
| .mandato.warn { background: var(--amber-100); border: 1px solid var(--amber); } | |
| .mandato.bad { background: var(--red-100); border: 1px solid #fca5a5; } | |
| .mandato-h { | |
| font-family: 'Fraunces', serif; | |
| font-weight: 700; | |
| font-size: 12pt; | |
| margin-bottom: 3mm; | |
| display: flex; align-items: center; gap: 2mm; | |
| } | |
| .mandato.ok .mandato-h { color: var(--green-700); } | |
| .mandato.warn .mandato-h { color: #92400e; } | |
| .mandato.bad .mandato-h { color: #991b1b; } | |
| .mandato ul { list-style: none; } | |
| .mandato li { font-size: 8.5pt; padding: 1.5mm 0; border-bottom: 1px solid rgba(0,0,0,0.06); } | |
| .mandato li:last-child { border-bottom: none; } | |
| /* ============ GLOSARIO ============ */ | |
| .glosario { | |
| column-count: 2; | |
| column-gap: 6mm; | |
| margin: 5mm 0; | |
| } | |
| .glo-card { | |
| background: var(--paper); | |
| border: 1px solid var(--line); | |
| border-left: 3px solid var(--blue-700); | |
| border-radius: 2mm; | |
| padding: 3.5mm 4mm; | |
| margin-bottom: 3mm; | |
| page-break-inside: avoid; | |
| break-inside: avoid; | |
| } | |
| .glo-cat { | |
| font-size: 6.5pt; | |
| font-weight: 700; | |
| letter-spacing: 0.12em; | |
| text-transform: uppercase; | |
| color: var(--green-700); | |
| margin-bottom: 1mm; | |
| } | |
| .glo-term { | |
| font-family: 'Fraunces', serif; | |
| font-size: 11.5pt; | |
| font-weight: 700; | |
| color: var(--blue-900); | |
| margin-bottom: 1.5mm; | |
| } | |
| .glo-def { font-size: 8pt; color: var(--ink-soft); line-height: 1.4; margin-bottom: 2mm; } | |
| .glo-tag { | |
| display: block; | |
| font-size: 7.5pt; | |
| padding: 1.5mm 2.5mm; | |
| border-radius: 1.5mm; | |
| margin-bottom: 1mm; | |
| } | |
| .glo-tag.alerta { background: #fef2f2; color: #7f1d1d; } | |
| .glo-tag.alt { background: var(--green-50); color: var(--green-700); } | |
| .glo-tag::before { font-weight: 700; margin-right: 1.5mm; } | |
| .glo-tag.alerta::before { content: '!'; } | |
| .glo-tag.alt::before { content: '✓'; } | |
| /* ============ UNIDAD V — ESPACIOS, SEMÁFORO, 4D ============ */ | |
| .espacios-grid { | |
| display: grid; | |
| grid-template-columns: repeat(4, 1fr); | |
| gap: 2.5mm; | |
| margin: 5mm 0; | |
| } | |
| .esp { | |
| background: var(--paper); | |
| border: 1px solid var(--line); | |
| border-radius: 2mm; | |
| padding: 3.5mm; | |
| text-align: center; | |
| } | |
| .esp-icon { | |
| font-size: 14pt; | |
| color: var(--green-500); | |
| margin-bottom: 1.5mm; | |
| font-family: 'Fraunces', serif; | |
| font-weight: 700; | |
| } | |
| .esp h4 { | |
| font-family: 'Fraunces', serif; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| font-size: 9.5pt; | |
| color: var(--blue-900); | |
| margin-bottom: 1mm; | |
| } | |
| .esp p { font-size: 7pt; color: var(--ink-soft); line-height: 1.35; } | |
| .semaforo { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 3mm; | |
| margin: 5mm 0; | |
| } | |
| .sem { | |
| border-radius: 3mm; | |
| padding: 5mm; | |
| border: 1px solid; | |
| page-break-inside: avoid; | |
| } | |
| .sem.verde { background: var(--green-50); border-color: var(--green-500); } | |
| .sem.amarillo { background: var(--amber-100); border-color: var(--amber); } | |
| .sem.rojo { background: var(--red-100); border-color: var(--red-600); } | |
| .sem-h { | |
| display: flex; align-items: center; gap: 2mm; | |
| font-family: 'Fraunces', serif; | |
| font-size: 11pt; | |
| font-weight: 700; | |
| margin-bottom: 3mm; | |
| } | |
| .sem-dot { width: 4mm; height: 4mm; border-radius: 50%; } | |
| .sem.verde .sem-dot { background: var(--green-500); } | |
| .sem.amarillo .sem-dot { background: var(--amber); } | |
| .sem.rojo .sem-dot { background: var(--red-600); } | |
| .sem.verde .sem-h { color: var(--green-700); } | |
| .sem.amarillo .sem-h { color: #92400e; } | |
| .sem.rojo .sem-h { color: #991b1b; } | |
| .sem ul { list-style: none; } | |
| .sem li { font-size: 8pt; padding: 1mm 0; border-bottom: 1px solid rgba(0,0,0,0.05); } | |
| .sem li:last-child { border-bottom: none; } | |
| .four-d { | |
| display: grid; | |
| grid-template-columns: repeat(4, 1fr); | |
| gap: 2.5mm; | |
| margin: 5mm 0; | |
| } | |
| .d-step { | |
| background: var(--paper); | |
| border: 1px solid var(--blue-300); | |
| border-top: 3px solid var(--green-500); | |
| border-radius: 2mm; | |
| padding: 4mm; | |
| position: relative; | |
| } | |
| .d-step .d-num { | |
| position: absolute; top: -3mm; left: 3mm; | |
| background: var(--blue-700); color: white; | |
| width: 6mm; height: 6mm; border-radius: 50%; | |
| display: flex; align-items: center; justify-content: center; | |
| font-size: 7.5pt; font-weight: 700; | |
| } | |
| .d-step h4 { | |
| font-family: 'Fraunces', serif; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| font-size: 11pt; | |
| color: var(--blue-900); | |
| margin: 2mm 0 1.5mm; | |
| } | |
| .d-step p { font-size: 7.5pt; color: var(--ink-soft); line-height: 1.4; } | |
| .leng-grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 3mm; | |
| margin: 5mm 0; | |
| } | |
| .leng-card { | |
| background: var(--blue-50); | |
| border-radius: 2mm; | |
| padding: 4mm; | |
| border-left: 3px solid var(--blue-700); | |
| } | |
| .leng-card h4 { | |
| font-family: 'Fraunces', serif; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| font-size: 10pt; | |
| color: var(--blue-900); | |
| margin-bottom: 2mm; | |
| } | |
| .leng-card p { font-size: 8pt; color: var(--ink-soft); margin-bottom: 2mm; } | |
| .leng-ex { | |
| background: var(--paper); | |
| border-radius: 1.5mm; | |
| padding: 2.5mm 3mm; | |
| font-size: 8pt; | |
| } | |
| .leng-ex .no { color: #991b1b; text-decoration: line-through; display: block; } | |
| .leng-ex .si { color: var(--green-700); font-weight: 600; display: block; margin-top: 1mm; } | |
| /* ============ DIRECTORIO ============ */ | |
| .directorio { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 6mm; | |
| margin: 5mm 0; | |
| } | |
| .dir-block { | |
| background: var(--blue-50); | |
| border-radius: 3mm; | |
| padding: 5mm 6mm; | |
| } | |
| .dir-block h3 { | |
| color: var(--blue-900); | |
| font-size: 13pt; | |
| margin-bottom: 3mm; | |
| padding-bottom: 2mm; | |
| border-bottom: 2px solid var(--green-500); | |
| } | |
| .dir-item { | |
| padding: 2mm 0; | |
| border-bottom: 1px solid var(--blue-100); | |
| } | |
| .dir-item:last-child { border-bottom: none; } | |
| .dir-item .dn { font-weight: 600; color: var(--blue-900); font-size: 9pt; } | |
| .dir-item .dv { color: var(--red-600); font-weight: 700; font-size: 10pt; font-family: 'Fraunces', serif; } | |
| .dir-item .dr { color: var(--ink-soft); font-size: 8pt; } | |
| /* ============ CONTRAPORTADA ============ */ | |
| .page.back { | |
| background: linear-gradient(180deg, #0F2747 0%, #143F7E 100%); | |
| color: white; | |
| padding: 28mm 18mm; | |
| position: relative; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: space-between; | |
| } | |
| .back-wave { | |
| position: absolute; | |
| left: -10%; right: -10%; | |
| top: 0; | |
| height: 35%; | |
| opacity: 0.9; | |
| } | |
| .back-content { position: relative; z-index: 2; max-width: 50ch; margin-top: 30mm; } | |
| .back h2 { color: white; font-size: 30pt; margin-bottom: 6mm; max-width: 18ch; } | |
| .back h2 em { | |
| font-style: normal; | |
| background: linear-gradient(120deg, #8DC340, #C5E89C); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .back-lead { font-size: 12pt; color: rgba(255,255,255,0.85); line-height: 1.5; margin-bottom: 8mm; } | |
| .back-cta { | |
| background: var(--green-500); | |
| color: var(--blue-900); | |
| padding: 4mm 8mm; | |
| border-radius: 999px; | |
| display: inline-block; | |
| font-weight: 700; | |
| font-size: 10pt; | |
| letter-spacing: 0.04em; | |
| } | |
| .back-footer { | |
| position: relative; z-index: 2; | |
| border-top: 1px solid rgba(255,255,255,0.2); | |
| padding-top: 6mm; | |
| font-size: 8pt; | |
| color: rgba(255,255,255,0.6); | |
| display: flex; | |
| justify-content: space-between; | |
| flex-wrap: wrap; | |
| gap: 4mm; | |
| } | |
| .back-footer strong { color: white; display: block; font-size: 9pt; margin-bottom: 1mm; } | |
| /* ============ PRINT ============ */ | |
| @media print { | |
| body { background: white; } | |
| .page { box-shadow: none; margin: 0; } | |
| } | |
| /* ============ SCREEN HINT ============ */ | |
| .screen-hint { | |
| position: fixed; | |
| bottom: 16px; right: 16px; | |
| background: var(--blue-900); | |
| color: white; | |
| padding: 10px 16px; | |
| border-radius: 8px; | |
| font-size: 12px; | |
| font-family: 'Inter', sans-serif; | |
| box-shadow: 0 4px 16px rgba(0,0,0,0.2); | |
| z-index: 100; | |
| } | |
| .screen-hint strong { color: var(--green-300); } | |
| @media print { .screen-hint { display: none; } } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="screen-hint"> | |
| Para guardar como PDF: <strong>Ctrl + P</strong> · destino "Guardar como PDF" · sin márgenes adicionales · activar gráficos de fondo | |
| </div> | |
| <!-- ===================== PAGE 1: COVER ===================== --> | |
| <section class="page cover"> | |
| <svg class="cover-wave" viewBox="0 0 800 200" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"> | |
| <path d="M0,140 C150,40 350,180 500,90 C650,30 750,120 800,80 L800,200 L0,200 Z" fill="#8DC340" opacity="0.65"/> | |
| <path d="M0,160 C150,80 350,200 500,110 C650,50 750,140 800,100 L800,200 L0,200 Z" fill="#2D6DC9" opacity="0.55"/> | |
| <path d="M0,180 C150,120 350,220 500,130 C650,70 750,160 800,120 L800,200 L0,200 Z" fill="#1F549E" opacity="0.5"/> | |
| </svg> | |
| <div class="cover-header"> | |
| <span class="cover-eyebrow">Revista para docentes · República Dominicana · 2025</span> | |
| <div class="cover-volume">VOL. 01 · NOV 2025</div> | |
| </div> | |
| <div> | |
| <h1 class="cover-title">Igualdad<br/>y prevención de la<br/><em>violencia<br/>basada en<br/>género</em></h1> | |
| <p class="cover-subtitle">Guía pedagógica condensada para educación secundaria. Cinco unidades, herramientas, rúbricas y rutas de protección.</p> | |
| </div> | |
| <div class="cover-footer"> | |
| <div> | |
| <strong>Proyecto Articulación para la Dignidad y la Libertad</strong> | |
| Núcleo de Apoyo a la Mujer (NAM) · OPDM · PROFAMILIA · Unión Europea | |
| </div> | |
| <div class="cover-logos"> | |
| <span class="logo-chip">NAM</span> | |
| <span class="logo-chip">PROFAMILIA</span> | |
| <span class="logo-chip">OPDM</span> | |
| <span class="logo-chip">UE</span> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 2: CRÉDITOS + ÍNDICE ===================== --> | |
| <section class="page"> | |
| <div class="running-head left">Créditos · Sumario</div> | |
| <span class="page-num left">02</span> | |
| <h2 style="color:var(--blue-900); margin-bottom:8mm; margin-top:6mm;">Una herramienta de resistencia y transformación</h2> | |
| <p style="font-size:10pt; color:var(--ink-soft); max-width:62ch; margin-bottom:10mm; line-height:1.5;"> | |
| Esta guía busca acompañar a maestras y maestros en el desafío de repensar su práctica educativa, | |
| desnaturalizar el machismo, desmontar imaginarios que dañan, y sembrar nuevas formas de | |
| relacionarnos. La escuela puede y debe ser un espacio de cambio cultural. | |
| </p> | |
| <div class="credits-grid"> | |
| <div> | |
| <div class="credits-block"> | |
| <h4>AUTORÍA</h4> | |
| <strong>Fidelina de la Rosa Hidalgo (Virtudes)</strong><br/> | |
| <strong>Ramón Stalin Montero Santiago</strong> | |
| </div> | |
| <div class="credits-block"> | |
| <h4>DISEÑO Y DIAGRAMACIÓN</h4> | |
| Meriliza Victorino | |
| </div> | |
| <div class="credits-block"> | |
| <h4>PORTADA E ILUSTRACIONES</h4> | |
| Luis Encarnación | |
| </div> | |
| <div class="credits-block"> | |
| <h4>CORRECCIÓN</h4> | |
| Jovanka Suero M. | |
| </div> | |
| <div class="credits-block"> | |
| <h4>PUBLICACIÓN</h4> | |
| Noviembre 2025 · República Dominicana | |
| </div> | |
| <div class="credits-block"> | |
| <h4>EDITORES INSTITUCIONALES</h4> | |
| Núcleo de Apoyo a la Mujer (NAM)<br/> | |
| Oficina para el Desarrollo de la Mujer (OPDM)<br/> | |
| Asociación Dominicana Pro-Bienestar de la Familia (PROFAMILIA)<br/> | |
| <span style="color:var(--green-700);font-weight:600;">Con el apoyo de la Unión Europea</span> | |
| </div> | |
| </div> | |
| <div class="toc"> | |
| <h3>Sumario</h3> | |
| <div class="toc-item"><span class="toc-num">I</span><span class="toc-title">Comprendiendo el enfoque de género</span><span class="toc-pg">p. 04</span></div> | |
| <div class="toc-item"><span class="toc-num">II</span><span class="toc-title">La violencia de género: ciclo, tipos, mitos</span><span class="toc-pg">p. 06</span></div> | |
| <div class="toc-item"><span class="toc-num">III</span><span class="toc-title">Marco legal e instituciones de protección</span><span class="toc-pg">p. 09</span></div> | |
| <div class="toc-item"><span class="toc-num">IV</span><span class="toc-title">Masculinidades y participación de los hombres</span><span class="toc-pg">p. 11</span></div> | |
| <div class="toc-item"><span class="toc-num">V</span><span class="toc-title">Prevención en los espacios de socialización</span><span class="toc-pg">p. 13</span></div> | |
| <div class="toc-item"><span class="toc-num">●</span><span class="toc-title">Directorio de líneas de ayuda</span><span class="toc-pg">p. 15</span></div> | |
| </div> | |
| </div> | |
| <div class="pullquote" style="margin-top:10mm;"> | |
| "Cada feminicidio, cada caso de violencia sexual o de maltrato contra adolescentes y niñas, | |
| golpea no solo a las familias, sino al proyecto de sociedad que decimos querer." | |
| <cite>Presentación de la guía</cite> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 3: UNIDAD I — pág 1 ===================== --> | |
| <section class="page"> | |
| <div class="running-head left">Unidad I · Enfoque de género</div> | |
| <span class="page-num left">03</span> | |
| <div class="opener"> | |
| <span class="opener-eyebrow">Unidad I · 30 min</span> | |
| <h2>Comprendiendo el enfoque de género</h2> | |
| <p class="opener-lead">El género es un marco cultural que organiza cómo entendemos y valoramos a | |
| las personas a partir de la diferencia sexual. No es lo mismo que el sexo biológico. Reconocer esa | |
| distinción permite identificar dónde nacen las desigualdades.</p> | |
| <div class="opener-num">I</div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-bottom:3mm;">Sexo y género no son lo mismo</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| El sexo alude a rasgos corporales. El género nombra normas, expectativas y significados que una sociedad | |
| atribuye a esos cuerpos y que influyen en roles, oportunidades y relaciones de poder. | |
| </p> | |
| <div class="compare-spread"> | |
| <div class="compare-card bio"> | |
| <div class="tag">LO BIOLÓGICO</div> | |
| <h3>Sexo</h3> | |
| <ul> | |
| <li>Cromosomas, hormonas, anatomía</li> | |
| <li>Caracteres sexuales primarios y secundarios</li> | |
| <li>Se manifiesta en el cuerpo</li> | |
| <li>Universal entre culturas</li> | |
| </ul> | |
| </div> | |
| <div class="compare-card cult"> | |
| <div class="tag">LO CULTURAL</div> | |
| <h3>Género</h3> | |
| <ul> | |
| <li>Roles, normas y expectativas sociales</li> | |
| <li>Cambia con el tiempo y entre culturas</li> | |
| <li>Se aprende y se enseña</li> | |
| <li>Se puede transformar</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-top:4mm; margin-bottom:3mm;">Seis conceptos clave para el aula</h3> | |
| <div class="concepts-mini"> | |
| <div class="concept-mini"><h4>Estereotipos</h4><p>Reglas no escritas sobre cómo "deben ser" mujeres y hombres. Se repiten en refranes, chistes, anuncios y clases.</p></div> | |
| <div class="concept-mini"><h4>Roles de género</h4><p>Conductas y responsabilidades que la cultura espera. En el hogar suelen recaer en mujeres y niñas el cuidado.</p></div> | |
| <div class="concept-mini"><h4>Discriminación</h4><p>Trato desigual que limita derechos por razón de sexo, identidad u orientación. Puede ser directa, indirecta o institucional.</p></div> | |
| <div class="concept-mini"><h4>Sexismo hostil</h4><p>Descalificación abierta: insultos, burlas, negación de capacidades. "Eso no es para mujeres".</p></div> | |
| <div class="concept-mini"><h4>Sexismo benevolente</h4><p>Halagos que mantienen la dependencia: "ellas no deben preocuparse, nosotros resolvemos".</p></div> | |
| <div class="concept-mini"><h4>Transversalización</h4><p>Colocar el enfoque de igualdad en todo el ciclo: diagnóstico, materiales, metodología, evaluación.</p></div> | |
| </div> | |
| <div class="callout"> | |
| <div class="callout-label">Idea clave para el aula</div> | |
| <p>Pida al grupo escribir y completar: <em>"En mi casa, ser mujer/hombre significa…"</em>. Luego haga | |
| una lluvia de ideas para distinguir entre lo corporal y lo cultural. Cierre con un cuadro | |
| comparativo de "Sexo" vs "Género" usando ejemplos del barrio y de la escuela.</p> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 4: UNIDAD II — ciclo ===================== --> | |
| <section class="page"> | |
| <div class="running-head right">Unidad II · Violencia de género</div> | |
| <span class="page-num right">04</span> | |
| <div class="opener"> | |
| <span class="opener-eyebrow">Unidad II · 60 min</span> | |
| <h2>La violencia de género: ciclo, tipos, mitos y consecuencias</h2> | |
| <p class="opener-lead">Toda acción u omisión que, apoyada en normas y jerarquías de género, cause | |
| daño físico, sexual, psicológico o económico. Afecta de forma desproporcionada a mujeres y niñas.</p> | |
| <div class="opener-num">II</div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-bottom:3mm;">El ciclo de la violencia</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| En violencia de pareja suelen repetirse cuatro fases con variaciones. Conocerlas permite leer | |
| señales, protegerse y pedir ayuda sin culpa. | |
| </p> | |
| <div style="display:grid; grid-template-columns: 90mm 1fr; gap: 6mm; align-items: start; margin-top:4mm;"> | |
| <div class="ciclo-visual"> | |
| <div class="ciclo-center">Ciclo de<br/>la violencia</div> | |
| <div class="ciclo-fase" data-f="1"><div class="n">FASE 1</div>Aumento<br/>de tensión</div> | |
| <div class="ciclo-fase" data-f="2"><div class="n">FASE 2</div>Explosión</div> | |
| <div class="ciclo-fase" data-f="3"><div class="n">FASE 3</div>Alejamiento</div> | |
| <div class="ciclo-fase" data-f="4"><div class="n">FASE 4</div>Luna<br/>de miel</div> | |
| </div> | |
| <div class="ciclo-side"> | |
| <div class="fase-row" data-f="1"> | |
| <div class="dot">1</div> | |
| <div><strong>Aumento de tensión</strong>Irritabilidad, microagresiones y control. La víctima evita conflictos y asume culpas.</div> | |
| </div> | |
| <div class="fase-row" data-f="2"> | |
| <div class="dot">2</div> | |
| <div><strong>Explosión o incidente agudo</strong>Descarga de agresión con alta destructividad. Dura poco, pero deja secuelas.</div> | |
| </div> | |
| <div class="fase-row" data-f="3"> | |
| <div class="dot">3</div> | |
| <div><strong>Alejamiento o separación</strong>La víctima reconoce el riesgo y busca apoyo. Ventana crítica para cortar el ciclo.</div> | |
| </div> | |
| <div class="fase-row" data-f="4"> | |
| <div class="dot">4</div> | |
| <div><strong>Luna de miel</strong>Promesas de cambio y minimización del agresor. Reinicia el ciclo, a menudo con más fuerza.</div> | |
| </div> | |
| </div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-top:6mm; margin-bottom:3mm;">Tipos de violencia de género</h3> | |
| <div class="tipos-grid"> | |
| <div class="tipo" style="--accent:#DC2626"><h4>Verbal</h4><p>Insultos, gritos, burlas, apodos degradantes, humillaciones públicas o en redes.</p></div> | |
| <div class="tipo" style="--accent:#1F549E"><h4>Emocional</h4><p>Amenazas, chantaje, control del celular, aislamiento, celos, vigilancia.</p></div> | |
| <div class="tipo" style="--accent:#7F1D1D"><h4>Sexual</h4><p>Cualquier acto sexual sin consentimiento, dentro o fuera de la pareja.</p></div> | |
| <div class="tipo" style="--accent:#F59E0B"><h4>Económica</h4><p>Control del dinero, documentos o bienes para generar dependencia.</p></div> | |
| <div class="tipo" style="--accent:#0F2747"><h4>Física</h4><p>Empujones, golpes, estrangulación, uso de objetos o armas.</p></div> | |
| <div class="tipo" style="--accent:#6BAA2E"><h4>Reproductiva</h4><p>Coerción sobre anticoncepción, gestación y atención obstétrica.</p></div> | |
| <div class="tipo" style="--accent:#991B1B"><h4>Feminicida</h4><p>Forma extrema de VBG contra mujeres, asociada a impunidad.</p></div> | |
| <div class="tipo" style="--accent:#2D6DC9"><h4>Contra LGBTIQ+</h4><p>Agresiones motivadas por prejuicios sobre sexualidad e identidad.</p></div> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 5: UNIDAD II — iceberg + estadísticas ===================== --> | |
| <section class="page"> | |
| <div class="running-head left">Unidad II · Violencia simbólica</div> | |
| <span class="page-num left">05</span> | |
| <h3 style="color:var(--blue-900); margin-top:4mm; margin-bottom:3mm;">El iceberg: lo visible y lo invisible</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| La mayor parte de la violencia que sostiene al sistema patriarcal está bajo la línea de visibilidad | |
| social. Se transmite por palabras, chistes, canciones, reglas no escritas e imágenes. | |
| </p> | |
| <div class="iceberg"> | |
| <div class="ice-visible"> | |
| <div class="ice-label">LO VISIBLE</div> | |
| <h3>Lo que se denuncia y nombra</h3> | |
| <ul> | |
| <li>Feminicidio</li> | |
| <li>Violación</li> | |
| <li>Golpes y lesiones</li> | |
| <li>Amenazas explícitas</li> | |
| </ul> | |
| </div> | |
| <div class="ice-hidden"> | |
| <div class="ice-label" style="color:var(--green-300)">LO INVISIBLE · VIOLENCIA SIMBÓLICA</div> | |
| <h3>Lo que se normaliza como costumbre</h3> | |
| <ul> | |
| <li>Chistes y refranes sexistas</li> | |
| <li>Piropos y acoso callejero</li> | |
| <li>Control del celular</li> | |
| <li>Celos como "prueba de amor"</li> | |
| <li>Reparto desigual del cuidado</li> | |
| <li>Lenguaje que invisibiliza</li> | |
| <li>Publicidad que cosifica</li> | |
| <li>Currículo oculto escolar</li> | |
| <li>Mansplaining y manterrupting</li> | |
| <li>Sexismo benevolente</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="stats"> | |
| <div class="stats-head">FEMINICIDIOS · REPÚBLICA DOMINICANA</div> | |
| <h3>El problema persiste en el ámbito íntimo y relacional</h3> | |
| <div class="stats-row"> | |
| <div class="stat"><div class="stat-v">63</div><div class="stat-l">Feminicidios<br/>Ene–Nov 2024</div></div> | |
| <div class="stat"><div class="stat-v">53</div><div class="stat-l">Homicidios de mujeres<br/>Ene–Nov 2024</div></div> | |
| <div class="stat"><div class="stat-v">116</div><div class="stat-l">Víctimas totales<br/>en el periodo</div></div> | |
| <div class="stat"><div class="stat-v">1.27</div><div class="stat-l">Feminicidios por<br/>100,000 hab.</div></div> | |
| </div> | |
| <p class="stats-src">Fuente: Procuraduría General de la República. Ligera reducción frente a 131 víctimas en el mismo periodo de 2023.</p> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 6: UNIDAD II — mitos + cierre ===================== --> | |
| <section class="page"> | |
| <div class="running-head right">Unidad II · Mitos y realidad</div> | |
| <span class="page-num right">06</span> | |
| <h3 style="color:var(--blue-900); margin-top:6mm; margin-bottom:3mm;">Mitos que sostienen la violencia</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| Los mitos hacen ver la violencia como normal o inevitable, minimizan al agresor y culpan a la | |
| víctima. Nombrarlos y refutarlos es el primer paso para desmontarlos. | |
| </p> | |
| <div class="mitos-list"> | |
| <div class="mito-row"> | |
| <div class="mito-falso">"Con celos hay amor"</div> | |
| <div class="mito-arrow">→</div> | |
| <div class="mito-real">Los celos son control disfrazado. El amor se basa en confianza y autonomía.</div> | |
| </div> | |
| <div class="mito-row"> | |
| <div class="mito-falso">"Si no se va es porque no quiere"</div> | |
| <div class="mito-arrow">→</div> | |
| <div class="mito-real">Hay dependencia económica, miedo, amenazas, presión familiar y falta de redes de apoyo.</div> | |
| </div> | |
| <div class="mito-row"> | |
| <div class="mito-falso">"Si no hay golpes no es violencia"</div> | |
| <div class="mito-arrow">→</div> | |
| <div class="mito-real">La violencia también es emocional, sexual, económica y simbólica.</div> | |
| </div> | |
| <div class="mito-row"> | |
| <div class="mito-falso">"Fue por alcohol o estrés"</div> | |
| <div class="mito-arrow">→</div> | |
| <div class="mito-real">El consumo no causa violencia; la facilita. La responsabilidad es siempre del agresor.</div> | |
| </div> | |
| <div class="mito-row"> | |
| <div class="mito-falso">"Eso solo pasa en ciertos barrios"</div> | |
| <div class="mito-arrow">→</div> | |
| <div class="mito-real">La VBG atraviesa todas las clases, niveles educativos y territorios.</div> | |
| </div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-top:6mm; margin-bottom:3mm;">Señales de alerta en relaciones</h3> | |
| <div class="semaforo"> | |
| <div class="sem verde"> | |
| <div class="sem-h"><span class="sem-dot"></span>Verde</div> | |
| <ul> | |
| <li>Acuerdos claros sobre tiempo y espacios</li> | |
| <li>Respeto al "no"</li> | |
| <li>Conversación sin gritos</li> | |
| <li>Apoyo a metas individuales</li> | |
| </ul> | |
| </div> | |
| <div class="sem amarillo"> | |
| <div class="sem-h"><span class="sem-dot"></span>Amarillo</div> | |
| <ul> | |
| <li>Control del celular o redes</li> | |
| <li>Celos frecuentes</li> | |
| <li>Apodos humillantes "de broma"</li> | |
| <li>Aislamiento de amistades</li> | |
| </ul> | |
| </div> | |
| <div class="sem rojo"> | |
| <div class="sem-h"><span class="sem-dot"></span>Rojo</div> | |
| <ul> | |
| <li>Amenazas o coacción</li> | |
| <li>Empujones o golpes</li> | |
| <li>Difusión de imágenes íntimas</li> | |
| <li>Coacción sexual</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="pullquote"> | |
| "La VBG es la violencia que se camufla como normalidad y que, sin golpes, coloca a lo masculino | |
| como medida de valor y a lo femenino en lugar de menor reconocimiento." | |
| <cite>Sobre la violencia simbólica</cite> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 7: UNIDAD III — marco legal ===================== --> | |
| <section class="page"> | |
| <div class="running-head left">Unidad III · Marco legal</div> | |
| <span class="page-num left">07</span> | |
| <div class="opener"> | |
| <span class="opener-eyebrow">Unidad III · 45 min</span> | |
| <h2>Marco legal para construir la igualdad</h2> | |
| <p class="opener-lead">En República Dominicana la igualdad no es un gesto de buena voluntad: es un | |
| mandato jurídico. La Constitución garantiza el derecho a vivir sin violencia y obliga al Estado a | |
| proteger ante cualquier amenaza.</p> | |
| <div class="opener-num">III</div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-bottom:3mm;">Marco normativo dominicano</h3> | |
| <div class="red-grid"> | |
| <div class="red-item"><div class="name">Constitución · Art. 39</div><div class="role">Reconoce que todas las personas nacen libres e iguales. Prohíbe la discriminación por razón de género.</div></div> | |
| <div class="red-item"><div class="name">Constitución · Art. 42</div><div class="role">Garantiza el derecho a la integridad personal y a vivir libre de violencia.</div></div> | |
| <div class="red-item"><div class="name">Ley 24-97</div><div class="role">Modifica el Código Penal para sancionar distintas formas de violencia contra la mujer.</div></div> | |
| <div class="red-item"><div class="name">Ley 136-03</div><div class="role">Protección integral a niñez y adolescencia.</div></div> | |
| <div class="red-item"><div class="name">PLANEG III 2020–2030</div><div class="role">Plan Nacional de Igualdad y Equidad de Género con metas intersectoriales.</div></div> | |
| <div class="red-item"><div class="name">CEDAW · Belém do Pará</div><div class="role">Compromisos internacionales que orientan la acción estatal y escolar.</div></div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-top:6mm; margin-bottom:3mm;">La red institucional de protección</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| La respuesta pública es una red. Coordinada por el <strong>Ministerio de la Mujer</strong>, articulada | |
| por <strong>CONAPLUVI</strong> y conectada en la práctica escolar con CONANI y los protocolos del centro. | |
| </p> | |
| <div class="red-grid"> | |
| <div class="red-item"><div class="name">Ministerio de la Mujer</div><div class="role">Define políticas y coordina el Modelo Nacional de Prevención y Atención.</div></div> | |
| <div class="red-item"><div class="name">Ministerio Público</div><div class="role">Procuradurías especializadas canalizan denuncias y dan seguimiento.</div></div> | |
| <div class="red-item"><div class="name">Policía Nacional</div><div class="role">Puerta de entrada en situaciones de riesgo, hogar o espacio público.</div></div> | |
| <div class="red-item"><div class="name">Salud Pública</div><div class="role">Atiende consecuencias físicas y emocionales. Puede activar rutas de seguridad.</div></div> | |
| <div class="red-item"><div class="name">Poder Judicial</div><div class="role">Sanción y reparación. Aplicación de medidas de protección.</div></div> | |
| <div class="red-item"><div class="name">CONANI</div><div class="role">Protección integral a niñez y adolescencia.</div></div> | |
| </div> | |
| <div class="callout"> | |
| <div class="callout-label">Idea clave para el aula</div> | |
| <p>Elabore con el curso un directorio local con teléfonos, horarios y responsables del territorio. | |
| Ensaye con casos ficticios: acoso en pasillo, en transporte y en la calle cerca del centro.</p> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 8: UNIDAD III — emergencia + ruta ===================== --> | |
| <section class="page"> | |
| <div class="running-head right">Unidad III · Rutas de protección</div> | |
| <span class="page-num right">08</span> | |
| <h3 style="color:var(--blue-900); margin-top:6mm; margin-bottom:3mm;">Números que toda la comunidad debe conocer</h3> | |
| <div class="emergencia-big"> | |
| <h3>Líneas de emergencia · 24 horas</h3> | |
| <div class="em-row"> | |
| <div class="em-num"> | |
| <div class="em-num-l">Ministerio de la Mujer</div> | |
| <div class="em-num-v">*212</div> | |
| <div class="em-num-d">Línea de Emergencia</div> | |
| </div> | |
| <div class="em-num"> | |
| <div class="em-num-l">Procuraduría General</div> | |
| <div class="em-num-v">809-200-1202</div> | |
| <div class="em-num-d">Línea Vida</div> | |
| </div> | |
| <div class="em-num"> | |
| <div class="em-num-l">Emergencias</div> | |
| <div class="em-num-v">911</div> | |
| <div class="em-num-d">Sistema Nacional</div> | |
| </div> | |
| </div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-top:6mm; margin-bottom:3mm;">Ruta de protección en el centro educativo</h3> | |
| <div class="ruta-steps"> | |
| <div class="ruta-step"> | |
| <div class="step-num">1</div> | |
| <h4>Prevención</h4> | |
| <p>Políticas claras, campañas visibles, formación y señalética de tolerancia cero al acoso.</p> | |
| </div> | |
| <div class="ruta-step"> | |
| <div class="step-num">2</div> | |
| <h4>Protección</h4> | |
| <p>Medidas inmediatas, confidencialidad, no revictimización, acompañamiento de entrada y salida.</p> | |
| </div> | |
| <div class="ruta-step"> | |
| <div class="step-num">3</div> | |
| <h4>Investigación</h4> | |
| <p>Diligente, imparcial, con enfoque de derechos. Plazos y responsables definidos.</p> | |
| </div> | |
| <div class="ruta-step"> | |
| <div class="step-num">4</div> | |
| <h4>Sanción y reparación</h4> | |
| <p>Proporcional, oportuna y con seguimiento. Aplicación efectiva de medidas.</p> | |
| </div> | |
| <div class="ruta-step"> | |
| <div class="step-num">5</div> | |
| <h4>Articulación</h4> | |
| <p>Coordinación con CONANI, Policía, Ministerio Público, Salud y gobierno local.</p> | |
| </div> | |
| <div class="ruta-step"> | |
| <div class="step-num">6</div> | |
| <h4>Rendición de cuentas</h4> | |
| <p>Registro de casos, revisión mensual y mejora continua del protocolo.</p> | |
| </div> | |
| </div> | |
| <div class="sidebar"> | |
| <h4>Si ocurre acoso en la calle o transporte</h4> | |
| <ul> | |
| <li>Moverse a un lugar con gente. Pedir apoyo a comercios o personal de seguridad.</li> | |
| <li>Anotar señales de identidad del agresor. Evitar confrontaciones que expongan.</li> | |
| <li>Guardar evidencias si es seguro hacerlo. Reportar a la Policía.</li> | |
| <li>Si hay tocamientos, amenazas o difusión de imágenes íntimas: denuncia formal y acompañamiento del Ministerio de la Mujer o Ministerio Público.</li> | |
| </ul> | |
| </div> | |
| <div class="pullquote"> | |
| "El estándar es claro: consentimiento, respeto y cero represalias. El deber institucional es prevenir, | |
| recibir denuncias, proteger, investigar con debida diligencia y sancionar." | |
| <cite>Sobre la respuesta institucional</cite> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 9: UNIDAD IV — mandatos ===================== --> | |
| <section class="page"> | |
| <div class="running-head left">Unidad IV · Masculinidades</div> | |
| <span class="page-num left">09</span> | |
| <div class="opener"> | |
| <span class="opener-eyebrow">Unidad IV · 60 min</span> | |
| <h2>Masculinidades: participación de los hombres en la igualdad</h2> | |
| <p class="opener-lead">No hay un único modo de ser hombre. La masculinidad tradicional enseña a | |
| mandar, resistir el dolor y no mostrar emociones. Cuestionar ese modelo previene violencia y | |
| también libera a los propios varones.</p> | |
| <div class="opener-num">IV</div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-bottom:3mm;">La caja de los mandatos masculinos</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| Lo que se espera de un hombre puede ayudar, estorbar o dañar. Visibilizarlo es el primer paso para | |
| transformarlo. | |
| </p> | |
| <div class="mandatos"> | |
| <div class="mandato ok"> | |
| <div class="mandato-h">Ayuda</div> | |
| <ul> | |
| <li>Cuidar de la familia</li> | |
| <li>Compromiso con el trabajo</li> | |
| <li>Lealtad con amistades</li> | |
| <li>Proteger a quien lo necesita</li> | |
| </ul> | |
| </div> | |
| <div class="mandato warn"> | |
| <div class="mandato-h">Estorba</div> | |
| <ul> | |
| <li>"Los hombres no lloran"</li> | |
| <li>Aguantar todo solo</li> | |
| <li>No pedir ayuda</li> | |
| <li>Tener la última palabra</li> | |
| <li>Resolver sin diálogo</li> | |
| </ul> | |
| </div> | |
| <div class="mandato bad"> | |
| <div class="mandato-h">Daña</div> | |
| <ul> | |
| <li>Mandar sobre la pareja</li> | |
| <li>Controlar cuerpo y tiempo ajenos</li> | |
| <li>Resolver con violencia</li> | |
| <li>Castigar la vulnerabilidad</li> | |
| <li>Demostrar hombría con desprecio</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="pullquote"> | |
| "No se trata de culpar a los hombres por ser hombres, sino de cuestionar un modelo que da permisos | |
| y privilegios a costa de la libertad ajena y de la salud propia de los varones." | |
| <cite>Sobre masculinidades positivas</cite> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-top:5mm; margin-bottom:3mm;">Cinco acciones de varones aliados</h3> | |
| <div class="concepts-mini" style="grid-template-columns: repeat(5, 1fr);"> | |
| <div class="concept-mini"><h4>Informarse</h4><p>Entender qué es VBG y cómo opera.</p></div> | |
| <div class="concept-mini"><h4>Revisarse</h4><p>Identificar y cambiar conductas propias de control.</p></div> | |
| <div class="concept-mini"><h4>Intervenir</h4><p>Como testigo: nombrar, desviar, documentar.</p></div> | |
| <div class="concept-mini"><h4>Compartir cuidados</h4><p>Tareas domésticas como responsabilidad común.</p></div> | |
| <div class="concept-mini"><h4>Apoyar rutas</h4><p>Saber a quién llamar y acompañar sin culpar.</p></div> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 10: UNIDAD IV — glosario ===================== --> | |
| <section class="page"> | |
| <div class="running-head right">Unidad IV · Glosario contemporáneo</div> | |
| <span class="page-num right">10</span> | |
| <h3 style="color:var(--blue-900); margin-top:6mm; margin-bottom:3mm;">Glosario de masculinidades contemporáneas</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| Lenguaje para nombrar prácticas que dañan la confianza y la igualdad. Describimos conductas, no | |
| etiquetamos personas. | |
| </p> | |
| <div class="glosario"> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Control · manipulación</div> | |
| <div class="glo-term">Gaslighting</div> | |
| <div class="glo-def">Hacer dudar a la pareja de su memoria o cordura para controlar la relación.</div> | |
| <span class="glo-tag alerta">"Eso nunca pasó", "estás exagerando"</span> | |
| <span class="glo-tag alt">Validar emociones y contrastar hechos sin burlas</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Control · manipulación</div> | |
| <div class="glo-term">Love bombing</div> | |
| <div class="glo-def">Exceso de atención y promesas al inicio para enganchar y luego controlar.</div> | |
| <span class="glo-tag alerta">"Te amo" al segundo día, exclusividad inmediata</span> | |
| <span class="glo-tag alt">Ritmo sano, límites claros, consentimiento</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Comunicación</div> | |
| <div class="glo-term">Mansplaining</div> | |
| <div class="glo-def">Explicar con condescendencia a una mujer temas que ella ya domina.</div> | |
| <span class="glo-tag alerta">Interrumpir para decir lo mismo</span> | |
| <span class="glo-tag alt">Escuchar, preguntar y reconocer saberes</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Comunicación</div> | |
| <div class="glo-term">Manterrupting</div> | |
| <div class="glo-def">Interrumpir a mujeres de forma sistemática en reuniones o clase.</div> | |
| <span class="glo-tag alerta">Ellas hablan menos en plenaria</span> | |
| <span class="glo-tag alt">Reglas de turno y moderación activa</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Comunicación</div> | |
| <div class="glo-term">Manspreading</div> | |
| <div class="glo-def">Ocupar de más en transporte o aula, restando espacio a otras personas.</div> | |
| <span class="glo-tag alerta">Piernas muy abiertas, mochilas como barrera</span> | |
| <span class="glo-tag alt">Uso consciente del espacio común</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Digital</div> | |
| <div class="glo-term">Ghosting</div> | |
| <div class="glo-def">Desaparecer sin avisar para evitar una conversación incómoda.</div> | |
| <span class="glo-tag alerta">Silencio total tras cercanía</span> | |
| <span class="glo-tag alt">Cierre respetuoso y breve</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Digital</div> | |
| <div class="glo-term">Stalking digital</div> | |
| <div class="glo-def">Vigilar ubicación, contraseñas o contactos como prueba de "amor".</div> | |
| <span class="glo-tag alerta">"Dime tu ubicación", revisar el celular</span> | |
| <span class="glo-tag alt">Privacidad y acuerdos claros</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Digital</div> | |
| <div class="glo-term">Difusión no consentida</div> | |
| <div class="glo-def">Compartir fotos o videos íntimos sin permiso de la otra persona.</div> | |
| <span class="glo-tag alerta">Presión para enviar, chantaje con material</span> | |
| <span class="glo-tag alt">Nunca compartir sin consentimiento</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Sexualidad · consentimiento</div> | |
| <div class="glo-term">Stealthing</div> | |
| <div class="glo-def">Retirar el preservativo sin consentimiento durante la relación.</div> | |
| <span class="glo-tag alerta">"Lo hice para sentir más"</span> | |
| <span class="glo-tag alt">Consentimiento explícito en cada cambio</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Sexualidad · consentimiento</div> | |
| <div class="glo-term">Grooming</div> | |
| <div class="glo-def">Adulto que gana confianza de un menor para fines sexuales.</div> | |
| <span class="glo-tag alerta">Secretos, regalos, chats a escondidas</span> | |
| <span class="glo-tag alt">Educar en límites, reportar y proteger</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Ideología</div> | |
| <div class="glo-term">Incel</div> | |
| <div class="glo-def">Varón célibe involuntario que puede culpar y odiar a las mujeres.</div> | |
| <span class="glo-tag alerta">Discursos de desprecio o violencia</span> | |
| <span class="glo-tag alt">Educación emocional y redes de apoyo</span> | |
| </div> | |
| <div class="glo-card"> | |
| <div class="glo-cat">Ideología</div> | |
| <div class="glo-term">Red pill / manosphere</div> | |
| <div class="glo-def">Narrativa que presenta la igualdad como amenaza y promueve jerarquías rígidas.</div> | |
| <span class="glo-tag alerta">Generalizaciones y teorías conspirativas</span> | |
| <span class="glo-tag alt">Pensamiento crítico y datos</span> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 11: UNIDAD V — espacios + semáforo ===================== --> | |
| <section class="page"> | |
| <div class="running-head left">Unidad V · Espacios de socialización</div> | |
| <span class="page-num left">11</span> | |
| <div class="opener"> | |
| <span class="opener-eyebrow">Unidad V · 60 min</span> | |
| <h2>Prevención en nuestros espacios de socialización</h2> | |
| <p class="opener-lead">Los espacios donde convivimos son aulas de vida. Allí se aprenden modelos | |
| sobre lo que significa ser mujer u hombre. La tarea educativa es doble: nombrar lo que pasa y | |
| ofrecer alternativas concretas de convivencia.</p> | |
| <div class="opener-num">V</div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-bottom:3mm;">Mapa de espacios de socialización</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| La violencia adopta códigos propios según el lugar. Lo útil es mirar el guion del espacio. | |
| </p> | |
| <div class="espacios-grid"> | |
| <div class="esp"><div class="esp-icon">⌂</div><h4>Familia</h4><p>Reparto del cuidado, decisiones, modelos de relación</p></div> | |
| <div class="esp"><div class="esp-icon">▤</div><h4>Escuela</h4><p>Currículo oculto, participación, liderazgos</p></div> | |
| <div class="esp"><div class="esp-icon">◐</div><h4>Iglesias</h4><p>Discursos sobre vestimenta, movilidad, denuncia</p></div> | |
| <div class="esp"><div class="esp-icon">⚐</div><h4>Clubes</h4><p>Novatadas, cánticos, "pruebas de hombría"</p></div> | |
| <div class="esp"><div class="esp-icon">✂</div><h4>Salones</h4><p>Conversaciones que cosifican, packs</p></div> | |
| <div class="esp"><div class="esp-icon">◉</div><h4>Comercios</h4><p>Piropos insistentes, presión con alcohol</p></div> | |
| <div class="esp"><div class="esp-icon">▶</div><h4>Transporte</h4><p>Seguimientos, fotos sin consentimiento</p></div> | |
| <div class="esp"><div class="esp-icon">@</div><h4>Redes y medios</h4><p>Memes, retos virales que humillan</p></div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-top:5mm; margin-bottom:3mm;">Semáforo de señales en la comunidad</h3> | |
| <div class="semaforo"> | |
| <div class="sem verde"> | |
| <div class="sem-h"><span class="sem-dot"></span>Verde · prevención</div> | |
| <ul> | |
| <li>Reglas de turno y escucha activa</li> | |
| <li>Liderazgos rotativos</li> | |
| <li>Lenguaje inclusivo en circulares</li> | |
| <li>Consentimiento explícito</li> | |
| <li>Acompañamiento entre pares</li> | |
| </ul> | |
| </div> | |
| <div class="sem amarillo"> | |
| <div class="sem-h"><span class="sem-dot"></span>Amarillo · alerta</div> | |
| <ul> | |
| <li>Chistes sexistas "inocentes"</li> | |
| <li>Control del celular en pareja</li> | |
| <li>Reparto desigual de tareas</li> | |
| <li>Comentarios sobre cuerpo o ropa</li> | |
| <li>Bromas que silencian</li> | |
| </ul> | |
| </div> | |
| <div class="sem rojo"> | |
| <div class="sem-h"><span class="sem-dot"></span>Rojo · urgencia</div> | |
| <ul> | |
| <li>Tocamientos no consentidos</li> | |
| <li>Amenazas o coacción</li> | |
| <li>Difusión de imágenes íntimas</li> | |
| <li>Aislamiento forzado</li> | |
| <li>Cualquier agresión física</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 12: UNIDAD V — 4D + lenguaje ===================== --> | |
| <section class="page"> | |
| <div class="running-head right">Unidad V · 4D y lenguaje inclusivo</div> | |
| <span class="page-num right">12</span> | |
| <h3 style="color:var(--blue-900); margin-top:6mm; margin-bottom:3mm;">Estrategia 4D para personas testigo</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:5mm;"> | |
| Cuando se observa una situación de violencia, hay cuatro acciones para intervenir sin exponerse. | |
| </p> | |
| <div class="four-d"> | |
| <div class="d-step"> | |
| <div class="d-num">1</div> | |
| <h4>Detener</h4> | |
| <p>Cortar la cadena con una frase breve y firme. "Aquí no". "Eso no se dice".</p> | |
| </div> | |
| <div class="d-step"> | |
| <div class="d-num">2</div> | |
| <h4>Desviar</h4> | |
| <p>Cambiar el foco con otra tarea o pregunta. Crear espacio para que la víctima salga.</p> | |
| </div> | |
| <div class="d-step"> | |
| <div class="d-num">3</div> | |
| <h4>Delegar</h4> | |
| <p>Buscar apoyo de alguien con autoridad: docente, coordinación, seguridad, policía.</p> | |
| </div> | |
| <div class="d-step"> | |
| <div class="d-num">4</div> | |
| <h4>Documentar</h4> | |
| <p>Anotar fecha, hora, lugar y testigos. Guardar evidencias si es seguro. No exponer.</p> | |
| </div> | |
| </div> | |
| <h3 style="color:var(--blue-900); margin-top:8mm; margin-bottom:3mm;">Lenguaje inclusivo: tres caminos prácticos</h3> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:3mm;"> | |
| El lenguaje no es neutro. Lo que no se nombra, no existe. Estas tres estrategias permiten | |
| comunicar con precisión, economía e inclusión. | |
| </p> | |
| <div class="leng-grid"> | |
| <div class="leng-card"> | |
| <h4>1 · Colectivos neutros</h4> | |
| <p>Use sustantivos colectivos reales cuando sea posible.</p> | |
| <div class="leng-ex"> | |
| <span class="no">"los alumnos"</span> | |
| <span class="si">"el estudiantado"</span> | |
| </div> | |
| </div> | |
| <div class="leng-card"> | |
| <h4>2 · Desdoblamiento medido</h4> | |
| <p>Cuando aluda a personas concretas y el contexto lo permita.</p> | |
| <div class="leng-ex"> | |
| <span class="no">"los egresados"</span> | |
| <span class="si">"las y los egresados"</span> | |
| </div> | |
| </div> | |
| <div class="leng-card"> | |
| <h4>3 · Cargos en femenino</h4> | |
| <p>Nombre en femenino los cargos que desempeñan mujeres.</p> | |
| <div class="leng-ex"> | |
| <span class="no">"la rector, la ministro"</span> | |
| <span class="si">"la rectora, la ministra"</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="pullquote"> | |
| "Visibilizar el sexismo en el lenguaje no es censura. Es educación crítica para construir una | |
| comunicación respetuosa." | |
| <cite>Sobre el lenguaje no sexista</cite> | |
| </div> | |
| <div class="callout"> | |
| <div class="callout-label">Idea clave para el aula</div> | |
| <p>Pacto de convivencia del sector: una página por lugar con cinco reglas del código, dos frases de | |
| intervención 4D, contactos de apoyo y un microcompromiso firmado por una persona responsable y un | |
| representante juvenil.</p> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 13: DIRECTORIO ===================== --> | |
| <section class="page"> | |
| <div class="running-head left">Directorio de líneas de ayuda</div> | |
| <span class="page-num left">13</span> | |
| <h2 style="margin-top:6mm; margin-bottom:5mm;">Directorio · líneas y rutas de ayuda</h2> | |
| <p style="font-size:10pt; color:var(--ink-soft); max-width:62ch; margin-bottom:6mm;"> | |
| Recórtelo, colóquelo en el aula y la sala docente. Asegúrese de que cada estudiante conozca al | |
| menos dos contactos de esta lista. | |
| </p> | |
| <div class="emergencia-big"> | |
| <h3>Líneas de emergencia · disponibles 24 horas</h3> | |
| <div class="em-row"> | |
| <div class="em-num"> | |
| <div class="em-num-l">Ministerio de la Mujer</div> | |
| <div class="em-num-v">*212</div> | |
| <div class="em-num-d">Línea de Emergencia</div> | |
| </div> | |
| <div class="em-num"> | |
| <div class="em-num-l">Procuraduría General</div> | |
| <div class="em-num-v">809-200-1202</div> | |
| <div class="em-num-d">Línea Vida</div> | |
| </div> | |
| <div class="em-num"> | |
| <div class="em-num-l">Sistema Nacional</div> | |
| <div class="em-num-v">911</div> | |
| <div class="em-num-d">Emergencias</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="directorio"> | |
| <div class="dir-block"> | |
| <h3>Atención y políticas</h3> | |
| <div class="dir-item"> | |
| <div class="dn">Ministerio de la Mujer</div> | |
| <div class="dr">Define políticas, coordina el Modelo Nacional</div> | |
| </div> | |
| <div class="dir-item"> | |
| <div class="dn">Casas de Acogida</div> | |
| <div class="dr">Albergue temporal para mujeres en situación de violencia</div> | |
| </div> | |
| <div class="dir-item"> | |
| <div class="dn">CONAPLUVI</div> | |
| <div class="dr">Articula la aplicación de la Ley 24-97</div> | |
| </div> | |
| <div class="dir-item"> | |
| <div class="dn">CONANI</div> | |
| <div class="dr">Protección integral a niñez y adolescencia</div> | |
| </div> | |
| </div> | |
| <div class="dir-block"> | |
| <h3>Denuncia y justicia</h3> | |
| <div class="dir-item"> | |
| <div class="dn">Ministerio Público</div> | |
| <div class="dr">Procuradurías especializadas en violencia de género</div> | |
| </div> | |
| <div class="dir-item"> | |
| <div class="dn">Policía Nacional</div> | |
| <div class="dr">Puerta de entrada en situaciones de riesgo</div> | |
| </div> | |
| <div class="dir-item"> | |
| <div class="dn">Poder Judicial</div> | |
| <div class="dr">Aplicación de medidas de protección y sanción</div> | |
| </div> | |
| <div class="dir-item"> | |
| <div class="dn">Salud Pública</div> | |
| <div class="dr">Atención física y emocional · activa rutas de seguridad</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="sidebar" style="margin-top:5mm;"> | |
| <h4>Antes de actuar — recordatorios</h4> | |
| <ul> | |
| <li>No es tu culpa. La responsabilidad es siempre del agresor.</li> | |
| <li>Documenta: fecha, hora, lugar, descripción y testigos si es seguro.</li> | |
| <li>Busca apoyo: docente de confianza, orientación o coordinación del centro.</li> | |
| <li>Si hay riesgo inmediato, llama al 911.</li> | |
| <li>Confidencialidad. Nunca expongas a la víctima.</li> | |
| </ul> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 14: REFERENCIAS ===================== --> | |
| <section class="page"> | |
| <div class="running-head right">Referencias y créditos</div> | |
| <span class="page-num right">14</span> | |
| <h2 style="margin-top:6mm; margin-bottom:5mm;">Referencias esenciales</h2> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:5mm;"> | |
| Selección de la bibliografía empleada en la guía completa. La lista exhaustiva se encuentra en el | |
| material original. | |
| </p> | |
| <div class="twocol"> | |
| <p><strong>Araya, S.</strong> (2004). <em>Hacia una educación no sexista</em>. Facultad de Educación, Universidad de Costa Rica.</p> | |
| <p><strong>Bengoechea, M.</strong> (2011). <em>Sexismo lingüístico: análisis y propuestas</em>. Instituto de la Mujer.</p> | |
| <p><strong>Bonino, L.</strong> (s. f.). <em>Micromachismos: el poder masculino en la pareja moderna</em>. Voces de Hombres por la Igualdad.</p> | |
| <p><strong>CDM</strong> (2008). <em>Manual de capacitación en Programa de Género</em>. Centro de Derechos de Mujeres.</p> | |
| <p><strong>Constitución de la República Dominicana</strong> (2015). Arts. 39 y 42.</p> | |
| <p><strong>Ley 24-97</strong>. Modificación del Código Penal sobre violencia contra la mujer.</p> | |
| <p><strong>Ley 136-03</strong>. Protección integral a niñez y adolescencia.</p> | |
| <p><strong>Ministerio de la Mujer RD</strong> (2020). <em>PLANEG III 2020–2030</em>.</p> | |
| <p><strong>OEA</strong> (1994). <em>Convención de Belém do Pará</em>.</p> | |
| <p><strong>ONE</strong> (2019). <em>Sistema de Información Nacional sobre Violencia de Género (SINAVIG)</em>.</p> | |
| <p><strong>ONU</strong> (1993). <em>Declaración sobre la eliminación de la violencia contra la mujer</em>.</p> | |
| <p><strong>ONU Mujeres</strong> (2020). <em>Guía para el uso de un lenguaje inclusivo al género</em>.</p> | |
| <p><strong>Pichardo, J.</strong> (2021). Estudios sobre masculinidades hegemónicas.</p> | |
| <p><strong>PNUD</strong> (2022). <em>Masculinidades, género y desarrollo</em>.</p> | |
| <p><strong>Pola, M.</strong> (2002, 2008). <em>Feminicidio en la República Dominicana</em>. PROFAMILIA · CLADEM.</p> | |
| <p><strong>Procuraduría General de la República</strong> (2024). Reporte de feminicidios y homicidios de mujeres.</p> | |
| <p><strong>Soldevila, A.</strong> (2009). La categoría "género" en las perspectivas de intervención.</p> | |
| <p><strong>Solá García, M.</strong> (2011). <em>Ampliando nuestra mirada sobre la violencia de género</em>.</p> | |
| <p><strong>UNESCO</strong> (2019). <em>Educación y género</em>. IIPE-SITEAL.</p> | |
| <p><strong>Toledo, P.</strong> (2009). <em>Feminicidio</em>. OACNUDH.</p> | |
| </div> | |
| <div class="sidebar" style="margin-top:6mm;"> | |
| <h4>Sobre el proyecto Articulación para la Dignidad y la Libertad</h4> | |
| <ul> | |
| <li>Liderado por el Núcleo de Apoyo a la Mujer (NAM), la Oficina para el Desarrollo de la Mujer (OPDM) y PROFAMILIA.</li> | |
| <li>Con el apoyo de la Unión Europea.</li> | |
| <li>Esta guía es resultado del componente de educación para la prevención de la VBG en centros educativos preuniversitarios.</li> | |
| </ul> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 15: NOTAS ===================== --> | |
| <section class="page"> | |
| <div class="running-head left">Notas del docente</div> | |
| <span class="page-num left">15</span> | |
| <h2 style="margin-top:6mm; margin-bottom:5mm;">Para tus notas</h2> | |
| <p style="font-size:9.5pt; color:var(--ink-soft); max-width:62ch; margin-bottom:8mm;"> | |
| Espacio libre para acuerdos del curso, observaciones, planificación de sesiones, registro de casos | |
| y compromisos del centro. | |
| </p> | |
| <div style="display:grid; grid-template-columns: 1fr 1fr; gap: 6mm;"> | |
| <div> | |
| <h4 style="color:var(--blue-700); margin-bottom:3mm;">Acuerdos del curso</h4> | |
| <div style="border:1px solid var(--line); border-radius:2mm; padding:4mm; min-height:60mm; background-image: linear-gradient(transparent 0, transparent 7mm, var(--blue-100) 7mm, var(--blue-100) 7.2mm); background-size: 100% 7.2mm;"></div> | |
| </div> | |
| <div> | |
| <h4 style="color:var(--blue-700); margin-bottom:3mm;">Casos detectados · seguimiento</h4> | |
| <div style="border:1px solid var(--line); border-radius:2mm; padding:4mm; min-height:60mm; background-image: linear-gradient(transparent 0, transparent 7mm, var(--blue-100) 7mm, var(--blue-100) 7.2mm); background-size: 100% 7.2mm;"></div> | |
| </div> | |
| <div> | |
| <h4 style="color:var(--blue-700); margin-bottom:3mm;">Compromisos del centro</h4> | |
| <div style="border:1px solid var(--line); border-radius:2mm; padding:4mm; min-height:60mm; background-image: linear-gradient(transparent 0, transparent 7mm, var(--blue-100) 7mm, var(--blue-100) 7.2mm); background-size: 100% 7.2mm;"></div> | |
| </div> | |
| <div> | |
| <h4 style="color:var(--blue-700); margin-bottom:3mm;">Contactos locales</h4> | |
| <div style="border:1px solid var(--line); border-radius:2mm; padding:4mm; min-height:60mm; background-image: linear-gradient(transparent 0, transparent 7mm, var(--blue-100) 7mm, var(--blue-100) 7.2mm); background-size: 100% 7.2mm;"></div> | |
| </div> | |
| </div> | |
| <div class="pullquote" style="margin-top:6mm;"> | |
| "Que esta guía sea un instrumento para sumar voluntades en la construcción de un país más justo, | |
| libre de violencia contra las mujeres y las niñas." | |
| <cite>Presentación de la guía · NAM · OPDM · PROFAMILIA</cite> | |
| </div> | |
| </section> | |
| <!-- ===================== PAGE 16: CONTRAPORTADA ===================== --> | |
| <section class="page back"> | |
| <svg class="back-wave" viewBox="0 0 800 200" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"> | |
| <path d="M0,20 C150,120 350,-20 500,80 C650,150 750,60 800,90 L800,0 L0,0 Z" fill="#8DC340" opacity="0.65"/> | |
| <path d="M0,40 C150,140 350,0 500,100 C650,170 750,80 800,110 L800,0 L0,0 Z" fill="#2D6DC9" opacity="0.55"/> | |
| <path d="M0,60 C150,160 350,20 500,120 C650,190 750,100 800,130 L800,0 L0,0 Z" fill="#1F549E" opacity="0.5"/> | |
| </svg> | |
| <div class="back-content"> | |
| <h2>La escuela puede y debe ser un <em>espacio de cambio</em></h2> | |
| <p class="back-lead"> | |
| Esta revista es una herramienta de resistencia y transformación. Acompaña a maestras y maestros | |
| en el desafío de desnaturalizar el machismo, desmontar imaginarios que dañan y sembrar nuevas | |
| formas de relacionarnos. | |
| </p> | |
| <span class="back-cta">CONTIGO POR LA SALUD Y LOS DERECHOS</span> | |
| </div> | |
| <div class="back-footer"> | |
| <div> | |
| <strong>Líneas de ayuda · 24 horas</strong> | |
| *212 Min. de la Mujer · 911 Emergencias · 809-200-1202 Línea Vida | |
| </div> | |
| <div> | |
| <strong>Editores</strong> | |
| NAM · OPDM · PROFAMILIA · Unión Europea | |
| </div> | |
| <div> | |
| <strong>Publicación</strong> | |
| Noviembre 2025 · RD | |
| </div> | |
| </div> | |
| </section> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment