#aprenda{max-width:1180px}.intro{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;margin:8px 0 24px}.intro h1{font:600 clamp(35px,5vw,58px)/1.08 var(--disp);letter-spacing:-1.3px;margin:13px 0 20px}.lead{color:var(--muted);font-size:18px;max-width:34em}.sobretitulo{text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:700;color:var(--accent)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.intro-art{position:relative;padding:12px;background:var(--panel);border-radius:var(--r-lg);border:1px solid var(--border);transform:rotate(2deg)}.intro-art img{display:block;width:100%;height:auto;border-radius:var(--r-md)}.intro-art span{position:absolute;bottom:22px;left:22px;right:22px;text-align:center;background:var(--panel);border-radius:var(--r-pill);padding:7px;font-size:11px;font-weight:600}.quick-links{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding:20px 0;font-size:13px;font-weight:600}.quick-links a{text-decoration:none}.anchor{scroll-margin-top:24px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:48px 0 22px}.section-title h2{margin:7px 0 0;font-size:30px}.section-title>p{max-width:28em;color:var(--muted);font-size:14px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card{padding:0;background:var(--panel);border:2px solid var(--border);border-radius:var(--r-lg);overflow:hidden;text-align:left;color:var(--text);font:inherit;cursor:pointer}.case-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.case-card img{display:block;width:100%;height:200px;object-fit:contain;background:var(--xadrez-a);padding:14px}.case-card>span{display:block;padding:18px}.case-card strong{font-family:var(--disp);font-size:20px;display:block}.case-card small{font-size:12px;color:var(--muted);display:block;margin:7px 0}.case-card .card-action{font-size:12px;font-weight:700;color:var(--accent)}.case-article{margin:28px 0 0;padding:30px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel)}.case-heading{display:flex;justify-content:space-between;gap:22px;align-items:start;margin-bottom:23px}.case-heading h2{font-size:29px;margin:8px 0}.case-heading p{color:var(--muted);max-width:44em;font-size:14px}.tag{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:5px 10px;border-radius:var(--r-pill)}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.image-pair figure{min-width:0}.image-pair img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid var(--border);border-radius:var(--r-md);background:var(--xadrez-a)}figcaption{padding:10px 0;font-size:12px;font-weight:600}.small{font-size:12px;color:var(--muted);line-height:1.6}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.note{padding:17px;border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--border);font-size:13px}.note b{display:block;margin-bottom:8px;font-size:14px}.saved-settings{margin-top:23px;border-top:1px solid var(--border);padding-top:18px}.saved-settings summary{cursor:pointer;font-weight:600;font-size:14px}.saved-settings>p{margin:13px 0;font-size:13px}.table-scroll{overflow:auto;margin:14px 0}.table-scroll table{min-width:460px}.swatch{display:inline-block;width:17px;height:17px;vertical-align:middle;border:1px solid var(--border);border-radius:5px;margin-right:7px;background:var(--color)}.case-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.case-bottom p{font-size:13px;color:var(--muted);max-width:45em}.case-bottom a{flex-shrink:0}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;counter-reset:steps;padding:0}.workflow li{counter-increment:steps;border-top:2px solid var(--border);padding-top:18px}.workflow li::before{content:'0' counter(steps);display:block;color:var(--accent);font-size:12px;font-weight:700;margin-bottom:10px}.workflow b{font-size:15px}.workflow p{font-size:13px;color:var(--muted);margin-top:8px}.prompt-builder{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:30px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:28px}.prompt-builder h3{font:600 22px var(--disp);margin-bottom:10px}.prompt-builder label{display:block;font-size:13px;font-weight:600;margin:18px 0 12px}.prompt-builder label>span{display:block;margin-bottom:6px}.prompt-builder .prompt-label{margin:0 0 10px}.prompt-builder textarea{resize:vertical;min-height:370px;font-size:13px;line-height:1.7}.prompt-actions{display:flex;gap:15px;align-items:center;margin-top:13px}.prompt-actions p{font-size:12px;color:var(--muted)}.height-section{margin-top:48px;padding:30px;border-radius:var(--r-lg);background:var(--accent-soft);border:1px solid var(--border)}.height-section h2{font-size:29px;margin:8px 0 15px}.height-section>p:not(.sobretitulo){max-width:55em}.height-explainer{display:grid;grid-template-columns:.7fr 1fr;gap:30px;align-items:center;margin-top:22px}.height-explainer>img{width:100%;max-height:340px;object-fit:contain;border-radius:var(--r-md)}.height-explainer h3{font:600 20px var(--disp);margin-bottom:15px}.height-explainer p{font-size:13px;margin-top:17px}.height-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);margin:7px 0;font-size:13px}.height-row>span{display:flex;align-items:center}.fix-item{border-top:1px solid var(--border);padding:17px 0}.fix-item summary{cursor:pointer;font-weight:600}.fix-item p{font-size:14px;max-width:60em;color:var(--muted);margin:12px 0}.fix-item pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;font:13px/1.65 var(--body);margin:12px 0}.fix-item button{font-size:12px;padding:7px 13px}.closing{margin-top:26px;padding:25px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel)}.closing h3{font-family:var(--disp);font-size:22px;margin-bottom:13px}.closing ul{padding-left:20px}.closing li{font-size:14px;margin:9px 0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.case-card:hover{border-color:var(--accent)}
@media(max-width:760px){.intro{gap:24px;grid-template-columns:1fr}.intro-art{max-width:350px;justify-self:center}.intro h1{font-size:40px}.lead{font-size:16px}.section-title{display:block}.section-title>p{margin-top:12px}.case-grid{gap:10px}.case-card img{height:140px;padding:9px}.case-card>span{padding:12px}.case-card strong{font-size:17px}.case-card small{font-size:11px}.case-heading,.case-bottom{flex-direction:column;display:flex}.case-article{padding:20px}.note-grid{grid-template-columns:1fr}.workflow{grid-template-columns:1fr 1fr}.prompt-builder{grid-template-columns:1fr;padding:20px;gap:22px}.height-explainer{grid-template-columns:1fr}.height-section{padding:22px}.height-explainer>img{max-height:270px}.image-pair{gap:10px}.image-pair figcaption{font-size:11px}.quick-links{gap:12px 18px}.intro-art img{max-height:310px;object-fit:contain}.case-heading a{font-size:13px}}
@media(max-width:430px){.case-grid{grid-template-columns:1fr}.case-card{display:flex;align-items:center}.case-card img{width:110px;height:120px;flex-shrink:0}.case-card>span{padding:10px}.case-card small{margin:4px 0}.intro h1{font-size:35px}.workflow{gap:18px}.prompt-actions{flex-wrap:wrap}.height-row{font-size:12px;padding:9px}.image-pair{grid-template-columns:1fr}.case-article{padding:17px}.quick-links{font-size:12px}}

