{"id":184,"date":"2026-02-01T19:39:42","date_gmt":"2026-02-01T19:39:42","guid":{"rendered":"https:\/\/didaktos.io\/?page_id=184"},"modified":"2026-04-27T18:35:47","modified_gmt":"2026-04-27T18:35:47","slug":"como-funciona-didaktos","status":"publish","type":"page","link":"https:\/\/didaktos.io\/es\/how-didaktos-works\/","title":{"rendered":"C\u00f3mo funciona Didaktos"},"content":{"rendered":"\n<div id=\"didaktos-guide\">\n  <!-- noptimize -->\n  <!-- Atributos anti-optimizaci\u00f3n estrictos para LiteSpeed, Autoptimize y WP Rocket -->\n  <link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-cfasync=\"false\" rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n  <link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-cfasync=\"false\" rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n  <link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-cfasync=\"false\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,400&#038;family=Inter:wght@300;400;500;600;700&#038;family=JetBrains+Mono:wght@400;500&#038;display=swap\">\n\n  <style id=\"didaktos-guide-styles\" data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-cfasync=\"false\">\n  \/* =======================================================================\n     \u2500\u2500 INTEGRACI\u00d3N SEGURA CON ASTRA Y WORDPRESS \u2500\u2500\n     Todo el CSS est\u00e1 integrado aqu\u00ed de forma segura para usar en un \n     bloque de HTML Personalizado.\n     ======================================================================= *\/\n\n  body #didaktos-guide * {\n    box-sizing: border-box !important;\n  }\n\n  body #didaktos-guide p, \n  body #didaktos-guide h1, \n  body #didaktos-guide h2, \n  body #didaktos-guide h3, \n  body #didaktos-guide h4, \n  body #didaktos-guide h5, \n  body #didaktos-guide ul, \n  body #didaktos-guide li, \n  body #didaktos-guide figure { \n    margin: 0 !important; padding: 0 !important; border: none !important; background: none; \n  }\n\n  body #didaktos-guide ul, \n  body #didaktos-guide li { \n    list-style: none !important; \n  }\n\n  body #didaktos-guide a { \n    color: inherit !important; \n    text-decoration: none !important; \n    box-shadow: none !important; \n    border: none !important; \n    background: transparent !important; \n  }\n\n  body #didaktos-guide img, body #didaktos-guide svg { \n    max-width: 100% !important; \n    display: block !important; \n    margin: 0 !important; \n    padding: 0 !important; \n    border: none !important; \n    box-shadow: none !important; \n  }\n\n  \/* Evitar que los Clearfix de Astra rompan los Grids y Flexbox *\/\n  body #didaktos-guide .dg-wrap::before, body #didaktos-guide .dg-wrap::after,\n  body #didaktos-guide .dg-sec::before, body #didaktos-guide .dg-sec::after,\n  body #didaktos-guide .dg-qs-grid::before, body #didaktos-guide .dg-qs-grid::after,\n  body #didaktos-guide .dg-cat-grid::before, body #didaktos-guide .dg-cat-grid::after,\n  body #didaktos-guide .dg-fgrid::before, body #didaktos-guide .dg-fgrid::after,\n  body #didaktos-guide .dg-plan-grid::before, body #didaktos-guide .dg-plan-grid::after,\n  body #didaktos-guide .dg-tips::before, body #didaktos-guide .dg-tips::after {\n    display: none !important;\n    content: none !important;\n  }\n\n  body #didaktos-guide {\n    font-family: \"Inter\", sans-serif !important;\n    line-height: 1.7 !important;\n    font-size: 15px !important;\n    color: #1A2740 !important;\n    --d-deep:   #2D4E7D;\n    --d-mid:    #3B5E91;\n    --d-blue:   #4A6FA5;\n    --d-teal:   #4A917C;\n    --d-gold:   #C49A5C;\n    --d-purple: #7B6B9B;\n    --d-slate:  #5C80A0;\n    --d-cyan:   #5DA0B3;\n    --d-green:  #5BAD6F;\n    --d-bg:     #F5F7FB;\n    --d-surf:   #FFFFFF;\n    --d-border: #E1E8F0;\n    --d-muted:  #5A7090;\n    --d-light:  #EEF2F8;\n    --d-text:   #1A2740;\n    \n    display: block !important;\n    width: 100% !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n  }\n\n  body #didaktos-guide ::-webkit-scrollbar { width: 5px; }\n  body #didaktos-guide ::-webkit-scrollbar-track { background: var(--d-light); }\n  body #didaktos-guide ::-webkit-scrollbar-thumb { background: var(--d-blue); border-radius: 3px; }\n\n  body #didaktos-guide .dg-wrap {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n    align-items: flex-start !important;\n    min-height: 100vh;\n    background: var(--d-bg);\n    max-width: 1280px;\n    margin: 0 auto !important;\n    width: 100% !important;\n  }\n\n  body #didaktos-guide .dg-sidebar {\n    flex: 0 0 230px !important;\n    width: 230px !important;\n    max-width: 230px !important;\n    display: block !important;\n    background: var(--d-deep);\n    position: sticky !important;\n    top: 32px !important;\n    max-height: calc(100vh - 32px) !important;\n    overflow-y: auto !important;\n    border-radius: 0 0 12px 0;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  body #didaktos-guide .dg-sidebar::-webkit-scrollbar { width: 3px; }\n  body #didaktos-guide .dg-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); }\n\n  body #didaktos-guide .dg-brand {\n    padding: 20px 16px 16px;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    display: flex !important; align-items: center !important; gap: 11px !important;\n  }\n\n  body #didaktos-guide .dg-brand svg.dg-logo { width: 38px !important; height: 38px !important; flex-shrink: 0 !important; filter: brightness(0) invert(1); }\n  body #didaktos-guide .dg-hero-top svg.dg-logo { width: 58px !important; height: 58px !important; filter: brightness(0) invert(1); }\n  body #didaktos-guide .dg-footer-l svg.dg-logo { width: 32px !important; height: 32px !important; flex-shrink: 0 !important; filter: brightness(0) invert(1); }\n\n  body #didaktos-guide .dg-brand-name { font-family: \"Playfair Display\", serif; font-size: 17px; color: #fff !important; letter-spacing: -0.2px; line-height: 1.2; }\n  body #didaktos-guide .dg-brand-sub { font-size: 9px; color: rgba(255,255,255,0.4) !important; letter-spacing: 0.8px; text-transform: uppercase; margin-top: 2px; }\n  body #didaktos-guide .dg-nav { padding: 12px 8px; }\n  body #didaktos-guide .dg-nav-group { font-size: 9px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: rgba(255,255,255,0.32) !important; padding: 9px 8px 3px; margin-top: 5px; margin-bottom: 0 !important; }\n  body #didaktos-guide .dg-nav a { \n    display: flex !important; \n    align-items: center !important; \n    gap: 8px !important; \n    padding: 6px 8px !important; \n    border-radius: 7px; \n    color: rgba(255,255,255,0.58) !important; \n    font-size: 12.5px; \n    font-weight: 500; \n    transition: all .15s; \n    margin: 0 0 2px 0 !important; \n    line-height: normal !important;\n  }\n  body #didaktos-guide .dg-nav a:hover { background: rgba(255,255,255,0.08) !important; color: #fff !important; }\n  body #didaktos-guide .dg-nav a.active { background: rgba(255,255,255,0.14) !important; color: #fff !important; font-weight: 600; }\n  body #didaktos-guide .dg-nav-dot { width: 7px !important; height: 7px !important; border-radius: 50%; flex-shrink: 0 !important; margin: 0 !important;}\n\n  body #didaktos-guide .dg-main { \n    flex: 1 1 0% !important; \n    min-width: 0 !important; \n    display: block !important; \n    width: 100% !important;\n  }\n\n  body #didaktos-guide .dg-hero {\n    background: linear-gradient(135deg, #1B3560 0%, var(--d-deep) 45%, #213F5E 100%) !important;\n    padding: 64px 56px 56px;\n    position: relative; overflow: hidden;\n  }\n  body #didaktos-guide .dg-hero::before {\n    content: \"\"; position: absolute; top: -80px; right: -80px;\n    width: 380px; height: 380px; border-radius: 50%;\n    background: radial-gradient(circle, rgba(74,145,124,0.18) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  body #didaktos-guide .dg-hero-top { display: flex !important; align-items: center !important; gap: 16px !important; margin-bottom: 28px; position: relative; z-index: 1; }\n  body #didaktos-guide .dg-hero-logo-name { font-family: \"Playfair Display\", serif; font-size: 26px; color: #fff !important; letter-spacing: -0.5px; }\n  body #didaktos-guide .dg-hero-logo-tag { font-size: 10px; color: rgba(255,255,255,0.45) !important; letter-spacing: 1px; text-transform: uppercase; margin-top: 2px; }\n  body #didaktos-guide .dg-badge {\n    display: inline-flex !important; align-items: center !important; gap: 6px !important;\n    background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.18);\n    border-radius: 100px; padding: 5px 13px;\n    font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.86) !important;\n    letter-spacing: 0.3px; margin-bottom: 18px; position: relative; z-index: 1;\n  }\n  body #didaktos-guide .dg-hero h1 {\n    font-family: \"Playfair Display\", serif; font-size: 46px; color: #fff !important;\n    line-height: 1.1 !important; letter-spacing: -1px; margin-bottom: 12px !important;\n    max-width: 560px; position: relative; z-index: 1;\n  }\n  body #didaktos-guide .dg-hero h1 em { font-style: italic; color: #9DC4E4 !important; }\n  body #didaktos-guide .dg-hero-desc { font-size: 16px; color: rgba(255,255,255,0.7) !important; max-width: 480px; margin-bottom: 32px !important; font-weight: 300; position: relative; z-index: 1; }\n  body #didaktos-guide .dg-stats { display: flex !important; gap: 24px !important; position: relative; z-index: 1; flex-wrap: wrap !important; }\n  body #didaktos-guide .dg-stat-n { font-family: \"Playfair Display\", serif; font-size: 32px; color: #fff !important; line-height: 1; text-align: center; }\n  body #didaktos-guide .dg-stat-l { font-size: 10px; color: rgba(255,255,255,0.48) !important; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 3px; text-align: center; }\n  body #didaktos-guide .dg-stat-div { width: 1px !important; height: 44px !important; background: rgba(255,255,255,0.15); margin-top: 5px; display: block !important; }\n\n  body #didaktos-guide .dg-sec { padding: 52px 56px 40px; border-bottom: 1px solid var(--d-border); background: var(--d-surf); }\n  body #didaktos-guide .dg-sec:last-of-type { border-bottom: none; }\n  body #didaktos-guide .dg-sec-hdr { display: flex !important; align-items: flex-start !important; gap: 14px !important; margin-bottom: 28px !important; }\n  body #didaktos-guide .dg-sec-num {\n    width: 42px !important; height: 42px !important; border-radius: 11px; flex-shrink: 0 !important;\n    background: linear-gradient(135deg, var(--d-deep), var(--d-blue)) !important;\n    color: #fff !important; font-family: \"Playfair Display\", serif; font-size: 19px;\n    display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 3px;\n  }\n  body #didaktos-guide .dg-sec-title { font-family: \"Playfair Display\", serif; font-size: 28px; color: var(--d-deep) !important; line-height: 1.15 !important; letter-spacing: -0.4px; }\n  body #didaktos-guide .dg-sec-sub { font-size: 14px; color: var(--d-muted) !important; margin-top: 4px; font-weight: 300; }\n\n  body #didaktos-guide h2 { font-family: \"Playfair Display\", serif; font-size: 21px !important; color: var(--d-deep) !important; margin: 28px 0 11px !important; letter-spacing: -0.3px; }\n  body #didaktos-guide p { color: #2D3F55 !important; margin-bottom: 13px !important; }\n  body #didaktos-guide code { font-family: \"JetBrains Mono\", monospace; font-size: 11.5px; background: var(--d-light) !important; padding: 2px 6px; border-radius: 4px; color: var(--d-deep) !important; }\n\n  body #didaktos-guide .dg-qs-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 16px !important; margin: 20px 0 !important; }\n  body #didaktos-guide .dg-qs { background: var(--d-surf); border: 1px solid var(--d-border); border-radius: 15px; padding: 24px 20px; position: relative; overflow: hidden; transition: box-shadow .2s; }\n  body #didaktos-guide .dg-qs:hover { box-shadow: 0 8px 28px rgba(45,78,125,.1); }\n  body #didaktos-guide .dg-qs::before { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px; }\n  body #didaktos-guide .dg-qs:nth-child(1)::before { background: var(--d-gold) !important; }\n  body #didaktos-guide .dg-qs:nth-child(2)::before { background: var(--d-teal) !important; }\n  body #didaktos-guide .dg-qs:nth-child(3)::before { background: var(--d-blue) !important; }\n  body #didaktos-guide .dg-qs-n { font-family: \"Playfair Display\", serif; font-size: 42px !important; color: var(--d-border) !important; line-height: 1 !important; margin-bottom: 9px !important; }\n  body #didaktos-guide .dg-qs-t { font-weight: 700; font-size: 15px !important; color: var(--d-deep) !important; margin-bottom: 6px !important; }\n  body #didaktos-guide .dg-qs-d { font-size: 13px !important; color: var(--d-muted) !important; line-height: 1.6 !important; }\n\n  body #didaktos-guide .dg-callout { border-radius: 11px; padding: 15px 17px; margin: 16px 0 !important; display: flex !important; gap: 12px !important; align-items: flex-start !important; }\n  body #didaktos-guide .dg-callout.tip  { background: #EFF9F5 !important; border-left: 3px solid var(--d-teal) !important; }\n  body #didaktos-guide .dg-callout.info { background: #EDF2F8 !important; border-left: 3px solid var(--d-blue) !important; }\n  body #didaktos-guide .dg-callout.warn { background: #FFFBEB !important; border-left: 3px solid var(--d-gold) !important; }\n  body #didaktos-guide .dg-callout.newf { background: #F0FDF4 !important; border-left: 3px solid var(--d-green) !important; }\n  body #didaktos-guide .dg-callout-ico { font-size: 17px !important; flex-shrink: 0 !important; margin-top: 1px !important; }\n  body #didaktos-guide .dg-callout-ttl { font-weight: 700; font-size: 12.5px !important; margin-bottom: 3px !important; }\n  body #didaktos-guide .dg-callout.tip  .dg-callout-ttl { color: var(--d-teal) !important; }\n  body #didaktos-guide .dg-callout.info .dg-callout-ttl { color: var(--d-blue) !important; }\n  body #didaktos-guide .dg-callout.warn .dg-callout-ttl { color: #92400E !important; }\n  body #didaktos-guide .dg-callout.newf .dg-callout-ttl { color: #166534 !important; }\n\n  body #didaktos-guide .dg-frame { background: var(--d-surf) !important; border: 1px solid var(--d-border) !important; border-radius: 15px; overflow: hidden; margin: 20px 0 !important; box-shadow: 0 4px 24px rgba(45,78,125,.07) !important; }\n  body #didaktos-guide .dg-frame-bar { background: var(--d-light) !important; border-bottom: 1px solid var(--d-border) !important; padding: 8px 14px !important; display: flex !important; align-items: center !important; gap: 7px !important; }\n  body #didaktos-guide .dg-frame-dot { width: 10px !important; height: 10px !important; border-radius: 50%; display: block !important;}\n  body #didaktos-guide .dg-frame-bar span { font-size: 11px !important; color: #94A3B8 !important; margin-left: 7px !important; }\n  body #didaktos-guide .dg-frame-body { display: flex !important; flex-direction: row !important; min-height: 320px; }\n  body #didaktos-guide .dg-panel-l { width: 42% !important; flex-shrink: 0 !important; border-right: 1px solid var(--d-border) !important; padding: 16px !important; background: #FAFBFE !important; }\n  body #didaktos-guide .dg-panel-r { flex: 1 !important; padding: 16px !important; background: #F4F7FC !important; min-width: 0 !important; }\n  body #didaktos-guide .dg-ui-lbl { font-size: 9px !important; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--d-muted) !important; margin-bottom: 11px !important; }\n  body #didaktos-guide .dg-ui-field { background: #fff !important; border: 1px solid var(--d-border) !important; border-radius: 7px; padding: 7px 10px !important; margin-bottom: 6px !important; }\n  body #didaktos-guide .dg-ui-fl { font-size: 9px !important; font-weight: 700; text-transform: uppercase; letter-spacing: .7px; color: #94A3B8 !important; margin-bottom: 2px !important; }\n  body #didaktos-guide .dg-ui-fv { font-size: 12px !important; color: var(--d-text) !important; font-weight: 500; }\n  body #didaktos-guide .dg-ui-btn { background: var(--d-blue) !important; color: #fff !important; border-radius: 9px; padding: 9px 13px !important; font-size: 12px !important; font-weight: 700; text-align: center; margin-top: 9px !important; display: block !important;}\n  body #didaktos-guide .dg-pv { background: #fff !important; border: 1px solid var(--d-border) !important; border-radius: 9px; padding: 13px !important; height: 180px !important; display: flex !important; flex-direction: column !important; gap: 7px !important; }\n  body #didaktos-guide .dg-pl { height: 9px !important; border-radius: 4px; background: var(--d-light) !important; display: block !important; }\n  body #didaktos-guide .dg-pl.dk { background: #CBD5E1 !important; }\n  body #didaktos-guide .dg-pl.ac { background: #DBEAFE !important; width: 58% !important; }\n\n  body #didaktos-guide .dg-cat-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 14px !important; margin: 20px 0 !important; }\n  body #didaktos-guide .dg-cat { border-radius: 15px; padding: 20px 17px !important; color: #fff !important; position: relative; overflow: hidden; transition: transform .2s; cursor: pointer; display: block !important;}\n  body #didaktos-guide .dg-cat:hover { transform: translateY(-2px); }\n  body #didaktos-guide .dg-cat::after { content: \"\"; position: absolute; bottom: -16px; right: -16px; width: 65px; height: 65px; border-radius: 50%; background: rgba(255,255,255,.07) !important; }\n  body #didaktos-guide .dg-cat-cnt { position: absolute; top: 11px; right: 13px; background: rgba(255,255,255,.2) !important; border-radius: 100px; padding: 2px 7px !important; font-size: 10px !important; font-weight: 600; }\n  body #didaktos-guide .dg-cat-ico { font-size: 20px !important; margin-bottom: 7px !important; display: block !important;}\n  body #didaktos-guide .dg-cat-ttl { font-weight: 700; font-size: 14px !important; margin-bottom: 4px !important; }\n  body #didaktos-guide .dg-cat-desc { font-size: 11px !important; opacity: .82; line-height: 1.5 !important; margin: 0 !important; }\n  body #didaktos-guide .dg-cat-chips { margin-top: 9px !important; display: flex !important; flex-wrap: wrap !important; gap: 4px !important; }\n  body #didaktos-guide .dg-chip { background: rgba(255,255,255,.18) !important; border-radius: 100px; padding: 2px 7px !important; font-size: 10px !important; font-weight: 500; margin: 0 !important; }\n\n  body #didaktos-guide .dg-tbl { width: 100% !important; border-collapse: collapse !important; margin: 12px 0 !important; font-size: 13px !important; }\n  body #didaktos-guide .dg-tbl th { background: var(--d-deep) !important; color: #fff !important; padding: 8px 12px !important; text-align: left !important; font-size: 11px !important; font-weight: 600; letter-spacing: .4px; border: none !important;}\n  body #didaktos-guide .dg-tbl th:first-child { border-radius: 8px 0 0 0; }\n  body #didaktos-guide .dg-tbl th:last-child { border-radius: 0 8px 0 0; }\n  body #didaktos-guide .dg-tbl td { padding: 9px 12px !important; border-bottom: 1px solid var(--d-border) !important; vertical-align: top !important; border-top: none !important; border-left: none !important; border-right: none !important;}\n  body #didaktos-guide .dg-tbl tr:last-child td { border-bottom: none !important; }\n  body #didaktos-guide .dg-tbl tr:hover td { background: var(--d-light) !important; }\n  body #didaktos-guide .dg-tn { font-weight: 600; color: var(--d-deep) !important; margin: 0 !important; }\n  body #didaktos-guide .dg-td { color: var(--d-muted) !important; font-size: 12px !important; margin-top: 2px !important; }\n  body #didaktos-guide .dg-fb { display: inline-block !important; padding: 2px 7px !important; border-radius: 100px; font-size: 10px !important; font-weight: 700; letter-spacing: .3px; margin: 0 !important; }\n  body #didaktos-guide .dg-fw { background: #DBEAFE !important; color: #1D4ED8 !important; }\n  body #didaktos-guide .dg-fc { background: #D1FAE5 !important; color: #065F46 !important; }\n\n  body #didaktos-guide .dg-stepper { display: flex !important; align-items: flex-start !important; gap: 0 !important; margin: 24px 0 !important; }\n  body #didaktos-guide .dg-step { flex: 1 !important; position: relative; margin: 0 !important; }\n  body #didaktos-guide .dg-step:not(:last-child)::after { content: \"\"; position: absolute; top: 18px; left: calc(50% + 19px); right: calc(-50% + 19px); height: 2px; background: var(--d-border) !important; }\n  body #didaktos-guide .dg-step-c { width: 37px !important; height: 37px !important; border-radius: 50%; border: 2px solid var(--d-blue) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700; font-size: 14px !important; color: var(--d-blue) !important; margin: 0 auto 7px !important; position: relative; z-index: 1; background: #fff !important; }\n  body #didaktos-guide .dg-step-l { text-align: center !important; font-size: 10px !important; font-weight: 600; color: var(--d-blue) !important; text-transform: uppercase; letter-spacing: .5px; margin: 0 !important; }\n\n  body #didaktos-guide .dg-fgrid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin: 16px 0 !important; }\n  body #didaktos-guide .dg-fcard { background: var(--d-surf) !important; border: 1px solid var(--d-border) !important; border-radius: 11px; padding: 15px !important; margin: 0 !important; }\n  body #didaktos-guide .dg-fcard-name { font-weight: 700; font-size: 13.5px !important; color: var(--d-deep) !important; margin-bottom: 4px !important; display: flex !important; align-items: center !important; gap: 7px !important; flex-wrap: wrap !important; }\n  body #didaktos-guide .dg-req { font-size: 9px !important; font-weight: 700; letter-spacing: .8px; background: #FEF3C7 !important; color: #92400E !important; padding: 1px 6px !important; border-radius: 4px; text-transform: uppercase; margin: 0 !important; }\n  body #didaktos-guide .dg-opt { font-size: 9px !important; font-weight: 700; letter-spacing: .8px; background: var(--d-light) !important; color: var(--d-muted) !important; padding: 1px 6px !important; border-radius: 4px; text-transform: uppercase; margin: 0 !important; }\n  body #didaktos-guide .dg-fcard-desc { font-size: 13px !important; color: var(--d-muted) !important; line-height: 1.5 !important; margin: 0 !important; }\n  body #didaktos-guide .dg-fcard-ex { margin-top: 7px !important; font-family: \"JetBrains Mono\", monospace; font-size: 11px !important; background: var(--d-light) !important; padding: 5px 9px !important; border-radius: 5px; color: var(--d-deep) !important; }\n\n  body #didaktos-guide .dg-achips { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 13px 0 !important; }\n  body #didaktos-guide .dg-achip { display: flex !important; align-items: center !important; gap: 6px !important; padding: 7px 12px !important; border-radius: 100px; border: 1px solid var(--d-border) !important; background: var(--d-surf) !important; font-size: 12.5px !important; font-weight: 500; color: var(--d-text) !important; margin: 0 !important; }\n\n  body #didaktos-guide .dg-btn-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 11px !important; margin: 16px 0 !important; }\n  body #didaktos-guide .dg-bdoc { background: var(--d-surf) !important; border: 1px solid var(--d-border) !important; border-radius: 11px; padding: 15px !important; text-align: center !important; margin: 0 !important; }\n  body #didaktos-guide .dg-bdoc-ico { width: 38px !important; height: 38px !important; border-radius: 9px; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 8px !important; font-size: 17px !important; }\n  body #didaktos-guide .dg-bdoc-n { font-weight: 700; font-size: 13px !important; color: var(--d-deep) !important; margin-bottom: 3px !important; }\n  body #didaktos-guide .dg-bdoc-d { font-size: 11px !important; color: var(--d-muted) !important; line-height: 1.4 !important; margin: 0 !important; }\n\n  body #didaktos-guide .dg-plan-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 14px !important; margin: 20px 0 !important; }\n  body #didaktos-guide .dg-pcard { border-radius: 15px; padding: 24px 20px !important; border: 2px solid var(--d-border) !important; background: var(--d-surf) !important; position: relative; margin: 0 !important; }\n  body #didaktos-guide .dg-pcard.hot { border-color: var(--d-blue) !important; background: linear-gradient(135deg,#EDF2F8,#fff) !important; }\n  body #didaktos-guide .dg-pbadge { position: absolute; top: -11px; left: 50%; transform: translateX(-50%); background: var(--d-blue) !important; color: #fff !important; font-size: 10px !important; font-weight: 700; padding: 3px 11px !important; border-radius: 100px; letter-spacing: .5px; white-space: nowrap; margin: 0 !important; }\n  body #didaktos-guide .dg-pname { font-weight: 700; font-size: 19px !important; color: var(--d-deep) !important; margin-bottom: 3px !important; }\n  body #didaktos-guide .dg-pprice { font-family: \"Playfair Display\", serif; font-size: 30px !important; color: var(--d-blue) !important; margin: 0 !important; }\n  body #didaktos-guide .dg-pprice span { font-family: \"Inter\", sans-serif; font-size: 13px !important; color: var(--d-muted) !important; }\n  body #didaktos-guide .dg-plimit { font-size: 13px !important; color: var(--d-muted) !important; margin: 9px 0 !important; padding-bottom: 9px !important; border-bottom: 1px solid var(--d-border) !important; }\n  body #didaktos-guide .dg-pfeat { display: flex !important; align-items: center !important; gap: 7px !important; font-size: 13px !important; color: var(--d-text) !important; margin-bottom: 5px !important; }\n  body #didaktos-guide .dg-pchk { color: var(--d-teal) !important; margin: 0 !important; }\n\n  body #didaktos-guide .dg-tips { display: grid !important; grid-template-columns: repeat(2,1fr) !important; gap: 12px !important; margin: 16px 0 !important; }\n  body #didaktos-guide .dg-tipcard { background: var(--d-surf) !important; border: 1px solid var(--d-border) !important; border-radius: 11px; padding: 16px !important; display: flex !important; gap: 12px !important; margin: 0 !important; }\n  body #didaktos-guide .dg-tip-n { width: 31px !important; height: 31px !important; border-radius: 8px; flex-shrink: 0 !important; background: linear-gradient(135deg,var(--d-deep),var(--d-blue)) !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700; font-size: 14px !important; margin: 0 !important; }\n  body #didaktos-guide .dg-tip-t { font-weight: 700; font-size: 13.5px !important; color: var(--d-deep) !important; margin-bottom: 4px !important; }\n  body #didaktos-guide .dg-tip-d { font-size: 12px !important; color: var(--d-muted) !important; line-height: 1.5 !important; margin: 0 !important; }\n\n  body #didaktos-guide .dg-sbs { display: flex !important; flex-direction: column !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; }\n  body #didaktos-guide .dg-sbs-item { display: flex !important; gap: 13px !important; align-items: flex-start !important; margin: 0 !important; }\n  body #didaktos-guide .dg-sbs-c { width: 34px !important; height: 34px !important; border-radius: 50%; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700; font-size: 13px !important; color: #fff !important; flex-shrink: 0 !important; margin: 0 !important; }\n  body #didaktos-guide .dg-sbs-title { font-weight: 700; font-size: 14px !important; color: var(--d-deep) !important; margin-bottom: 3px !important; }\n  body #didaktos-guide .dg-sbs-desc { font-size: 13px !important; color: var(--d-muted) !important; line-height: 1.55 !important; margin: 0 !important; }\n\n  body #didaktos-guide .dg-std-list { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin: 12px 0 !important; padding: 0 !important; }\n  body #didaktos-guide .dg-std-tag { background: var(--d-light) !important; border: 1px solid var(--d-border) !important; border-radius: 8px; padding: 5px 11px !important; font-size: 12px !important; font-weight: 600; color: var(--d-deep) !important; margin: 0 !important; }\n\n  body #didaktos-guide .dg-footer { padding: 32px 56px !important; background: var(--d-deep) !important; color: rgba(255,255,255,.55) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; gap: 12px !important; margin: 0 !important; }\n  body #didaktos-guide .dg-footer-l { display: flex !important; align-items: center !important; gap: 11px !important; margin: 0 !important; }\n  body #didaktos-guide .dg-footer-brand { font-family: \"Playfair Display\", serif; font-size: 17px !important; color: #fff !important; margin: 0 !important; }\n  body #didaktos-guide .dg-footer-sub { font-size: 10px !important; margin-top: 2px !important; }\n  body #didaktos-guide .dg-footer a { color: rgba(255,255,255,.4) !important; font-size: 12px !important; text-decoration: none !important; margin: 0 !important; }\n  body #didaktos-guide .dg-footer a:hover { color: #fff !important; }\n\n\n  \/* =======================================================================\n     FIX DE ICONOS PARA WORDPRESS \/ ASTRA\n     Reemplaza emojis por SVG inline y controla cualquier emoji convertido por WP.\n     ======================================================================= *\/\n  body #didaktos-guide .dg-svg-ico { width: 1em !important; height: 1em !important; min-width: 1em !important; min-height: 1em !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: -0.13em !important; line-height: 1 !important; color: currentColor !important; margin: 0 .25em 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; flex-shrink: 0 !important; }\n  body #didaktos-guide .dg-svg-ico svg { width: 100% !important; height: 100% !important; display: block !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; fill: none; }\n  body #didaktos-guide img.emoji, body #didaktos-guide .emoji, body #didaktos-guide .dg-cat-ico img, body #didaktos-guide .dg-callout-ico img, body #didaktos-guide .dg-bdoc-ico img, body #didaktos-guide .dg-fcard-name img, body #didaktos-guide .dg-achip img, body #didaktos-guide .dg-pchk img { width: 1em !important; height: 1em !important; max-width: 1em !important; max-height: 1em !important; display: inline-block !important; vertical-align: -0.12em !important; margin: 0 .25em 0 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; object-fit: contain !important; }\n  body #didaktos-guide .dg-cat-ico, body #didaktos-guide .dg-callout-ico, body #didaktos-guide .dg-bdoc-ico { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; }\n  body #didaktos-guide .dg-cat-ico .dg-svg-ico, body #didaktos-guide .dg-callout-ico .dg-svg-ico, body #didaktos-guide .dg-bdoc-ico .dg-svg-ico { margin-right: 0 !important; }\n  body #didaktos-guide .dg-fcard-name .dg-svg-ico, body #didaktos-guide h2 .dg-svg-ico, body #didaktos-guide .dg-achip .dg-svg-ico, body #didaktos-guide .dg-pfeat .dg-svg-ico, body #didaktos-guide .dg-ui-fl .dg-svg-ico, body #didaktos-guide .dg-ui-btn .dg-svg-ico { vertical-align: -0.15em !important; }\n\n  @media (max-width: 960px) {\n    body #didaktos-guide .dg-sidebar { display: none !important; }\n    body #didaktos-guide .dg-sec { padding: 36px 20px !important; }\n    body #didaktos-guide .dg-hero { padding: 40px 20px !important; }\n    body #didaktos-guide .dg-qs-grid,\n    body #didaktos-guide .dg-cat-grid,\n    body #didaktos-guide .dg-fgrid,\n    body #didaktos-guide .dg-btn-grid,\n    body #didaktos-guide .dg-plan-grid,\n    body #didaktos-guide .dg-tips { grid-template-columns: 1fr !important; }\n    body #didaktos-guide .dg-hero h1 { font-size: 30px !important; }\n    body #didaktos-guide .dg-stats { flex-wrap: wrap !important; gap: 12px !important; }\n    body #didaktos-guide .dg-stat-div { display: none !important; }\n    body #didaktos-guide .dg-frame-body { flex-direction: column !important; }\n    body #didaktos-guide .dg-panel-l { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--d-border) !important; }\n  }\n  <\/style>\n  <!-- \/noptimize -->\n\n  <div class=\"dg-wrap\">\n\n  <!-- Sidebar -->\n  <nav class=\"dg-sidebar\">\n    <div class=\"dg-brand\">\n      <svg class=\"dg-logo\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M 50,10 C 50,22 43,25 33,25 C 43,25 50,28 50,40 C 50,28 57,25 67,25 C 57,25 50,22 50,10 Z\" fill=\"#49B04A\" \/>\n        <path d=\"M 45,45 L 20,35 V 75 L 45,85 V 45 Z\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" \/>\n        <path d=\"M 55,45 L 80,35 V 75 L 55,85 V 45 Z\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" \/>\n        <path d=\"M 45,85 L 50,90 L 55,85\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 45,93 L 12,80 V 42\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 55,93 L 88,80 V 42\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 45,93 L 50,98 L 55,93\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n      <\/svg>\n      <div>\n        <div class=\"dg-brand-name\">Didaktos AI<\/div>\n        <div class=\"dg-brand-sub\">User Guide<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"dg-nav\">\n      <div class=\"dg-nav-group\">Getting Started<\/div>\n      <a href=\"#dg-welcome\" class=\"active\"><div class=\"dg-nav-dot\" style=\"background:#C49A5C\"><\/div>Welcome<\/a>\n      <a href=\"#dg-quickstart\"><div class=\"dg-nav-dot\" style=\"background:#4A917C\"><\/div>Quick Start<\/a>\n      <div class=\"dg-nav-group\">The Interface<\/div>\n      <a href=\"#dg-home\"><div class=\"dg-nav-dot\" style=\"background:#4A6FA5\"><\/div>Home Screen<\/a>\n      <a href=\"#dg-editor\"><div class=\"dg-nav-dot\" style=\"background:#4A6FA5\"><\/div>The Editor<\/a>\n      <div class=\"dg-nav-group\">Tools<\/div>\n      <a href=\"#dg-categories\"><div class=\"dg-nav-dot\" style=\"background:#7B6B9B\"><\/div>6 Categories<\/a>\n      <a href=\"#dg-tools\"><div class=\"dg-nav-dot\" style=\"background:#7B6B9B\"><\/div>All Tools<\/a>\n      <div class=\"dg-nav-group\">Creating Resources<\/div>\n      <a href=\"#dg-fields\"><div class=\"dg-nav-dot\" style=\"background:#5C80A0\"><\/div>Form Fields<\/a>\n      <a href=\"#dg-steps\"><div class=\"dg-nav-dot\" style=\"background:#5C80A0\"><\/div>Step by Step<\/a>\n      <a href=\"#dg-standards\"><div class=\"dg-nav-dot\" style=\"background:#5C80A0\"><\/div>US Standards<\/a>\n      <div class=\"dg-nav-group\">Advanced<\/div>\n      <a href=\"#dg-actions\"><div class=\"dg-nav-dot\" style=\"background:#5DA0B3\"><\/div>Quick Actions<\/a>\n      <a href=\"#dg-editing\"><div class=\"dg-nav-dot\" style=\"background:#5DA0B3\"><\/div>AI Editing<\/a>\n      <a href=\"#dg-downloads\"><div class=\"dg-nav-dot\" style=\"background:#5DA0B3\"><\/div>Downloads<\/a>\n      <a href=\"#dg-history\"><div class=\"dg-nav-dot\" style=\"background:#5DA0B3\"><\/div>History &amp; Templates<\/a>\n      <div class=\"dg-nav-group\">Account<\/div>\n      <a href=\"#dg-plans\"><div class=\"dg-nav-dot\" style=\"background:#4A917C\"><\/div>Plans &amp; Limits<\/a>\n      <a href=\"#dg-tips\"><div class=\"dg-nav-dot\" style=\"background:#C49A5C\"><\/div>Pro Tips<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- Main -->\n  <div class=\"dg-main\">\n\n  <!-- HERO -->\n  <div class=\"dg-hero\" id=\"dg-welcome\">\n    <div class=\"dg-hero-top\">\n      <svg class=\"dg-logo\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M 50,10 C 50,22 43,25 33,25 C 43,25 50,28 50,40 C 50,28 57,25 67,25 C 57,25 50,22 50,10 Z\" fill=\"#49B04A\" \/>\n        <path d=\"M 45,45 L 20,35 V 75 L 45,85 V 45 Z\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" \/>\n        <path d=\"M 55,45 L 80,35 V 75 L 55,85 V 45 Z\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" \/>\n        <path d=\"M 45,85 L 50,90 L 55,85\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 45,93 L 12,80 V 42\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 55,93 L 88,80 V 42\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 45,93 L 50,98 L 55,93\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n      <\/svg>\n      <div>\n        <div class=\"dg-hero-logo-name\">Didaktos AI<\/div>\n        <div class=\"dg-hero-logo-tag\">Your Educational Copilot<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"dg-badge\">\n      <svg width=\"9\" height=\"9\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z\" clip-rule=\"evenodd\"\/><\/svg>\n      Complete User Guide &middot; v4.27 &middot; US Edition\n    <\/div>\n    <h1>Your AI-powered<br><em>classroom copilot<\/em><\/h1>\n    <p class=\"dg-hero-desc\">Didaktos AI generates classroom-ready teaching materials in minutes \u2014 aligned to US curriculum standards.<\/p>\n    <div class=\"dg-stats\">\n      <div><div class=\"dg-stat-n\">60+<\/div><div class=\"dg-stat-l\">Tools<\/div><\/div>\n      <div class=\"dg-stat-div\"><\/div>\n      <div><div class=\"dg-stat-n\">6<\/div><div class=\"dg-stat-l\">Categories<\/div><\/div>\n      <div class=\"dg-stat-div\"><\/div>\n      <div><div class=\"dg-stat-n\">K&ndash;12<\/div><div class=\"dg-stat-l\">All Grades<\/div><\/div>\n      <div class=\"dg-stat-div\"><\/div>\n      <div><div class=\"dg-stat-n\">30s<\/div><div class=\"dg-stat-l\">First Resource<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- S1: Quick Start -->\n  <div class=\"dg-sec\" id=\"dg-quickstart\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">1<\/div><div><div class=\"dg-sec-title\">Quick Start<\/div><div class=\"dg-sec-sub\">Generate your first resource in 3 steps<\/div><\/div><\/div>\n    <div class=\"dg-qs-grid\">\n      <div class=\"dg-qs\"><div class=\"dg-qs-n\">01<\/div><div class=\"dg-qs-t\">Choose a Category<\/div><div class=\"dg-qs-d\">On the home screen you&#8217;ll see 6 color-coded cards. Each groups related tools. Click the one that fits your need.<\/div><\/div>\n      <div class=\"dg-qs\"><div class=\"dg-qs-n\">02<\/div><div class=\"dg-qs-t\">Fill in the Fields<\/div><div class=\"dg-qs-d\">Only 3 fields are required: subject, grade level, and topic. Everything else is optional for deeper customization.<\/div><\/div>\n      <div class=\"dg-qs\"><div class=\"dg-qs-n\">03<\/div><div class=\"dg-qs-t\">Download &amp; Use<\/div><div class=\"dg-qs-d\">Click &#8220;Generate Resource&#8221; and your document is ready in seconds. Download as Word, print directly, or copy the text.<\/div><\/div>\n    <\/div>\n    <div class=\"dg-callout tip\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-keyboard\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M3 6h18a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z\" fill=\"currentColor\" opacity=\".2\"\/><path d=\"M5 10h2m2 0h2m2 0h2m2 0h2M5 14h10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">Keyboard Shortcut<\/div><p>Once the 3 required fields are filled, press <strong>Ctrl + Enter<\/strong> (or &#8984; + Enter on Mac) to generate without using the mouse.<\/p><\/div><\/div>\n  <\/div>\n\n  <!-- S2: Home Screen -->\n  <div class=\"dg-sec\" id=\"dg-home\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">2<\/div><div><div class=\"dg-sec-title\">The Home Screen<\/div><div class=\"dg-sec-sub\">Your starting point \u2014 6 category cards<\/div><\/div><\/div>\n    <p>When you open Didaktos AI, you land on the <strong>home screen<\/strong>. From here you can navigate to any category, view recent generations, and access your history.<\/p>\n    <div class=\"dg-frame\">\n      <div class=\"dg-frame-bar\"><div class=\"dg-frame-dot\" style=\"background:#FF5F57\"><\/div><div class=\"dg-frame-dot\" style=\"background:#FEBC2E\"><\/div><div class=\"dg-frame-dot\" style=\"background:#28C840\"><\/div><span>Didaktos AI &mdash; Home<\/span><\/div>\n      <div style=\"padding:16px;background:#f5f7fb;\">\n        <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;\">\n          <div style=\"display:flex;align-items:center;gap:9px;\">\n            <svg viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:26px;height:26px;\">\n              <path d=\"M 50,10 C 50,22 43,25 33,25 C 43,25 50,28 50,40 C 50,28 57,25 67,25 C 57,25 50,22 50,10 Z\" fill=\"#49B04A\" \/>\n              <path d=\"M 45,45 L 20,35 V 75 L 45,85 V 45 Z\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" \/>\n              <path d=\"M 55,45 L 80,35 V 75 L 55,85 V 45 Z\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" \/>\n              <path d=\"M 45,85 L 50,90 L 55,85\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n              <path d=\"M 45,93 L 12,80 V 42\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n              <path d=\"M 55,93 L 88,80 V 42\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n              <path d=\"M 45,93 L 50,98 L 55,93\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n            <\/svg>\n            <div><div style=\"font-weight:800;font-size:15px;color:#1e293b\">Didaktos AI<\/div><div style=\"font-size:10px;color:#94a3b8\">Your Educational Copilot<\/div><\/div>\n          <\/div>\n          <div style=\"display:flex;gap:6px;align-items:center;\"><div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:4px 9px;font-size:10px;color:#64748b\">Free &middot; 5 left<\/div><div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:4px 9px;font-size:10px;color:#64748b\"><span class=\"dg-svg-ico dg-i-clock\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\" fill=\"currentColor\" opacity=\".2\"\/><path d=\"M12 6v6l4 2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> History<\/div><div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:3px 7px;font-size:10px;display:flex;gap:3px\"><span style=\"color:#94a3b8;padding:1px 4px\">ES<\/span><span style=\"background:#3B5E91;color:#fff;border-radius:4px;padding:1px 5px\">EN<\/span><\/div><\/div>\n        <\/div>\n        <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:9px;\">\n          <div style=\"background:#C49A5C;border-radius:12px;padding:13px;color:#fff;text-align:center\"><div style=\"font-size:17px;margin-bottom:5px\"><span class=\"dg-svg-ico dg-i-lightning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M13 2 4 14h7l-1 8 10-13h-7l1-7Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div style=\"font-weight:700;font-size:12px\">Quick Start<\/div><div style=\"font-size:10px;opacity:.85;margin-top:2px\">One-click activities<\/div><\/div>\n          <div style=\"background:#4A6FA5;border-radius:12px;padding:13px;color:#fff;text-align:center\"><div style=\"font-size:17px;margin-bottom:5px\"><span class=\"dg-svg-ico dg-i-clipboard\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M9 3h6a2 2 0 0 1 2 2h2a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2a2 2 0 0 1 2-2Z\" fill=\"currentColor\" opacity=\".22\"\/><path d=\"M9 5h6v3H9V5Zm-2 7h10v2H7v-2Zm0 4h10v2H7v-2Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div style=\"font-weight:700;font-size:12px\">Planning<\/div><div style=\"font-size:10px;opacity:.85;margin-top:2px\">Lesson plans &amp; sequences<\/div><\/div>\n          <div style=\"background:#4A917C;border-radius:12px;padding:13px;color:#fff;text-align:center\"><div style=\"font-size:17px;margin-bottom:5px\"><span class=\"dg-svg-ico dg-i-book\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 5a3 3 0 0 1 3-3h13v16H7a3 3 0 0 0-3 3V5Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M7 5h10v2H7V5Zm0 4h10v2H7V9Zm0 4h8v2H7v-2ZM4 21a3 3 0 0 1 3-3h13v2H7a1 1 0 0 0-1 1H4Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div style=\"font-weight:700;font-size:12px\">Resources<\/div><div style=\"font-size:10px;opacity:.85;margin-top:2px\">Worksheets &amp; readings<\/div><\/div>\n          <div style=\"background:#7B6B9B;border-radius:12px;padding:13px;color:#fff;text-align:center\"><div style=\"font-size:17px;margin-bottom:5px\"><span class=\"dg-svg-ico dg-i-pencil\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 17.5V21h3.5L18.8 9.7l-3.5-3.5L4 17.5Z\" fill=\"currentColor\"\/><path d=\"m17 4.5 2.5 2.5a1.4 1.4 0 0 1 0 2l-.7.7-3.5-3.5.7-.7a1.4 1.4 0 0 1 1-.4Z\" fill=\"currentColor\" opacity=\".55\"\/><\/svg><\/span><\/div><div style=\"font-weight:700;font-size:12px\">Assessment<\/div><div style=\"font-size:10px;opacity:.85;margin-top:2px\">Exams, rubrics &amp; banks<\/div><\/div>\n          <div style=\"background:#5C80A0;border-radius:12px;padding:13px;color:#fff;text-align:center\"><div style=\"font-size:17px;margin-bottom:5px\"><span class=\"dg-svg-ico dg-i-chat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 5h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M7 10h10v2H7v-2Zm0 4h7v2H7v-2Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div style=\"font-weight:700;font-size:12px\">Communication<\/div><div style=\"font-size:10px;opacity:.85;margin-top:2px\">Parent letters &amp; reports<\/div><\/div>\n          <div style=\"background:#5DA0B3;border-radius:12px;padding:13px;color:#fff;text-align:center\"><div style=\"font-size:17px;margin-bottom:5px\"><span class=\"dg-svg-ico dg-i-heart\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 21s-8-4.7-8-11a4.8 4.8 0 0 1 8-3.6A4.8 4.8 0 0 1 20 10c0 6.3-8 11-8 11Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div style=\"font-weight:700;font-size:12px\">Inclusion<\/div><div style=\"font-size:10px;opacity:.85;margin-top:2px\">Adapted materials &amp; UDL<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"dg-fgrid\">\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-globe\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M2 12h20M12 2c3 3 3 17 0 20M12 2c-3 3-3 17 0 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span> Language Toggle<\/div><div class=\"dg-fcard-desc\">Switch between English and Spanish in the top-right corner. Affects both interface and generated content.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-lightning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M13 2 4 14h7l-1 8 10-13h-7l1-7Z\" fill=\"currentColor\"\/><\/svg><\/span> Usage Indicator<\/div><div class=\"dg-fcard-desc\">Shows how many generations remain on your plan. Turns amber when running low.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-clock\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\" fill=\"currentColor\" opacity=\".2\"\/><path d=\"M12 6v6l4 2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> History<\/div><div class=\"dg-fcard-desc\">Saves your last 8 generations automatically. Click any entry to restore all settings and output.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-pin\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M14 2 22 10l-4 1-4 4v5l-2 2-4-7-6-3 2-2h5l4-4 1-4Z\" fill=\"currentColor\"\/><\/svg><\/span> Recent Resources<\/div><div class=\"dg-fcard-desc\">Your 3 most recent resources appear as color chips at the bottom of the home screen.<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- S3: Editor -->\n  <div class=\"dg-sec\" id=\"dg-editor\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">3<\/div><div><div class=\"dg-sec-title\">The Editor<\/div><div class=\"dg-sec-sub\">The two-panel workspace<\/div><\/div><\/div>\n    <p>Clicking a category opens the <strong>editor<\/strong> \u2014 a split-screen with the form on the left and live preview on the right.<\/p>\n    <div class=\"dg-frame\">\n      <div class=\"dg-frame-bar\"><div class=\"dg-frame-dot\" style=\"background:#FF5F57\"><\/div><div class=\"dg-frame-dot\" style=\"background:#FEBC2E\"><\/div><div class=\"dg-frame-dot\" style=\"background:#28C840\"><\/div><span>Didaktos AI &mdash; Editor<\/span><\/div>\n      <div class=\"dg-frame-body\">\n        <div class=\"dg-panel-l\">\n          <div class=\"dg-ui-lbl\">Left Panel &middot; Form<\/div>\n          <div style=\"display:flex;gap:6px;margin-bottom:10px;\"><div style=\"background:#EDF2F8;color:#3B5E91;border:1px solid #B0C9E2;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;\">&#8592; Back<\/div><div style=\"background:#4A6FA5;color:#fff;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;\">Planning<\/div><\/div>\n          <div style=\"height:3px;background:#e2e8f0;border-radius:2px;margin-bottom:10px;\"><div style=\"height:3px;background:#4A6FA5;border-radius:2px;width:75%\"><\/div><\/div>\n          <div class=\"dg-ui-field\"><div class=\"dg-ui-fl\">Resource Type<\/div><div class=\"dg-ui-fv\">Daily Lesson Plan<\/div><\/div>\n          <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:5px\"><div class=\"dg-ui-field\"><div class=\"dg-ui-fl\">Subject<\/div><div class=\"dg-ui-fv\">ELA<\/div><\/div><div class=\"dg-ui-field\"><div class=\"dg-ui-fl\">Grade Level<\/div><div class=\"dg-ui-fv\">5th Grade<\/div><\/div><\/div>\n          <div class=\"dg-ui-field\" style=\"background:#f0f9f5;border-color:#a7f3d0;\"><div class=\"dg-ui-fl\" style=\"color:#059669\"><span class=\"dg-svg-ico dg-i-lightning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M13 2 4 14h7l-1 8 10-13h-7l1-7Z\" fill=\"currentColor\"\/><\/svg><\/span> Format &middot; Auto<\/div><div class=\"dg-ui-fv\" style=\"color:#065f46\">Plain Text (Word)<\/div><\/div>\n          <div class=\"dg-ui-field\"><div class=\"dg-ui-fl\">Topic<\/div><div class=\"dg-ui-fv\" style=\"color:#94a3b8;font-style:italic\">Figurative language, 5th grade&#8230;<\/div><\/div>\n          <div class=\"dg-ui-btn\">Generate Resource &#8594;<\/div>\n        <\/div>\n        <div class=\"dg-panel-r\">\n          <div class=\"dg-ui-lbl\">Right Panel &middot; Preview<\/div>\n          <div style=\"display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap;\"><div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;overflow:hidden;\"><div style=\"background:#3B5E91;color:#fff;padding:3px 8px;font-size:10px;font-weight:700;\">Document<\/div><div style=\"padding:3px 8px;font-size:10px;color:#94a3b8;\">Outline<\/div><div style=\"padding:3px 8px;font-size:10px;color:#94a3b8;\">Print<\/div><\/div><div style=\"font-size:10px;color:#94a3b8;padding:3px 0;\">340 words<\/div><\/div>\n          <div style=\"display:flex;gap:4px;margin-bottom:9px;flex-wrap:wrap;\"><div style=\"padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600;border:1px solid #e2e8f0;color:#64748b;background:#fff;\">Copy<\/div><div style=\"padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600;background:#2563EB;color:#fff;\">Word<\/div><div style=\"padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600;border:1px solid #e2e8f0;color:#64748b;background:#fff;\">Print<\/div><div style=\"padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600;background:#4A6FA5;color:#fff;\"><span class=\"dg-svg-ico dg-i-edit\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 17.5V21h3.5L19 9.5 15.5 6 4 17.5Z\" fill=\"currentColor\"\/><path d=\"M16.5 4.5 19.5 7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span> Edit<\/div><\/div>\n          <div class=\"dg-pv\"><div class=\"dg-pl dk\" style=\"width:66%\"><\/div><div class=\"dg-pl\" style=\"width:36%;height:5px;margin-top:2px\"><\/div><div style=\"height:5px\"><\/div><div class=\"dg-pl ac\"><\/div><div class=\"dg-pl\" style=\"width:94%\"><\/div><div class=\"dg-pl\" style=\"width:82%\"><\/div><div class=\"dg-pl ac\"><\/div><div class=\"dg-pl\" style=\"width:88%\"><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <h2>Progress Bar<\/h2>\n    <div class=\"dg-stepper\">\n      <div class=\"dg-step\"><div class=\"dg-step-c\">1<\/div><div class=\"dg-step-l\">Category<\/div><\/div>\n      <div class=\"dg-step\"><div class=\"dg-step-c\">2<\/div><div class=\"dg-step-l\">Tool<\/div><\/div>\n      <div class=\"dg-step\"><div class=\"dg-step-c\">3<\/div><div class=\"dg-step-l\">Configure<\/div><\/div>\n      <div class=\"dg-step\"><div class=\"dg-step-c\" style=\"background:linear-gradient(135deg,#2D4E7D,#4A6FA5);color:#fff;border-color:transparent;\">4<\/div><div class=\"dg-step-l\">Generate<\/div><\/div>\n    <\/div>\n    <h2>Preview Modes<\/h2>\n    <div class=\"dg-fgrid\">\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-document\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M6 2h8l4 4v16H6V2Z\" fill=\"currentColor\" opacity=\".22\"\/><path d=\"M14 2v5h5M8 11h8M8 15h8M8 19h5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span> Document<\/div><div class=\"dg-fcard-desc\">Full formatted view with rendered Markdown: headings, bold, lists and tables. The default mode after generation.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-folder\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M3 6h7l2 2h9v10a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M3 10h18v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8Z\" fill=\"currentColor\"\/><\/svg><\/span> Outline<\/div><div class=\"dg-fcard-desc\">Shows only section headings. Great for checking structure at a glance without reading the full text.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-printer\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M7 3h10v5H7V3Zm-2 7h14a3 3 0 0 1 3 3v5h-4v3H6v-3H2v-5a3 3 0 0 1 3-3Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M8 16h8v5H8v-5Zm10-3h1v2h-1v-2Z\" fill=\"currentColor\"\/><\/svg><\/span> Print<\/div><div class=\"dg-fcard-desc\">Print-optimized view with serif typography. What you see here matches what will come out of the printer.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-clock\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\" fill=\"currentColor\" opacity=\".2\"\/><path d=\"M12 6v6l4 2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> Word Count<\/div><div class=\"dg-fcard-desc\">The word count and estimated reading time appear next to the view selector to help calibrate length.<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- S4: Categories -->\n  <div class=\"dg-sec\" id=\"dg-categories\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">4<\/div><div><div class=\"dg-sec-title\">The 6 Categories<\/div><div class=\"dg-sec-sub\">What each generates and when to use it<\/div><\/div><\/div>\n    <div class=\"dg-cat-grid\">\n      <div class=\"dg-cat\" style=\"background:linear-gradient(135deg,#B8873E,#C49A5C)\"><div class=\"dg-cat-cnt\">4 tools<\/div><div class=\"dg-cat-ico\"><span class=\"dg-svg-ico dg-i-lightning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M13 2 4 14h7l-1 8 10-13h-7l1-7Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div class=\"dg-cat-ttl\">Quick Start<\/div><div class=\"dg-cat-desc\">Ready-to-use activities for today&#8217;s class. Perfect when you need something fast.<\/div><div class=\"dg-cat-chips\"><span class=\"dg-chip\">Warm-up<\/span><span class=\"dg-chip\">5-Q Quiz<\/span><span class=\"dg-chip\">Exit Ticket<\/span><\/div><\/div>\n      <div class=\"dg-cat\" style=\"background:linear-gradient(135deg,#2D4E7D,#4A6FA5)\"><div class=\"dg-cat-cnt\">12 tools<\/div><div class=\"dg-cat-ico\"><span class=\"dg-svg-ico dg-i-clipboard\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M9 3h6a2 2 0 0 1 2 2h2a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2a2 2 0 0 1 2-2Z\" fill=\"currentColor\" opacity=\".22\"\/><path d=\"M9 5h6v3H9V5Zm-2 7h10v2H7v-2Zm0 4h10v2H7v-2Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div class=\"dg-cat-ttl\">Planning<\/div><div class=\"dg-cat-desc\">Lesson plans, unit plans, pacing guides, syllabi and PBL projects.<\/div><div class=\"dg-cat-chips\"><span class=\"dg-chip\">Daily Plan<\/span><span class=\"dg-chip\">Unit Plan<\/span><span class=\"dg-chip\">Pacing Guide<\/span><\/div><\/div>\n      <div class=\"dg-cat\" style=\"background:linear-gradient(135deg,#336B57,#4A917C)\"><div class=\"dg-cat-cnt\">13 tools<\/div><div class=\"dg-cat-ico\"><span class=\"dg-svg-ico dg-i-book\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 5a3 3 0 0 1 3-3h13v16H7a3 3 0 0 0-3 3V5Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M7 5h10v2H7V5Zm0 4h10v2H7V9Zm0 4h8v2H7v-2ZM4 21a3 3 0 0 1 3-3h13v2H7a1 1 0 0 0-1 1H4Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div class=\"dg-cat-ttl\">Resources<\/div><div class=\"dg-cat-desc\">Worksheets, readings, vocab flashcards, graphic organizers and differentiated materials.<\/div><div class=\"dg-cat-chips\"><span class=\"dg-chip\">Worksheet<\/span><span class=\"dg-chip\">Reading<\/span><span class=\"dg-chip\">Differentiated<\/span><\/div><\/div>\n      <div class=\"dg-cat\" style=\"background:linear-gradient(135deg,#5A4B75,#7B6B9B)\"><div class=\"dg-cat-cnt\">8 tools<\/div><div class=\"dg-cat-ico\"><span class=\"dg-svg-ico dg-i-pencil\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 17.5V21h3.5L18.8 9.7l-3.5-3.5L4 17.5Z\" fill=\"currentColor\"\/><path d=\"m17 4.5 2.5 2.5a1.4 1.4 0 0 1 0 2l-.7.7-3.5-3.5.7-.7a1.4 1.4 0 0 1 1-.4Z\" fill=\"currentColor\" opacity=\".55\"\/><\/svg><\/span><\/div><div class=\"dg-cat-ttl\">Assessment<\/div><div class=\"dg-cat-desc\">Exams, rubrics, checklists, and Bloom-aligned question banks.<\/div><div class=\"dg-cat-chips\"><span class=\"dg-chip\">Rubric<\/span><span class=\"dg-chip\">Exam<\/span><span class=\"dg-chip\">Question Bank<\/span><\/div><\/div>\n      <div class=\"dg-cat\" style=\"background:linear-gradient(135deg,#3C5C78,#5C80A0)\"><div class=\"dg-cat-cnt\">7 tools<\/div><div class=\"dg-cat-ico\"><span class=\"dg-svg-ico dg-i-chat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 5h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M7 10h10v2H7v-2Zm0 4h7v2H7v-2Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div class=\"dg-cat-ttl\">Communication<\/div><div class=\"dg-cat-desc\">Parent letters, progress reports, referrals, and intervention plans.<\/div><div class=\"dg-cat-chips\"><span class=\"dg-chip\">Parent Letter<\/span><span class=\"dg-chip\">Progress Report<\/span><\/div><\/div>\n      <div class=\"dg-cat\" style=\"background:linear-gradient(135deg,#3B7A8F,#5DA0B3)\"><div class=\"dg-cat-cnt\">5 tools<\/div><div class=\"dg-cat-ico\"><span class=\"dg-svg-ico dg-i-heart\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 21s-8-4.7-8-11a4.8 4.8 0 0 1 8-3.6A4.8 4.8 0 0 1 20 10c0 6.3-8 11-8 11Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div class=\"dg-cat-ttl\">Inclusion<\/div><div class=\"dg-cat-desc\">Adapted materials for dyslexia, ADHD, UDL adjustments and aide guides.<\/div><div class=\"dg-cat-chips\"><span class=\"dg-chip\">Dyslexia\/ADHD<\/span><span class=\"dg-chip\">UDL<\/span><span class=\"dg-chip\">Plain Language<\/span><\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- S5: All Tools -->\n  <div class=\"dg-sec\" id=\"dg-tools\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">5<\/div><div><div class=\"dg-sec-title\">All Tools \u2014 Complete Reference<\/div><div class=\"dg-sec-sub\">What every tool generates and its optimal format<\/div><\/div><\/div>\n    <div class=\"dg-callout newf\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-sparkles\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 2l1.8 5.2L19 9l-5.2 1.8L12 16l-1.8-5.2L5 9l5.2-1.8L12 2Zm6 12 .9 2.6L22 18l-3.1 1.4L18 22l-.9-2.6L14 18l3.1-1.4L18 14ZM5 13l.8 2.2L8 16l-2.2.8L5 19l-.8-2.2L2 16l2.2-.8L5 13Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">Smart Auto-Format<\/div><p>The format is chosen automatically. Table-heavy tools use <strong>CSV<\/strong> (opens in Excel) and narrative tools use <strong>Plain Text<\/strong> (best for Word download). You can always override it.<\/p><\/div><\/div>\n    <h2><span class=\"dg-svg-ico dg-i-lightning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M13 2 4 14h7l-1 8 10-13h-7l1-7Z\" fill=\"currentColor\"\/><\/svg><\/span> Quick Start<\/h2>\n    <table class=\"dg-tbl\"><tr><th>Tool<\/th><th>What it generates<\/th><th>Format<\/th><\/tr>\n    <tr><td><div class=\"dg-tn\">Quick Warm-up<\/div><\/td><td><div class=\"dg-td\">3-5 min opening with hook question, expected responses, and transition to main lesson.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">5-Question Quiz<\/div><\/td><td><div class=\"dg-td\">3 multiple-choice (<span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> for correct) + 2 open-ended questions with answer key. Bloom-leveled.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Problem of the Day<\/div><\/td><td><div class=\"dg-td\">One well-crafted problem with solution guide, common mistakes to watch, and extension challenge.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Closing Activity<\/div><\/td><td><div class=\"dg-td\">3-5 min closing with exit ticket, understanding check, and teaser for next lesson.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <\/table>\n    <h2><span class=\"dg-svg-ico dg-i-clipboard\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M9 3h6a2 2 0 0 1 2 2h2a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2a2 2 0 0 1 2-2Z\" fill=\"currentColor\" opacity=\".22\"\/><path d=\"M9 5h6v3H9V5Zm-2 7h10v2H7v-2Zm0 4h10v2H7v-2Z\" fill=\"currentColor\"\/><\/svg><\/span> Planning<\/h2>\n    <table class=\"dg-tbl\"><tr><th>Tool<\/th><th>What it generates<\/th><th>Format<\/th><\/tr>\n    <tr><td><div class=\"dg-tn\">Yearly Plan<\/div><\/td><td><div class=\"dg-td\">Quarter\/semester breakdown with units, key topics, and assessment milestones.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Monthly Plan<\/div><\/td><td><div class=\"dg-td\">Week-by-week plan with topics, objectives, activities, and resources.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Weekly Plan<\/div><\/td><td><div class=\"dg-td\">5-day plan: Day | Topic | Objective | Activity | Formative Check.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Daily Lesson Plan<\/div><\/td><td><div class=\"dg-td\">Full 5-phase lesson (Warm-up, Direct Instruction, Guided Practice, Independent Practice, Closure) with teacher actions and expected student responses.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Learning Objectives (Bloom)<\/div><\/td><td><div class=\"dg-td\">6-8 objectives across all 6 Bloom levels with measurable verbs and assessment methods.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Didactic Sequence<\/div><\/td><td><div class=\"dg-td\">4-6 session sequence with opening, development, and closure per session.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Curriculum Adaptation<\/div><\/td><td><div class=\"dg-td\">Adaptation plan for content, methodology and assessment. Covers accommodations vs. modifications.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">PBL Project Guide<\/div><\/td><td><div class=\"dg-td\">Driving question, 3-4 week timeline, milestones, student roles, scaffolding, and rubric criteria.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Syllabus \/ Course Outline<\/div><\/td><td><div class=\"dg-td\">Complete syllabus with objectives, unit breakdown, methodology, assessment %, and policies.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Complete Unit Plan<\/div><\/td><td><div class=\"dg-td\">2-3 week unit with essential questions, lesson sequence, vocabulary, differentiation, and summative assessment.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Content Pacing Guide<\/div><\/td><td><div class=\"dg-td\">Semester-long table: Week | Sessions | Topic | Objective | Activity | Assessment.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Flipped Classroom Script<\/div><\/td><td><div class=\"dg-td\">Pre-class video + guiding questions, in-class activity, post-class reflection. Includes narration script.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <\/table>\n    <h2><span class=\"dg-svg-ico dg-i-book\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 5a3 3 0 0 1 3-3h13v16H7a3 3 0 0 0-3 3V5Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M7 5h10v2H7V5Zm0 4h10v2H7V9Zm0 4h8v2H7v-2ZM4 21a3 3 0 0 1 3-3h13v2H7a1 1 0 0 0-1 1H4Z\" fill=\"currentColor\"\/><\/svg><\/span> Resources<\/h2>\n    <table class=\"dg-tbl\"><tr><th>Tool<\/th><th>What it generates<\/th><th>Format<\/th><\/tr>\n    <tr><td><div class=\"dg-tn\">Worksheet<\/div><\/td><td><div class=\"dg-td\">8-12 progressive exercises in varied formats (fill-in, match, short answer, open-ended) with bonus challenge.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Printable Cards<\/div><\/td><td><div class=\"dg-td\">6-8 flashcards formatted Front (concept) | Back (definition), ready to print and cut.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Vocabulary Flashcards<\/div><\/td><td><div class=\"dg-td\">10-15 cards with term, student-friendly definition, example sentence, and visual cue suggestion.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Differentiated Material<\/div><\/td><td><div class=\"dg-td\">Same activity at 3 levels: Approaching (scaffolded), On Level, and Advanced (higher-order).<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Cooperative Roles<\/div><\/td><td><div class=\"dg-td\">Group activity with 4-5 defined roles, responsibilities, sentence starters, and accountability checks.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Thinking Routine<\/div><\/td><td><div class=\"dg-td\">See-Think-Wonder, 3-2-1, or similar with phase prompts, timing, and student recording template.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">SEL Activity<\/div><\/td><td><div class=\"dg-td\">15-20 min with SEL competency, check-in, main activity, discussion prompts, and reflection journal.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Problem Based Case<\/div><\/td><td><div class=\"dg-td\">Real-world scenario, driving questions, data to analyze, investigation steps, and assessment criteria.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Inquiry Journal<\/div><\/td><td><div class=\"dg-td\">Multi-day template: Question, Prior Knowledge, Hypothesis, Data Table, Analysis, Conclusion, Reflection.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Video \/ Podcast Script<\/div><\/td><td><div class=\"dg-td\">5-8 min script: Timestamp | Narration | Visual\/Audio cues, with hook, content segments, and call-to-action.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Educational Story<\/div><\/td><td><div class=\"dg-td\">400-600 word narrative teaching the topic with comprehension questions and vocabulary list.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Graphic Organizer<\/div><\/td><td><div class=\"dg-td\">Venn, KWL, cause-effect, timeline, or T-chart with labels, guiding questions, and completed teacher example.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Reading Comprehension<\/div><\/td><td><div class=\"dg-td\">300-500 word passage with vocabulary (5-6 words), 6-8 questions (literal\/inferential\/critical), extension prompt.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <\/table>\n    <h2><span class=\"dg-svg-ico dg-i-pencil\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 17.5V21h3.5L18.8 9.7l-3.5-3.5L4 17.5Z\" fill=\"currentColor\"\/><path d=\"m17 4.5 2.5 2.5a1.4 1.4 0 0 1 0 2l-.7.7-3.5-3.5.7-.7a1.4 1.4 0 0 1 1-.4Z\" fill=\"currentColor\" opacity=\".55\"\/><\/svg><\/span> Assessment<\/h2>\n    <table class=\"dg-tbl\"><tr><th>Tool<\/th><th>What it generates<\/th><th>Format<\/th><\/tr>\n    <tr><td><div class=\"dg-tn\">Formative Quiz<\/div><\/td><td><div class=\"dg-td\">8-10 questions mixing multiple-choice (<span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>), true\/false, short answer with answer key and explanations.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Summative Exam<\/div><\/td><td><div class=\"dg-td\">Full exam with header, 4-5 varied sections, point values, instructions, and complete answer key.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Analytic Rubric<\/div><\/td><td><div class=\"dg-td\">Table: Criteria | Exemplary (4) | Proficient (3) | Developing (2) | Beginning (1). Observable descriptors per cell.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Checklist<\/div><\/td><td><div class=\"dg-td\">12-15 observable indicators in Yes | No | Observations table, organized by category.<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Auto-Feedback<\/div><\/td><td><div class=\"dg-td\">Structured feedback: 3 strengths, 3 areas for improvement with actionable suggestions, 2-3 next steps.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Bloom Question Bank<\/div><\/td><td><div class=\"dg-td\">18-24 questions organized by all 6 Bloom levels with expected answers and difficulty (Easy\/Medium\/Hard).<\/div><\/td><td><span class=\"dg-fb dg-fc\">CSV\/Excel<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Diagnostic Exam<\/div><\/td><td><div class=\"dg-td\">12-15 mixed-format questions with scoring guide: 0-40% intervention, 40-70% partial, 70%+ ready.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Answer Key with Rationale<\/div><\/td><td><div class=\"dg-td\">Complete key with correct answer, explanation, common wrong answers, and remediation suggestion per item.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <\/table>\n    <h2><span class=\"dg-svg-ico dg-i-chat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 5h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M7 10h10v2H7v-2Zm0 4h7v2H7v-2Z\" fill=\"currentColor\"\/><\/svg><\/span> Communication<\/h2>\n    <table class=\"dg-tbl\"><tr><th>Tool<\/th><th>What it generates<\/th><th>Format<\/th><\/tr>\n    <tr><td><div class=\"dg-tn\">Parent Letter \/ Notice<\/div><\/td><td><div class=\"dg-td\">Professional letter with letterhead, date, purpose, action items, dates, contact info, and closing.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Progress Report<\/div><\/td><td><div class=\"dg-td\">Student report with attendance, academic performance, social-emotional development, goals, and parent signature.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Student Recommendation<\/div><\/td><td><div class=\"dg-td\">Recommendation letter with academic strengths with examples, character qualities, achievements, and strong endorsement.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Counselor Referral<\/div><\/td><td><div class=\"dg-td\">Referral form with specific observed behaviors (dated), interventions attempted with results, and urgency level.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Meeting Minutes<\/div><\/td><td><div class=\"dg-td\">Agenda, discussion summaries, decisions, action items (with owner + deadline), and next meeting date.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Intervention Plan<\/div><\/td><td><div class=\"dg-td\">SMART goal, step-by-step strategy, frequency, progress monitoring, decision rules, parent communication plan.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Class Rules &amp; Agreements<\/div><\/td><td><div class=\"dg-td\">5-7 positively worded rules, student-friendly explanations, progressive consequences, rewards, and pledge.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <\/table>\n    <h2><span class=\"dg-svg-ico dg-i-heart\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 21s-8-4.7-8-11a4.8 4.8 0 0 1 8-3.6A4.8 4.8 0 0 1 20 10c0 6.3-8 11-8 11Z\" fill=\"currentColor\"\/><\/svg><\/span> Inclusion<\/h2>\n    <table class=\"dg-tbl\"><tr><th>Tool<\/th><th>What it generates<\/th><th>Format<\/th><\/tr>\n    <tr><td><div class=\"dg-tn\">Adapted Material (Dyslexia\/ADHD)<\/div><\/td><td><div class=\"dg-td\">Same content with shorter sentences, visual supports, chunked sections, highlighted vocabulary, multi-sensory suggestions.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Learning Style Activity<\/div><\/td><td><div class=\"dg-td\">Same activity in 3 versions: Visual (diagrams\/color), Auditory (discussion\/mnemonics), Kinesthetic (hands-on\/movement).<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">UDL Adjustment<\/div><\/td><td><div class=\"dg-td\">3-4 practical strategies for each UDL principle: Engagement, Representation, and Action &amp; Expression.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Plain Language Summary<\/div><\/td><td><div class=\"dg-td\">Rewritten with max 15-word sentences, everyday vocabulary, active voice, technical terms defined in parentheses.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <tr><td><div class=\"dg-tn\">Shadow \/ Aide Guide<\/div><\/td><td><div class=\"dg-td\">Daily routine, support strategies per activity type, teacher-aide signals, data collection template, do&#8217;s\/don&#8217;ts.<\/div><\/td><td><span class=\"dg-fb dg-fw\">Word<\/span><\/td><\/tr>\n    <\/table>\n  <\/div>\n\n  <!-- S6: Form Fields -->\n  <div class=\"dg-sec\" id=\"dg-fields\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">6<\/div><div><div class=\"dg-sec-title\">Form Fields Explained<\/div><div class=\"dg-sec-sub\">What to put in each field for the best results<\/div><\/div><\/div>\n    <div class=\"dg-fgrid\">\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\">Resource Type <span class=\"dg-req\">Required<\/span><\/div><div class=\"dg-fcard-desc\">The tool selector. When you change tools, the output format adjusts automatically. Always select your tool before writing the topic.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\">Subject <span class=\"dg-req\">Required<\/span><\/div><div class=\"dg-fcard-desc\">The subject area \u2014 shapes vocabulary, examples, and conventions in the output.<\/div><div class=\"dg-fcard-ex\">ELA &middot; Mathematics &middot; Science &middot; Social Studies &middot; Art &middot; PE<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\">Grade Level <span class=\"dg-req\">Required<\/span><\/div><div class=\"dg-fcard-desc\">The AI automatically adjusts reading level, vocabulary complexity, and examples to match.<\/div><div class=\"dg-fcard-ex\">Kindergarten &middot; Elementary (1-3) &middot; Middle School &middot; High School<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\">Context \/ Standard <span class=\"dg-opt\">Optional<\/span><\/div><div class=\"dg-fcard-desc\">Select a US curriculum framework and the AI will explicitly reference it in the output. See Section 8.<\/div><div class=\"dg-fcard-ex\">Common Core ELA &middot; NGSS &middot; TEKS &middot; Florida BEST<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\">Methodology <span class=\"dg-opt\">Optional<\/span><\/div><div class=\"dg-fcard-desc\">Color-tagged pedagogical approach. Selecting one embeds those principles throughout the resource.<\/div><div class=\"dg-fcard-ex\">PBL &middot; Cooperative Learning &middot; UDL &middot; Gamification &middot; SEL &middot; STEM<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-lightning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M13 2 4 14h7l-1 8 10-13h-7l1-7Z\" fill=\"currentColor\"\/><\/svg><\/span> Output Format <span class=\"dg-opt\">Auto<\/span><\/div><div class=\"dg-fcard-desc\">Auto-selected based on the tool (green badge = auto). Plain Text is ideal for Word. CSV is ideal for rubrics and tables that will go into Excel.<\/div><\/div>\n      <div class=\"dg-fcard\" style=\"grid-column:1\/-1\"><div class=\"dg-fcard-name\">Topic \/ Instructions <span class=\"dg-req\">Required<\/span><\/div><div class=\"dg-fcard-desc\">The most important field. Be specific: include the unit, key concepts, focus, and special instructions. You can also paste existing content here.<\/div><div class=\"dg-fcard-ex\">Figurative language for 5th grade ELA. Focus on simile, metaphor, personification, and hyperbole. Connect to the novel &#8220;Bridge to Terabithia.&#8221; Emphasize author&#8217;s craft over identification only.<\/div><\/div>\n    <\/div>\n    <div class=\"dg-callout info\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-sparkles\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 2l1.8 5.2L19 9l-5.2 1.8L12 16l-1.8-5.2L5 9l5.2-1.8L12 2Zm6 12 .9 2.6L22 18l-3.1 1.4L18 22l-.9-2.6L14 18l3.1-1.4L18 14ZM5 13l.8 2.2L8 16l-2.2.8L5 19l-.8-2.2L2 16l2.2-.8L5 13Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">&#8220;Improve with AI&#8221; Button<\/div><p>Next to the Topic field there&#8217;s an <strong>&#8220;Improve with AI&#8221;<\/strong> button. Write a basic topic (e.g., &#8220;fractions&#8221;), click it, and the AI enriches your description automatically with subtopics, concepts, and grade-appropriate depth.<\/p><\/div><\/div>\n    <div class=\"dg-callout tip\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-paperclip\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"m21 11-9 9a6 6 0 0 1-8.5-8.5l9.5-9.5a4 4 0 0 1 5.7 5.7L9.5 17a2 2 0 0 1-2.8-2.8L15 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">Attach Files (Images or PDFs)<\/div><p>Attach images or PDFs as reference sources. For example, photograph a page from your textbook and ask the AI to build a quiz from that specific content. Max file size: 5 MB.<\/p><\/div><\/div>\n  <\/div>\n\n  <!-- S7: Step by Step -->\n  <div class=\"dg-sec\" id=\"dg-steps\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">7<\/div><div><div class=\"dg-sec-title\">Step-by-Step Walkthrough<\/div><div class=\"dg-sec-sub\">Full example: Daily Lesson Plan for 5th Grade ELA<\/div><\/div><\/div>\n    <div class=\"dg-sbs\">\n      <div class=\"dg-sbs-item\"><div class=\"dg-sbs-c\" style=\"background:#C49A5C\">1<\/div><div><div class=\"dg-sbs-title\">Click &#8220;Planning&#8221; on the home screen<\/div><div class=\"dg-sbs-desc\">The editor opens with the first Planning tool pre-selected. The progress bar moves to step 2.<\/div><\/div><\/div>\n      <div class=\"dg-sbs-item\"><div class=\"dg-sbs-c\" style=\"background:#4A6FA5\">2<\/div><div><div class=\"dg-sbs-title\">Select &#8220;Daily Lesson Plan&#8221;<\/div><div class=\"dg-sbs-desc\">The format badge turns green: <strong><span class=\"dg-svg-ico dg-i-lightning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M13 2 4 14h7l-1 8 10-13h-7l1-7Z\" fill=\"currentColor\"\/><\/svg><\/span> Auto &mdash; Plain Text<\/strong>, optimal for Word download.<\/div><\/div><\/div>\n      <div class=\"dg-sbs-item\"><div class=\"dg-sbs-c\" style=\"background:#4A917C\">3<\/div><div><div class=\"dg-sbs-title\">Select Subject and Grade Level<\/div><div class=\"dg-sbs-desc\">Choose <strong>Language Arts<\/strong> and <strong>Elementary (4-6)<\/strong>. The completion meter reaches 50%.<\/div><\/div><\/div>\n      <div class=\"dg-sbs-item\"><div class=\"dg-sbs-c\" style=\"background:#7B6B9B\">4<\/div><div><div class=\"dg-sbs-title\">Optionally select a US Standard<\/div><div class=\"dg-sbs-desc\">Choose <strong>Common Core ELA<\/strong> to have the AI explicitly align and reference CCSS standards in the lesson.<\/div><\/div><\/div>\n      <div class=\"dg-sbs-item\"><div class=\"dg-sbs-c\" style=\"background:#5C80A0\">5<\/div><div><div class=\"dg-sbs-title\">Type your topic and improve it<\/div><div class=\"dg-sbs-desc\">Type: <code>Figurative language, 5th grade<\/code> \u2014 then click <strong>&#8220;Improve with AI&#8221;<\/strong> to expand it into a detailed instructional description.<\/div><\/div><\/div>\n      <div class=\"dg-sbs-item\"><div class=\"dg-sbs-c\" style=\"background:#5DA0B3\">6<\/div><div><div class=\"dg-sbs-title\">Generate with Ctrl + Enter<\/div><div class=\"dg-sbs-desc\">The button activates when all 3 required fields are filled. Press <strong>Ctrl+Enter<\/strong> or click Generate. Your complete lesson plan appears in 10-30 seconds.<\/div><\/div><\/div>\n      <div class=\"dg-sbs-item\"><div class=\"dg-sbs-c\" style=\"background:#2D4E7D\">7<\/div><div><div class=\"dg-sbs-title\">Download as Word<\/div><div class=\"dg-sbs-desc\">Click the blue <strong>Word<\/strong> button. A formatted .docx downloads immediately \u2014 headings in Didaktos blue, tables with borders, ready to edit or print.<\/div><\/div><\/div>\n    <\/div>\n    <div class=\"dg-callout warn\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-warning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 3 2 21h20L12 3Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M12 9v5m0 3h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">If the Generate button is grayed out<\/div><p>The button shows the missing fields in red (e.g., &#8220;Missing: Subject, Topic&#8221;). Fill those fields and the button activates automatically.<\/p><\/div><\/div>\n  <\/div>\n\n  <!-- S8: US Standards -->\n  <div class=\"dg-sec\" id=\"dg-standards\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">8<\/div><div><div class=\"dg-sec-title\">US Curriculum Standards<\/div><div class=\"dg-sec-sub\">Aligning your resources to national and state frameworks<\/div><\/div><\/div>\n    <p>When you select a standard, the AI incorporates that framework directly \u2014 referencing specific standards, using aligned vocabulary, and structuring content accordingly.<\/p>\n    <div class=\"dg-std-list\">\n      <span class=\"dg-std-tag\">Common Core ELA<\/span><span class=\"dg-std-tag\">Common Core Math<\/span>\n      <span class=\"dg-std-tag\">NGSS (Science)<\/span><span class=\"dg-std-tag\">TEKS (Texas)<\/span>\n      <span class=\"dg-std-tag\">Florida BEST<\/span><span class=\"dg-std-tag\">MSCHE (Higher Ed)<\/span>\n    <\/div>\n    <div class=\"dg-fgrid\">\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-book\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 5a3 3 0 0 1 3-3h13v16H7a3 3 0 0 0-3 3V5Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M7 5h10v2H7V5Zm0 4h10v2H7V9Zm0 4h8v2H7v-2ZM4 21a3 3 0 0 1 3-3h13v2H7a1 1 0 0 0-1 1H4Z\" fill=\"currentColor\"\/><\/svg><\/span> Common Core ELA<\/div><div class=\"dg-fcard-desc\">Aligns reading, writing, speaking, and language objectives to CCSS grade-level standards. Best for lesson plans, reading passages, and writing rubrics.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-plus\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg><\/span> Common Core Math<\/div><div class=\"dg-fcard-desc\">Structures content around the 8 Standards for Mathematical Practice. Ideal for lesson plans, problem sets, and Bloom-aligned assessments.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-science\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M9 2h6v2l-1 1v4l5.2 8.8A3 3 0 0 1 16.6 22H7.4a3 3 0 0 1-2.6-4.2L10 9V5L9 4V2Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M8 17h8M10 6h4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span> NGSS<\/div><div class=\"dg-fcard-desc\">Incorporates the three dimensions (Disciplinary Core Ideas, Crosscutting Concepts, Science &amp; Engineering Practices) into science resources.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-star\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"m12 2 3 6 7 .9-5 4.8 1.3 6.8L12 17.2 5.7 20.5 7 13.7 2 8.9 9 8l3-6Z\" fill=\"currentColor\"\/><\/svg><\/span> TEKS (Texas)<\/div><div class=\"dg-fcard-desc\">Aligns to Texas Essential Knowledge and Skills. The AI references TEKS knowledge statements and skills in objectives and assessments.<\/div><\/div>\n    <\/div>\n    <div class=\"dg-callout tip\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-pin\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M14 2 22 10l-4 1-4 4v5l-2 2-4-7-6-3 2-2h5l4-4 1-4Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">Pro tip for tight alignment<\/div><p>Combine the Standard selector with specific topic instructions. For example: <em>&#8220;Main idea and supporting details \u2014 CCSS.ELA-LITERACY.RI.5.2 \u2014 using informational texts about ecosystems.&#8221;<\/em> The AI will explicitly cite and address that anchor standard.<\/p><\/div><\/div>\n  <\/div>\n\n  <!-- S9: Quick Actions -->\n  <div class=\"dg-sec\" id=\"dg-actions\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">9<\/div><div><div class=\"dg-sec-title\">Quick Actions<\/div><div class=\"dg-sec-sub\">One-click transformations on any generated resource<\/div><\/div><\/div>\n    <p>After generating, an <strong>Actions<\/strong> bar appears above the preview with 5 instant transformations:<\/p>\n    <div class=\"dg-achips\"><div class=\"dg-achip\">&#8212; Simplify (UDL)<\/div><div class=\"dg-achip\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> Create Quiz<\/div><div class=\"dg-achip\"><span class=\"dg-svg-ico dg-i-star\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"m12 2 3 6 7 .9-5 4.8 1.3 6.8L12 17.2 5.7 20.5 7 13.7 2 8.9 9 8l3-6Z\" fill=\"currentColor\"\/><\/svg><\/span> Create Rubric<\/div><div class=\"dg-achip\"><span class=\"dg-svg-ico dg-i-swap\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M7 7h13m0 0-4-4m4 4-4 4M17 17H4m0 0 4 4m-4-4 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> Translate<\/div><div class=\"dg-achip\">&#43; Expand<\/div><\/div>\n    <div class=\"dg-fgrid\">\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\">&#8212; Simplify (UDL)<\/div><div class=\"dg-fcard-desc\">Rewrites for accessibility: shorter sentences, simpler vocabulary, clearer structure. Targets 2 grade levels below the configured grade.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> Create Quiz<\/div><div class=\"dg-fcard-desc\">Auto-generates a formative quiz from the current resource: 5 multiple-choice + 3 short answer with complete answer key.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-star\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"m12 2 3 6 7 .9-5 4.8 1.3 6.8L12 17.2 5.7 20.5 7 13.7 2 8.9 9 8l3-6Z\" fill=\"currentColor\"\/><\/svg><\/span> Create Rubric<\/div><div class=\"dg-fcard-desc\">Creates an analytic rubric with 4-6 criteria and 4 performance levels based on the resource&#8217;s learning objectives.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-swap\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M7 7h13m0 0-4-4m4 4-4 4M17 17H4m0 0 4 4m-4-4 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> Translate<\/div><div class=\"dg-fcard-desc\">Translates to Spanish (or back to English), maintaining all formatting and educational terminology. Great for ELL family communication.<\/div><\/div>\n      <div class=\"dg-fcard\" style=\"grid-column:1\/-1\"><div class=\"dg-fcard-name\">&#43; Expand<\/div><div class=\"dg-fcard-desc\">Deepens the resource by adding more detailed examples, additional activities, differentiation suggestions, and extension challenges for advanced students. Approximately doubles the depth while preserving structure.<\/div><\/div>\n    <\/div>\n    <div class=\"dg-callout info\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-undo\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M9 7H4v5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M4 12a8 8 0 1 0 2.3-5.7L4 8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">Undo Button<\/div><p>After any Quick Action or AI edit, a yellow <strong>&#8220;Undo&#8221;<\/strong> button appears. It restores the previous version with one click \u2014 no confirmation needed.<\/p><\/div><\/div>\n  <\/div>\n\n  <!-- S10: AI Editing -->\n  <div class=\"dg-sec\" id=\"dg-editing\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">10<\/div><div><div class=\"dg-sec-title\">AI Editing Panel<\/div><div class=\"dg-sec-sub\">Make targeted changes using natural language<\/div><\/div><\/div>\n    <p>The <strong><span class=\"dg-svg-ico dg-i-edit\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 17.5V21h3.5L19 9.5 15.5 6 4 17.5Z\" fill=\"currentColor\"\/><path d=\"M16.5 4.5 19.5 7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span> Edit<\/strong> button opens a slide-up panel. Type any instruction in plain English \u2014 the AI returns the complete updated document.<\/p>\n    <h2>Quick Edit Chips<\/h2>\n    <div class=\"dg-achips\"><div class=\"dg-achip\">Make shorter<\/div><div class=\"dg-achip\">Add examples<\/div><div class=\"dg-achip\">More activities<\/div><div class=\"dg-achip\">More formal tone<\/div><div class=\"dg-achip\">Add differentiation<\/div><div class=\"dg-achip\">Simplify vocabulary<\/div><div class=\"dg-achip\">Reduce to 30 min<\/div><div class=\"dg-achip\">Add materials<\/div><\/div>\n    <h2>Example Instructions<\/h2>\n    <div style=\"background:var(--d-light);border-radius:11px;padding:16px;margin:13px 0;\">\n      <div style=\"font-size:11px;font-weight:700;color:var(--d-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:9px\">Examples<\/div>\n      <div style=\"display:flex;flex-direction:column;gap:7px;\">\n        <div style=\"background:#fff;border-radius:7px;padding:8px 12px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--d-text)\">&#8220;Replace activity 3 with a Socratic seminar&#8221;<\/div>\n        <div style=\"background:#fff;border-radius:7px;padding:8px 12px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--d-text)\">&#8220;Add an accommodation section for students with IEPs&#8221;<\/div>\n        <div style=\"background:#fff;border-radius:7px;padding:8px 12px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--d-text)\">&#8220;Shorten the guided practice to 10 minutes&#8221;<\/div>\n        <div style=\"background:#fff;border-radius:7px;padding:8px 12px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--d-text)\">&#8220;Add a cross-curricular connection to Social Studies&#8221;<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- S11: Downloads -->\n  <div class=\"dg-sec\" id=\"dg-downloads\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">11<\/div><div><div class=\"dg-sec-title\">Download Options<\/div><div class=\"dg-sec-sub\">Every way to export your finished resource<\/div><\/div><\/div>\n    <div class=\"dg-btn-grid\">\n      <div class=\"dg-bdoc\"><div class=\"dg-bdoc-ico\" style=\"background:#DBEAFE\"><span class=\"dg-svg-ico dg-i-clipboard\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M9 3h6a2 2 0 0 1 2 2h2a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2a2 2 0 0 1 2-2Z\" fill=\"currentColor\" opacity=\".22\"\/><path d=\"M9 5h6v3H9V5Zm-2 7h10v2H7v-2Zm0 4h10v2H7v-2Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div class=\"dg-bdoc-n\">Copy<\/div><div class=\"dg-bdoc-d\">Copies the full text to your clipboard for pasting anywhere.<\/div><\/div>\n      <div class=\"dg-bdoc\"><div class=\"dg-bdoc-ico\" style=\"background:#DBEAFE\"><span class=\"dg-svg-ico dg-i-refresh\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 7v5h-5M4 17v-5h5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M6 9a7 7 0 0 1 11.7-2.7L20 8M18 15a7 7 0 0 1-11.7 2.7L4 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div><div class=\"dg-bdoc-n\">Word (.docx)<\/div><div class=\"dg-bdoc-d\">Fully styled Word document: headings, formatted tables, ready to edit. No reformatting needed.<\/div><\/div>\n      <div class=\"dg-bdoc\"><div class=\"dg-bdoc-ico\" style=\"background:#F0FDF4\"><span class=\"dg-svg-ico dg-i-printer\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M7 3h10v5H7V3Zm-2 7h14a3 3 0 0 1 3 3v5h-4v3H6v-3H2v-5a3 3 0 0 1 3-3Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M8 16h8v5H8v-5Zm10-3h1v2h-1v-2Z\" fill=\"currentColor\"\/><\/svg><\/span><\/div><div class=\"dg-bdoc-n\">Print<\/div><div class=\"dg-bdoc-d\">Opens browser print dialog. Resource is formatted for paper with title and date footer.<\/div><\/div>\n      <div class=\"dg-bdoc\"><div class=\"dg-bdoc-ico\" style=\"background:#FEF3C7\"><span class=\"dg-svg-ico dg-i-download\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 3v12m0 0 5-5m-5 5-5-5M5 21h14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div><div class=\"dg-bdoc-n\">Download txt\/csv<\/div><div class=\"dg-bdoc-d\">Appears when format is Plain Text or CSV. Opens directly in Excel or Google Sheets.<\/div><\/div>\n      <div class=\"dg-bdoc\"><div class=\"dg-bdoc-ico\" style=\"background:#F3E8FF\"><span class=\"dg-svg-ico dg-i-share\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M14 5h5v5M19 5l-8 8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M12 5H5v14h14v-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div><div class=\"dg-bdoc-n\">Share<\/div><div class=\"dg-bdoc-d\">Uses your device&#8217;s share sheet to send via email, Google Drive, or any app.<\/div><\/div>\n      <div class=\"dg-bdoc\"><div class=\"dg-bdoc-ico\" style=\"background:#EFF9F5\"><span class=\"dg-svg-ico dg-i-refresh\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 7v5h-5M4 17v-5h5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M6 9a7 7 0 0 1 11.7-2.7L20 8M18 15a7 7 0 0 1-11.7 2.7L4 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div><div class=\"dg-bdoc-n\">Regenerate<\/div><div class=\"dg-bdoc-d\">Generates a fresh version with different examples while keeping all your original settings.<\/div><\/div>\n    <\/div>\n    <div class=\"dg-callout tip\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-chart\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 19h16v2H4V3h2v16Z\" fill=\"currentColor\"\/><path d=\"M8 17V9h3v8H8Zm5 0V5h3v12h-3Zm5 0v-6h3v6h-3Z\" fill=\"currentColor\" opacity=\".55\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">CSV vs. Word<\/div><p>Use <strong>CSV<\/strong> for rubrics, checklists, pacing guides, question banks, and vocabulary cards \u2014 opens directly in Excel or Google Sheets with columns separated. Use <strong>Word<\/strong> for lesson plans, worksheets, letters, stories, and any narrative document.<\/p><\/div><\/div>\n  <\/div>\n\n  <!-- S12: History -->\n  <div class=\"dg-sec\" id=\"dg-history\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">12<\/div><div><div class=\"dg-sec-title\">History &amp; Templates<\/div><div class=\"dg-sec-sub\">Save and reuse your favorite configurations<\/div><\/div><\/div>\n    <div class=\"dg-fgrid\">\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-clock\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\" fill=\"currentColor\" opacity=\".2\"\/><path d=\"M12 6v6l4 2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span> History<\/div><div class=\"dg-fcard-desc\">Saves your last <strong>8 generations<\/strong> automatically. Click any entry to restore all parameters and output. Persists when you close the browser.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-pin\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M14 2 22 10l-4 1-4 4v5l-2 2-4-7-6-3 2-2h5l4-4 1-4Z\" fill=\"currentColor\"\/><\/svg><\/span> Saved Templates<\/div><div class=\"dg-fcard-desc\">Save up to <strong>5 configuration templates<\/strong> with the &#8220;Template&#8221; button in the editor. Stores tool, subject, grade, standard, methodology, and topic.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-lightning\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M13 2 4 14h7l-1 8 10-13h-7l1-7Z\" fill=\"currentColor\"\/><\/svg><\/span> Recent Resources<\/div><div class=\"dg-fcard-desc\">The 3 most recent resources appear as color chips on the home screen for one-click access.<\/div><\/div>\n      <div class=\"dg-fcard\"><div class=\"dg-fcard-name\"><span class=\"dg-svg-ico dg-i-user\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-8 9a8 8 0 0 1 16 0H4Z\" fill=\"currentColor\"\/><\/svg><\/span> Teacher Profile<\/div><div class=\"dg-fcard-desc\">Didaktos remembers your subject, grade level, and standard between sessions. Appears as a badge in the top bar. Click <span class=\"dg-svg-ico dg-i-x\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M6 6l12 12M18 6 6 18\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/><\/svg><\/span> to clear it.<\/div><\/div>\n    <\/div>\n    <div class=\"dg-callout info\"><div class=\"dg-callout-ico\"><span class=\"dg-svg-ico dg-i-save\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M4 3h14l2 2v16H4V3Z\" fill=\"currentColor\" opacity=\".25\"\/><path d=\"M7 3v6h10V3M8 17h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div><div><div class=\"dg-callout-ttl\">Where is data stored?<\/div><p>History, templates, and teacher profile are stored in your <strong>browser&#8217;s localStorage<\/strong>. Clearing browser data or using incognito mode will clear this information.<\/p><\/div><\/div>\n  <\/div>\n\n  <!-- S13: Plans -->\n  <div class=\"dg-sec\" id=\"dg-plans\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">13<\/div><div><div class=\"dg-sec-title\">Plans &amp; Limits<\/div><div class=\"dg-sec-sub\">What you can do on each plan<\/div><\/div><\/div>\n    <div class=\"dg-plan-grid\">\n      <div class=\"dg-pcard\"><div class=\"dg-pname\">Free<\/div><div class=\"dg-pprice\">$0 <span>forever<\/span><\/div><div class=\"dg-plimit\">5 lifetime generations &middot; No credit card<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> Access to all 60+ tools<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> Word, CSV &amp; txt download<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> AI editing &amp; quick actions<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> History &amp; templates<\/div><\/div>\n      <div class=\"dg-pcard hot\"><div class=\"dg-pbadge\">MOST POPULAR<\/div><div class=\"dg-pname\">Starter<\/div><div class=\"dg-pprice\">$4.95 <span>\/month<\/span><\/div><div class=\"dg-plimit\">15 generations\/month &middot; Resets each month<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> Everything in Free<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> 15 monthly resources<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> Email support<\/div><\/div>\n      <div class=\"dg-pcard\"><div class=\"dg-pname\">Pro<\/div><div class=\"dg-pprice\">$9.95 <span>\/month<\/span><\/div><div class=\"dg-plimit\">Unlimited generations &middot; No restrictions<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> Everything in Starter<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> Unlimited generations<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> Priority support<\/div><div class=\"dg-pfeat\"><span class=\"dg-pchk\"><span class=\"dg-svg-ico dg-i-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/span> First access to new features<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- S14: Pro Tips -->\n  <div class=\"dg-sec\" id=\"dg-tips\">\n    <div class=\"dg-sec-hdr\"><div class=\"dg-sec-num\">14<\/div><div><div class=\"dg-sec-title\">Pro Tips<\/div><div class=\"dg-sec-sub\">What experienced users learn after a few sessions<\/div><\/div><\/div>\n    <div class=\"dg-tips\">\n      <div class=\"dg-tipcard\"><div class=\"dg-tip-n\">1<\/div><div><div class=\"dg-tip-t\">Be specific in the Topic field<\/div><div class=\"dg-tip-d\">Instead of &#8220;fractions,&#8221; write &#8220;introduction to proper and improper fractions for 5th grade, connecting to pizza and recipes, emphasis on visual representation.&#8221; Context = quality.<\/div><\/div><\/div>\n      <div class=\"dg-tipcard\"><div class=\"dg-tip-n\">2<\/div><div><div class=\"dg-tip-t\">Use &#8220;Improve with AI&#8221; before generating<\/div><div class=\"dg-tip-d\">Write a basic topic, click improve, review the enriched description, then generate. The quality difference \u2014 especially for complex lesson plans \u2014 is consistently significant.<\/div><\/div><\/div>\n      <div class=\"dg-tipcard\"><div class=\"dg-tip-n\">3<\/div><div><div class=\"dg-tip-t\">Chain tools for a complete set<\/div><div class=\"dg-tip-d\">Lesson Plan &#8594; &#8220;Create Quiz&#8221; &#8594; &#8220;Create Rubric.&#8221; Three aligned, coherent resources from one topic in three clicks.<\/div><\/div><\/div>\n      <div class=\"dg-tipcard\"><div class=\"dg-tip-n\">4<\/div><div><div class=\"dg-tip-t\">Select your state&#8217;s standard<\/div><div class=\"dg-tip-d\">Choosing Common Core, NGSS, or TEKS makes the AI explicitly cite and address those standards \u2014 valuable for formal planning documents and evaluations.<\/div><\/div><\/div>\n      <div class=\"dg-tipcard\"><div class=\"dg-tip-n\">5<\/div><div><div class=\"dg-tip-t\">Save templates for recurring classes<\/div><div class=\"dg-tip-d\">Save your 5th Grade ELA configuration as a template. Next time, just change the topic and generate \u2014 everything else is pre-filled.<\/div><\/div><\/div>\n      <div class=\"dg-tipcard\"><div class=\"dg-tip-n\">6<\/div><div><div class=\"dg-tip-t\">Attach your classroom materials<\/div><div class=\"dg-tip-d\">Photograph a textbook page and attach it. The AI bases the resource on your exact content rather than general knowledge.<\/div><\/div><\/div>\n      <div class=\"dg-tipcard\"><div class=\"dg-tip-n\">7<\/div><div><div class=\"dg-tip-t\">Use editing to calibrate timing<\/div><div class=\"dg-tip-d\">If a lesson plan is too long, open the editing panel and type &#8220;Adapt this for a 45-minute class&#8221; or click the &#8220;Reduce to 30 min&#8221; chip.<\/div><\/div><\/div>\n      <div class=\"dg-tipcard\"><div class=\"dg-tip-n\">8<\/div><div><div class=\"dg-tip-t\">Use Translate for ELL families<\/div><div class=\"dg-tip-d\">Generate a parent letter in English, then click &#8220;Translate&#8221; for the Spanish version. Both stay in history for download. No need to create two documents.<\/div><\/div><\/div>\n    <\/div>\n  <\/div>\n<!-- CTA FINAL: Registro Didaktos AI -->\n<div class=\"dg-sec\" id=\"dg-register-cta\" style=\"background:linear-gradient(135deg,#1B3560 0%,#2D4E7D 55%,#213F5E 100%) !important; border-bottom:none !important; text-align:center !important; position:relative !important; overflow:hidden !important;\">\n  <div style=\"position:absolute;top:-90px;right:-90px;width:280px;height:280px;border-radius:50%;background:rgba(91,173,111,.18);pointer-events:none;\"><\/div>\n  <div style=\"position:absolute;bottom:-80px;left:-80px;width:240px;height:240px;border-radius:50%;background:rgba(196,154,92,.16);pointer-events:none;\"><\/div>\n\n  <div style=\"position:relative;z-index:1;max-width:760px;margin:0 auto !important;\">\n    <div style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 15px;margin-bottom:18px;color:#ffffff !important;font-size:12px;font-weight:700;letter-spacing:.3px;\">\n      Start creating with AI today\n    <\/div>\n\n    <h2 style=\"font-family:'Playfair Display',serif !important;font-size:34px !important;line-height:1.15 !important;color:#ffffff !important;margin:0 0 12px !important;\">\n      Ready to create your first classroom resource?\n    <\/h2>\n\n    <p style=\"font-size:16px !important;line-height:1.7 !important;color:rgba(255,255,255,.76) !important;max-width:620px;margin:0 auto 26px !important;\">\n      Register for Didaktos AI and start generating lesson plans, worksheets, rubrics, assessments, and classroom-ready materials in minutes.\n    <\/p>\n\n    <a href=\"https:\/\/didaktos.io\/register\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n       style=\"display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;background:#5BAD6F !important;color:#ffffff !important;border-radius:999px !important;padding:14px 28px !important;font-size:15px !important;font-weight:800 !important;text-decoration:none !important;box-shadow:0 12px 30px rgba(0,0,0,.22) !important;border:1px solid rgba(255,255,255,.22) !important;\">\n      Create Your Free Account\n      <span style=\"font-size:18px;line-height:1;\">\u2192<\/span>\n    <\/a>\n\n    <p style=\"font-size:12px !important;color:rgba(255,255,255,.55) !important;margin:14px 0 0 !important;\">\n      No credit card required to get started.\n    <\/p>\n  <\/div>\n<\/div>\n  <!-- Footer -->\n  <div class=\"dg-footer\">\n    <div class=\"dg-footer-l\">\n      <svg class=\"dg-logo\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M 50,10 C 50,22 43,25 33,25 C 43,25 50,28 50,40 C 50,28 57,25 67,25 C 57,25 50,22 50,10 Z\" fill=\"#49B04A\" \/>\n        <path d=\"M 45,45 L 20,35 V 75 L 45,85 V 45 Z\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" \/>\n        <path d=\"M 55,45 L 80,35 V 75 L 55,85 V 45 Z\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" \/>\n        <path d=\"M 45,85 L 50,90 L 55,85\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 45,93 L 12,80 V 42\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 55,93 L 88,80 V 42\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n        <path d=\"M 45,93 L 50,98 L 55,93\" fill=\"none\" stroke=\"#205A9D\" stroke-width=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\n      <\/svg>\n      <div>\n        <div class=\"dg-footer-brand\">Didaktos AI<\/div>\n        <div class=\"dg-footer-sub\">Your Educational Copilot &middot; didaktos.io<\/div>\n      <\/div>\n    <\/div>\n    <div style=\"text-align:right\">\n      <div style=\"font-size:11px;color:rgba(255,255,255,.32);margin-bottom:3px\">User Guide v4.27 &middot; US Edition<\/div>\n      <a href=\"https:\/\/didaktos.io\">didaktos.io &#8594;<\/a>\n    <\/div>\n  <\/div>\n\n  <\/div><!-- \/dg-main -->\n  <\/div><!-- \/dg-wrap -->\n  <\/div>\n\n  <script data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-cfasync=\"false\">\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    var links = document.querySelectorAll('#didaktos-guide .dg-nav a');\n    var obs = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){\n          var id = e.target.id;\n          links.forEach(function(l){ l.classList.remove('active'); });\n          var a = document.querySelector('#didaktos-guide .dg-nav a[href=\"#'+id+'\"]');\n          if(a) a.classList.add('active');\n        }\n      });\n    },{threshold:0.2});\n    document.querySelectorAll('#didaktos-guide .dg-sec[id], #didaktos-guide .dg-hero[id]').forEach(function(s){ obs.observe(s); });\n    links.forEach(function(l){\n      l.addEventListener('click', function(e){\n        e.preventDefault();\n        var t = document.querySelector(l.getAttribute('href'));\n        if(t) t.scrollIntoView({behavior:'smooth'});\n      });\n    });\n  });\n  <\/script>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Didaktos AI User Guide Getting Started Welcome Quick Start The Interface Home Screen The Editor Tools 6 Categories All Tools [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-184","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How Didaktos Works - DIDAKTOS AI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/didaktos.io\/es\/como-funciona-didaktos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Didaktos Works - DIDAKTOS AI\" \/>\n<meta property=\"og:description\" content=\"Didaktos AI User Guide Getting Started Welcome Quick Start The Interface Home Screen The Editor Tools 6 Categories All Tools [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/didaktos.io\/es\/como-funciona-didaktos\/\" \/>\n<meta property=\"og:site_name\" content=\"DIDAKTOS AI\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T18:35:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/didaktos.io\\\/how-didaktos-works\\\/\",\"url\":\"https:\\\/\\\/didaktos.io\\\/how-didaktos-works\\\/\",\"name\":\"How Didaktos Works - DIDAKTOS AI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/didaktos.io\\\/#website\"},\"datePublished\":\"2026-02-01T19:39:42+00:00\",\"dateModified\":\"2026-04-27T18:35:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/didaktos.io\\\/how-didaktos-works\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/didaktos.io\\\/how-didaktos-works\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/didaktos.io\\\/how-didaktos-works\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/didaktos.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Didaktos Works\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/didaktos.io\\\/#website\",\"url\":\"https:\\\/\\\/didaktos.io\\\/\",\"name\":\"DIDAKTOS AI\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/didaktos.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo funciona Didaktos - DIDAKTOS AI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/didaktos.io\/es\/como-funciona-didaktos\/","og_locale":"es_ES","og_type":"article","og_title":"How Didaktos Works - DIDAKTOS AI","og_description":"Didaktos AI User Guide Getting Started Welcome Quick Start The Interface Home Screen The Editor Tools 6 Categories All Tools [&hellip;]","og_url":"https:\/\/didaktos.io\/es\/como-funciona-didaktos\/","og_site_name":"DIDAKTOS AI","article_modified_time":"2026-04-27T18:35:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"14 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/didaktos.io\/how-didaktos-works\/","url":"https:\/\/didaktos.io\/how-didaktos-works\/","name":"C\u00f3mo funciona Didaktos - DIDAKTOS AI","isPartOf":{"@id":"https:\/\/didaktos.io\/#website"},"datePublished":"2026-02-01T19:39:42+00:00","dateModified":"2026-04-27T18:35:47+00:00","breadcrumb":{"@id":"https:\/\/didaktos.io\/how-didaktos-works\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/didaktos.io\/how-didaktos-works\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/didaktos.io\/how-didaktos-works\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/didaktos.io\/"},{"@type":"ListItem","position":2,"name":"How Didaktos Works"}]},{"@type":"WebSite","@id":"https:\/\/didaktos.io\/#website","url":"https:\/\/didaktos.io\/","name":"DIDAKTOS AI","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/didaktos.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/didaktos.io\/es\/wp-json\/wp\/v2\/pages\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didaktos.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didaktos.io\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didaktos.io\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/didaktos.io\/es\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":53,"href":"https:\/\/didaktos.io\/es\/wp-json\/wp\/v2\/pages\/184\/revisions"}],"predecessor-version":[{"id":1095,"href":"https:\/\/didaktos.io\/es\/wp-json\/wp\/v2\/pages\/184\/revisions\/1095"}],"wp:attachment":[{"href":"https:\/\/didaktos.io\/es\/wp-json\/wp\/v2\/media?parent=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}