/* SePrepare — central de tutoriais. Camada visual isolada para preservar outras páginas. */
.learn-page{background:#fafbf7;color:#163b2a}
.learn-page .nav-links a[aria-current="page"]{color:#e3f5e3}
.learn-page button{font-family:var(--sans);cursor:pointer}
.learn-page button:focus-visible,.learn-page a:focus-visible,.learn-page input:focus-visible{outline:3px solid #76b78a;outline-offset:3px}
.learn-page .overline{color:#4d805a}
.learn-hero{position:relative;overflow:hidden;color:#f5faee;background:radial-gradient(circle at 80% 45%,#1b4833 0%,transparent 44%),linear-gradient(132deg,#0a241c 0%,#102b22 69%,#0b271e 100%)}
.learn-hero-grid{display:grid;grid-template-columns:minmax(0,1.19fr) minmax(300px,.81fr);align-items:center;gap:55px;min-height:652px;padding-top:40px;padding-bottom:70px}
.learn-hero-copy{position:relative;z-index:1}
.learn-back{display:inline-block;font-size:12px;color:#c3dec6;font-weight:700;margin-bottom:65px}
.learn-back:hover{color:#fff}
.learn-eyebrow{display:inline-flex;align-items:center;gap:11px;padding:10px 15px;border:1px solid #346748;border-radius:50px;background:#1a4430;color:#b9dabd;font-size:10px;letter-spacing:1.4px;font-weight:800}
.learn-eyebrow span{font-size:17px;line-height:1;color:#ccecc8}
.learn-hero h1{font:400 clamp(51px,5.55vw,78px)/1.08 var(--serif);letter-spacing:-3.2px;margin:27px 0 22px}
.learn-hero h1 em{font-weight:400;color:#bbdfbc}
.learn-hero-copy>p{font-size:15.7px;line-height:1.85;color:#c0d1c4;max-width:565px;margin:0}
.learn-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:35px}
.learn-main-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:53px;border:1px solid #cfedd4;border-radius:9px;background:#d6ecd1;color:#19402d;padding:0 19px;font-size:12px;font-weight:830;text-decoration:none;transition:transform .2s,background .2s}
.learn-main-button:hover{transform:translateY(-2px);background:#f1fff1}
.learn-main-button span{font-size:18px}
.learn-minor-button{font-size:12px;font-weight:730;color:#cae5cf}
.learn-minor-button:hover{text-decoration:underline;text-underline-offset:5px}
.learn-hero-foot{display:block;color:#a9c5af;font-size:11px;margin-top:48px}
.learn-hero-art{height:490px;position:relative;display:grid;place-items:center}
.learn-art-orbit{position:absolute;width:460px;height:460px;border:1px solid #b4d8b614;border-radius:50%;box-shadow:0 0 0 65px #abd5ac09}
.learn-art-panel{position:relative;width:min(100%,373px);min-height:412px;border-radius:23px;border:1px solid #dbe9d4;background:#fafcf7;box-shadow:0 40px 100px #00170d85,0 0 0 13px #c6e7c013;color:#264d36;transform:rotate(5deg);animation:learn-float 8s ease-in-out infinite}
.learn-art-head{padding:20px 23px;border-bottom:1px solid #e4eee0;display:flex;align-items:center;justify-content:space-between;letter-spacing:1.4px;color:#427a50;font-size:10px;font-weight:850}
.learn-art-head span:last-child{color:#9cac9b}
.learn-art-body{padding:32px 32px 24px}
.learn-art-body>span{font-size:9px;font-weight:800;letter-spacing:1.45px;color:#7a9f7e}
.learn-art-body h2{font:400 33px/1.15 var(--serif);letter-spacing:-1px;color:#20482c;margin:17px 0 26px}
.learn-art-body h2 em{color:#64a06b}
.learn-art-task{display:flex;align-items:center;gap:13px;margin:10px 0;border:1px solid #e5eee1;background:#f2f7ee;padding:11px 12px;border-radius:8px;font-size:11px;font-weight:760;color:#53715d}
.learn-art-task span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#d5eadd;color:#327146;font-size:12px}
.learn-art-task.current{background:#dcefd9;border-color:#b4d9b4;color:#2b633d}
.learn-art-bottom{display:flex;justify-content:space-between;border-top:1px solid #e5eee0;padding:16px 22px;color:#79a37e;font-size:9px;font-weight:850;letter-spacing:1px}
.learn-art-float{position:absolute;left:-13px;bottom:60px;padding:13px 19px;border-radius:10px;background:#fafff7;color:#376a48;box-shadow:0 12px 45px #00170e50;font-size:11px;font-weight:830;transform:rotate(-5deg)}
.learn-ribbon{background:#d5ead0;color:#345e3c}
.learn-ribbon .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:69px}
.learn-ribbon span{font-size:10px;letter-spacing:2px;font-weight:850}
.learn-ribbon b{font-size:19px;color:#61916a}
.learn-catalog{padding-top:112px;padding-bottom:122px;scroll-margin-top:26px}
.learn-catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}
.learn-catalog-heading h2,.learn-workshop-intro h2,.learn-care h2,.learn-final h2{font:400 clamp(39px,4vw,58px)/1.14 var(--serif);letter-spacing:-2px;margin:17px 0 0}
.learn-catalog-heading h2 em,.learn-workshop-intro h2 em,.learn-care h2 em{color:#648c69;font-weight:400}
.learn-catalog-heading>p,.learn-workshop-intro>p{max-width:365px;font-size:13.5px;line-height:1.8;color:#6b8171;margin:0 0 5px}
.learn-search-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:47px 0 30px}
.learn-search{display:flex;align-items:center;gap:13px;width:min(100%,540px);height:56px;background:#fff;border:1px solid #dae6d8;border-radius:11px;padding:0 18px;color:#648872;box-shadow:0 8px 25px #294c3210}
.learn-search:focus-within{border-color:#8fc29a}
.learn-search input{min-width:0;width:100%;font-size:13px;font-family:var(--sans);background:transparent;outline:none;border:0;color:#244a35}
.learn-search input::placeholder{color:#8b9d8b}
.learn-search-caption{color:#839989;font-size:11px;font-weight:680;white-space:nowrap}
.learn-results-status{color:#5c765f;font-size:12px;margin:0 0 12px;min-height:14px}
.learn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.learn-card{display:flex;flex-direction:column;min-height:335px;padding:25px 26px 22px;border:1px solid #dbe6d8;border-radius:15px;background:#fff;box-shadow:0 7px 22px #142c1808;transition:transform .25s,box-shadow .25s,border-color .25s}
.learn-card:hover{transform:translateY(-5px);box-shadow:0 19px 40px #173e2220;border-color:#bbd6bb}
.learn-card-top{display:flex;justify-content:space-between;color:#7c9b81;font-size:10px;font-weight:850;letter-spacing:1px}
.learn-card-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#e6f2e4;color:#347749;font-family:var(--serif);font-size:28px;margin:26px 0 21px}
.learn-card:nth-child(2) .learn-card-icon,.learn-card:nth-child(5) .learn-card-icon{background:#e2efe5;color:#35745c}
.learn-card-kicker{font-size:10px;letter-spacing:1px;color:#6f9a77;text-transform:uppercase;font-weight:820;margin:0}
.learn-card h3{font:400 29px/1.2 var(--serif);letter-spacing:-.85px;color:#204632;margin:9px 0 13px}
.learn-card-desc{font-size:12.5px;line-height:1.73;color:#738477;margin:0 0 25px}
.learn-card-start{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;border:0;border-top:1px solid #e3ebe0;background:transparent;padding:17px 0 0;text-align:left;font-size:12px;font-weight:840;color:#31714a}
.learn-card-start span{font-size:18px;font-weight:450;transition:transform .2s}
.learn-card-start:hover span{transform:translate(3px,-3px)}
.learn-empty-results{text-align:center;padding:70px 20px;border-radius:14px;background:#eff4eb;border:1px solid #dce8d9}
.learn-empty-results span{font-size:40px;color:#64a476}.learn-empty-results h3{font:400 30px var(--serif)}
.learn-empty-results p{font-size:13px;color:#718171}.learn-empty-results a{font-weight:800;font-size:12px;color:#387c4e}
.learn-workshop-section{background:#eef3e9;padding:105px 0 120px}
.learn-workshop-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:46px}
.learn-workshop{border:1px solid #d7e4d3;border-radius:20px;background:#fafdf8;overflow:hidden;box-shadow:0 20px 55px #1b402311}
.learn-workshop-empty{min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px}
.learn-workshop-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:#e0f0dc;color:#3d8652;font-size:38px}
.learn-workshop-empty h3{font:400 32px var(--serif);letter-spacing:-.6px;color:#264c36;margin:25px 0 6px}
.learn-workshop-empty p{font-size:13px;line-height:1.8;color:#758777;max-width:430px;margin:10px 0 25px}
.learn-workshop-empty a{border:1px solid #bcd3bb;border-radius:8px;padding:12px 19px;font-size:12px;font-weight:800;color:#367148}
.learn-lesson-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 32px}
.learn-lesson-header button{border:0;background:transparent;color:#426b4d;font-size:12px;font-weight:830;padding:7px 0}
.learn-lesson-header button:hover{text-decoration:underline}
.learn-lesson-header>span{font-size:11px;color:#78917c;font-weight:700;text-align:right}
.learn-progress{height:5px;background:#e1eddd}.learn-progress>div{height:100%;background:linear-gradient(90deg,#448759,#9acb91);width:0;transition:width .25s ease}
.learn-lesson-grid{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.learn-lesson-copy{padding:58px 54px 50px;display:flex;flex-direction:column;align-items:flex-start}
.learn-lesson-kicker{font-size:10px;letter-spacing:1.6px;font-weight:820;color:#63936a}
.learn-lesson-copy h3{font:400 clamp(34px,3.1vw,47px)/1.16 var(--serif);letter-spacing:-1.4px;color:#244b35;margin:18px 0 20px}
.learn-lesson-body{font-size:15px;line-height:1.95;color:#59735f;max-width:500px}
.learn-lesson-body p{margin:0 0 16px}
.learn-lesson-body b,.learn-lesson-body strong{color:#2d6040}
.learn-lesson-body a,.learn-step-link a{font-weight:800;color:#276c47;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#91ba94}
.learn-step-tip{font-size:12px;line-height:1.7;color:#426b4f;background:#e8f4e4;border-left:3px solid #69a875;padding:15px;border-radius:0 8px 8px 0;margin:24px 0 0}
.learn-step-link{margin-top:20px;font-size:12px}
.learn-demo{display:flex;flex-direction:column;min-width:0;padding:30px 32px 25px;background:radial-gradient(circle at 70% 30%,#ecf6e9,transparent 64%),#e6f0e4;border-left:1px solid #d4e4d0}
.learn-demo-header{display:flex;justify-content:space-between;gap:9px;align-items:center;font-size:9px;letter-spacing:1px;font-weight:830;color:#668d6e}
.learn-demo-header span:first-child{display:inline-flex;align-items:center;gap:8px}
.learn-demo-status{width:7px;height:7px;background:#79b78a;border-radius:50%}
.learn-demo-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0}
.learn-demo-foot{font-size:10px;line-height:1.5;color:#768f79;text-align:center}
.learn-sim{width:min(100%,365px);padding:21px 22px 20px;border:1px solid #cedfcc;border-radius:18px;background:#fff;box-shadow:0 23px 45px #1d522326}
.learn-sim-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:17px;border-bottom:1px solid #e5ebe3;font-size:11px;color:#4b6e56}
.learn-sim-top strong{font:700 18px var(--serif);letter-spacing:-.5px;color:#315d3e}
.learn-sim-dots{letter-spacing:3px;color:#aec6b0;font-size:16px}
.learn-sim-heading{font:400 26px/1.15 var(--serif);color:#244c33;margin:23px 0 15px;letter-spacing:-.55px}
.learn-sim-label{font-size:9px;letter-spacing:1.2px;font-weight:830;color:#80a385}
.learn-sim-row{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f4f8f1;border:1px solid #e4eee2;border-radius:8px;padding:12px;margin:8px 0;font-size:12px;color:#42644b}
.learn-sim-row strong{font-size:11px}.learn-sim-row small{color:#92a496;font-size:10px}
.learn-sim-row.active{background:#e1f1df;border-color:#9dccab;color:#27603b;box-shadow:0 0 0 3px #88bd9622}
.learn-sim-pill{display:inline-flex;padding:7px 10px;background:#e7f1e4;color:#428054;border-radius:6px;font-size:10px;font-weight:750}
.learn-sim-action{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;min-height:42px;border:1px solid #2b6844;background:#2b6844;border-radius:8px;color:#fff;padding:10px 13px;margin-top:15px;font-size:12px;font-weight:780;transition:transform .2s,background .2s}
.learn-sim-action:hover{transform:translateY(-1px);background:#205336}
.learn-sim-action.active{outline:3px solid #88bf8d;outline-offset:3px}
.learn-sim-action span{font-size:17px}
.learn-sim-preview{margin:15px 0;background:#f6f8f4;border-radius:9px;border:1px dashed #c8dcc8;padding:15px;min-height:100px}
.learn-sim-preview p{margin:0 0 10px;font-size:11px;color:#5f7864;line-height:1.8}
.learn-sim-preview p:last-child{margin-bottom:0}
.learn-sim-screen-note{font-size:10px;color:#809384;margin:12px 0 0;text-align:center}
.learn-lesson-bottom{padding:24px 32px;border-top:1px solid #dbe8d8;display:flex;justify-content:space-between;gap:20px;align-items:center}
.learn-step-indicators{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.learn-step-indicators button{border:1px solid #d1e1d0;width:29px;height:29px;border-radius:50%;background:#edf4e9;color:#718f76;font-size:11px;font-weight:800}
.learn-step-indicators button.active{background:#2f6945;color:white;border-color:#2f6945}
.learn-step-indicators button:hover{border-color:#75a87e}
.learn-lesson-actions{display:flex;gap:10px}
.learn-lesson-actions button{min-height:42px;padding:0 16px;border:1px solid #b9d0b9;border-radius:8px;background:#f5faf3;color:#3a704a;font-size:12px;font-weight:790}
.learn-lesson-actions button:disabled{opacity:.4;cursor:not-allowed}
.learn-lesson-actions #learn-next{background:#275d3e;color:#fff;border-color:#275d3e}
.learn-lesson-actions #learn-next:hover{background:#1d4a30}
.learn-finished{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:420px;padding:50px 25px}
.learn-finished-icon{font-size:58px;color:#57a56b}
.learn-finished h3{font:400 42px var(--serif);letter-spacing:-1px;margin:18px 0 12px;color:#264c33}
.learn-finished p{font-size:14px;max-width:450px;color:#6c826e;line-height:1.8}
.learn-finished button{border:0;background:#2a6140;color:#fff;border-radius:8px;font-size:12px;font-weight:750;padding:15px 22px;margin-top:15px}
.learn-care{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px}
.learn-care h2 em{font-weight:400}
.learn-care p{font-size:14px;line-height:1.9;color:#6a826e;max-width:580px;margin:25px 0}
.learn-care a{font-size:12px;color:#2e7148;text-decoration:underline;text-underline-offset:5px;font-weight:810}
.learn-care-card{min-height:300px;border-radius:19px;border:1px solid #cce0ca;background:linear-gradient(140deg,#e3f0dc,#f3f8ed);padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 18px 36px #3154360c}
.learn-care-card>span{font-size:60px;color:#46865a;margin-bottom:26px}
.learn-care-card strong{font:400 30px/1.25 var(--serif);color:#2a613e}
.learn-care-card small{font-size:12px;color:#638269;margin-top:15px}
.learn-final{background:#102f23;color:#f1f8ed;padding:87px 0}
.learn-final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.learn-final .overline{color:#a6d2a9}
.learn-final h2 em{color:#b8dfbb;font-weight:400}
.learn-final p{font-size:13px;color:#b7cdb9;line-height:1.8}
.learn-final-inner>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.learn-final .learn-minor-button{padding-left:3px}
.learn-noscript{padding-block:65px}
.learn-text-guide{padding:15px 0;border-bottom:1px solid #dbe6d8}
.learn-text-guide summary{cursor:pointer;font-weight:750}
.learn-text-guide li{font-size:13px;line-height:1.8;margin:12px 0}
[hidden]{display:none!important}
@keyframes learn-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-12px)}}
@media(max-width:1190px){.learn-hero-grid{gap:22px}.learn-card{padding:24px 21px}.learn-lesson-copy{padding:45px 36px}}
@media(max-width:1020px){.learn-hero-grid{grid-template-columns:1fr}.learn-hero-art{display:none}.learn-hero-grid{min-height:auto;padding-top:28px;padding-bottom:90px}.learn-back{margin-bottom:53px}.learn-hero-copy{max-width:760px}.learn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-lesson-grid{grid-template-columns:1fr 1fr}.learn-catalog-heading,.learn-workshop-intro{align-items:start}}
@media(max-width:850px){.learn-lesson-grid{grid-template-columns:1fr}.learn-demo{border-left:0;border-top:1px solid #d4e4d0}.learn-lesson-copy{padding:37px 40px}.learn-demo-screen{min-height:390px}.learn-lesson-bottom{flex-wrap:wrap}.learn-care{grid-template-columns:1fr;gap:30px}.learn-care-card{min-height:245px}}
@media(max-width:670px){.learn-catalog-heading,.learn-workshop-intro{display:block}.learn-catalog-heading>p,.learn-workshop-intro>p{margin-top:18px;max-width:540px}.learn-final-inner{flex-direction:column;align-items:stretch}.learn-final-inner>div:last-child{width:100%}.learn-final .learn-main-button{width:100%}}
@media(max-width:570px){.learn-hero-grid{padding-top:24px;padding-bottom:70px}.learn-back{margin-bottom:35px}.learn-hero h1{font-size:clamp(43px,11.3vw,57px);letter-spacing:-2px}.learn-hero-copy>p{font-size:14px}.learn-hero-actions{align-items:stretch;flex-direction:column;gap:20px}.learn-hero-foot{margin-top:30px}.learn-ribbon .shell{justify-content:center;gap:10px;min-height:62px}.learn-ribbon span{font-size:8px;letter-spacing:1px}.learn-ribbon b{font-size:11px}.learn-catalog{padding-top:75px;padding-bottom:84px}.learn-catalog-heading h2,.learn-workshop-intro h2,.learn-care h2,.learn-final h2{font-size:41px;letter-spacing:-1.4px}.learn-search-wrap{margin-top:30px}.learn-search-caption{display:none}.learn-cards{grid-template-columns:1fr}.learn-card{min-height:283px;padding:21px}.learn-card-icon{margin:18px 0 14px}.learn-card h3{font-size:27px}.learn-workshop-section{padding-block:80px}.learn-workshop-intro{margin-bottom:27px}.learn-workshop{border-radius:13px}.learn-workshop-empty{padding:60px 19px}.learn-lesson-header{padding:19px 20px}.learn-lesson-header>span{font-size:10px}.learn-lesson-copy{padding:32px 25px}.learn-lesson-copy h3{font-size:37px}.learn-lesson-body{font-size:14px}.learn-demo{padding:25px 16px 22px}.learn-demo-header{font-size:8px}.learn-demo-header span:last-child{display:none}.learn-demo-screen{padding-block:25px;min-height:330px}.learn-lesson-bottom{padding:18px 19px;gap:24px}.learn-step-indicators{width:100%;justify-content:center}.learn-lesson-actions{width:100%;justify-content:space-between}.learn-lesson-actions button{flex:1}.learn-care{padding-block:85px}.learn-care-card{padding:29px}.learn-care-card strong{font-size:26px}.learn-final{padding-block:72px}}
@media(prefers-reduced-motion:reduce){.learn-art-panel{animation:none}.learn-card,.learn-main-button,.learn-progress>div{transition:none}}

/* Prévia de verdade: a interface original é renderizada em um iframe sem scripts e sem armazenamento. */
.learn-authentic-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:13px}
.learn-authentic-frame{display:block;width:min(100%,410px);height:570px;background:#f8f5ef;border:1px solid #c9d8c6;border-radius:17px;box-shadow:0 13px 39px #173f261f;overflow:hidden}
.learn-demo-advance{width:min(100%,410px);padding:14px 18px;border-radius:10px;border:1px solid #b6d6b6;background:#d8edd4;color:#255a37;font-weight:780;font-size:12px;transition:background .2s,transform .2s}
.learn-demo-advance:hover{background:#c0e2be;transform:translateY(-2px)}
.learn-demo-advance:focus-visible{outline:3px solid #598e62;outline-offset:3px}
.learn-demo-screen:has(.learn-authentic-frame){padding:12px 0;min-height:unset}
.learn-demo:has(.learn-authentic-frame){padding-bottom:22px}
@media(max-width:570px){.learn-authentic-frame{height:520px;max-width:350px}.learn-demo-advance{max-width:350px}}

/* Prévia estática — sem segunda rolagem, zoom ou ações nos dados. */
.learn-authentic-frame{
  pointer-events:none!important;
  touch-action:none!important;
  overscroll-behavior:none!important;
  user-select:none;
  -webkit-user-select:none;
  height:570px;
  max-width:410px;
  max-height:570px;
}
.learn-authentic-wrap{overflow:hidden}
.learn-demo-screen .learn-authentic-frame:focus{outline:none}
@media(max-width:570px){
  .learn-authentic-frame{width:min(100%,350px);height:520px;max-height:520px}
}