.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.journey figure{min-width:0}.media-space,.art-stage{aspect-ratio:1;position:relative;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;gap:12px}.media-space{border-style:dashed}.media-space strong{font:600 19px var(--disp)}.media-space p{font-size:12px;color:var(--muted)}.media-space img{width:100%;height:100%;object-fit:contain}.art-stage{padding:0;background:var(--xadrez-a)}.art-stage img{width:100%;height:100%;object-fit:contain}.stage-number{position:absolute;top:12px;left:12px;background:var(--panel);color:var(--accent);font-size:11px;font-weight:700;border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 8px}.teaching{margin-top:44px;padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg)}.teaching h2{margin-top:9px;font-size:29px}.teaching>p{max-width:65em}.teaching ol{padding-left:22px;margin:20px 0;font-size:14px}.teaching li{margin:11px 0}.lesson-callout{margin-top:22px;padding:19px;background:var(--accent-soft);border-radius:var(--r-md);font-size:14px}.lesson-callout strong{display:block;margin-bottom:9px}.height-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.height-demo>div{border:1px solid var(--border);border-radius:var(--r-md);padding:20px}.height-demo strong{display:block;font-size:14px;margin:15px 0 8px}.height-demo p{font-size:13px;color:var(--muted)}.height-demo span{display:block;width:55px;height:34px;border-radius:0 75% 0 75%}.leaf-outer{background:#2AB44C}.leaf-inner{background:#93E073}.leaf-finish{background:#2E7E3F}.draft-banner{padding:15px;background:var(--aviso-bg);color:var(--aviso-tx);border:1px solid var(--aviso-bd);border-radius:var(--r-md);font-size:13px;margin-bottom:20px}.image-pair .media-space{height:100%}
@media(max-width:1000px){.journey{grid-template-columns:1fr 1fr}}@media(max-width:600px){.journey,.height-demo{grid-template-columns:1fr}.teaching{padding:20px}.journey figure{max-width:100%}.media-space,.art-stage{aspect-ratio:1.2}.media-space p{max-width:23em}.height-demo>div{padding:16px}.image-pair{grid-template-columns:1fr}}

/* Marcadores das regiões reais da arte do Papai Noel, não cores de interface. */
.height-demo .part-marker{border-radius:8px}.beard-marker{background:#80E1FC}.moustache-marker{background:#FA8FD6}.white-marker{background:#FFFFFF;border:1px solid var(--border)}