!function(){if(!window.EncTracking||!window.EncTracking.started){window.EncTracking=Object.assign({}, window.EncTracking, {queue:window.EncTracking&&window.EncTracking.queue?window.EncTracking.queue:[],track:function(t){this.queue.push({type:"track",props:t})},identify:function(t){this.queue.push({type:"identify",props:t})},started:!0});var t=window.EncTracking;t.writeKey="F5nsAGC1cjtFDqXhmukQiNSvM",t.hasOptedIn=true,t.shouldGetConsent=true,t.hasOptedIn&&(t.shouldGetConsent=!1),t.optIn=function(){t.hasOptedIn=!0,t&&t.init&&t.init()},t.optOut=function(){t.hasOptedIn=!1,t&&t.setOptOut&&t.setOptOut(!0)};var n=function(t){var n=document.createElement("script");n.type="text/javascript",n.async=void 0===t||t,n.src="https://resources-app.encharge.io/encharge-tracking.min.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};"complete"===document.readyState?n():window.attachEvent?window.attachEvent("onload",n):window.addEventListener("load",n,!1)}}();</script> </head> <body style="margin:0"> <style> @import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&family=Space+Grotesk:wght@500;700;900&display=swap"); #lot-lab-finder{ --lab-ink:#0f172a; --lab-ink-2:#1e293b; --lab-muted:#64748b; --lab-line:#e2e8f0; --lab-bg:#f8fafc; --lab-card:#ffffff; --lab-accent:#c61b00; --lab-accent-2:#991500; --lab-accent-soft:#fdece9; --lab-blue:#0226ad; --lab-green:#019300; --lab-green-soft:#edf8ed; --lab-yellow:#a67f00; --lab-yellow-soft:#fff6d3; --lab-red:#c61b00; --lab-red-soft:#fdece9; --lab-shadow:0 24px 60px -28px rgba(15,23,42,.28); --lab-ease:cubic-bezier(.16,1,.3,1); font-family:'Outfit',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--lab-ink); background:#fff; line-height:1.6; overflow:hidden; } #lot-lab-finder *{box-sizing:border-box} #lot-lab-finder [hidden]{display:none!important} #lot-lab-finder button,#lot-lab-finder input,#lot-lab-finder select{font:inherit} #lot-lab-finder button{color:inherit} #lot-lab-finder a{color:inherit;text-decoration:none} #lot-lab-finder h1,#lot-lab-finder h2,#lot-lab-finder h3,#lot-lab-finder h4,#lot-lab-finder .ll-kicker,#lot-lab-finder .ll-engine-label,#lot-lab-finder .ll-stage-num,#lot-lab-finder .ll-btn,#lot-lab-finder .ll-choice,#lot-lab-finder .ll-progress-step,#lot-lab-finder .ll-card-badge,#lot-lab-finder .ll-filter-toggle,#lot-lab-finder .ll-tab,#lot-lab-finder .ll-level{font-family:'Space Grotesk','Outfit',sans-serif} #lot-lab-finder .ll-engine-card{position:relative;overflow:hidden} #lot-lab-finder .ll-engine-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--lab-accent) 0 72%,#fecd00 72% 86%,var(--lab-blue) 86% 93%,var(--lab-green) 93% 100%)} #lot-lab-finder .ll-wrap{width:min(92%,1180px);margin:0 auto} #lot-lab-finder .ll-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--lab-accent)} #lot-lab-finder .ll-kicker:before{content:"";width:28px;height:2px;background:var(--lab-accent);border-radius:99px} #lot-lab-finder .ll-hero{padding:64px 0 34px;background:radial-gradient(820px 360px at 92% -8%,rgba(198,27,0,.10),transparent 68%),radial-gradient(640px 280px at 8% 108%,rgba(254,205,0,.16),transparent 72%),linear-gradient(180deg,#fff,#fffaf8)} #lot-lab-finder .ll-hero-grid{display:grid;gap:30px;align-items:end} #lot-lab-finder .ll-hero h1{margin:14px 0 14px;font-size:clamp(2.25rem,7vw,4.55rem);line-height:.98;letter-spacing:-.055em;max-width:12ch} #lot-lab-finder .ll-hero h1 span{color:var(--lab-accent);position:relative;display:inline-block;z-index:0} #lot-lab-finder .ll-hero h1 span:after{content:"";position:absolute;left:-2px;right:-2px;bottom:.02em;height:.18em;background:rgba(254,205,0,.58);border-radius:4px;z-index:-1;transform:rotate(-.5deg)} #lot-lab-finder .ll-hero p{margin:0;max-width:66ch;color:var(--lab-muted);font-size:clamp(1rem,2.2vw,1.16rem)} #lot-lab-finder .ll-engine-card{border:1px solid var(--lab-line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:var(--lab-shadow);padding:20px} #lot-lab-finder .ll-engine-label{font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lab-muted)} #lot-lab-finder .ll-engine-path{display:grid;gap:9px;margin-top:13px} #lot-lab-finder .ll-path-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;padding:12px 14px;background:var(--lab-bg);border:1px solid var(--lab-line)} #lot-lab-finder .ll-path-chip b{font-size:.82rem} #lot-lab-finder .ll-path-chip span{font-size:.82rem;color:var(--lab-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58%} #lot-lab-finder .ll-path-chip.is-set{background:var(--lab-accent-soft);border-color:rgba(198,27,0,.22)} #lot-lab-finder .ll-path-chip.is-set span{color:var(--lab-accent-2);font-weight:700} #lot-lab-finder .ll-status{margin:0 auto 18px;width:min(92%,1180px);border:1px solid var(--lab-line);border-radius:14px;background:#fff;padding:11px 14px;font-size:.86rem;color:var(--lab-muted)} #lot-lab-finder .ll-status:empty{display:none} #lot-lab-finder .ll-status.is-error{color:var(--lab-red);background:var(--lab-red-soft);border-color:#f2caca} #lot-lab-finder .ll-status.is-ok{color:var(--lab-green);background:var(--lab-green-soft);border-color:#cce8d5} #lot-lab-finder .ll-finder{padding:26px 0 78px;background:#fff} #lot-lab-finder .ll-shell{border:1px solid var(--lab-line);border-radius:28px;background:#fff;box-shadow:var(--lab-shadow);overflow:hidden} #lot-lab-finder .ll-progress{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--lab-line);background:#fffaf8} #lot-lab-finder .ll-progress-step{padding:15px 14px;display:flex;align-items:center;gap:9px;color:var(--lab-muted);font-size:.77rem;font-weight:800;letter-spacing:.02em;border-right:1px solid var(--lab-line)} #lot-lab-finder .ll-progress-step:last-child{border-right:0} #lot-lab-finder .ll-progress-step i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf2f4;color:var(--lab-muted)} #lot-lab-finder .ll-progress-step.is-active{color:var(--lab-accent-2);background:var(--lab-accent-soft)} #lot-lab-finder .ll-progress-step.is-active i,#lot-lab-finder .ll-progress-step.is-done i{background:var(--lab-accent);color:#fff} #lot-lab-finder .ll-progress-step.is-done{color:var(--lab-ink)} #lot-lab-finder .ll-stage{padding:28px 22px} #lot-lab-finder .ll-stage-head{display:flex;flex-direction:column;gap:8px;margin-bottom:20px} #lot-lab-finder .ll-stage-num{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--lab-accent)} #lot-lab-finder .ll-stage h2{margin:0;font-size:clamp(1.55rem,4vw,2.45rem);line-height:1.08;letter-spacing:-.035em} #lot-lab-finder .ll-stage-head p{margin:0;color:var(--lab-muted);max-width:66ch} #lot-lab-finder .ll-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #lot-lab-finder .ll-choice{appearance:none;border:1px solid var(--lab-line);border-radius:15px;background:#fff;padding:15px 8px;min-height:58px;cursor:pointer;font-weight:800;transition:transform .18s var(--lab-ease),border-color .18s,background .18s,box-shadow .18s} #lot-lab-finder .ll-choice:hover{transform:translateY(-2px);border-color:rgba(198,27,0,.45);box-shadow:0 12px 28px -23px rgba(15,23,42,.7)} #lot-lab-finder .ll-choice.is-selected{background:var(--lab-accent);border-color:var(--lab-accent);color:#fff;box-shadow:0 12px 26px -18px rgba(198,27,0,.9)} #lot-lab-finder .ll-choice.is-subject{padding:17px 14px;text-align:left;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px} #lot-lab-finder .ll-choice.is-subject small{display:block;color:var(--lab-muted);font-weight:600;margin-top:2px} #lot-lab-finder .ll-choice.is-selected small{color:rgba(255,255,255,.78)} #lot-lab-finder .ll-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} #lot-lab-finder .ll-skeleton{height:62px;border-radius:14px;background:linear-gradient(90deg,#f0f4f5 25%,#fafcfc 45%,#f0f4f5 65%);background-size:220% 100%;animation:llShimmer 1.15s linear infinite} @keyframes llShimmer{to{background-position:-220% 0}} #lot-lab-finder .ll-module-tools{display:grid;gap:11px} #lot-lab-finder .ll-search{width:100%;border:1px solid var(--lab-line);border-radius:15px;padding:14px 16px;background:#fff;color:var(--lab-ink);outline:none;transition:border-color .18s,box-shadow .18s} #lot-lab-finder .ll-search:focus{border-color:var(--lab-accent);box-shadow:0 0 0 4px rgba(198,27,0,.09)} #lot-lab-finder .ll-module-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:3px} #lot-lab-finder .ll-module{appearance:none;width:100%;border:1px solid var(--lab-line);background:#fff;border-radius:14px;padding:14px 15px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .18s,border-color .18s,transform .18s} #lot-lab-finder .ll-module:hover{background:var(--lab-bg);border-color:rgba(198,27,0,.38);transform:translateX(2px)} #lot-lab-finder .ll-module.is-selected{background:var(--lab-accent-soft);border-color:rgba(198,27,0,.4)} #lot-lab-finder .ll-module strong{display:block} #lot-lab-finder .ll-module small{display:block;margin-top:2px;color:var(--lab-muted)} #lot-lab-finder .ll-module-arrow{font-size:1.2rem;color:var(--lab-accent)} #lot-lab-finder .ll-empty-inline{padding:15px;border:1px dashed var(--lab-line);border-radius:14px;color:var(--lab-muted);background:var(--lab-bg)} #lot-lab-finder .ll-results{padding:34px 22px 30px;border-top:1px solid var(--lab-line);background:linear-gradient(180deg,#fff8f6,#fff)} #lot-lab-finder .ll-results-head{display:flex;flex-direction:column;gap:12px;margin-bottom:18px} #lot-lab-finder .ll-results-title h2{margin:0;font-size:clamp(1.55rem,4vw,2.45rem);line-height:1.08;letter-spacing:-.035em} #lot-lab-finder .ll-results-title p{margin:7px 0 0;color:var(--lab-muted)} #lot-lab-finder .ll-filter-toggle{appearance:none;align-self:flex-start;border:1px solid var(--lab-line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer} #lot-lab-finder .ll-filter-toggle:hover{border-color:var(--lab-accent);color:var(--lab-accent-2)} #lot-lab-finder .ll-filter-panel{margin:0 0 18px;border:1px solid var(--lab-line);border-radius:18px;background:#fff;padding:17px} #lot-lab-finder .ll-filter-grid{display:grid;gap:14px} #lot-lab-finder .ll-filter-field label{display:block;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--lab-muted);margin-bottom:6px} #lot-lab-finder .ll-filter-field select,#lot-lab-finder .ll-filter-field input{width:100%;border:1px solid var(--lab-line);border-radius:12px;background:#fff;padding:11px 12px;color:var(--lab-ink);outline:none} #lot-lab-finder .ll-checks{display:grid;gap:8px} #lot-lab-finder .ll-check{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;color:var(--lab-ink-2)} #lot-lab-finder .ll-check input{margin-top:3px;accent-color:var(--lab-accent)} #lot-lab-finder .ll-filter-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px} #lot-lab-finder .ll-btn{appearance:none;border:0;border-radius:999px;padding:11px 16px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s var(--lab-ease),box-shadow .18s,background .18s} #lot-lab-finder .ll-btn:hover{transform:translateY(-1px)} #lot-lab-finder .ll-btn-primary{background:var(--lab-accent);color:#fff;box-shadow:0 12px 24px -18px rgba(198,27,0,.9)} #lot-lab-finder .ll-btn-primary:hover{background:var(--lab-accent-2)} #lot-lab-finder .ll-btn-ghost{background:#fff;border:1px solid var(--lab-line);color:var(--lab-ink)} #lot-lab-finder .ll-cards{display:grid;gap:15px} #lot-lab-finder .ll-card{border:1px solid var(--lab-line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px -31px rgba(15,23,42,.75);transition:transform .2s var(--lab-ease),box-shadow .2s,border-color .2s} #lot-lab-finder .ll-card:hover{transform:translateY(-3px);box-shadow:0 28px 55px -40px rgba(15,23,42,.8);border-color:rgba(198,27,0,.35)} #lot-lab-finder .ll-card-media{aspect-ratio:16/8.8;background:linear-gradient(135deg,#e9f1f3,#f7fafb);overflow:hidden;position:relative} #lot-lab-finder .ll-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--lab-ease)} #lot-lab-finder .ll-card:hover .ll-card-media img{transform:scale(1.025)} #lot-lab-finder .ll-card-media-empty{height:100%;display:grid;place-items:center;color:var(--lab-accent);font-size:.82rem;font-weight:800} #lot-lab-finder .ll-card-badge{position:absolute;top:12px;left:12px;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-ink);box-shadow:0 8px 26px -18px rgba(15,23,42,.8)} #lot-lab-finder .ll-card-badge.is-best{background:var(--lab-accent);color:#fff;box-shadow:0 0 0 3px rgba(254,205,0,.26)} #lot-lab-finder .ll-card-body{padding:18px} #lot-lab-finder .ll-card h3{margin:0;font-size:1.25rem;line-height:1.15;letter-spacing:-.025em} #lot-lab-finder .ll-fit{margin:9px 0 14px;color:var(--lab-ink-2)} #lot-lab-finder .ll-fit b{color:var(--lab-accent-2)} #lot-lab-finder .ll-meta-row{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px} #lot-lab-finder .ll-meta{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:var(--lab-bg);border:1px solid var(--lab-line);padding:6px 9px;font-size:.76rem;font-weight:750;color:var(--lab-ink-2)} #lot-lab-finder .ll-meta.safety-green{background:var(--lab-green-soft);color:var(--lab-green);border-color:#cce8d5} #lot-lab-finder .ll-meta.safety-yellow{background:var(--lab-yellow-soft);color:var(--lab-yellow);border-color:#f1dfaa} #lot-lab-finder .ll-meta.safety-red{background:var(--lab-red-soft);color:var(--lab-red);border-color:#f2caca} #lot-lab-finder .ll-materials{font-size:.86rem;color:var(--lab-muted);margin:0 0 15px} #lot-lab-finder .ll-materials strong{color:var(--lab-ink)} #lot-lab-finder .ll-card-actions{display:flex;gap:8px;flex-wrap:wrap} #lot-lab-finder .ll-noresult{border:1px dashed var(--lab-line);border-radius:20px;background:#fff;padding:24px;text-align:center} #lot-lab-finder .ll-noresult h3{margin:0 0 8px;font-size:1.25rem} #lot-lab-finder .ll-noresult p{margin:0 auto 16px;max-width:58ch;color:var(--lab-muted)} #lot-lab-finder .ll-email-box{display:grid;gap:9px;max-width:620px;margin:15px auto 0;text-align:left} #lot-lab-finder .ll-email-line{display:grid;gap:8px} #lot-lab-finder .ll-email-box input[type=email]{width:100%;border:1px solid var(--lab-line);border-radius:12px;padding:12px 13px;outline:none} #lot-lab-finder .ll-consent{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:var(--lab-muted)} #lot-lab-finder .ll-consent input{margin-top:3px;accent-color:var(--lab-accent)} #lot-lab-finder .ll-detail{margin-top:22px;border:1px solid var(--lab-line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:var(--lab-shadow)} #lot-lab-finder .ll-detail-head{padding:20px;border-bottom:1px solid var(--lab-line);display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#fff,#fff8f6)} #lot-lab-finder .ll-detail-head h2{margin:0;font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.08;letter-spacing:-.035em} #lot-lab-finder .ll-detail-head p{margin:6px 0 0;color:var(--lab-muted)} #lot-lab-finder .ll-detail-tools{display:flex;gap:8px;flex-wrap:wrap} #lot-lab-finder .ll-tabs{display:flex;gap:7px;overflow:auto;padding:14px 20px;border-bottom:1px solid var(--lab-line);background:#fff} #lot-lab-finder .ll-tab{appearance:none;white-space:nowrap;border:1px solid var(--lab-line);border-radius:999px;background:#fff;padding:9px 12px;font-weight:800;cursor:pointer} #lot-lab-finder .ll-tab.is-active{background:var(--lab-accent);border-color:var(--lab-accent);color:#fff} #lot-lab-finder .ll-levels{padding:14px 20px 0;display:flex;gap:7px;flex-wrap:wrap} #lot-lab-finder .ll-level{appearance:none;border:1px solid var(--lab-line);border-radius:999px;background:var(--lab-bg);padding:8px 11px;font-size:.78rem;font-weight:800;cursor:pointer} #lot-lab-finder .ll-level.is-active{background:var(--lab-accent-soft);border-color:rgba(198,27,0,.35);color:var(--lab-accent-2)} #lot-lab-finder .ll-detail-body{padding:20px} #lot-lab-finder .ll-detail-grid{display:grid;gap:13px} #lot-lab-finder .ll-info{border:1px solid var(--lab-line);border-radius:16px;padding:15px;background:#fff} #lot-lab-finder .ll-info h4{margin:0 0 7px;font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:var(--lab-accent-2)} #lot-lab-finder .ll-info p{margin:0;color:var(--lab-ink-2)} #lot-lab-finder .ll-info ul,#lot-lab-finder .ll-info ol{margin:0;padding-left:20px;color:var(--lab-ink-2)} #lot-lab-finder .ll-info li+li{margin-top:6px} #lot-lab-finder .ll-msg{font-size:.82rem;min-height:1.2em;color:var(--lab-muted)} #lot-lab-finder .ll-msg.is-error{color:var(--lab-red)} #lot-lab-finder .ll-msg.is-ok{color:var(--lab-green)} #lot-lab-finder button:focus-visible,#lot-lab-finder input:focus-visible,#lot-lab-finder select:focus-visible,#lot-lab-finder a:focus-visible{outline:3px solid rgba(254,205,0,.75);outline-offset:3px} #lot-lab-finder .ll-choice.is-selected,#lot-lab-finder .ll-btn-primary{box-shadow:0 12px 28px -18px rgba(198,27,0,.78)} @media(min-width:700px){ #lot-lab-finder .ll-choice-grid{grid-template-columns:repeat(6,minmax(0,1fr))} #lot-lab-finder .ll-choice-grid.is-subjects{grid-template-columns:repeat(2,minmax(0,1fr))} #lot-lab-finder .ll-stage,#lot-lab-finder .ll-results{padding:34px} #lot-lab-finder .ll-results-head{flex-direction:row;align-items:flex-end;justify-content:space-between} #lot-lab-finder .ll-filter-toggle{align-self:auto} #lot-lab-finder .ll-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #lot-lab-finder .ll-email-line{grid-template-columns:1fr auto} #lot-lab-finder .ll-detail-head{flex-direction:row;align-items:center;justify-content:space-between} #lot-lab-finder .ll-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(min-width:980px){ #lot-lab-finder .ll-hero{padding:82px 0 46px} #lot-lab-finder .ll-hero-grid{grid-template-columns:1.28fr .72fr;gap:50px} #lot-lab-finder .ll-choice-grid.is-subjects{grid-template-columns:repeat(3,minmax(0,1fr))} #lot-lab-finder .ll-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start} #lot-lab-finder .ll-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:520px){ #lot-lab-finder .ll-hero{padding-top:48px} #lot-lab-finder .ll-progress-step{padding:12px 8px;font-size:.68rem;justify-content:center;text-align:center;flex-direction:column} #lot-lab-finder .ll-progress-step i{width:24px;height:24px} #lot-lab-finder .ll-stage,#lot-lab-finder .ll-results{padding:24px 16px} #lot-lab-finder .ll-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #lot-lab-finder .ll-card-actions .ll-btn{width:100%} } @media(prefers-reduced-motion:reduce){ #lot-lab-finder *,#lot-lab-finder *:before,#lot-lab-finder *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} } </style> <div id="lot-lab-finder"> <section class="ll-hero"> <div class="ll-wrap ll-hero-grid"> <div> <span class="ll-kicker">LOT Lab · Motor curricular</span> <h1>Transforme uma matéria difícil numa experiência que <span>se percebe.</span></h1> <p>Escolha o ano, a disciplina e o conhecimento que quer trabalhar. O LOT Lab procura experiências práticas adequadas e explica por que razão cada uma ajuda a ensinar exatamente esse conteúdo.</p> </div> <aside class="ll-engine-card" aria-label="Percurso selecionado"> <div class="ll-engine-label">O motor está a procurar por</div> <div class="ll-engine-path"> <div class="ll-path-chip" id="llPathYear"><b>Ano</b><span>A escolher</span></div> <div class="ll-path-chip" id="llPathSubject"><b>Disciplina</b><span>Depois do ano</span></div> <div class="ll-path-chip" id="llPathModule"><b>Matéria</b><span>Depois da disciplina</span></div> </div> </aside> </div> </section> <div id="llStatus" class="ll-status" role="status" aria-live="polite"></div> <section class="ll-finder"> <div class="ll-wrap"> <div class="ll-shell"> <div class="ll-progress" aria-label="Progresso da pesquisa"> <div class="ll-progress-step is-active" data-step="1"><i>1</i><span>Ano</span></div> <div class="ll-progress-step" data-step="2"><i>2</i><span>Disciplina</span></div> <div class="ll-progress-step" data-step="3"><i>3</i><span>Matéria</span></div> </div> <section class="ll-stage" id="llYearStage"> <div class="ll-stage-head"> <span class="ll-stage-num">Passo 1</span> <h2>Em que ano está o aluno?</h2> <p>Mostramos apenas anos que têm conteúdos públicos disponíveis no LOT Lab.</p> </div> <div id="llYears" class="ll-choice-grid" aria-live="polite"></div> </section> <section class="ll-stage" id="llSubjectStage" hidden> <div class="ll-stage-head"> <span class="ll-stage-num">Passo 2</span> <h2>Que disciplina está a trabalhar?</h2> <p>As opções abaixo já estão filtradas pelo ano selecionado.</p> </div> <div id="llSubjects" class="ll-choice-grid is-subjects" aria-live="polite"></div> </section> <section class="ll-stage" id="llModuleStage" hidden> <div class="ll-stage-head"> <span class="ll-stage-num">Passo 3</span> <h2>O que precisa de tornar mais fácil de compreender?</h2> <p>Pesquise pela matéria como a reconhece no dia a dia. Os códigos curriculares ficam do nosso lado.</p> </div> <div class="ll-module-tools"> <input id="llModuleSearch" class="ll-search" type="search" placeholder="Ex.: fotossíntese, circuitos elétricos, proporcionalidade..." autocomplete="off"> <div id="llModules" class="ll-module-list" aria-live="polite"></div> </div> </section> <section class="ll-results" id="llResultsSection" hidden> <div class="ll-results-head"> <div class="ll-results-title"> <span class="ll-stage-num">Recomendação LOT Lab</span> <h2 id="llResultsHeading">Encontrámos formas de tornar isto concreto.</h2> <p id="llResultsSub">Ordenadas pela combinação entre ligação curricular, execução e condições práticas.</p> </div> <button class="ll-filter-toggle" id="llFilterToggle" type="button" aria-expanded="false">Afinar resultados</button> </div> <div class="ll-filter-panel" id="llFilterPanel" hidden> <div class="ll-filter-grid"> <div class="ll-filter-field"> <label for="llMaxDuration">Duração máxima</label> <select id="llMaxDuration"> <option value="">Sem limite</option> <option value="15">Até 15 min</option> <option value="30">Até 30 min</option> <option value="45">Até 45 min</option> <option value="60">Até 60 min</option> </select> </div> <div class="ll-filter-field"> <label for="llGrouping">Formato</label> <select id="llGrouping"> <option value="">Qualquer</option> <option value="individual">Individual</option> <option value="team">Equipa</option> <option value="class">Turma</option> </select> </div> <div class="ll-filter-field"> <label for="llSpace">Espaço</label> <select id="llSpace"> <option value="">Qualquer</option> <option value="indoor">Interior</option> <option value="outdoor">Exterior</option> </select> </div> <div class="ll-filter-field"> <label for="llExcludeMaterials">Não tenho / quero excluir</label> <input id="llExcludeMaterials" type="text" placeholder="Ex.: microscópio, látex..."> </div> <div class="ll-filter-field"> <label>Condições práticas</label> <div class="ll-checks"> <label class="ll-check"><input id="llEveryday" type="checkbox"> Só materiais quotidianos</label> <label class="ll-check"><input id="llLowCost" type="checkbox"> Custo baixo</label> </div> </div> <div class="ll-filter-field"> <label>Preparação e contexto</label> <div class="ll-checks"> <label class="ll-check"><input id="llNoPrep" type="checkbox"> Sem preparação adulta</label> <label class="ll-check"><input id="llLowSensory" type="checkbox"> Baixa carga sensorial</label> </div> </div> </div> <div class="ll-filter-actions"> <button class="ll-btn ll-btn-primary" id="llApplyFilters" type="button">Atualizar recomendações</button> <button class="ll-btn ll-btn-ghost" id="llClearFilters" type="button">Limpar filtros</button> </div> </div> <div id="llResults" class="ll-cards" aria-live="polite"></div> <div id="llExperimentDetail" class="ll-detail" hidden></div> </section> </div> </div> </section> </div> <script> (function(){ 'use strict'; const CONFIG = { GAS_WEB_APP_URL: 'https://script.google.com/macros/s/AKfycbytILD9no-krsbDp0uII-dCc-lP46ZyF-l_RTGlYnYh2CShd4fkZbOl04-5nrJRdBSE/exec', MODE: 'public', TIMEOUT: 12000, LIMIT: 3, RESOURCE_REQUEST_ACTION: 'resource_request', AVAILABILITY_REQUEST_ACTION: 'availability_request', TRACK_ACTION: 'track' }; function boot(){ const root = document.getElementById('lot-lab-finder'); /* No Lindo, o Page Custom Code pode arrancar antes do bloco HTML. Só inicializamos quando o motor e os elementos essenciais já existem. */ if( !root || !root.querySelector('#llYears') || !root.querySelector('#llSubjects') || !root.querySelector('#llModules') || !root.querySelector('#llModuleSearch') ) return false; /* Evita ligar os mesmos eventos duas vezes se o Lindo voltar a processar o bloco. */ if(root.dataset.llBooted === '1') return true; root.dataset.llBooted = '1'; const $ = (sel) => root.querySelector(sel); const $ = (sel) => Array.from(root.querySelectorAll(sel)); const els = { status: $('#llStatus'), years: $('#llYears'), subjects: $('#llSubjects'), modules: $('#llModules'), moduleSearch: $('#llModuleSearch'), subjectStage: $('#llSubjectStage'), moduleStage: $('#llModuleStage'), resultsSection: $('#llResultsSection'), results: $('#llResults'), resultsHeading: $('#llResultsHeading'), resultsSub: $('#llResultsSub'), detail: $('#llExperimentDetail'), filterToggle: $('#llFilterToggle'), filterPanel: $('#llFilterPanel'), pathYear: $('#llPathYear'), pathSubject: $('#llPathSubject'), pathModule: $('#llPathModule'), maxDuration: $('#llMaxDuration'), grouping: $('#llGrouping'), space: $('#llSpace'), excludeMaterials: $('#llExcludeMaterials'), everyday: $('#llEveryday'), lowCost: $('#llLowCost'), noPrep: $('#llNoPrep'), lowSensory: $('#llLowSensory'), applyFilters: $('#llApplyFilters'), clearFilters: $('#llClearFilters') }; const state = { year: '', yearLabel: '', subject: '', subjectLabel: '', nodeId: '', moduleLabel: '', modules: [], recommendations: [], selectedActivity: null, activeTab: 'execute', activeLevel: '' }; function setStatus(message, type){ els.status.textContent = message || ''; els.status.className = 'll-status' + (type ? ' is-' + type : ''); } function escapeHTML(value){ return String(value == null ? '' : value) .replace(/&/g,'&amp;') .replace(/</g,'&lt;') .replace(/>/g,'&gt;') .replace(/"/g,'&quot;') .replace(/'/g,'&#039;'); } function safeUrl(value){ try{ const u = new URL(String(value || ''), window.location.href); if(!/^https?:$/.test(u.protocol)) return ''; return u.href; }catch(_){ return ''; } } function toArray(value){ if(Array.isArray(value)) return value; if(value && Array.isArray(value.items)) return value.items; if(value && Array.isArray(value.data)) return value.data; if(value && Array.isArray(value.years)) return value.years; if(value && Array.isArray(value.subjects)) return value.subjects; if(value && Array.isArray(value.modules)) return value.modules; if(value && Array.isArray(value.recommendations)) return value.recommendations; return []; } function api(params){ return new Promise((resolve, reject) => { if(!CONFIG.GAS_WEB_APP_URL || CONFIG.GAS_WEB_APP_URL.startsWith('COLOCAR_')){ reject(new Error('Configure primeiro o URL do Web App do Google Apps Script.')); return; } const cb = 'lotLabCb_' + Date.now() + '_' + Math.random().toString(36).slice(2); let u; try{ u = new URL(CONFIG.GAS_WEB_APP_URL); } catch(_){ reject(new Error('O URL do Web App do LOT Lab não é válido.')); return; } Object.entries(params || {}).forEach(([k,v]) => { if(v !== '' && v !== null && v !== undefined) u.searchParams.set(k, String(v)); }); u.searchParams.set('mode', CONFIG.MODE); u.searchParams.set('prefix', cb); u.searchParams.set('callback', cb); const tag = document.createElement('script'); const timer = setTimeout(() => { cleanup(); reject(new Error('O LOT Lab demorou demasiado tempo a responder.')); }, CONFIG.TIMEOUT); function cleanup(){ clearTimeout(timer); try{ delete window[cb]; }catch(_){ window[cb] = undefined; } if(tag.parentNode) tag.parentNode.removeChild(tag); } window[cb] = (payload) => { cleanup(); if(!payload || payload.ok === false){ reject(new Error((payload && payload.error) || 'O LOT Lab devolveu uma resposta inválida.')); }else{ resolve(payload.data !== undefined ? payload.data : payload); } }; tag.onerror = () => { cleanup(); reject(new Error('Não foi possível ligar ao motor LOT Lab.')); }; tag.src = u.toString(); document.head.appendChild(tag); }); } function track(eventName, properties){ if(!CONFIG.TRACK_ACTION || !eventName || !CONFIG.GAS_WEB_APP_URL || CONFIG.GAS_WEB_APP_URL.startsWith('COLOCAR_')) return; api(Object.assign({action:CONFIG.TRACK_ACTION,event:eventName}, properties || {})).catch(function(){}); } function showLoading(target, count){ target.innerHTML = '<div class="ll-loading">' + Array.from({length: count || 3}, () => '<div class="ll-skeleton"></div>').join('') + '</div>'; } function updateProgress(step){ $('.ll-progress-step').forEach(el => { const n = Number(el.dataset.step); el.classList.toggle('is-active', n === step); el.classList.toggle('is-done', n < step); }); } function updatePath(el, label){ const span = el.querySelector('span'); span.textContent = label || 'A escolher'; el.classList.toggle('is-set', Boolean(label)); } function normalizeYear(item){ if(typeof item === 'string' || typeof item === 'number') return {value:String(item), label:String(item)}; const value = item.year || item.value || item.id || item.year_code || ''; const label = item.year_label || item.label || item.name || value; return {value:String(value), label:String(label)}; } function normalizeSubject(item){ if(typeof item === 'string') return {value:item, label:item, meta:''}; const value = item.subject || item.subject_code || item.value || item.id || item.subject_label || ''; const label = item.subject_label || item.label || item.name || value; const meta = item.area || item.meta || ''; return {value:String(value), label:String(label), meta:String(meta || '')}; } function normalizeModule(item){ return { nodeId: String(item.node_id || item.id || item.value || ''), label: String(item.module_label || item.label || item.name || item.title || ''), relation: String(item.curriculum_area || item.meta || item.domain || '') }; } function bindYearButtons(){ els.years.querySelectorAll('[data-year]').forEach(btn => { btn.addEventListener('click', () => selectYear(btn.dataset.year, btn.dataset.label, btn)); }); } function bindSubjectButtons(){ els.subjects.querySelectorAll('[data-subject]').forEach(btn => { btn.addEventListener('click', () => selectSubject(btn.dataset.subject, btn.dataset.label, btn)); }); } function bindModuleButtons(){ els.modules.querySelectorAll('[data-node]').forEach(btn => { btn.addEventListener('click', () => selectModule(btn.dataset.node, btn.dataset.label)); }); } function renderYears(items){ const years = toArray(items).map(normalizeYear).filter(x => x.value); if(!years.length){ els.years.innerHTML = '<div class="ll-empty-inline">Ainda não existem anos públicos disponíveis no motor.</div>'; return; } els.years.innerHTML = years.map(x => '<button class="ll-choice" type="button" data-year="' + escapeHTML(x.value) + '" data-label="' + escapeHTML(x.label) + '">' + escapeHTML(x.label) + '</button>').join(''); bindYearButtons(); } function renderSubjects(items){ const subjects = toArray(items).map(normalizeSubject).filter(x => x.value); if(!subjects.length){ els.subjects.innerHTML = '<div class="ll-empty-inline">Ainda não existem disciplinas públicas para este ano.</div>'; return; } els.subjects.innerHTML = subjects.map(x => '<button class="ll-choice is-subject" type="button" data-subject="' + escapeHTML(x.value) + '" data-label="' + escapeHTML(x.label) + '"><span><strong>' + escapeHTML(x.label) + '</strong>' + (x.meta ? '<small>' + escapeHTML(x.meta) + '</small>' : '') + '</span><span aria-hidden="true">→</span></button>').join(''); bindSubjectButtons(); } function renderModules(filterText){ const q = String(filterText || '').trim().toLocaleLowerCase('pt-PT'); const rows = state.modules.filter(x => !q || x.label.toLocaleLowerCase('pt-PT').includes(q) || x.relation.toLocaleLowerCase('pt-PT').includes(q)); if(!rows.length){ els.modules.innerHTML = '<div class="ll-empty-inline">Não encontrei uma matéria com esse termo. Experimente outra palavra.</div>'; return; } els.modules.innerHTML = rows.map(x => '<button class="ll-module' + (x.nodeId === state.nodeId ? ' is-selected' : '') + '" type="button" data-node="' + escapeHTML(x.nodeId) + '" data-label="' + escapeHTML(x.label) + '"><span><strong>' + escapeHTML(x.label) + '</strong>' + (x.relation ? '<small>' + escapeHTML(x.relation) + '</small>' : '') + '</span><span class="ll-module-arrow" aria-hidden="true">→</span></button>').join(''); bindModuleButtons(); } function recommendationBadge(item, index){ const raw = String(item.recommendation_type || item.result_type || item.slot || '').toLowerCase(); if(raw.includes('simple')) return 'Alternativa simples'; if(raw.includes('other') || raw.includes('abord')) return 'Outra abordagem'; if(raw.includes('recommend') || raw.includes('best')) return 'Recomendada'; return ['Recomendada','Alternativa simples','Outra abordagem'][index] || 'Opção LOT Lab'; } function safetyClass(value){ const s = String(value || '').toLowerCase(); if(s.includes('verde') || s.includes('green') || s.includes('baixo')) return 'safety-green'; if(s.includes('amare') || s.includes('yellow') || s.includes('moder')) return 'safety-yellow'; if(s.includes('vermel') || s.includes('red') || s.includes('alto')) return 'safety-red'; return ''; } function mainImage(item){ return safeUrl(item.image_url || item.hero_image || item.main_image || item.image || ''); } function activityCode(item){ return item.activity_code || item.code || item.experiment_id || item.id || ''; } function renderResults(items){ const activities = toArray(items); state.recommendations = activities; els.detail.hidden = true; els.detail.innerHTML = ''; if(!activities.length){ renderNoResults(); return; } els.results.innerHTML = activities.slice(0, CONFIG.LIMIT).map((x,index) => { const badge = recommendationBadge(x,index); const img = mainImage(x); const code = activityCode(x); const title = x.activity_title || x.title || 'Experiência LOT Lab'; const fit = x.fit_reason || x.why_this_fits || x.curriculum_reason || ''; const duration = x.duration || x.duration_label || ''; const safety = x.safety_class || x.safety || ''; const cost = x.cost_estimate || x.cost || ''; const grouping = x.grouping || x.team_size || ''; const relation = x.relation_type || x.curriculum_relation || x.fit_type || ''; const materials = Array.isArray(x.materials_preview) ? x.materials_preview.join(', ') : (x.materials_preview || x.materials || ''); const page = safeUrl(x.page_url || x.experiment_url || ''); const pdf = safeUrl(x.pdf_url || ''); return '<article class="ll-card">' + '<div class="ll-card-media">' + (img ? '<img src="' + escapeHTML(img) + '" alt="' + escapeHTML(title) + '" loading="lazy">' : '<div class="ll-card-media-empty">Visual da experiência</div>') + '<span class="ll-card-badge' + (index === 0 ? ' is-best' : '') + '">' + escapeHTML(badge) + '</span>' + '</div>' + '<div class="ll-card-body">' + '<h3>' + escapeHTML(title) + '</h3>' + (fit ? '<p class="ll-fit"><b>Porque serve esta matéria:</b> ' + escapeHTML(fit) + '</p>' : '') + '<div class="ll-meta-row">' + (duration ? '<span class="ll-meta">' + escapeHTML(duration) + '</span>' : '') + (safety ? '<span class="ll-meta ' + safetyClass(safety) + '">Segurança: ' + escapeHTML(safety) + '</span>' : '') + (cost ? '<span class="ll-meta">Custo: ' + escapeHTML(cost) + '</span>' : '') + (grouping ? '<span class="ll-meta">' + escapeHTML(grouping) + '</span>' : '') + (relation ? '<span class="ll-meta">Ligação: ' + escapeHTML(relation) + '</span>' : '') + '</div>' + (materials ? '<p class="ll-materials"><strong>Materiais:</strong> ' + escapeHTML(materials) + '</p>' : '') + '<div class="ll-card-actions">' + '<button class="ll-btn ll-btn-primary" type="button" data-open-activity="' + escapeHTML(code) + '" data-index="' + index + '">Ver experiência</button>' + (page ? '<a class="ll-btn ll-btn-ghost" href="' + escapeHTML(page) + '">Abrir página</a>' : '') + (pdf ? '<button class="ll-btn ll-btn-ghost" type="button" data-email-resource="' + escapeHTML(code) + '" data-index="' + index + '">Receber ficha por email</button>' : '') + '</div>' + '</div>' + '</article>'; }).join(''); } function renderNoResults(){ els.results.innerHTML = '<div class="ll-noresult">' + '<h3>Ainda não temos uma experiência LOT Lab validada para este conhecimento.</h3>' + '<p>Preferimos não recomendar uma atividade vagamente relacionada. Se quiser, avisamos quando existir uma experiência publicada que passe os critérios de qualidade do LOT Lab.</p>' + '<button class="ll-btn ll-btn-primary" type="button" id="llOpenAvailability">Avisem-me quando estiver disponível</button>' + '<div id="llAvailabilityBox"></div>' + '</div>'; } function currentFilters(){ return { max_duration: els.maxDuration.value, grouping: els.grouping.value, space: els.space.value, exclude_materials: els.excludeMaterials.value.trim(), everyday_materials: els.everyday.checked ? '1' : '', low_cost: els.lowCost.checked ? '1' : '', no_adult_prep: els.noPrep.checked ? '1' : '', low_sensory: els.lowSensory.checked ? '1' : '' }; } async function loadRecommendations(){ if(!state.nodeId) return; els.resultsSection.hidden = false; els.resultsHeading.textContent = 'A procurar as melhores experiências para “' + state.moduleLabel + '”.'; els.resultsSub.textContent = 'Estamos a cruzar ligação curricular, execução, materiais e condições práticas.'; showLoading(els.results,3); setStatus(''); try{ const data = await api(Object.assign({action:'recommendations',node_id:state.nodeId,limit:CONFIG.LIMIT}, currentFilters())); els.resultsHeading.textContent = 'Encontrámos formas de tornar “' + state.moduleLabel + '” concreto.'; els.resultsSub.textContent = 'A primeira opção é a melhor combinação global. As restantes dão-lhe caminhos diferentes para trabalhar o mesmo conhecimento.'; renderResults(data); track('recommendations_shown',{year:state.year,subject:state.subject,node_id:state.nodeId,module_label:state.moduleLabel,count:toArray(data).length}); if(!toArray(data).length) track('no_resource_available',{year:state.year,subject:state.subject,node_id:state.nodeId,module_label:state.moduleLabel}); els.resultsSection.scrollIntoView({behavior:'smooth',block:'start'}); }catch(err){ els.results.innerHTML = '<div class="ll-empty-inline">' + escapeHTML(err.message) + '</div>'; setStatus(err.message,'error'); } } function renderValue(value, ordered){ if(value == null || value === '') return '<p>Informação ainda não publicada.</p>'; if(Array.isArray(value)){ const tag = ordered ? 'ol' : 'ul'; return '<' + tag + '>' + value.map(v => '<li>' + escapeHTML(v) + '</li>').join('') + '</' + tag + '>'; } if(typeof value === 'object'){ return '<ul>' + Object.entries(value).map(([k,v]) => '<li><strong>' + escapeHTML(k) + ':</strong> ' + escapeHTML(Array.isArray(v) ? v.join(', ') : v) + '</li>').join('') + '</ul>'; } const str = String(value); if(str.includes('\n')) return '<ul>' + str.split(/\n+/).filter(Boolean).map(v => '<li>' + escapeHTML(v.replace(/^[-•\d.)\s]+/,'')) + '</li>').join('') + '</ul>'; return '<p>' + escapeHTML(str) + '</p>'; } function extractLevels(exp, levelData){ const fromExp = Array.isArray(exp.levels) ? exp.levels : []; const fromApi = toArray(levelData); return (fromApi.length ? fromApi : fromExp).map(x => { if(typeof x === 'string') return {id:x,label:x}; return Object.assign({}, x, { id:String(x.level || x.level_id || x.id || ''), label:String(x.level_label || x.label || x.name || x.level || ''), age:String(x.age || x.age_range || ''), focus:String(x.focus || x.level_focus || '') }); }).filter(x => x.id || x.label); } function detailFields(exp, tab, levelObj){ if(tab === 'execute'){ return [ ['Materiais', exp.materials || exp.materials_full], ['Preparação', exp.preparation || exp.prep], ['Passos', exp.steps || exp.procedure, true], ['Segurança', exp.safety_notes || exp.safety], ['Tempo', exp.duration || exp.duration_label], ['Troubleshooting', exp.troubleshooting || exp.common_failures] ]; } const level = levelObj || {}; return [ ['O que acontece', exp.what_happens || exp.observation], ['Ciência correta', exp.mechanism || exp.science || exp.explanation], ['O que demonstra', exp.demonstrates || exp.what_it_demonstrates], ['O que não demonstra', exp.limits || exp.what_it_does_not_demonstrate], ['Perguntas para orientar a descoberta', level.questions || exp.guiding_questions], ['Objetivos de aprendizagem', level.objectives || exp.learning_objectives], ['Ligação curricular', exp.curriculum_link || exp.curriculum_alignment], ['Extensão por nível', level.extension || exp.extension] ]; } function renderExperimentDetail(exp, levels){ const title = exp.activity_title || exp.title || (state.selectedActivity && (state.selectedActivity.activity_title || state.selectedActivity.title)) || 'Experiência LOT Lab'; const hook = exp.hook || exp.fit_reason || exp.summary || ''; const pdf = safeUrl(exp.pdf_url || (state.selectedActivity && state.selectedActivity.pdf_url) || ''); const levelList = levels || []; if(levelList.length && !state.activeLevel) state.activeLevel = levelList[0].id || levelList[0].label; const activeLevel = levelList.find(x => (x.id || x.label) === state.activeLevel) || levelList[0] || null; const fields = detailFields(exp,state.activeTab,activeLevel); els.detail.innerHTML = '<div class="ll-detail-head">' + '<div><span class="ll-stage-num">Ficha da experiência</span><h2>' + escapeHTML(title) + '</h2>' + (hook ? '<p>' + escapeHTML(hook) + '</p>' : '') + '</div>' + '<div class="ll-detail-tools">' + (pdf ? '<a class="ll-btn ll-btn-ghost" href="' + escapeHTML(pdf) + '" target="_blank" rel="noopener">Abrir PDF</a>' : '') + '<button class="ll-btn ll-btn-ghost" type="button" id="llCloseDetail">Fechar ficha</button>' + '</div>' + '</div>' + '<div class="ll-tabs">' + '<button class="ll-tab ' + (state.activeTab === 'execute' ? 'is-active' : '') + '" type="button" data-detail-tab="execute">Para executar agora</button>' + '<button class="ll-tab ' + (state.activeTab === 'teach' ? 'is-active' : '') + '" type="button" data-detail-tab="teach">Para compreender e ensinar</button>' + '</div>' + (levelList.length ? '<div class="ll-levels">' + levelList.map(x => '<button class="ll-level ' + (((x.id || x.label) === state.activeLevel) ? 'is-active' : '') + '" type="button" data-level="' + escapeHTML(x.id || x.label) + '">' + escapeHTML(x.label) + (x.age ? ' · ' + escapeHTML(x.age) : '') + '</button>').join('') + '</div>' : '') + '<div class="ll-detail-body"><div class="ll-detail-grid">' + fields.filter(x => x[1] != null && x[1] !== '').map(x => '<section class="ll-info"><h4>' + escapeHTML(x[0]) + '</h4>' + renderValue(x[1],x[2]) + '</section>').join('') + '</div></div>'; els.detail.hidden = false; els.detail.scrollIntoView({behavior:'smooth',block:'start'}); } async function openExperiment(index){ const item = state.recommendations[index]; if(!item) return; state.selectedActivity = item; state.activeTab = 'execute'; state.activeLevel = ''; const code = activityCode(item); track(Number(index) > 0 ? 'alternative_selected' : 'experience_opened',{year:state.year,subject:state.subject,node_id:state.nodeId,module_label:state.moduleLabel,activity_code:code,activity_title:item.activity_title || item.title || '',rank:Number(index)+1}); els.detail.hidden = false; els.detail.innerHTML = '<div class="ll-detail-body"><div class="ll-loading"><div class="ll-skeleton"></div><div class="ll-skeleton"></div><div class="ll-skeleton"></div></div></div>'; els.detail.scrollIntoView({behavior:'smooth',block:'start'}); try{ const exp = await api({action:'experiment',activity_code:code,node_id:state.nodeId,year:state.year}); let levelData = []; try{ levelData = await api({action:'level',activity_code:code,year:state.year,node_id:state.nodeId}); }catch(_){ levelData = []; } const levels = extractLevels(exp || {}, levelData); state.currentExperiment = exp || item; state.currentLevels = levels; renderExperimentDetail(state.currentExperiment,state.currentLevels); }catch(err){ const page = safeUrl(item.page_url || item.experiment_url || ''); if(page){ window.location.href = page; return; } els.detail.innerHTML = '<div class="ll-detail-body"><div class="ll-empty-inline">Não foi possível abrir a ficha detalhada agora. ' + escapeHTML(err.message) + '</div></div>'; } } function openEmailResource(index){ const item = state.recommendations[index]; if(!item) return; const card = els.results.children[index]; if(!card) return; let box = card.querySelector('.ll-email-box'); if(box){ box.remove(); return; } box = document.createElement('div'); box.className = 'll-email-box'; box.innerHTML = '<div class="ll-email-line"><input type="email" placeholder="O seu email" aria-label="Email"><button class="ll-btn ll-btn-primary" type="button">Enviar ficha</button></div><label class="ll-consent"><input type="checkbox"> Autorizo o tratamento deste email para receber esta ficha e informação diretamente relacionada com este pedido.</label><div class="ll-msg" aria-live="polite"></div>'; card.querySelector('.ll-card-body').appendChild(box); box.querySelector('button').addEventListener('click', async () => { const email = box.querySelector('input[type=email]').value.trim(); const consent = box.querySelector('input[type=checkbox]').checked; const msg = box.querySelector('.ll-msg'); if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)){ msg.className='ll-msg is-error'; msg.textContent='Indique um email válido.'; return; } if(!consent){ msg.className='ll-msg is-error'; msg.textContent='É necessário autorizar o envio desta ficha.'; return; } msg.className='ll-msg'; msg.textContent='A enviar...'; try{ await api({ action:CONFIG.RESOURCE_REQUEST_ACTION, event:'lot_lab_resource_requested', email:email, year:state.year, subject:state.subject, node_id:state.nodeId, module_label:state.moduleLabel, activity_code:activityCode(item), activity_title:item.activity_title || item.title || '', level:state.activeLevel || '', pdf_url:item.pdf_url || '', consent:'1' }); msg.className='ll-msg is-ok'; msg.textContent='Pedido registado. A ficha segue para o email indicado.'; track('resource_requested',{year:state.year,subject:state.subject,node_id:state.nodeId,module_label:state.moduleLabel,activity_code:activityCode(item),activity_title:item.activity_title || item.title || ''}); }catch(err){ msg.className='ll-msg is-error'; msg.textContent=err.message; } }); } function openAvailabilityBox(){ const host = $('#llAvailabilityBox'); if(!host || host.innerHTML) return; host.innerHTML = '<div class="ll-email-box"><div class="ll-email-line"><input type="email" placeholder="O seu email" aria-label="Email"><button class="ll-btn ll-btn-primary" type="button">Quero ser avisado</button></div><label class="ll-consent"><input type="checkbox"> Autorizo o tratamento deste email para ser avisado quando existir um recurso para esta matéria.</label><div class="ll-msg" aria-live="polite"></div></div>'; const box = host.querySelector('.ll-email-box'); box.querySelector('button').addEventListener('click', async () => { const email = box.querySelector('input[type=email]').value.trim(); const consent = box.querySelector('input[type=checkbox]').checked; const msg = box.querySelector('.ll-msg'); if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)){ msg.className='ll-msg is-error'; msg.textContent='Indique um email válido.'; return; } if(!consent){ msg.className='ll-msg is-error'; msg.textContent='É necessário autorizar este aviso.'; return; } msg.className='ll-msg'; msg.textContent='A registar...'; try{ await api({action:CONFIG.AVAILABILITY_REQUEST_ACTION,event:'lot_lab_gap_requested',email:email,year:state.year,subject:state.subject,node_id:state.nodeId,module_label:state.moduleLabel,consent:'1'}); msg.className='ll-msg is-ok'; msg.textContent='Pedido registado. Avisamos quando existir um recurso validado para esta matéria.'; track('gap_alert_requested',{year:state.year,subject:state.subject,node_id:state.nodeId,module_label:state.moduleLabel}); }catch(err){ msg.className='ll-msg is-error'; msg.textContent=err.message; } }); } async function selectYear(value,label,button){ state.year = value; state.yearLabel = label; state.subject = state.subjectLabel = state.nodeId = state.moduleLabel = ''; state.modules = []; $('.ll-choice[data-year]').forEach(b => b.classList.toggle('is-selected', b === button)); updatePath(els.pathYear,label); track('year_selected',{year:value,year_label:label}); updatePath(els.pathSubject,''); updatePath(els.pathModule,''); els.subjectStage.hidden = false; els.moduleStage.hidden = true; els.resultsSection.hidden = true; updateProgress(2); showLoading(els.subjects,3); try{ const data = await api({action:'subjects',year:value}); renderSubjects(data); els.subjectStage.scrollIntoView({behavior:'smooth',block:'center'}); }catch(err){ els.subjects.innerHTML='<div class="ll-empty-inline">'+escapeHTML(err.message)+'</div>'; setStatus(err.message,'error'); } } async function selectSubject(value,label,button){ state.subject = value; state.subjectLabel = label; state.nodeId = state.moduleLabel = ''; $('.ll-choice[data-subject]').forEach(b => b.classList.toggle('is-selected', b === button)); updatePath(els.pathSubject,label); track('subject_selected',{year:state.year,subject:value,subject_label:label}); updatePath(els.pathModule,''); els.moduleStage.hidden = false; els.resultsSection.hidden = true; updateProgress(3); els.moduleSearch.value = ''; els.modules.innerHTML = '<div class="ll-loading"><div class="ll-skeleton"></div><div class="ll-skeleton"></div><div class="ll-skeleton"></div></div>'; try{ const data = await api({action:'modules',year:state.year,subject:value}); state.modules = toArray(data).map(normalizeModule).filter(x => x.nodeId && x.label); renderModules(''); els.moduleStage.scrollIntoView({behavior:'smooth',block:'center'}); }catch(err){ els.modules.innerHTML='<div class="ll-empty-inline">'+escapeHTML(err.message)+'</div>'; setStatus(err.message,'error'); } } function selectModule(node,label){ state.nodeId = node; state.moduleLabel = label; updatePath(els.pathModule,label); track('module_selected',{year:state.year,subject:state.subject,node_id:node,module_label:label}); renderModules(els.moduleSearch.value); updateProgress(3); loadRecommendations(); } root.addEventListener('click', (event) => { const openBtn = event.target.closest('[data-open-activity]'); if(openBtn && root.contains(openBtn)){ openExperiment(Number(openBtn.dataset.index)); return; } const emailBtn = event.target.closest('[data-email-resource]'); if(emailBtn && root.contains(emailBtn)){ openEmailResource(Number(emailBtn.dataset.index)); return; } if(event.target.closest('#llOpenAvailability')){ openAvailabilityBox(); return; } if(event.target.closest('#llCloseDetail')){ els.detail.hidden=true; return; } const tabBtn = event.target.closest('[data-detail-tab]'); if(tabBtn && state.currentExperiment){ state.activeTab=tabBtn.dataset.detailTab; renderExperimentDetail(state.currentExperiment,state.currentLevels||[]); return; } const levelBtn = event.target.closest('[data-level]'); if(levelBtn && state.currentExperiment){ state.activeLevel=levelBtn.dataset.level; renderExperimentDetail(state.currentExperiment,state.currentLevels||[]); return; } }); els.moduleSearch.addEventListener('input', () => renderModules(els.moduleSearch.value)); els.filterToggle.addEventListener('click', () => { const next = els.filterPanel.hidden; els.filterPanel.hidden = !next; els.filterToggle.setAttribute('aria-expanded', String(next)); }); els.applyFilters.addEventListener('click', function(){ track('filters_applied',Object.assign({year:state.year,subject:state.subject,node_id:state.nodeId,module_label:state.moduleLabel},currentFilters())); loadRecommendations(); }); els.clearFilters.addEventListener('click', () => { els.maxDuration.value=''; els.grouping.value=''; els.space.value=''; els.excludeMaterials.value=''; els.everyday.checked=false; els.lowCost.checked=false; els.noPrep.checked=false; els.lowSensory.checked=false; loadRecommendations(); }); async function init(){ const fallbackYears = Array.from({length:12}, (_,i) => ({value:String(i+1), label:(i+1) + '.º ano'})); renderYears(fallbackYears); setStatus('A ligar ao motor curricular LOT Lab…'); if(!CONFIG.GAS_WEB_APP_URL || CONFIG.GAS_WEB_APP_URL.startsWith('COLOCAR_')){ setStatus('O URL do Web App do LOT Lab ainda não está configurado.','error'); return; } try{ const data = await api({action:'years'}); const publicYears = toArray(data); if(publicYears.length) renderYears(publicYears); setStatus(''); }catch(err){ /* Mantemos 1.º–12.º utilizáveis para testar o fluxo; o pedido seguinte mostra o erro real do GAS se existir. */ setStatus('Não consegui confirmar a lista pública de anos no GAS. Pode escolher o ano para tentar carregar as disciplinas.','error'); } } init(); return true; } /* Este script está no fim do mesmo bloco HTML, por isso a interface já existe aqui. */ boot(); })(); </script> </body> </html>" sandbox="allow-scripts allow-same-origin allow-forms allow-popups" loading="eager" referrerpolicy="no-referrer-when-downgrade" style="display:block;width:100%;height:5200px;border:0;background:#fff" onload='try{this.style.height=Math.max(1200,this.contentDocument.documentElement.scrollHeight+24)+"px"}catch(t){}'>