{"id":4207,"date":"2026-05-28T12:31:06","date_gmt":"2026-05-28T18:31:06","guid":{"rendered":"https:\/\/tejiendoredesinfancia.org\/?page_id=4207"},"modified":"2026-05-28T12:31:07","modified_gmt":"2026-05-28T18:31:07","slug":"promesas-falsas","status":"publish","type":"page","link":"https:\/\/tejiendoredesinfancia.org\/pt_br\/promesas-falsas\/","title":{"rendered":"Promesas falsas"},"content":{"rendered":"\n\n<!-- Gutenberg compatible -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700;900&#038;family=Fraunces:opsz,wght@9..144,600;9..144,700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"qnte-wrapper\">\n<style>\n\n    :root {\n      --bg: #0a1713;\n      --surface: #f4f0e6;\n      --surface-2: #e7efd5;\n      --surface-3: #fffdf8;\n      --text: #10211c;\n      --muted: #536257;\n      --line: rgba(22, 55, 45, 0.18);\n      --primary: #16372d;\n      --primary-dark: #10211c;\n      --purple: #7c2d59;\n      --teal: #a8d65d;\n      --orange: #f3b33d;\n      --danger: #ef6a52;\n      --cream: #f4f0e6;\n      --sand: #e5dcc8;\n      --focus: #a8d65d;\n      --shadow: 0 14px 34px rgba(10, 23, 19, 0.16);\n      --radius: 24px;\n      --font-size: 18px;\n      --max: 1160px;\n      --hero-image: none;\n    }\n\n    * { box-sizing: border-box; }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      margin: 0;\n      font-family: 'DM Sans', Arial, Helvetica, sans-serif;\n      font-size: var(--font-size);\n      line-height: 1.58;\n      background: var(--bg);\n      color: var(--text);\n      text-rendering: optimizeLegibility;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .qnte-wrapper.high-contrast {\n      --bg: #ffffff;\n      --surface: #ffffff;\n      --surface-2: #ffffff;\n      --surface-3: #ffffff;\n      --text: #000000;\n      --muted: #111111;\n      --line: #000000;\n      --primary: #000000;\n      --primary-dark: #000000;\n      --purple: #000000;\n      --teal: #000000;\n      --orange: #000000;\n      --danger: #000000;\n      --cream: #ffffff;\n      --sand: #ffffff;\n      --focus: #000000;\n      --shadow: none;\n    }\n\n    a { color: var(--primary); text-decoration-thickness: 2px; text-underline-offset: 3px; }\n\n    a:focus, button:focus, summary:focus {\n      outline: 4px solid var(--focus);\n      outline-offset: 3px;\n    }\n\n    .skip-link {\n      position: absolute;\n      left: -999px;\n      top: 0;\n      z-index: 999;\n      padding: 0.75rem 1rem;\n      background: #000;\n      color: #fff;\n    }\n\n    .skip-link:focus { left: 0.75rem; top: 0.75rem; }\n\n    .quick-exit {\n      position: fixed;\n      right: 1rem;\n      bottom: 1rem;\n      z-index: 80;\n      border: 2px solid rgba(244, 240, 230, 0.75);\n      border-radius: 999px;\n      background: var(--danger);\n      color: var(--primary-dark);\n      padding: 0.82rem 1.05rem;\n      font-weight: 900;\n      box-shadow: var(--shadow);\n      cursor: pointer;\n    }\n\n    header {\n      position: sticky;\n      top: 0;\n      z-index: 70;\n      background: rgba(10, 23, 19, 0.96);\n      border-bottom: 1px solid rgba(244, 240, 230, 0.16);\n      backdrop-filter: blur(10px);\n    }\n\n    .topbar {\n      max-width: var(--max);\n      margin: 0 auto;\n      padding: 0.85rem 1rem;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 1rem;\n    }\n\n    .brand {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      font-weight: 900;\n      letter-spacing: -0.02em;\n      color: var(--cream);\n    }\n\n    .brand-mark {\n      width: 42px;\n      height: 42px;\n      border-radius: 16px;\n      display: grid;\n      place-items: center;\n      background: var(--teal);\n      color: var(--primary-dark);\n      font-weight: 900;\n      box-shadow: 0 0 0 3px rgba(168, 214, 93, 0.18);\n    }\n\n    nav ul {\n      margin: 0;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      gap: 0.35rem;\n      list-style: none;\n    }\n\n    nav a {\n      display: inline-flex;\n      align-items: center;\n      min-height: 42px;\n      padding: 0.45rem 0.7rem;\n      border-radius: 999px;\n      color: var(--cream);\n      text-decoration: none;\n      font-size: 0.92rem;\n      font-weight: 800;\n    }\n\n    nav a:hover, nav a.active {\n      background: rgba(168, 214, 93, 0.16);\n      color: var(--teal);\n    }\n\n    .menu-toggle {\n      display: none;\n      border: 1px solid rgba(244, 240, 230, 0.28);\n      background: rgba(244, 240, 230, 0.08);\n      color: var(--cream);\n      border-radius: 999px;\n      padding: 0.65rem 0.9rem;\n      font-weight: 900;\n      cursor: pointer;\n    }\n\n    .tools {\n      max-width: var(--max);\n      margin: 0 auto;\n      padding: 0 1rem 0.8rem;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n    }\n\n    button, .button { font: inherit; }\n\n    .tool-btn, .primary-btn, .secondary-btn, .scenario-btn {\n      min-height: 44px;\n      border: 1px solid var(--line);\n      border-radius: 999px;\n      padding: 0.75rem 1rem;\n      font-weight: 900;\n      cursor: pointer;\n      background: var(--surface-3);\n      color: var(--text);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.4rem;\n    }\n\n    .tool-btn {\n      background: rgba(244, 240, 230, 0.08);\n      color: var(--cream);\n      border-color: rgba(244, 240, 230, 0.22);\n      font-size: 0.92rem;\n    }\n\n    .primary-btn {\n      background: var(--teal);\n      border-color: var(--teal);\n      color: var(--primary-dark);\n      box-shadow: 0 10px 26px rgba(168, 214, 93, 0.22);\n    }\n\n    .secondary-btn {\n      background: rgba(244, 240, 230, 0.08);\n      border-color: rgba(244, 240, 230, 0.28);\n      color: var(--cream);\n    }\n\n    main { overflow: hidden; background: var(--surface); }\n    section { scroll-margin-top: 138px; }\n\n    .container {\n      max-width: var(--max);\n      margin: 0 auto;\n      padding: 3rem 1rem;\n    }\n\n    .hero {\n      position: relative;\n      isolation: isolate;\n      overflow: hidden;\n      color: var(--cream);\n      background:\n        linear-gradient(90deg, rgba(10, 23, 19, 0.96) 0%, rgba(10, 23, 19, 0.88) 42%, rgba(10, 23, 19, 0.64) 100%),\n        radial-gradient(circle at 82% 25%, rgba(168, 214, 93, 0.25), transparent 28%),\n        radial-gradient(circle at 16% 14%, rgba(243, 179, 61, 0.12), transparent 26%),\n        var(--hero-image),\n        #0a1713;\n      background-size: cover;\n      background-position: center;\n      border-bottom: 0;\n    }\n\n    .hero::after {\n      content: \"\";\n      position: absolute;\n      inset: auto -10% -32% 46%;\n      height: 72%;\n      z-index: -1;\n      background:\n        radial-gradient(circle, rgba(168, 214, 93, 0.18), transparent 58%),\n        linear-gradient(120deg, transparent 0 32%, rgba(244, 240, 230, 0.08) 32% 34%, transparent 34% 64%, rgba(244, 240, 230, 0.07) 64% 66%, transparent 66%);\n      transform: rotate(-8deg);\n      pointer-events: none;\n    }\n\n    .hero-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.82fr);\n      gap: 1.8rem;\n      align-items: center;\n      min-height: min(680px, 78vh);\n    }\n\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.4rem;\n      border: 1px solid rgba(168, 214, 93, 0.36);\n      border-radius: 999px;\n      background: rgba(168, 214, 93, 0.12);\n      color: var(--teal);\n      padding: 0.38rem 0.7rem;\n      font-weight: 900;\n      font-size: 0.78rem;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n    }\n\n    h1, h2, h3 {\n      margin: 0 0 1rem;\n      line-height: 1.08;\n      letter-spacing: -0.04em;\n      font-family: 'Fraunces', Georgia, serif;\n      font-weight: 700;\n    }\n\n    h1 { font-size: clamp(2.45rem, 6vw, 4.9rem); max-width: 940px; }\n    h2 { font-size: clamp(1.85rem, 3.4vw, 3.05rem); }\n    h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); }\n\n    .hero h1, .hero .lead { color: var(--cream); }\n\n    .lead {\n      font-size: clamp(1.05rem, 2vw, 1.28rem);\n      color: var(--muted);\n      max-width: 850px;\n    }\n\n    .hero .lead { color: #d7ded6; }\n\n    .hero-actions, .button-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.75rem;\n      margin-top: 1.45rem;\n    }\n\n    .safe-note {\n      margin-top: 1.25rem;\n      border: 1px solid rgba(168, 214, 93, 0.28);\n      border-left: 8px solid var(--teal);\n      border-radius: var(--radius);\n      background: rgba(244, 240, 230, 0.08);\n      color: var(--cream);\n      padding: 1rem;\n      box-shadow: none;\n    }\n\n    .safe-note p { margin: 0; }\n\n    .phone {\n      border: 1px solid rgba(244, 240, 230, 0.22);\n      border-radius: 30px;\n      background: rgba(244, 240, 230, 0.12);\n      overflow: hidden;\n      box-shadow: 0 20px 55px rgba(0, 0, 0, 0.26);\n      backdrop-filter: blur(8px);\n    }\n\n    .phone-top {\n      background: rgba(244, 240, 230, 0.12);\n      border-bottom: 1px solid rgba(244, 240, 230, 0.18);\n      padding: 0.8rem;\n      display: flex;\n      justify-content: center;\n    }\n\n    .notch { width: 90px; height: 12px; border-radius: 999px; background: rgba(244, 240, 230, 0.32); }\n\n    .chat {\n      padding: 1rem;\n      display: grid;\n      gap: 0.75rem;\n    }\n\n    .bubble {\n      border: 1px solid rgba(244, 240, 230, 0.22);\n      border-radius: 18px;\n      padding: 0.85rem;\n      background: rgba(244, 240, 230, 0.92);\n      color: var(--primary-dark);\n      font-weight: 800;\n    }\n\n    .bubble.warn { background: #d9edaa; border-color: rgba(168, 214, 93, 0.6); }\n    .bubble.safe { background: #fffdf8; border-color: rgba(168, 214, 93, 0.42); }\n\n    .section-head { max-width: 870px; margin-bottom: 1.8rem; }\n    .section-head p { color: var(--muted); }\n\n    .cards-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 1rem;\n    }\n\n    .card, .mini-card, .scenario-panel, .identity-card, .danger-card, .support-card {\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--surface-3);\n      box-shadow: var(--shadow);\n    }\n\n    .card { padding: 1.15rem; }\n\n    .icon {\n      width: 48px;\n      height: 48px;\n      display: grid;\n      place-items: center;\n      border-radius: 16px;\n      background: var(--surface-2);\n      color: var(--primary);\n      font-size: 1.35rem;\n      margin-bottom: 0.8rem;\n    }\n\n    details.card { padding: 0; overflow: hidden; }\n\n    details.card summary {\n      list-style: none;\n      cursor: pointer;\n      padding: 1rem;\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      gap: 0.85rem;\n      align-items: center;\n      font-weight: 900;\n      color: var(--primary);\n    }\n\n    details.card summary::-webkit-details-marker { display: none; }\n    details[open] .chevron { transform: rotate(180deg); }\n\n    .card-body {\n      border-top: 1px solid var(--line);\n      padding: 1rem;\n      background: #fbf7ed;\n      color: var(--muted);\n    }\n\n    .card-body p { margin: 0; }\n    .chevron { color: var(--primary); font-weight: 900; }\n\n    .scenario-wrap {\n      display: grid;\n      grid-template-columns: 0.9fr 1.1fr;\n      gap: 1rem;\n      align-items: start;\n    }\n\n    .scenario-list { display: grid; gap: 0.65rem; }\n\n    .scenario-btn {\n      justify-content: flex-start;\n      border-radius: 18px;\n      text-align: left;\n      background: var(--surface-3);\n      border: 1px solid var(--line);\n      min-height: 62px;\n    }\n\n    .scenario-btn[aria-pressed=\"true\"] {\n      background: var(--primary);\n      color: var(--cream);\n      border-color: var(--primary);\n    }\n\n    .scenario-panel {\n      padding: 1.25rem;\n      min-height: 360px;\n      border-left: 8px solid var(--teal);\n    }\n\n    .scenario-panel .tag {\n      display: inline-flex;\n      border-radius: 999px;\n      background: var(--surface-2);\n      color: var(--primary-dark);\n      font-weight: 900;\n      padding: 0.25rem 0.65rem;\n      margin-bottom: 0.8rem;\n    }\n\n    .scenario-panel ul, .danger-card ul, .support-card ul, .identity-card ul {\n      padding-left: 1.1rem;\n      margin-bottom: 0;\n    }\n\n    .scenario-panel li::marker,\n    .danger-card li::marker,\n    .support-card li::marker,\n    .identity-card li::marker { color: var(--primary); }\n\n    .truth-strip {\n      background: var(--teal);\n      color: var(--primary-dark);\n    }\n\n    .truth-strip .container { padding-top: 2.1rem; padding-bottom: 2.1rem; }\n\n    .truth-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 0.75rem;\n      margin-top: 1rem;\n    }\n\n    .truth {\n      border: 1px solid rgba(16, 33, 28, 0.15);\n      border-radius: 18px;\n      padding: 1rem;\n      background: #d9edaa;\n      color: var(--primary-dark);\n      font-weight: 900;\n    }\n\n    .women-section {\n      background: linear-gradient(180deg, var(--surface) 0%, #fff7fb 100%);\n      border-top: 1px solid var(--line);\n      border-bottom: 1px solid var(--line);\n    }\n\n    .women-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1rem;\n    }\n\n    .danger-card, .support-card, .identity-card { padding: 1.1rem; }\n\n    .danger-card { border-top: 8px solid var(--danger); }\n    .support-card { border-top: 8px solid var(--teal); }\n    .identity-card { border-top: 8px solid var(--purple); }\n\n    .identity-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 1rem;\n    }\n\n    .network-box {\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--surface-3);\n      padding: 1.2rem;\n      box-shadow: var(--shadow);\n    }\n\n    .network-steps {\n      display: grid;\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n      gap: 0.75rem;\n      margin-top: 1rem;\n    }\n\n    .step {\n      background: #fbf7ed;\n      border: 1px solid var(--line);\n      border-radius: 18px;\n      padding: 0.9rem;\n      font-weight: 900;\n    }\n\n    #urgente {\n      background: var(--primary-dark);\n      color: var(--cream);\n    }\n\n    .panic-box {\n      border: 1px solid rgba(168, 214, 93, 0.28);\n      border-left: 10px solid var(--teal);\n      border-radius: var(--radius);\n      background: var(--primary);\n      color: var(--cream);\n      padding: 1.25rem;\n      box-shadow: none;\n    }\n\n    .panic-box h2, .panic-box h3 { color: var(--cream); }\n    .panic-box strong { color: var(--teal); }\n\n    footer {\n      border-top: 1px solid rgba(244, 240, 230, 0.16);\n      background: var(--bg);\n      color: var(--cream);\n    }\n\n    footer .container { padding-top: 1.5rem; padding-bottom: 1.5rem; }\n    footer p { color: #d6ded4; }\n    footer strong { color: var(--teal); }\n\n    .mobile-sticky { display: none; }\n\n    @media (max-width: 980px) {\n      .hero-grid, .scenario-wrap, .women-grid { grid-template-columns: 1fr; }\n      .hero-grid { min-height: auto; }\n      .cards-grid, .identity-grid, .truth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n      .network-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n      .phone { max-width: 620px; }\n    }\n\n    @media (max-width: 760px) {\n      html { scroll-behavior: auto; }\n      header { position: static; backdrop-filter: none; }\n      .topbar { align-items: flex-start; flex-wrap: wrap; padding: 0.75rem 0.85rem; }\n      .brand { max-width: calc(100% - 96px); font-size: 0.98rem; }\n      .brand-mark { width: 38px; height: 38px; border-radius: 14px; }\n      .menu-toggle { display: inline-flex; }\n      nav { display: none; width: 100%; }\n      nav.open { display: block; }\n      nav ul { flex-direction: column; align-items: stretch; padding-top: 0.75rem; }\n      nav a { justify-content: center; border: 1px solid rgba(244, 240, 230, 0.18); border-radius: 14px; }\n      .tools { padding: 0 0.85rem 0.75rem; gap: 0.4rem; }\n      .tool-btn { flex: 1 1 calc(50% - 0.4rem); min-height: 42px; padding: 0.62rem 0.7rem; font-size: 0.86rem; }\n      .container { padding: 2rem 0.95rem; }\n      .hero { background-position: center top; }\n      .hero::after { display: none; }\n      .hero-grid { gap: 1.2rem; }\n      h1 { font-size: clamp(2.2rem, 13vw, 3.35rem); }\n      h2 { font-size: clamp(1.72rem, 8vw, 2.35rem); }\n      h3 { font-size: clamp(1.2rem, 5.4vw, 1.45rem); }\n      .lead { font-size: 1.05rem; }\n      .eyebrow { font-size: 0.68rem; line-height: 1.35; white-space: normal; border-radius: 18px; }\n      .hero-actions { display: grid; grid-template-columns: 1fr; }\n      .primary-btn, .secondary-btn { width: 100%; min-height: 50px; }\n      .phone { border-radius: 24px; backdrop-filter: none; }\n      .cards-grid, .identity-grid, .truth-grid { grid-template-columns: 1fr; }\n      details.card summary { grid-template-columns: auto 1fr auto; gap: 0.7rem; padding: 0.9rem; }\n      .icon { width: 42px; height: 42px; border-radius: 14px; font-size: 1.12rem; }\n      .scenario-btn { min-height: 56px; border-radius: 16px; }\n      .scenario-panel { min-height: auto; }\n      .network-steps { grid-template-columns: 1fr; }\n      .quick-exit { bottom: 5.2rem; right: 0.75rem; padding: 0.72rem 0.9rem; }\n      .mobile-sticky {\n        position: fixed;\n        z-index: 75;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0.35rem;\n        padding: 0.5rem;\n        background: var(--bg);\n        border-top: 1px solid rgba(244, 240, 230, 0.16);\n      }\n      .mobile-sticky a {\n        min-height: 48px;\n        display: grid;\n        place-items: center;\n        border-radius: 14px;\n        background: var(--teal);\n        color: var(--primary-dark);\n        text-decoration: none;\n        font-weight: 900;\n        font-size: 0.84rem;\n        text-align: center;\n      }\n    }\n\n    @media (max-width: 380px) {\n      :root { --font-size: 16px; }\n      .container { padding-left: 0.8rem; padding-right: 0.8rem; }\n      .tools { display: grid; grid-template-columns: 1fr 1fr; }\n      .tool-btn { width: 100%; }\n      .bubble, .card-body, .scenario-panel, .danger-card, .support-card, .identity-card, .network-box, .panic-box { padding: 0.82rem; }\n      details.card summary { font-size: 0.98rem; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      html { scroll-behavior: auto; }\n      * { transition: none !important; animation: none !important; }\n    }\n\n    @media print {\n      header, .quick-exit, .mobile-sticky, .hero-actions, .phone, .scenario-list { display: none !important; }\n      body { font-size: 12pt; color: #000; background: #fff; }\n      main, section, .hero, #urgente { background: #fff !important; color: #000 !important; }\n      .container, section { padding: 0.6rem 0; }\n      .card, .scenario-panel, .identity-card, .danger-card, .support-card, .network-box, .panic-box { box-shadow: none; break-inside: avoid; background: #fff !important; color: #000 !important; }\n    }\n  \n<\/style>\n\n\n<a class=\"skip-link\" href=\"#contenido\">Saltar al contenido principal<\/a>\n<button aria-label=\"Salir r\u00e1pido hacia una p\u00e1gina neutra\" class=\"quick-exit\" id=\"quickExit\" type=\"button\">Salida r\u00e1pida<\/button>\n<header>\n<div class=\"topbar\">\n<div aria-label=\"Que no te enganchen\" class=\"brand\">\n<div aria-hidden=\"true\" class=\"brand-mark\">NG<\/div>\n<span>Que no te enganchen<\/span>\n<\/div>\n<button aria-controls=\"mainNav\" aria-expanded=\"false\" class=\"menu-toggle\" id=\"menuToggle\" type=\"button\">Men\u00fa<\/button>\n<nav aria-label=\"Navegaci\u00f3n principal\" id=\"mainNav\">\n<ul>\n<li><a href=\"#inicio\">Inicio<\/a><\/li>\n<li><a href=\"#senales\">Se\u00f1ales<\/a><\/li>\n<li><a href=\"#situaciones\">Situaciones<\/a><\/li>\n<li><a href=\"#chicas\">Chicas<\/a><\/li>\n<li><a href=\"#diversidades\">M\u00e1s riesgos<\/a><\/li>\n<li><a href=\"#red\">Red de apoyo<\/a><\/li>\n<li><a href=\"#urgente\">Urgente<\/a><\/li>\n<\/ul>\n<\/nav>\n<\/div>\n<div aria-label=\"Herramientas de accesibilidad\" class=\"tools\">\n<button class=\"tool-btn\" id=\"increaseText\" type=\"button\">Aumentar texto<\/button>\n<button class=\"tool-btn\" id=\"decreaseText\" type=\"button\">Reducir texto<\/button>\n<button class=\"tool-btn\" id=\"contrastToggle\" type=\"button\">Alto contraste<\/button>\n<button class=\"tool-btn\" onclick=\"window.print()\" type=\"button\">Imprimir<\/button>\n<\/div>\n<\/header>\n<main id=\"contenido\">\n<section aria-labelledby=\"titulo-principal\" class=\"hero\" id=\"inicio\">\n<div class=\"container hero-grid\">\n<div>\n<span class=\"eyebrow\">Herramienta comunitaria de orientaci\u00f3n frente a riesgos de reclutamiento<\/span>\n<h1 id=\"titulo-principal\">Que no te enganchen con promesas falsas<\/h1>\n<p class=\"lead\">A veces el riesgo no llega como amenaza. Llega como amistad, trabajo, dinero, protecci\u00f3n, pareja, viaje o \u201cuna oportunidad\u201d. Si algo te presiona, te a\u00edsla o te pide secretos, merece atenci\u00f3n.<\/p>\n<div class=\"safe-note\">\n<p><strong>No es tu culpa.<\/strong> Si alguien te est\u00e1 presionando, usando, amenazando o controlando, no tienes que resolverlo a solas. Pedir ayuda no te hace d\u00e9bil; puede proteger tu vida y la de otras personas.<\/p>\n<\/div>\n<div class=\"hero-actions\">\n<a class=\"primary-btn\" href=\"#situaciones\">Ver situaciones<\/a>\n<a class=\"secondary-btn\" href=\"#red\">Tejer una red de apoyo<\/a>\n<a class=\"secondary-btn\" href=\"#urgente\">Estoy en riesgo<\/a>\n<\/div>\n<\/div>\n<aside aria-label=\"Mensajes ejemplo de enganche\" class=\"phone\">\n<div class=\"phone-top\"><div aria-hidden=\"true\" class=\"notch\"><\/div><\/div>\n<div class=\"chat\">\n<div class=\"bubble\">\u201cHay jale f\u00e1cil. Te pagan hoy.\u201d<\/div>\n<div class=\"bubble warn\">Si no hay datos claros, puede ser trampa.<\/div>\n<div class=\"bubble\">\u201cNo le digas a nadie. Yo s\u00ed te entiendo.\u201d<\/div>\n<div class=\"bubble warn\">Si te pide secreto y te aleja, no es cuidado.<\/div>\n<div class=\"bubble safe\">Habla con una persona adulta confiable. No tienes que ir sola, solo o a escondidas.<\/div>\n<\/div>\n<\/aside>\n<\/div>\n<\/section>\n<section aria-labelledby=\"verdades-title\" class=\"truth-strip\">\n<div class=\"container\">\n<h2 id=\"verdades-title\">Cuatro ideas para recordar<\/h2>\n<div class=\"truth-grid\">\n<div class=\"truth\">Si te presiona, no es oportunidad.<\/div>\n<div class=\"truth\">Si te a\u00edsla, no es amistad.<\/div>\n<div class=\"truth\">Si te amenaza, no es lealtad.<\/div>\n<div class=\"truth\">Si te usa, necesitas apoyo.<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section aria-labelledby=\"senales-title\" id=\"senales\">\n<div class=\"container\">\n<div class=\"section-head\">\n<h2 id=\"senales-title\">Se\u00f1ales que conviene tomar en serio<\/h2>\n<p>No se trata de asustarte ni de decirte qu\u00e9 hacer con tu vida. Se trata de que puedas reconocer cuando alguien quiere ganar control sobre ti.<\/p>\n<\/div>\n<div class=\"cards-grid\">\n<details class=\"card\">\n<summary><span aria-hidden=\"true\" class=\"icon\">\ud83d\udcac<\/span><span>Te piden guardar secretos<\/span><span aria-hidden=\"true\" class=\"chevron\">\u2304<\/span><\/summary>\n<div class=\"card-body\"><p>Una cosa es tener privacidad. Otra cosa es que alguien te diga que no cuentes nada, que tu familia \u201cno entiende\u201d o que tus amistades \u201cestorban\u201d. Cuando el secreto sirve para aislarte, puede ser control.<\/p><\/div>\n<\/details>\n<details class=\"card\">\n<summary><span aria-hidden=\"true\" class=\"icon\">\ud83d\udcb5<\/span><span>Te ofrecen dinero r\u00e1pido<\/span><span aria-hidden=\"true\" class=\"chevron\">\u2304<\/span><\/summary>\n<div class=\"card-body\"><p>Si te ofrecen dinero por \u201cmandados\u201d, cuidar algo, vigilar, llevar paquetes, cobrar, manejar cuentas o \u201cs\u00f3lo acompa\u00f1ar\u201d, detente. A veces empiezan con algo peque\u00f1o para despu\u00e9s exigirte m\u00e1s.<\/p><\/div>\n<\/details>\n<details class=\"card\">\n<summary><span aria-hidden=\"true\" class=\"icon\">\ud83d\ude8c<\/span><span>Te quieren mover de lugar<\/span><span aria-hidden=\"true\" class=\"chevron\">\u2304<\/span><\/summary>\n<div class=\"card-body\"><p>Una entrevista, viaje o trabajo fuera de tu colonia, escuela, municipio o estado puede ser riesgoso si no hay informaci\u00f3n clara, contrato, direcci\u00f3n verificable y acompa\u00f1amiento seguro.<\/p><\/div>\n<\/details>\n<details class=\"card\">\n<summary><span aria-hidden=\"true\" class=\"icon\">\ud83d\udcf1<\/span><span>Te contactan por redes<\/span><span aria-hidden=\"true\" class=\"chevron\">\u2304<\/span><\/summary>\n<div class=\"card-body\"><p>Cuentas falsas, grupos cerrados, perfiles que presumen armas, lujo, \u201crespeto\u201d o \u201ctrabajo de seguridad\u201d pueden engancharte con una imagen que oculta deuda, amenaza o explotaci\u00f3n.<\/p><\/div>\n<\/details>\n<details class=\"card\">\n<summary><span aria-hidden=\"true\" class=\"icon\">\ud83e\udde0<\/span><span>Te hacen sentir que debes algo<\/span><span aria-hidden=\"true\" class=\"chevron\">\u2304<\/span><\/summary>\n<div class=\"card-body\"><p>Regalos, favores, comidas, viajes, recargas o dinero pueden convertirse en deuda. Si despu\u00e9s te dicen \u201cahora te toca\u201d, \u201cno seas malagradecida\/o\/e\u201d o \u201cya est\u00e1s dentro\u201d, busca apoyo.<\/p><\/div>\n<\/details>\n<details class=\"card\">\n<summary><span aria-hidden=\"true\" class=\"icon\">\u26a0\ufe0f<\/span><span>Te da miedo decir que no<\/span><span aria-hidden=\"true\" class=\"chevron\">\u2304<\/span><\/summary>\n<div class=\"card-body\"><p>Si tienes miedo de bloquear, alejarte, terminar una relaci\u00f3n, cancelar un viaje o contarle a alguien, esa sensaci\u00f3n importa. Tu cuerpo tambi\u00e9n avisa cuando algo no est\u00e1 bien.<\/p><\/div>\n<\/details>\n<\/div>\n<\/div>\n<\/section>\n<section aria-labelledby=\"situaciones-title\" id=\"situaciones\">\n<div class=\"container\">\n<div class=\"section-head\">\n<h2 id=\"situaciones-title\">Me est\u00e1 pasando algo parecido<\/h2>\n<p>Este m\u00f3dulo no guarda respuestas. S\u00f3lo toca una situaci\u00f3n para ver ideas de cuidado. No tienes que contar tu caso aqu\u00ed.<\/p>\n<\/div>\n<div class=\"scenario-wrap\">\n<div aria-label=\"Situaciones frecuentes\" class=\"scenario-list\">\n<button aria-pressed=\"true\" class=\"scenario-btn\" data-scenario=\"dinero\" type=\"button\">Me ofrecieron dinero o regalos<\/button>\n<button aria-pressed=\"false\" class=\"scenario-btn\" data-scenario=\"viaje\" type=\"button\">Me quieren llevar a otro lugar<\/button>\n<button aria-pressed=\"false\" class=\"scenario-btn\" data-scenario=\"pareja\" type=\"button\">Mi pareja o alguien que me gusta me controla<\/button>\n<button aria-pressed=\"false\" class=\"scenario-btn\" data-scenario=\"amenaza\" type=\"button\">Me amenazaron o amenazaron a mi familia<\/button>\n<button aria-pressed=\"false\" class=\"scenario-btn\" data-scenario=\"fotos\" type=\"button\">Me piden fotos, videos o algo sexual<\/button>\n<button aria-pressed=\"false\" class=\"scenario-btn\" data-scenario=\"salir\" type=\"button\">Ya no s\u00e9 c\u00f3mo salirme<\/button>\n<\/div>\n<article aria-live=\"polite\" class=\"scenario-panel\" id=\"scenarioPanel\">\n<span class=\"tag\">Me ofrecieron dinero o regalos<\/span>\n<h3>Puede parecer ayuda, pero tambi\u00e9n puede ser enganche.<\/h3>\n<p>Pregunta con calma: \u00bfqui\u00e9n lo ofrece?, \u00bfqu\u00e9 espera a cambio?, \u00bfpor qu\u00e9 hay prisa?, \u00bfpor qu\u00e9 no quiere que lo cuentes?<\/p>\n<ul>\n<li>No aceptes trasladarte ni hacer \u201cmandados\u201d sin hablar con alguien confiable.<\/li>\n<li>Guarda capturas, nombres de perfiles y mensajes si puedes hacerlo sin ponerte en riesgo.<\/li>\n<li>Busca a una persona adulta que no te juzgue y que pueda acompa\u00f1arte.<\/li>\n<\/ul>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section aria-labelledby=\"chicas-title\" class=\"women-section\" id=\"chicas\">\n<div class=\"container\">\n<div class=\"section-head\">\n<h2 id=\"chicas-title\">Para chicas y mujeres adolescentes<\/h2>\n<p>El reclutamiento y la explotaci\u00f3n tambi\u00e9n pueden entrar por una relaci\u00f3n afectiva, por promesas de protecci\u00f3n, por control de pareja o por presi\u00f3n sexual. No es amor si te quita libertad.<\/p>\n<\/div>\n<div class=\"women-grid\">\n<article class=\"danger-card\">\n<h3>Se\u00f1ales de control que no debes normalizar<\/h3>\n<ul>\n<li>Te revisa el celular, tus fotos, tus mensajes o tu ubicaci\u00f3n.<\/li>\n<li>Te dice c\u00f3mo vestir, con qui\u00e9n hablar o a d\u00f3nde ir.<\/li>\n<li>Te pide fotos \u00edntimas o te amenaza con compartirlas.<\/li>\n<li>Te compra cosas y luego te exige obediencia.<\/li>\n<li>Te propone viajar, vivir con alguien o \u201ctrabajar\u201d sin informaci\u00f3n clara.<\/li>\n<\/ul>\n<\/article>\n<article class=\"support-card\">\n<h3>Ideas para cuidarte sin quedarte sola<\/h3>\n<ul>\n<li>Elige una persona adulta confiable y cu\u00e9ntale una parte: \u201cme est\u00e1 pasando algo que me da miedo\u201d.<\/li>\n<li>No borres pruebas si puedes guardarlas sin riesgo; capturas, perfiles, audios o fechas pueden ayudar.<\/li>\n<li>Si alguien amenaza con publicar fotos, la culpa no es tuya. Busca apoyo antes de responder.<\/li>\n<li>Si tienes que salir de un lugar, intenta moverte hacia espacios con gente: escuela, centro de salud, tienda, transporte formal o casa de alguien confiable.<\/li>\n<\/ul>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section aria-labelledby=\"diversidades-title\" id=\"diversidades\">\n<div class=\"container\">\n<div class=\"section-head\">\n<h2 id=\"diversidades-title\">Cuando el riesgo se cruza con discriminaci\u00f3n<\/h2>\n<p>Algunas personas enfrentan m\u00e1s presi\u00f3n porque viven racismo, pobreza, migraci\u00f3n, calle, discapacidad, violencia familiar, exclusi\u00f3n escolar o rechazo por su orientaci\u00f3n sexual, identidad o expresi\u00f3n de g\u00e9nero.<\/p>\n<\/div>\n<div class=\"identity-grid\">\n<article class=\"identity-card\">\n<h3>Si te han rechazado o discriminado<\/h3>\n<p>Alguien puede intentar aprovecharse diciendo que \u201cs\u00f3lo ah\u00ed te van a aceptar\u201d. Pertenecer no deber\u00eda costarte miedo, silencio ni obediencia.<\/p>\n<\/article>\n<article class=\"identity-card\">\n<h3>Si migraste o est\u00e1s lejos de tu familia<\/h3>\n<p>Las promesas de trabajo, viaje o protecci\u00f3n pueden sonar urgentes. Verifica con alguien confiable antes de moverte o entregar documentos.<\/p>\n<\/article>\n<article class=\"identity-card\">\n<h3>Si vives en calle o con poca red de apoyo<\/h3>\n<p>La necesidad no debe usarse para controlarte. Busca espacios comunitarios, escuela, salud, colectivos o personas adultas que puedan acompa\u00f1arte sin juzgar.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section aria-labelledby=\"red-title\" id=\"red\">\n<div class=\"container\">\n<div class=\"section-head\">\n<h2 id=\"red-title\">Tejer una red de apoyo<\/h2>\n<p>No tienes que resolverlo a solas. Una red no es contarle todo a todo el mundo; es elegir personas y lugares que puedan ayudarte sin exponerte.<\/p>\n<\/div>\n<div class=\"network-box\">\n<h3>Cinco pasos seguros<\/h3>\n<div class=\"network-steps\">\n<div class=\"step\">1. Elige una persona adulta confiable.<\/div>\n<div class=\"step\">2. Cuenta s\u00f3lo lo necesario para pedir ayuda.<\/div>\n<div class=\"step\">3. Evita confrontar a quien te presiona.<\/div>\n<div class=\"step\">4. Guarda pruebas si no te pone en riesgo.<\/div>\n<div class=\"step\">5. Acuerden un plan: d\u00f3nde ir, a qui\u00e9n llamar y c\u00f3mo moverse.<\/div>\n<\/div>\n<p><strong>Personas posibles:<\/strong> familiar que escucha, docente, orientadora escolar, entrenadora, vecina confiable, personal de salud, colectivo comunitario, procuradur\u00eda de protecci\u00f3n o autoridad que respete tus derechos.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section aria-labelledby=\"urgente-title\" id=\"urgente\">\n<div class=\"container\">\n<div class=\"panic-box\">\n<h2 id=\"urgente-title\">Si est\u00e1s en peligro ahora<\/h2>\n<h3>Primero busca estar en un lugar m\u00e1s seguro.<\/h3>\n<p>Si puedes hacerlo sin ponerte en m\u00e1s riesgo, mu\u00e9vete hacia un espacio con personas: escuela, tienda, centro de salud, transporte formal, casa de alguien confiable o autoridad de protecci\u00f3n. Pide ayuda con una frase corta: \u201cestoy en riesgo y necesito que me acompa\u00f1en\u201d.<\/p>\n<p>Si hay amenaza directa, desaparici\u00f3n de alguien, traslado forzado, violencia sexual o riesgo inmediato para tu vida, busca apoyo urgente con una persona adulta confiable y servicios de emergencia de tu localidad. En M\u00e9xico, el n\u00famero general de emergencias es <strong>911<\/strong>.<\/p>\n<p><strong>Evita:<\/strong> avisar a la persona que te amenaza, confrontarla en soledad, publicar el caso en redes o ir a una cita para \u201caclarar\u201d si sientes miedo.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<\/main>\n<div aria-label=\"Accesos r\u00e1pidos m\u00f3viles\" class=\"mobile-sticky\">\n<a href=\"#situaciones\">Me pasa<\/a>\n<a href=\"#red\">Apoyo<\/a>\n<a href=\"#urgente\">Urgente<\/a>\n<\/div>\n<footer>\n<div class=\"container\">\n<p><strong>Tejiendo Redes Infancia.<\/strong> Herramienta comunitaria para adolescentes y j\u00f3venes frente a riesgos de reclutamiento, explotaci\u00f3n y control.<\/p>\n<p>Esta p\u00e1gina no solicita ni almacena datos personales. No sustituye acompa\u00f1amiento profesional, b\u00fasqueda, protecci\u00f3n institucional ni atenci\u00f3n de emergencia.<\/p>\n<\/div>\n<\/footer>\n<script>\n    const root = document.documentElement;\n    const menuToggle = document.getElementById('menuToggle');\n    const mainNav = document.getElementById('mainNav');\n    const contrastToggle = document.getElementById('contrastToggle');\n    const increaseText = document.getElementById('increaseText');\n    const decreaseText = document.getElementById('decreaseText');\n    const quickExit = document.getElementById('quickExit');\n    const scenarioButtons = document.querySelectorAll('[data-scenario]');\n    const scenarioPanel = document.getElementById('scenarioPanel');\n    let currentSize = 18;\n\n    const scenarioContent = {\n      dinero: {\n        tag: 'Me ofrecieron dinero o regalos',\n        title: 'Puede parecer ayuda, pero tambi\u00e9n puede ser enganche.',\n        text: 'Pregunta con calma: \u00bfqui\u00e9n lo ofrece?, \u00bfqu\u00e9 espera a cambio?, \u00bfpor qu\u00e9 hay prisa?, \u00bfpor qu\u00e9 no quiere que lo cuentes?',\n        items: ['No aceptes trasladarte ni hacer \u201cmandados\u201d sin hablar con alguien confiable.', 'Guarda capturas, nombres de perfiles y mensajes si puedes hacerlo sin ponerte en riesgo.', 'Busca a una persona adulta que no te juzgue y que pueda acompa\u00f1arte.']\n      },\n      viaje: {\n        tag: 'Me quieren llevar a otro lugar',\n        title: 'El traslado puede convertir una promesa en control.',\n        text: 'Una cita, entrevista o viaje puede ser riesgoso si no hay direcci\u00f3n verificable, contrato, datos claros y acompa\u00f1amiento seguro.',\n        items: ['No vayas a centrales, hoteles, casas o puntos de encuentro si sientes duda o miedo.', 'Comparte la informaci\u00f3n con una persona adulta confiable antes de moverte.', 'Si hay presi\u00f3n para salir r\u00e1pido, t\u00f3malo como se\u00f1al de riesgo.']\n      },\n      pareja: {\n        tag: 'Mi pareja o alguien que me gusta me controla',\n        title: 'El control no es amor ni protecci\u00f3n.',\n        text: 'Celos, revisi\u00f3n del celular, presi\u00f3n para alejarte de amistades o familia, regalos con deuda y amenazas son se\u00f1ales de control.',\n        items: ['Habla con alguien que pueda acompa\u00f1arte sin juzgarte.', 'No termines ni confrontes en soledad si tienes miedo.', 'Planea c\u00f3mo pedir ayuda, d\u00f3nde estar y a qui\u00e9n llamar si la situaci\u00f3n escala.']\n      },\n      amenaza: {\n        tag: 'Me amenazaron o amenazaron a mi familia',\n        title: 'La amenaza es una se\u00f1al urgente.',\n        text: 'Si alguien usa miedo para que obedezcas, guardes silencio o hagas algo, necesitas apoyo. No tienes que demostrar valent\u00eda qued\u00e1ndote en riesgo.',\n        items: ['Busca una persona adulta confiable de inmediato.', 'Evita responder con insultos o confrontaci\u00f3n.', 'Guarda mensajes o datos si puedes hacerlo sin que te revisen el tel\u00e9fono.']\n      },\n      fotos: {\n        tag: 'Me piden fotos, videos o algo sexual',\n        title: 'Tu cuerpo no es moneda de cambio.',\n        text: 'Pedir fotos, chantajear, amenazar con publicar contenido o presionar para encuentros sexuales es violencia. No es tu culpa.',\n        items: ['No respondas a chantajes en soledad.', 'Busca apoyo de una persona adulta confiable o de una instituci\u00f3n de protecci\u00f3n.', 'Si ya compartiste algo, sigues teniendo derecho a protecci\u00f3n.']\n      },\n      salir: {\n        tag: 'Ya no s\u00e9 c\u00f3mo salirme',\n        title: 'Salir puede requerir ayuda; no lo hagas a solas.',\n        text: 'Cuando hay deuda, amenaza, control o miedo, intentar salir sin red puede aumentar el riesgo. Lo importante es construir apoyo y planear seguridad.',\n        items: ['Elige una persona adulta confiable y dile: \u201cnecesito ayuda para salir de algo que me da miedo\u201d.', 'Evita avisar a quien te presiona que vas a pedir ayuda.', 'Acuerden un lugar seguro, una forma de contacto y una ruta de protecci\u00f3n.']\n      }\n    };\n\n    menuToggle.addEventListener('click', () => {\n      const isOpen = mainNav.classList.toggle('open');\n      menuToggle.setAttribute('aria-expanded', String(isOpen));\n    });\n\n    contrastToggle.addEventListener('click', () => {\n      document.body.classList.toggle('high-contrast');\n      contrastToggle.textContent = document.body.classList.contains('high-contrast') ? 'Contraste normal' : 'Alto contraste';\n    });\n\n    increaseText.addEventListener('click', () => {\n      currentSize = Math.min(currentSize + 2, 24);\n      root.style.setProperty('--font-size', currentSize + 'px');\n    });\n\n    decreaseText.addEventListener('click', () => {\n      currentSize = Math.max(currentSize - 2, 16);\n      root.style.setProperty('--font-size', currentSize + 'px');\n    });\n\n    quickExit.addEventListener('click', () => {\n      window.location.href = 'https:\/\/www.wikipedia.org\/';\n    });\n\n    function renderScenario(key) {\n      const data = scenarioContent[key];\n      if (!data) return;\n      scenarioButtons.forEach(btn => btn.setAttribute('aria-pressed', btn.dataset.scenario === key ? 'true' : 'false'));\n      scenarioPanel.innerHTML = `\n        <span class=\"tag\">${data.tag}<\/span>\n        <h3>${data.title}<\/h3>\n        <p>${data.text}<\/p>\n        <ul>${data.items.map(item => `<li>${item}<\/li>`).join('')}<\/ul>\n      `;\n    }\n\n    scenarioButtons.forEach(btn => {\n      btn.addEventListener('click', () => renderScenario(btn.dataset.scenario));\n    });\n\n    const navLinks = document.querySelectorAll('nav a');\n    const sections = [...document.querySelectorAll('main section[id]')];\n\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          navLinks.forEach(link => link.classList.remove('active'));\n          const active = document.querySelector('nav a[href=\"#' + entry.target.id + '\"]');\n          if (active) active.classList.add('active');\n        }\n      });\n    }, { threshold: 0.35 });\n\n    sections.forEach(section => observer.observe(section));\n  <\/script>\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n\n    const root = document.documentElement;\n    const menuToggle = document.getElementById('menuToggle');\n    const mainNav = document.getElementById('mainNav');\n    const contrastToggle = document.getElementById('contrastToggle');\n    const increaseText = document.getElementById('increaseText');\n    const decreaseText = document.getElementById('decreaseText');\n    const quickExit = document.getElementById('quickExit');\n    const scenarioButtons = document.querySelectorAll('[data-scenario]');\n    const scenarioPanel = document.getElementById('scenarioPanel');\n    let currentSize = 18;\n\n    const scenarioContent = {\n      dinero: {\n        tag: 'Me ofrecieron dinero o regalos',\n        title: 'Puede parecer ayuda, pero tambi\u00e9n puede ser enganche.',\n        text: 'Pregunta con calma: \u00bfqui\u00e9n lo ofrece?, \u00bfqu\u00e9 espera a cambio?, \u00bfpor qu\u00e9 hay prisa?, \u00bfpor qu\u00e9 no quiere que lo cuentes?',\n        items: ['No aceptes trasladarte ni hacer \u201cmandados\u201d sin hablar con alguien confiable.', 'Guarda capturas, nombres de perfiles y mensajes si puedes hacerlo sin ponerte en riesgo.', 'Busca a una persona adulta que no te juzgue y que pueda acompa\u00f1arte.']\n      },\n      viaje: {\n        tag: 'Me quieren llevar a otro lugar',\n        title: 'El traslado puede convertir una promesa en control.',\n        text: 'Una cita, entrevista o viaje puede ser riesgoso si no hay direcci\u00f3n verificable, contrato, datos claros y acompa\u00f1amiento seguro.',\n        items: ['No vayas a centrales, hoteles, casas o puntos de encuentro si sientes duda o miedo.', 'Comparte la informaci\u00f3n con una persona adulta confiable antes de moverte.', 'Si hay presi\u00f3n para salir r\u00e1pido, t\u00f3malo como se\u00f1al de riesgo.']\n      },\n      pareja: {\n        tag: 'Mi pareja o alguien que me gusta me controla',\n        title: 'El control no es amor ni protecci\u00f3n.',\n        text: 'Celos, revisi\u00f3n del celular, presi\u00f3n para alejarte de amistades o familia, regalos con deuda y amenazas son se\u00f1ales de control.',\n        items: ['Habla con alguien que pueda acompa\u00f1arte sin juzgarte.', 'No termines ni confrontes en soledad si tienes miedo.', 'Planea c\u00f3mo pedir ayuda, d\u00f3nde estar y a qui\u00e9n llamar si la situaci\u00f3n escala.']\n      },\n      amenaza: {\n        tag: 'Me amenazaron o amenazaron a mi familia',\n        title: 'La amenaza es una se\u00f1al urgente.',\n        text: 'Si alguien usa miedo para que obedezcas, guardes silencio o hagas algo, necesitas apoyo. No tienes que demostrar valent\u00eda qued\u00e1ndote en riesgo.',\n        items: ['Busca una persona adulta confiable de inmediato.', 'Evita responder con insultos o confrontaci\u00f3n.', 'Guarda mensajes o datos si puedes hacerlo sin que te revisen el tel\u00e9fono.']\n      },\n      fotos: {\n        tag: 'Me piden fotos, videos o algo sexual',\n        title: 'Tu cuerpo no es moneda de cambio.',\n        text: 'Pedir fotos, chantajear, amenazar con publicar contenido o presionar para encuentros sexuales es violencia. No es tu culpa.',\n        items: ['No respondas a chantajes en soledad.', 'Busca apoyo de una persona adulta confiable o de una instituci\u00f3n de protecci\u00f3n.', 'Si ya compartiste algo, sigues teniendo derecho a protecci\u00f3n.']\n      },\n      salir: {\n        tag: 'Ya no s\u00e9 c\u00f3mo salirme',\n        title: 'Salir puede requerir ayuda; no lo hagas a solas.',\n        text: 'Cuando hay deuda, amenaza, control o miedo, intentar salir sin red puede aumentar el riesgo. Lo importante es construir apoyo y planear seguridad.',\n        items: ['Elige una persona adulta confiable y dile: \u201cnecesito ayuda para salir de algo que me da miedo\u201d.', 'Evita avisar a quien te presiona que vas a pedir ayuda.', 'Acuerden un lugar seguro, una forma de contacto y una ruta de protecci\u00f3n.']\n      }\n    };\n\n    menuToggle.addEventListener('click', () => {\n      const isOpen = mainNav.classList.toggle('open');\n      menuToggle.setAttribute('aria-expanded', String(isOpen));\n    });\n\n    contrastToggle.addEventListener('click', () => {\n      document.querySelector('.qnte-wrapper').classList.toggle('high-contrast');\n      contrastToggle.textContent = document.querySelector('.qnte-wrapper').classList.contains('high-contrast') ? 'Contraste normal' : 'Alto contraste';\n    });\n\n    increaseText.addEventListener('click', () => {\n      currentSize = Math.min(currentSize + 2, 24);\n      root.style.setProperty('--font-size', currentSize + 'px');\n    });\n\n    decreaseText.addEventListener('click', () => {\n      currentSize = Math.max(currentSize - 2, 16);\n      root.style.setProperty('--font-size', currentSize + 'px');\n    });\n\n    quickExit.addEventListener('click', () => {\n      window.location.href = 'https:\/\/www.wikipedia.org\/';\n    });\n\n    function renderScenario(key) {\n      const data = scenarioContent[key];\n      if (!data) return;\n      scenarioButtons.forEach(btn => btn.setAttribute('aria-pressed', btn.dataset.scenario === key ? 'true' : 'false'));\n      scenarioPanel.innerHTML = `\n        <span class=\"tag\">${data.tag}<\/span>\n        <h3>${data.title}<\/h3>\n        <p>${data.text}<\/p>\n        <ul>${data.items.map(item => `<li>${item}<\/li>`).join('')}<\/ul>\n      `;\n    }\n\n    scenarioButtons.forEach(btn => {\n      btn.addEventListener('click', () => renderScenario(btn.dataset.scenario));\n    });\n\n    const navLinks = document.querySelectorAll('nav a');\n    const sections = [...document.querySelectorAll('main section[id]')];\n\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          navLinks.forEach(link => link.classList.remove('active'));\n          const active = document.querySelector('nav a[href=\"#' + entry.target.id + '\"]');\n          if (active) active.classList.add('active');\n        }\n      });\n    }, { threshold: 0.35 });\n\n    sections.forEach(section => observer.observe(section));\n  \n});\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Saltar al contenido principal Salida r\u00e1pida NG Que no te enganchen Men\u00fa Inicio Se\u00f1ales Situaciones Chicas M\u00e1s riesgos Red de apoyo Urgente Aumentar texto Reducir texto<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4207","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tejiendoredesinfancia.org\/pt_br\/wp-json\/wp\/v2\/pages\/4207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tejiendoredesinfancia.org\/pt_br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tejiendoredesinfancia.org\/pt_br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tejiendoredesinfancia.org\/pt_br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tejiendoredesinfancia.org\/pt_br\/wp-json\/wp\/v2\/comments?post=4207"}],"version-history":[{"count":1,"href":"https:\/\/tejiendoredesinfancia.org\/pt_br\/wp-json\/wp\/v2\/pages\/4207\/revisions"}],"predecessor-version":[{"id":4208,"href":"https:\/\/tejiendoredesinfancia.org\/pt_br\/wp-json\/wp\/v2\/pages\/4207\/revisions\/4208"}],"wp:attachment":[{"href":"https:\/\/tejiendoredesinfancia.org\/pt_br\/wp-json\/wp\/v2\/media?parent=4207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}