{"id":4457,"date":"2026-06-24T17:55:56","date_gmt":"2026-06-24T17:55:56","guid":{"rendered":"https:\/\/earlyasd.eu\/web\/?page_id=4457"},"modified":"2026-06-24T20:07:18","modified_gmt":"2026-06-24T20:07:18","slug":"guia-de-inicio-rapido","status":"publish","type":"page","link":"https:\/\/earlyasd.eu\/web\/es\/guia-de-inicio-rapido\/","title":{"rendered":"Gu\u00eda de Inicio R\u00e1pido"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4457\" class=\"elementor elementor-4457\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61d6ffa8 e-flex e-con-boxed e-con e-parent\" data-id=\"61d6ffa8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7ded9c e-flex e-con-boxed e-con e-parent\" data-id=\"c7ded9c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbb362 elementor-widget elementor-widget-html\" data-id=\"6fbb362\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\r\n     Quick Start Guide: Digital Social Stories for ASD\r\n     EU-Funded Educational Project \u2014 EarlyASD\r\n     Paste into Elementor HTML Widget\r\n     LANGUAGE: Spanish (ES)\r\n     ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');\r\n\r\n  \/* \u2500\u2500 Tokens \u2500\u2500 *\/\r\n  :root {\r\n    --clr-bg:          #ffffff;\r\n    --clr-surface:     #f5f7fb;\r\n    --clr-brand:       #346a99;\r\n    --clr-brand-light: #d4e6f3;\r\n    --clr-brand-dark:  #224f73;\r\n    --clr-accent:      #5b9e8f;\r\n    --clr-text:        #1e2d42;\r\n    --clr-text-muted:  #5a6a80;\r\n    --clr-border:      #dde4ee;\r\n\r\n    --ff-display: 'DM Serif Display', Georgia, serif;\r\n    --ff-body:    'DM Sans', system-ui, sans-serif;\r\n\r\n    --radius-sm:  8px;\r\n    --radius-md:  14px;\r\n    --radius-lg:  22px;\r\n\r\n    --shadow-sm:  0 2px 8px rgba(52,106,153,.07);\r\n    --shadow-md:  0 6px 20px rgba(52,106,153,.10);\r\n\r\n    --max-w: 1080px;\r\n    --gap:   6rem;\r\n  }\r\n\r\n  .dss-guide *,\r\n  .dss-guide *::before,\r\n  .dss-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .dss-guide {\r\n    font-family: var(--ff-body);\r\n    font-size: 1rem;\r\n    line-height: 1.72;\r\n    color: var(--clr-text);\r\n    background: var(--clr-bg);\r\n    max-width: var(--max-w);\r\n    margin: 0 auto;\r\n    padding: 2rem 1.5rem 5rem;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Page header \u2500\u2500\u2500 *\/\r\n  .dss-page-header {\r\n    text-align: center;\r\n    padding: 2.25rem 1rem 3.5rem;\r\n  }\r\n  .dss-page-header::after {\r\n    content: '';\r\n    display: block;\r\n    width: 56px;\r\n    height: 3px;\r\n    border-radius: 2px;\r\n    background: linear-gradient(90deg, var(--clr-brand), var(--clr-accent));\r\n    margin: 1rem auto 0;\r\n  }\r\n  .dss-page-title {\r\n    font-family: var(--ff-display);\r\n    font-size: clamp(1.35rem, 3vw, 2.1rem);\r\n    line-height: 1.22;\r\n    color: var(--clr-text);\r\n    max-width: 680px;\r\n    margin: 0 auto;\r\n  }\r\n  .dss-page-title em {\r\n    font-style: italic;\r\n    color: var(--clr-brand);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Sections \u2500\u2500\u2500 *\/\r\n  .dss-section {\r\n    margin-bottom: var(--gap);\r\n    padding-top: 1.25rem;\r\n  }\r\n\r\n  .dss-section-heading {\r\n    font-family: var(--ff-display);\r\n    font-size: clamp(.85rem, 1.5vw, 1.1rem);\r\n    line-height: 1.3;\r\n    color: var(--clr-brand);\r\n    margin-bottom: 1.2rem;\r\n  }\r\n\r\n  .dss-divider {\r\n    border: none;\r\n    border-top: 1.5px solid var(--clr-border);\r\n    margin: 1rem 0 0;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Section 1 \u2014 Overview \u2500\u2500\u2500 *\/\r\n  .dss-overview-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem;\r\n    align-items: center;\r\n    margin-bottom: 3rem;\r\n  }\r\n\r\n  .dss-overview-text p {\r\n    font-weight: 400;\r\n    color: #346a99;\r\n    font-size: .975rem;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .dss-overview-text p:last-child { margin-bottom: 0; }\r\n\r\n  .dss-overview-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: var(--radius-md);\r\n    display: block;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Cyclical process sentence (centered) \u2500\u2500\u2500 *\/\r\n  .dss-cycle-lead {\r\n    text-align: center;\r\n    font-size: .975rem;\r\n    font-style: italic;\r\n    color: #346a99;\r\n    margin-bottom: 1.6rem;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 SVG Cycle Diagram \u2500\u2500\u2500 *\/\r\n  .dss-cycle-wrap {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: .5rem;\r\n  }\r\n  .dss-cycle-wrap svg {\r\n    width: 100%;\r\n    max-width: 400px;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Section 2 \u2014 Support Cards \u2500\u2500\u2500 *\/\r\n  .dss-card-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 1rem;\r\n  }\r\n  .dss-support-card {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 1rem;\r\n    background: var(--clr-surface);\r\n    border: 1.5px solid var(--clr-border);\r\n    border-radius: var(--radius-md);\r\n    padding: 1.1rem 1.2rem;\r\n    transition: border-color .22s, box-shadow .22s, transform .22s;\r\n  }\r\n  .dss-support-card:hover {\r\n    border-color: var(--clr-brand);\r\n    box-shadow: var(--shadow-md);\r\n    transform: translateY(-3px);\r\n  }\r\n  .dss-support-card .card-icon {\r\n    flex-shrink: 0;\r\n    width: 40px; height: 40px;\r\n    border-radius: var(--radius-sm);\r\n    background: var(--clr-brand-light);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .dss-support-card .card-icon svg {\r\n    width: 20px; height: 20px;\r\n    color: var(--clr-brand);\r\n  }\r\n  .dss-support-card .card-text {\r\n    font-size: .935rem;\r\n    font-weight: 400;\r\n    color: #346a99;\r\n    padding-top: .32rem;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Section 3 \u2014 Steps \u2500\u2500\u2500 *\/\r\n  .dss-steps-list {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: .85rem;\r\n  }\r\n  .dss-step-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 1.1rem;\r\n    background: var(--clr-surface);\r\n    border: 1.5px solid var(--clr-border);\r\n    border-radius: var(--radius-md);\r\n    padding: 1rem 1.25rem 1rem 1.1rem;\r\n    position: relative;\r\n    transition: border-color .22s, box-shadow .22s, transform .22s;\r\n  }\r\n  .dss-step-item:hover {\r\n    border-color: var(--clr-accent);\r\n    box-shadow: var(--shadow-sm);\r\n    transform: translateX(4px);\r\n  }\r\n  .dss-step-item:not(:last-child)::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: calc(1.1rem + 18px);\r\n    bottom: -.85rem;\r\n    width: 2px;\r\n    height: .85rem;\r\n    background: var(--clr-border);\r\n    z-index: 0;\r\n  }\r\n  .dss-step-number {\r\n    flex-shrink: 0;\r\n    width: 36px; height: 36px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--clr-brand), var(--clr-brand-dark));\r\n    color: #fff;\r\n    font-size: .8rem;\r\n    font-weight: 600;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .dss-step-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n  .dss-step-content strong {\r\n    font-size: .88rem;\r\n    font-weight: 500;\r\n    color: #346a99;\r\n    display: block;\r\n    line-height: 1.5;\r\n  }\r\n  .dss-step-content span {\r\n    font-size: .8rem;\r\n    color: #346a99;\r\n    opacity: .75;\r\n    margin-top: .15rem;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Section 4 \u2014 Core Principle (minimal) \u2500\u2500\u2500 *\/\r\n  .dss-principle-box {\r\n    background: linear-gradient(135deg, #f0f6ff 0%, #eaf4f1 100%);\r\n    border: 1.5px solid var(--clr-brand-light);\r\n    border-left: 5px solid var(--clr-brand);\r\n    border-radius: var(--radius-lg);\r\n    padding: 2rem 2.2rem;\r\n    display: flex;\r\n    gap: 1.5rem;\r\n    align-items: flex-start;\r\n  }\r\n  .dss-principle-icon {\r\n    flex-shrink: 0;\r\n    width: 48px; height: 48px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--clr-brand), var(--clr-accent));\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .dss-principle-icon svg {\r\n    width: 24px; height: 24px;\r\n    color: #fff;\r\n  }\r\n  .dss-principle-body .dss-section-heading { margin-bottom: .6rem; }\r\n  .dss-principle-body p {\r\n    font-size: .975rem;\r\n    font-weight: 400;\r\n    color: #346a99;\r\n    line-height: 1.75;\r\n    max-width: 680px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\r\n  @media (max-width: 820px) {\r\n    .dss-overview-grid { grid-template-columns: 1fr; }\r\n    .dss-overview-image { order: -1; max-width: 440px; margin: 0 auto; }\r\n    .dss-card-grid { grid-template-columns: 1fr; }\r\n  }\r\n  @media (max-width: 540px) {\r\n    :root { --gap: 3.5rem; }\r\n    .dss-guide { padding: 1.25rem 1rem 3rem; }\r\n    .dss-section { padding-top: .75rem; }\r\n    .dss-principle-box { flex-direction: column; gap: 1rem; padding: 1.4rem; }\r\n    .dss-page-title { font-size: 1.25rem; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MAIN WRAPPER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<article class=\"dss-guide\" role=\"main\" aria-label=\"Gu\u00eda de inicio r\u00e1pido: Historias sociales digitales para el desarrollo socioemocional (TEA)\">\r\n\r\n  <!-- \u2500\u2500 PAGE HEADER \u2500\u2500 -->\r\n  <header class=\"dss-page-header\">\r\n    <h1 class=\"dss-page-title\">\r\n      Gu\u00eda de inicio r\u00e1pido:<br>\r\n      <em>Historias sociales digitales<\/em> para el desarrollo socioemocional (TEA)\r\n    <\/h1>\r\n  <\/header>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 1 \u2014 OVERVIEW\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"dss-section\" aria-labelledby=\"sec-overview-heading\">\r\n\r\n    <div class=\"dss-overview-grid\">\r\n      <div class=\"dss-overview-text\">\r\n        <h2 class=\"dss-section-heading\" id=\"sec-overview-heading\">Descripci\u00f3n general<\/h2>\r\n        <p>Esta Gu\u00eda de inicio r\u00e1pido ofrece una introducci\u00f3n pr\u00e1ctica al uso de las historias sociales digitales (HSD) en la pr\u00e1ctica educativa. Sirve de apoyo a profesores y profesionales en la implementaci\u00f3n inicial de las HSD de una forma estructurada y accesible.<\/p>\r\n        <p>Las historias sociales digitales son un enfoque basado en la evidencia que favorece el desarrollo socioemocional de los ni\u00f1os con trastorno del espectro autista (TEA). Ayudan a los ni\u00f1os a comprender situaciones sociales, anticipar expectativas, regular las emociones y participar con mayor confianza en las interacciones cotidianas.<\/p>\r\n      <\/div>\r\n      <div class=\"dss-overview-image\">\r\n        <img loading=\"lazy\"\r\n          src=\"https:\/\/earlyasd.eu\/web\/wp-content\/uploads\/2026\/05\/Sablon-ve-Uygulamalar-28-x-22-cm-28-x-20-cm-2.png\"\r\n          alt=\"Ilustraci\u00f3n para la gu\u00eda educativa de historias sociales digitales\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n          width=\"540\"\r\n          height=\"440\"\r\n        \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"dss-cycle-lead\">Las HSD deben entenderse como parte de un proceso c\u00edclico:<\/p>\r\n\r\n    <div class=\"dss-cycle-wrap\" role=\"figure\" aria-label=\"Diagrama circular del proceso c\u00edclico: Planificaci\u00f3n \u2192 Dise\u00f1o \u2192 Implementaci\u00f3n \u2192 Observaci\u00f3n \u2192 Reflexi\u00f3n \u2192 Adaptaci\u00f3n \u2192 Planificaci\u00f3n\">\r\n      <svg viewBox=\"0 0 480 480\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\">\r\n        <defs>\r\n          <marker id=\"earlyasd-dss-arr\"\r\n                  markerWidth=\"8\" markerHeight=\"6\"\r\n                  refX=\"7\" refY=\"3\"\r\n                  orient=\"auto\">\r\n            <path d=\"M 0 0 L 8 3 L 0 6 Z\" fill=\"#346a99\" opacity=\"0.72\"\/>\r\n          <\/marker>\r\n        <\/defs>\r\n\r\n        <circle cx=\"240\" cy=\"240\" r=\"162\"\r\n                fill=\"none\"\r\n                stroke=\"#346a99\"\r\n                stroke-width=\"1\"\r\n                stroke-dasharray=\"3 5\"\r\n                opacity=\"0.16\"\/>\r\n\r\n        <circle cx=\"240\" cy=\"240\" r=\"54\"\r\n                fill=\"#f0f6ff\"\r\n                stroke=\"#346a99\"\r\n                stroke-width=\"1.2\"\r\n                opacity=\"0.38\"\/>\r\n        <text x=\"240\" y=\"234\"\r\n              text-anchor=\"middle\"\r\n              dominant-baseline=\"middle\"\r\n              font-family=\"DM Sans, sans-serif\"\r\n              font-size=\"10\"\r\n              font-weight=\"500\"\r\n              fill=\"#346a99\"\r\n              opacity=\"0.75\">Ciclo<\/text>\r\n        <text x=\"240\" y=\"248\"\r\n              text-anchor=\"middle\"\r\n              dominant-baseline=\"middle\"\r\n              font-family=\"DM Sans, sans-serif\"\r\n              font-size=\"10\"\r\n              font-weight=\"400\"\r\n              fill=\"#346a99\"\r\n              opacity=\"0.60\">de las HSD<\/text>\r\n\r\n        <!-- Arrow 1: Planificaci\u00f3n \u2192 Dise\u00f1o -->\r\n        <path d=\"M 290.07 85.87 A 162 162 0 0 1 348.38 119.58\"\r\n              fill=\"none\" stroke=\"#346a99\" stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\" opacity=\"0.65\"\r\n              marker-end=\"url(#earlyasd-dss-arr)\"\/>\r\n\r\n        <!-- Arrow 2: Dise\u00f1o \u2192 Implementaci\u00f3n -->\r\n        <path d=\"M 398.54 206.32 A 162 162 0 0 1 398.54 273.68\"\r\n              fill=\"none\" stroke=\"#346a99\" stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\" opacity=\"0.65\"\r\n              marker-end=\"url(#earlyasd-dss-arr)\"\/>\r\n\r\n        <!-- Arrow 3: Implementaci\u00f3n \u2192 Observaci\u00f3n -->\r\n        <path d=\"M 348.38 360.42 A 162 162 0 0 1 290.07 394.13\"\r\n              fill=\"none\" stroke=\"#346a99\" stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\" opacity=\"0.65\"\r\n              marker-end=\"url(#earlyasd-dss-arr)\"\/>\r\n\r\n        <!-- Arrow 4: Observaci\u00f3n \u2192 Reflexi\u00f3n -->\r\n        <path d=\"M 189.93 394.13 A 162 162 0 0 1 131.62 360.42\"\r\n              fill=\"none\" stroke=\"#346a99\" stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\" opacity=\"0.65\"\r\n              marker-end=\"url(#earlyasd-dss-arr)\"\/>\r\n\r\n        <!-- Arrow 5: Reflexi\u00f3n \u2192 Adaptaci\u00f3n -->\r\n        <path d=\"M 81.46 273.68 A 162 162 0 0 1 81.46 206.32\"\r\n              fill=\"none\" stroke=\"#346a99\" stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\" opacity=\"0.65\"\r\n              marker-end=\"url(#earlyasd-dss-arr)\"\/>\r\n\r\n        <!-- Arrow 6: Adaptaci\u00f3n \u2192 Planificaci\u00f3n -->\r\n        <path d=\"M 131.62 119.58 A 162 162 0 0 1 189.93 85.87\"\r\n              fill=\"none\" stroke=\"#346a99\" stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\" opacity=\"0.65\"\r\n              marker-end=\"url(#earlyasd-dss-arr)\"\/>\r\n\r\n        <!-- Pill 1: Planificaci\u00f3n -->\r\n        <rect x=\"178\" y=\"94\" width=\"124\" height=\"32\" rx=\"16\" fill=\"#346a99\"\/>\r\n        <text x=\"240\" y=\"110\"\r\n              text-anchor=\"middle\" dominant-baseline=\"middle\"\r\n              font-family=\"DM Sans, sans-serif\" font-size=\"12\" font-weight=\"500\" fill=\"#ffffff\">\r\n          Planificaci\u00f3n\r\n        <\/text>\r\n\r\n        <!-- Pill 2: Dise\u00f1o -->\r\n        <rect x=\"316\" y=\"159\" width=\"74\" height=\"32\" rx=\"16\" fill=\"#346a99\"\/>\r\n        <text x=\"353\" y=\"175\"\r\n              text-anchor=\"middle\" dominant-baseline=\"middle\"\r\n              font-family=\"DM Sans, sans-serif\" font-size=\"12\" font-weight=\"500\" fill=\"#ffffff\">\r\n          Dise\u00f1o\r\n        <\/text>\r\n\r\n        <!-- Pill 3: Implementaci\u00f3n -->\r\n        <rect x=\"285\" y=\"289\" width=\"136\" height=\"32\" rx=\"16\" fill=\"#346a99\"\/>\r\n        <text x=\"353\" y=\"305\"\r\n              text-anchor=\"middle\" dominant-baseline=\"middle\"\r\n              font-family=\"DM Sans, sans-serif\" font-size=\"12\" font-weight=\"500\" fill=\"#ffffff\">\r\n          Implementaci\u00f3n\r\n        <\/text>\r\n\r\n        <!-- Pill 4: Observaci\u00f3n -->\r\n        <rect x=\"182\" y=\"354\" width=\"116\" height=\"32\" rx=\"16\" fill=\"#346a99\"\/>\r\n        <text x=\"240\" y=\"370\"\r\n              text-anchor=\"middle\" dominant-baseline=\"middle\"\r\n              font-family=\"DM Sans, sans-serif\" font-size=\"12\" font-weight=\"500\" fill=\"#ffffff\">\r\n          Observaci\u00f3n\r\n        <\/text>\r\n\r\n        <!-- Pill 5: Reflexi\u00f3n -->\r\n        <rect x=\"73\" y=\"289\" width=\"108\" height=\"32\" rx=\"16\" fill=\"#346a99\"\/>\r\n        <text x=\"127\" y=\"305\"\r\n              text-anchor=\"middle\" dominant-baseline=\"middle\"\r\n              font-family=\"DM Sans, sans-serif\" font-size=\"12\" font-weight=\"500\" fill=\"#ffffff\">\r\n          Reflexi\u00f3n\r\n        <\/text>\r\n\r\n        <!-- Pill 6: Adaptaci\u00f3n -->\r\n        <rect x=\"71\" y=\"159\" width=\"112\" height=\"32\" rx=\"16\" fill=\"#346a99\"\/>\r\n        <text x=\"127\" y=\"175\"\r\n              text-anchor=\"middle\" dominant-baseline=\"middle\"\r\n              font-family=\"DM Sans, sans-serif\" font-size=\"12\" font-weight=\"500\" fill=\"#ffffff\">\r\n          Adaptaci\u00f3n\r\n        <\/text>\r\n\r\n      <\/svg>\r\n    <\/div><!-- \/.dss-cycle-wrap -->\r\n\r\n  <\/section>\r\n\r\n  <hr class=\"dss-divider\" role=\"separator\">\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 2 \u2014 WHAT DSS SUPPORT\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"dss-section\" aria-labelledby=\"sec-support-heading\">\r\n    <h2 class=\"dss-section-heading\" id=\"sec-support-heading\">Qu\u00e9 aportan las historias sociales digitales<\/h2>\r\n\r\n    <div class=\"dss-card-grid\" role=\"list\">\r\n\r\n      <div class=\"dss-support-card\" role=\"listitem\">\r\n        <div class=\"card-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M9.5 2a4.5 4.5 0 0 1 4.5 4.5v.5a2 2 0 0 0 2 2h.5a4.5 4.5 0 0 1 0 9H9.5A4.5 4.5 0 0 1 5 14v-.5a2 2 0 0 0-2-2H2.5a4.5 4.5 0 0 1 0-9H3a2 2 0 0 0 2-2V2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"card-text\">Comprender las situaciones sociales<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dss-support-card\" role=\"listitem\">\r\n        <div class=\"card-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n            <line x1=\"8\"  y1=\"2\" x2=\"8\"  y2=\"6\"\/>\r\n            <line x1=\"3\"  y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n            <path d=\"M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"card-text\">Anticipar rutinas y expectativas<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dss-support-card\" role=\"listitem\">\r\n        <div class=\"card-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n            <polyline points=\"8 14 10 16 16 10\" stroke-width=\"1.8\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"card-text\">Ayudar a regular las emociones<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dss-support-card\" role=\"listitem\">\r\n        <div class=\"card-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"card-text\">Aumentar la participaci\u00f3n y el compromiso<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <hr class=\"dss-divider\" role=\"separator\">\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 3 \u2014 IMPLEMENTATION STEPS\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"dss-section\" aria-labelledby=\"sec-steps-heading\">\r\n    <h2 class=\"dss-section-heading\" id=\"sec-steps-heading\">Pasos r\u00e1pidos para la implementaci\u00f3n<\/h2>\r\n\r\n    <ol class=\"dss-steps-list\" aria-label=\"Pasos de implementaci\u00f3n\">\r\n\r\n      <li class=\"dss-step-item\">\r\n        <div class=\"dss-step-number\" aria-hidden=\"true\">1<\/div>\r\n        <div class=\"dss-step-content\">\r\n          <strong>Identifica una situaci\u00f3n social o una habilidad relevante<\/strong>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"dss-step-item\">\r\n        <div class=\"dss-step-number\" aria-hidden=\"true\">2<\/div>\r\n        <div class=\"dss-step-content\">\r\n          <strong>Elige un formato narrativo adecuado<\/strong>\r\n          <span>Fotograf\u00eda, ilustraci\u00f3n o multimedia<\/span>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"dss-step-item\">\r\n        <div class=\"dss-step-number\" aria-hidden=\"true\">3<\/div>\r\n        <div class=\"dss-step-content\">\r\n          <strong>Dise\u00f1a una historia clara y estructurada con apoyo visual<\/strong>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"dss-step-item\">\r\n        <div class=\"dss-step-number\" aria-hidden=\"true\">4<\/div>\r\n        <div class=\"dss-step-content\">\r\n          <strong>Presenta la historia en un contexto cotidiano<\/strong>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"dss-step-item\">\r\n        <div class=\"dss-step-number\" aria-hidden=\"true\">5<\/div>\r\n        <div class=\"dss-step-content\">\r\n          <strong>Observa la reacci\u00f3n del ni\u00f1o y haz los ajustes necesarios<\/strong>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"dss-step-item\">\r\n        <div class=\"dss-step-number\" aria-hidden=\"true\">6<\/div>\r\n        <div class=\"dss-step-content\">\r\n          <strong>Reflexiona sobre la pr\u00e1ctica y perfecciona la historia<\/strong>\r\n        <\/div>\r\n      <\/li>\r\n\r\n    <\/ol>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 4 \u2014 CORE PRINCIPLE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"dss-section\" aria-labelledby=\"sec-principle-heading\">\r\n    <div class=\"dss-principle-box\" role=\"complementary\" aria-label=\"Principio fundamental\">\r\n\r\n      <div class=\"dss-principle-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n             stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"9\"  y1=\"18\" x2=\"15\" y2=\"18\"\/>\r\n          <line x1=\"10\" y1=\"22\" x2=\"14\" y2=\"22\"\/>\r\n          <path d=\"M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"dss-principle-body\">\r\n        <h2 class=\"dss-section-heading\" id=\"sec-principle-heading\">Principio fundamental<\/h2>\r\n        <p>Las historias sociales digitales son m\u00e1s eficaces cuando se integran en la pr\u00e1ctica educativa cotidiana y se utilizan como parte de un proceso reflexivo y adaptativo, en lugar de como herramientas aisladas.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/article>\r\n<!-- ============================================================\r\n     END \u2014 Historias sociales digitales \u2014 Gu\u00eda de inicio r\u00e1pido (ES)\r\n============================================================ -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gu\u00eda de inicio r\u00e1pido: Historias sociales digitales para el desarrollo socioemocional (TEA) Descripci\u00f3n general Esta Gu\u00eda de inicio r\u00e1pido ofrece una introducci\u00f3n pr\u00e1ctica al uso de las historias sociales digitales (HSD) en la pr\u00e1ctica educativa. Sirve de apoyo a profesores y profesionales en la implementaci\u00f3n inicial de las HSD de una forma estructurada y accesible. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/4457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/comments?post=4457"}],"version-history":[{"count":7,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/4457\/revisions"}],"predecessor-version":[{"id":4517,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/4457\/revisions\/4517"}],"wp:attachment":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/media?parent=4457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}