@font-face{font-family:Nunito;src:url('../assets/fonts/Nunito-Variable.woff2') format('woff2');font-weight:200 1000;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--cabecalho-altura) + var(--espaco-6))}
body{margin:0;background:var(--cor-fundo-tela);color:var(--cor-texto-principal);font-family:var(--fonte-texto);font-size:1rem;line-height:1.6}
img{display:block;max-width:100%;height:auto}
button,a,summary{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-underline-offset:4px}
button{font:inherit}
button,a,summary{touch-action:manipulation}
:focus-visible{outline:var(--borda-foco) solid var(--cor-foco);outline-offset:4px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--fonte-titulo);text-wrap:balance}
h1{font-size:3.5rem;line-height:1.075;font-weight:900;letter-spacing:-.035em}
h2{font-size:2.5rem;line-height:1.1;font-weight:900;letter-spacing:-.025em}
h3{font-size:1.625rem;line-height:1.24;font-weight:800}
.container{width:calc(100% - var(--espaco-12) * 2);max-width:var(--tela-coluna-max);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:var(--camada-fixo);background:var(--cor-fundo-tela);border-bottom:var(--borda-fina) solid var(--cor-borda-padrao)}
.header-inner{min-height:calc(var(--cabecalho-altura) + var(--espaco-4));display:flex;align-items:center;justify-content:space-between;gap:var(--espaco-8)}
.brand{display:block;flex:none;padding:var(--espaco-3) 0}
.brand img{width:160px}
.navigation{display:flex;align-items:center;gap:var(--espaco-8)}
.navigation>a:not(.dv-botao){font-family:var(--fonte-titulo);font-weight:800;font-size:1rem;min-height:var(--alvo-adulto);display:flex;align-items:center;text-decoration:none}
.navigation>a:not(.dv-botao):hover{color:var(--cor-texto-link);text-decoration:underline}
.menu-toggle{display:none}
.skip-link{position:fixed;top:var(--espaco-3);left:var(--espaco-4);padding:var(--espaco-3) var(--espaco-6);background:var(--cor-fundo-superficie);z-index:var(--camada-modal);transform:translateY(-180%);border-radius:var(--raio-pilula)}
.skip-link:focus{transform:translateY(0)}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--espaco-12);align-items:center;padding-block:var(--espaco-20) var(--espaco-20)}
.eyebrow{display:flex;align-items:center;gap:var(--espaco-2);font-family:var(--fonte-titulo);font-weight:800;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--espaco-6)}
.hero h1{margin-bottom:var(--espaco-6)}
.highlight{position:relative;color:var(--cor-texto-link);isolation:isolate}
.highlight:after{content:'';position:absolute;left:-3%;right:-4%;bottom:0;height:22%;background:var(--cor-tom-amarelo-fundo);z-index:-1;transform:rotate(-3deg);border-radius:var(--raio-p)}
.hero-description{font-size:1.125rem;line-height:1.7;max-width:48ch;color:var(--cor-texto-secundario)}
.actions{display:flex;gap:var(--espaco-3);flex-wrap:wrap;margin-top:var(--espaco-8)}
.hero .dv-botao--gg{padding-inline:var(--espaco-6);font-size:1rem}
.hero-actions{align-items:center;column-gap:var(--espaco-6)}
.hero-note{font-size:.875rem;display:flex;align-items:center;gap:var(--espaco-2);margin-top:var(--espaco-6);color:var(--cor-texto-secundario)}
.hero-art{position:relative;isolation:isolate;width:100%;max-width:var(--hero-ilustracao-max);aspect-ratio:1/1.02;justify-self:end;border-radius:var(--raio-xg);background:var(--cor-tom-turquesa-fundo);color:var(--cor-tom-turquesa-texto);container-type:inline-size;user-select:none;-webkit-user-select:none}
/* A folha da Gal e o rig com as mesmas cores saem de tools/hero_gal.py; public/site/hero.js anima. */
.hero-sheet{position:absolute;left:6%;top:10%;width:56%;padding:var(--borda-adesivo-p);border-radius:var(--raio-m);background:var(--cor-contorno-adesivo);box-shadow:var(--sombra-flutuante);transform:rotate(-5deg)}
.hero-sheet-art{position:relative}
.hero-sheet-art>svg{display:block;width:100%;height:auto;overflow:visible}
/* O palco cobre a folha e o espaço à direita, nas coordenadas da arte (2067 x 2924):
   x de 0 a 3450, y de -500 a 2924. Os mesmos números estão em hero.js. */
.hero-stage{position:absolute;z-index:3;left:0;top:-17.1%;width:166.91%;height:117.1%;pointer-events:none}
.hero-crayon{opacity:0;transition:opacity .25s}
.is-resetting .hero-stage,.is-resetting .hero-painted{opacity:0;transition:opacity .5s}
/* O celular fica na frente da folha (x 1450 a 2750, y 950 a 3250 na arte) e a tela mostra
   a folha com zoom 0,72: as porcentagens saem das constantes TELA de hero.js. */
.hero-phone{position:absolute;z-index:2;left:70.15%;top:32.49%;width:62.89%;height:78.66%;padding:2.9%;border-radius:5cqw;background:var(--cor-ameixa-800);box-shadow:0 0 0 1.1cqw var(--cor-contorno-adesivo),var(--sombra-flutuante);opacity:0;transform:translate(25%,60%) rotate(14deg);transition:transform .5s ease-in,opacity .3s .2s;will-change:transform,opacity}
.is-phone .hero-phone{opacity:1;transform:none;transition:transform .75s cubic-bezier(.3,1.25,.5,1),opacity .2s}
.hero-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:3.6cqw;background:#EDE3EA}
.hero-phone-screen::before{content:"";position:absolute;z-index:2;top:1.4cqw;left:50%;width:32%;height:1.8cqw;border-radius:1cqw;background:var(--cor-ameixa-800);transform:translateX(-50%)}
.hero-phone-screen>img{position:absolute;left:-15.84%;top:16.22%;width:126.12%;max-width:none}
.hero-phone-aim{--c:var(--cor-turquesa-300);--l:4.5cqw;--e:.9cqw;position:absolute;inset:39.5% 6% 10% 8%;background:linear-gradient(var(--c) 0 0) left top/var(--l) var(--e),linear-gradient(var(--c) 0 0) left top/var(--e) var(--l),linear-gradient(var(--c) 0 0) right top/var(--l) var(--e),linear-gradient(var(--c) 0 0) right top/var(--e) var(--l),linear-gradient(var(--c) 0 0) left bottom/var(--l) var(--e),linear-gradient(var(--c) 0 0) left bottom/var(--e) var(--l),linear-gradient(var(--c) 0 0) right bottom/var(--l) var(--e),linear-gradient(var(--c) 0 0) right bottom/var(--e) var(--l);background-repeat:no-repeat;opacity:0;transition:opacity .3s}
.is-phone .hero-phone-aim{opacity:1;animation:hero-mira .5s cubic-bezier(.3,1.4,.5,1) .6s both}
.is-free .hero-phone-aim{opacity:0;animation:none}
@keyframes hero-mira{from{opacity:0;transform:scale(1.3)}to{opacity:1;transform:none}}
.hero-sparkle{position:absolute;width:var(--s);height:auto;animation:hero-brilho 3s ease-in-out var(--d) infinite}
.hero-art:not(.is-alive) .hero-sparkle{opacity:0;animation:none}
.art-sticker{position:absolute;z-index:4;display:flex;align-items:center;gap:var(--espaco-3);bottom:calc(var(--espaco-4) * -1);left:var(--espaco-5);padding:var(--espaco-3) var(--espaco-5);border-radius:var(--raio-pilula);background:var(--cor-neutro-0);color:var(--cor-tom-amarelo-texto);font-family:var(--fonte-titulo);font-size:1.125rem;font-weight:900;white-space:nowrap;transform:rotate(-5deg);box-shadow:var(--sombra-flutuante)}
.sticker-after,.is-alive .sticker-before{display:none}
.is-alive .sticker-after{display:inline}
.is-alive .art-sticker{background:var(--cor-tom-amarelo-fundo)}
@media(prefers-reduced-motion:no-preference){.js .hero-art:not(.is-painted) .hero-scribble{stroke-dasharray:30000;stroke-dashoffset:30000}.js .hero-art:not(.is-painted) .hero-crayon{opacity:1}.is-alive .hero-sparkle{animation:hero-estouro .55s cubic-bezier(.3,1.6,.5,1) var(--d) both,hero-brilho 3s ease-in-out calc(.6s + var(--d)) infinite}.is-alive .art-sticker{animation:hero-adesivo .5s cubic-bezier(.3,1.5,.5,1) .15s both}}
@keyframes hero-brilho{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(.72) rotate(18deg)}}
@keyframes hero-estouro{from{opacity:0;transform:scale(0) rotate(-40deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}
@keyframes hero-adesivo{from{opacity:0;transform:translateY(30%) rotate(-5deg) scale(.7)}to{opacity:1;transform:rotate(-5deg)}}
.intro-strip{background:var(--cor-tom-turquesa-fundo);color:var(--cor-tom-turquesa-texto);padding-block:var(--espaco-5)}
.intro-strip>.container{display:flex;align-items:center;gap:var(--espaco-6);font-family:var(--fonte-titulo);font-weight:800;font-size:1.125rem}
.intro-strip a{margin-left:auto;font-size:1rem;display:flex;align-items:center;gap:var(--espaco-3);min-height:var(--alvo-adulto)}
.play-small{font-size:.75rem;display:inline-grid;place-items:center;width:var(--espaco-8);height:var(--espaco-8);border:var(--borda-media) solid currentColor;border-radius:50%}
.section{padding-block:var(--espaco-24)}
.section-heading{margin-bottom:var(--espaco-12)}
.section-heading p:not(.eyebrow){color:var(--cor-texto-secundario);margin-top:var(--espaco-4);font-size:1.125rem}
.centered{text-align:center;max-width:800px;margin-inline:auto}
.centered .eyebrow{justify-content:center;margin-bottom:var(--espaco-4)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--espaco-12);list-style:none;padding:0;margin:0}
/* O link "Como funciona" para perto do título: os três passos cabem numa tela de notebook. */
#como-funciona{scroll-margin-top:calc(-1 * var(--espaco-16))}
.step-art{display:flex;justify-content:center;width:100%;aspect-ratio:4/3;max-height:clamp(200px,calc(100svh - 500px),260px);border-radius:var(--raio-gg);overflow:hidden;background:var(--cor-roxo-100);margin-bottom:var(--espaco-5)}
/* Os cartões repetem pedaços do hero (data-gal em hero.js): o giz pintando e o celular com o
   pulo da Gal. A impressora é só daqui, nas cores da tela "Como funciona" do app. */
.step-art .como-cena{flex:none;width:auto;height:100%;max-width:none;aspect-ratio:1;border-radius:0;background:none}
.como-cena[data-gal=pintar] .hero-sheet{left:22%;top:7%}
.como-impressora{position:relative;flex:none;height:100%;aspect-ratio:1;container-type:inline-size}
.como-bandeja{position:absolute;left:30%;top:2%;width:40%;height:12%;border-radius:2.5cqw;background:var(--cor-creme-100)}
.como-corpo{position:absolute;z-index:2;left:14%;right:14%;top:7%;height:24%;border-radius:7cqw;background:var(--cor-laranja-400);box-shadow:var(--sombra-flutuante)}
.como-fenda{position:absolute;left:14%;right:14%;bottom:13%;height:9%;border-radius:1cqw;background:var(--cor-violeta-800)}
.como-luz{position:absolute;right:9%;top:20%;width:5cqw;height:5cqw;border-radius:50%;background:var(--cor-limao-400)}
.como-saida{position:absolute;z-index:1;left:28%;width:44%;top:27%;bottom:0;clip-path:inset(0 -30% -30% -30%)}
.como-folha{display:block;width:100%;height:auto;border-radius:1.2cqw;box-shadow:var(--sombra-flutuante);transform:translateY(3%)}
@media(prefers-reduced-motion:no-preference){
  .js .como-folha{animation:como-imprime 5s infinite paused}
  .js .como-luz{animation:como-luz 5s infinite paused}
  .js .como-impressora .hero-sparkle{animation:como-brilho 5s infinite paused}
  .como-impressora.is-running :is(.como-folha,.como-luz,.hero-sparkle){animation-play-state:running}
}
@keyframes como-imprime{0%,10%{transform:translateY(-101%);opacity:1}58%{transform:none}64%{transform:translateY(5%)}69%,90%{transform:translateY(3%);opacity:1}100%{transform:translateY(3%);opacity:0}}
@keyframes como-luz{0%,10%,18%,26%,34%,42%,50%{background:var(--cor-creme-100)}14%,22%,30%,38%,46%,54%,100%{background:var(--cor-limao-400)}}
@keyframes como-brilho{0%,62%{opacity:0;transform:scale(0) rotate(-40deg)}70%{opacity:1;transform:scale(1.15)}76%{transform:scale(1)}88%{opacity:1;transform:scale(.8) rotate(15deg)}96%,100%{opacity:0;transform:scale(.5)}}
.step-number{display:inline-block;margin-bottom:var(--espaco-2);padding:var(--espaco-1) var(--espaco-3);border-radius:var(--raio-pilula);background:var(--cor-acao-suave);color:var(--cor-acao-suave-texto);font:800 .875rem/1.4 var(--fonte-titulo)}
.steps h3{margin-bottom:var(--espaco-3);font-size:1.375rem}
.steps p{color:var(--cor-texto-secundario)}
.demo-section{background:var(--cor-fundo-inverso);color:var(--cor-texto-inverso);padding-block:var(--espaco-20)}
.demo-section :focus-visible{outline-color:var(--cor-foco-inverso)}
.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--espaco-16);align-items:center}
.demo-copy h2{margin-bottom:var(--espaco-6)}
.demo-copy>p:not(.eyebrow){color:var(--cor-texto-inverso-secundario);font-size:1.125rem}
.video-note{display:flex;align-items:flex-start;gap:var(--espaco-3);margin-top:var(--espaco-8);font-size:.875rem;color:var(--cor-texto-inverso-secundario)}
.video-note img{background:var(--cor-fundo-superficie);border-radius:var(--raio-pilula);flex:none;margin-top:var(--espaco-1)}
.video-shell{position:relative;aspect-ratio:16/10;border-radius:var(--raio-gg);overflow:hidden;background:var(--cor-fundo-tela)}
.video-shell video{display:block;width:100%;height:100%;object-fit:contain}
.video-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaco-4);width:100%;border:0;background:var(--cor-personagem-gal-fundo);color:var(--cor-personagem-gal-texto);cursor:pointer;padding:var(--espaco-5)}
.video-cover>img{width:34%;height:55%;object-fit:contain;transition:transform var(--duracao-padrao) var(--curva-pulo)}
.video-cover:hover>img{transform:rotate(-5deg) scale(1.04)}
.cover-label{font-family:var(--fonte-titulo);font-size:.875rem;font-weight:900;letter-spacing:.1em}
.watch-label{display:flex;align-items:center;gap:var(--espaco-3);font-family:var(--fonte-titulo);font-size:1.125rem;font-weight:900}
.play-circle{display:inline-grid;place-items:center;width:var(--alvo-adulto);height:var(--alvo-adulto);font-size:1rem;padding-left:var(--espaco-1);border-radius:var(--raio-pilula);background:var(--cor-acao-primaria);color:var(--cor-acao-primaria-texto)}
.video-caption{margin-top:var(--espaco-3);font-size:.875rem;color:var(--cor-texto-inverso-secundario)}
.video-error{margin-top:var(--espaco-4)}
[hidden]{display:none!important}
.audience-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--espaco-20);align-items:center}
.home-art{position:relative;aspect-ratio:1/1.08;background:var(--cor-tom-amarelo-fundo);color:var(--cor-tom-amarelo-texto);border-radius:var(--raio-xg);overflow:hidden;container-type:inline-size}
.art-title{position:absolute;z-index:1;left:var(--espaco-8);top:var(--espaco-8);font:900 2rem/1.1 var(--fonte-titulo);letter-spacing:-.025em}
/* A turma sem pintura (tools/turma_casa.py): Gal e Davi, os grátis, na frente. Em cqw, para a cena só mudar de escala; o width é o LARGURAS do script. */
.home-chao{position:absolute;left:-10cqw;right:-10cqw;bottom:-14cqw;height:46cqw;border-radius:50%;background:color-mix(in srgb,var(--cor-tom-amarelo-fundo),#fff 40%)}
.home-turma{position:absolute;height:auto;transform-origin:50% 100%}
.home-beto{left:37cqw;bottom:45cqw;width:24cqw;--i:1}
.home-helena{left:2cqw;bottom:44cqw;width:29cqw;--i:0}
.home-milo{left:68cqw;bottom:37cqw;width:30cqw;--i:2}
.home-gal{left:4cqw;bottom:12cqw;width:44cqw;--i:3}
.home-davi{left:50cqw;bottom:12cqw;width:46cqw;--i:4}
.home-caption{position:absolute;z-index:1;left:50%;bottom:4cqw;translate:-50% 0;white-space:nowrap;padding:2.2cqw 4cqw;border-radius:var(--raio-pilula);background:var(--cor-fundo-superficie);color:var(--cor-texto-principal);font:800 clamp(.6875rem,2.6cqw,.875rem)/1 var(--fonte-titulo)}
@media(prefers-reduced-motion:no-preference){
  .js .home-art:not(.is-in) :is(.home-turma,.hero-sparkle){opacity:0}
  .js .home-art:not(.is-in) .home-turma{translate:0 8cqw;scale:.7}
  .home-turma{transition:translate .6s cubic-bezier(.3,1.6,.5,1),scale .6s cubic-bezier(.3,1.6,.5,1),opacity .2s;transition-delay:calc(var(--i) * .09s);animation:home-respira 3.2s ease-in-out calc(var(--i) * -.45s) infinite}
  .home-art.is-in .hero-sparkle{animation:hero-estouro .55s cubic-bezier(.3,1.6,.5,1) var(--d) both,hero-brilho 3s ease-in-out calc(.6s + var(--d)) infinite}
}
@keyframes home-respira{0%,100%{transform:scale(1,1)}50%{transform:scale(1.015,.975)}}
.audience-copy>p:not(.eyebrow):not(.small-note){color:var(--cor-texto-secundario);font-size:1.125rem;margin-top:var(--espaco-6)}
.check-list{list-style:none;margin:var(--espaco-6) 0 var(--espaco-8);padding:0;display:grid;gap:var(--espaco-3)}
.check-list li{padding-left:var(--espaco-8);position:relative}
.check-list li:before{content:'';width:20px;height:20px;background:url('../assets/icons/visto.svg') center/contain no-repeat;position:absolute;left:0;top:var(--espaco-1)}
.small-note{font-size:.875rem;color:var(--cor-texto-secundario);margin-top:var(--espaco-4);max-width:50ch}
.drawings-section{padding-block:var(--espaco-20);background:var(--cor-fundo-bloco)}
.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--espaco-12);margin-bottom:var(--espaco-8)}
.gallery-heading h2{max-width:22ch}
.gallery-heading>p{max-width:30ch;font-size:1rem!important;flex-shrink:0}
.gallery-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--espaco-3);margin-bottom:var(--espaco-8)}
.filter-button{border:var(--borda-media) solid var(--cor-texto-principal);border-radius:var(--raio-pilula);padding:var(--espaco-3) var(--espaco-5);background:transparent;color:var(--cor-texto-principal);font:800 1rem var(--fonte-titulo);min-height:var(--alvo-adulto);cursor:pointer}
.filter-button span{margin-left:var(--espaco-2);font-size:.875rem}
.filter-button.is-active{background:var(--cor-fundo-inverso);color:var(--cor-texto-inverso)}
.gallery-controls>p{margin-left:auto;font-size:.875rem}
.drawing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--espaco-6)}
.drawing-card{border-radius:var(--raio-gg);overflow:hidden;background:var(--cor-fundo-superficie);min-width:0}
.drawing-image{position:relative;padding:var(--espaco-12) var(--espaco-8) 0;height:330px;overflow:hidden}
.drawing-image>img{width:100%;max-width:230px;margin:auto;transform:rotate(-5deg) translateY(var(--espaco-2));transition:transform var(--duracao-padrao) var(--curva-padrao)}
.drawing-card:nth-child(even) .drawing-image>img{transform:rotate(5deg) translateY(var(--espaco-2))}
.drawing-card:hover .drawing-image>img{transform:rotate(0deg)}
.drawing-badge{position:absolute;z-index:1;top:var(--espaco-4);left:var(--espaco-4);border-radius:var(--raio-pilula);padding:var(--espaco-1) var(--espaco-3);font:800 .875rem/1.5 var(--fonte-titulo);background:var(--cor-fundo-superficie);color:var(--cor-texto-principal)}
.gal-bg{background:var(--cor-personagem-gal-fundo)}.davi-bg{background:var(--cor-personagem-davi-fundo)}.beto-bg{background:var(--cor-personagem-beto-fundo)}.caique-bg{background:var(--cor-personagem-caique-fundo)}.flora-bg{background:var(--cor-personagem-flora-fundo)}.helena-bg{background:var(--cor-laranja-300)}
.drawing-info{padding:var(--espaco-5) var(--espaco-6)}
.drawing-info>span{font-size:.875rem;color:var(--cor-texto-secundario)}
.sheet-link{margin-top:var(--espaco-4);padding-top:var(--espaco-3);border-top:var(--borda-fina) solid var(--cor-borda-padrao);display:flex;gap:var(--espaco-2);align-items:center;font-family:var(--fonte-titulo);font-weight:800;min-height:var(--alvo-adulto);text-decoration:none}
.sheet-link:hover{text-decoration:underline;color:var(--cor-texto-link)}
.printing-note{display:flex;align-items:flex-start;gap:var(--espaco-3);font-size:.875rem;margin-top:var(--espaco-8);max-width:85ch}
.printing-note>img{flex:none}
.school-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--espaco-12);align-items:center;background:var(--cor-fundo-suave);border-radius:var(--raio-xg);padding:var(--espaco-12)}
.school-copy>p:not(.eyebrow){margin-block:var(--espaco-6);color:var(--cor-texto-secundario)}
.school-login{display:block;font-size:.875rem;margin-top:var(--espaco-5);width:fit-content;padding-block:var(--espaco-2)}
.school-art{position:relative;min-height:350px;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;padding-top:var(--espaco-16)}
.school-art>img{max-height:300px;width:75%;object-fit:contain}
.school-speech{position:absolute;top:0;right:0;padding:var(--espaco-5);background:var(--cor-fundo-superficie);border-radius:var(--raio-gg);font:800 1.125rem/1.3 var(--fonte-titulo);max-width:24ch;transform:rotate(5deg)}
.school-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--espaco-12);margin-top:var(--espaco-12)}
.school-benefits h3{font-size:1.375rem;margin-block:var(--espaco-4) var(--espaco-3)}
.school-benefits p{color:var(--cor-texto-secundario)}
.care-strip{background:var(--cor-fundo-suave);padding-block:var(--espaco-8)}
.care-inner{display:flex;align-items:center;gap:var(--espaco-6)}
.care-icon{width:var(--espaco-16);height:var(--espaco-16);flex:none;display:grid;place-items:center;border-radius:var(--raio-pilula);background:var(--cor-fundo-tela)}
.care-inner h3{font-size:1.375rem;margin-bottom:var(--espaco-2)}
.care-inner p{font-size:.875rem;max-width:75ch}
.care-inner>a{font-family:var(--fonte-titulo);font-weight:800;font-size:.875rem;margin-left:auto;flex:none}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--espaco-20)}
.faq-heading>p:not(.eyebrow){margin-top:var(--espaco-6);color:var(--cor-texto-secundario)}
.faq-heading>a{display:inline-block;margin-top:var(--espaco-6);font-weight:600;min-height:var(--alvo-adulto)}
.faq-list{border-top:var(--borda-fina) solid var(--cor-borda-padrao)}
.faq-list details{border-bottom:var(--borda-fina) solid var(--cor-borda-padrao)}
.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--espaco-6);padding-block:var(--espaco-6);font:800 1.125rem/1.4 var(--fonte-titulo)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:1.625rem;font-weight:600;transition:transform var(--duracao-rapida);flex:none}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details>p{padding-bottom:var(--espaco-6);color:var(--cor-texto-secundario)}
.final-section{padding-bottom:var(--espaco-24)}
.start-banner{display:flex;gap:var(--espaco-12);align-items:center;justify-content:space-between;padding:var(--espaco-12);border-radius:var(--raio-xg);background:var(--cor-tom-amarelo-fundo);color:var(--cor-tom-amarelo-texto)}
.start-banner h2{font-size:2rem;line-height:1.2}
.start-banner p:not(.eyebrow){margin-top:var(--espaco-5)}
.start-actions{display:flex;flex-direction:column;gap:var(--espaco-3);flex:none}
.start-actions .dv-botao{font-size:1rem;padding-inline:var(--espaco-6)}
.footer{background:var(--cor-fundo-inverso);color:var(--cor-texto-inverso);padding-block:var(--espaco-16) var(--espaco-6)}
.footer :focus-visible{outline-color:var(--cor-foco-inverso)}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--espaco-12)}
.footer-top h3{font-size:1.125rem;margin-bottom:var(--espaco-3)}
.footer-top>div>a{display:block;text-decoration:none;font-size:.875rem;min-height:var(--espaco-10);width:fit-content;align-content:center}
.footer-top>div>a:hover{text-decoration:underline}
.footer-logo{display:block;width:160px;height:32px;mask:url('../assets/brand/logo.png') center/contain no-repeat;-webkit-mask:url('../assets/brand/logo.png') center/contain no-repeat;background:var(--cor-texto-inverso)}
.footer-brand p{margin-top:var(--espaco-4);font-size:1rem;color:var(--cor-texto-inverso-secundario)}
.footer-bottom{margin-top:var(--espaco-12);padding-top:var(--espaco-6);border-top:var(--borda-fina) solid var(--cor-texto-inverso-secundario);display:flex;justify-content:space-between;gap:var(--espaco-6);font-size:.75rem;color:var(--cor-texto-inverso-secundario)}
.footer-bottom>div{display:flex;gap:var(--espaco-6)}
dialog{width:calc(100% - var(--espaco-8));max-width:560px;max-height:calc(100% - var(--espaco-8));overflow:auto;border:0;border-radius:var(--raio-xg);padding:var(--espaco-12) var(--espaco-8) var(--espaco-8);background:var(--cor-fundo-tela);color:var(--cor-texto-principal);box-shadow:var(--sombra-dialogo)}
dialog::backdrop{background:var(--cor-sobreposicao)}
body:has(dialog[open]){overflow:hidden}
.dialog-close{position:absolute;right:var(--espaco-3);top:var(--espaco-3)}
dialog h2{font-size:2rem;margin-bottom:var(--espaco-6)}
dialog>p:not(.eyebrow){color:var(--cor-texto-secundario)}
dialog .eyebrow{margin-top:var(--espaco-4)}
.dialog-actions{display:flex;flex-direction:column;align-items:center;gap:var(--espaco-6);margin-block:var(--espaco-6)}
.dialog-actions>a:first-child{width:100%;white-space:normal;text-align:center;padding-block:var(--espaco-4);height:auto;min-height:var(--alvo-adulto)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.hero{padding-block:var(--espaco-24)}}
@media(max-width:1100px){.navigation{gap:var(--espaco-5)}.container{width:calc(100% - var(--espaco-8) * 2)}.hero{gap:var(--espaco-8)}h1{font-size:3rem}.intro-strip>.container{gap:var(--espaco-4);font-size:1rem}}
@media(max-width:1023px){.header-inner{min-height:var(--cabecalho-altura)}.menu-toggle{display:grid}.navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:var(--espaco-6);border-bottom:var(--borda-fina) solid var(--cor-borda-padrao);background:var(--cor-fundo-tela);flex-direction:column;align-items:stretch;gap:var(--espaco-2)}.navigation.is-open{display:flex}.navigation>a:not(.dv-botao){padding-inline:var(--espaco-4)}.navigation .dv-botao{margin-top:var(--espaco-3)}.intro-strip>.container{flex-wrap:wrap;justify-content:center}.intro-strip a{margin-left:0;width:100%;justify-content:center}.hero{padding-block:var(--espaco-16)}}
@media(max-width:799px){.container{width:calc(100% - var(--espaco-6) * 2)}.hero{grid-template-columns:1fr;gap:var(--espaco-12);padding-top:var(--espaco-12)}.hero-copy{max-width:600px}h1{font-size:2.5rem;line-height:1.1}h2{font-size:2rem;line-height:1.2}.hero-art{justify-self:center;max-width:400px}.art-sticker{font-size:1rem;padding:var(--espaco-2) var(--espaco-4)}.art-sticker>img{width:32px;height:32px}.hero-note{font-size:.875rem}.eyebrow{font-size:.75rem;letter-spacing:.04em}.hero-description{font-size:1rem}.intro-strip>.container{gap:var(--espaco-2)}.intro-strip span{font-size:.875rem}.intro-strip img{width:20px}}
@media(max-width:380px){.actions{flex-direction:column}.hero-art{width:96%}.hero-note{align-items:flex-start}.hero-note img{margin-top:var(--espaco-1)}}
@media(max-width:1100px){.audience-section{gap:var(--espaco-12)}.demo-layout{gap:var(--espaco-10)}.school-panel{padding:var(--espaco-8)}.start-banner{padding:var(--espaco-8);gap:var(--espaco-8)}.start-banner h2{font-size:1.75rem}.care-inner{flex-wrap:wrap}.care-inner>a{margin-left:calc(var(--espaco-16) + var(--espaco-6))}.gallery-heading{gap:var(--espaco-6)}.gallery-heading>p{max-width:24ch}.school-panel .dv-botao{white-space:normal;text-align:center;height:auto;min-height:var(--botao-altura-g);padding-block:var(--espaco-4)}}
@media(max-width:799px){.section{padding-block:var(--espaco-16)}.steps{gap:var(--espaco-6)}.steps h3{font-size:1.125rem}.steps p{font-size:.875rem}.demo-layout{grid-template-columns:1fr;gap:var(--espaco-8)}.demo-copy{max-width:600px}.demo-copy>p:not(.eyebrow){font-size:1rem}.video-note{margin-top:var(--espaco-5)}.demo-section{padding-block:var(--espaco-16)}.audience-section{grid-template-columns:1fr;gap:var(--espaco-10)}.audience-copy{grid-row:1}.home-art{max-width:480px;width:100%;justify-self:center}.audience-copy>p:not(.eyebrow):not(.small-note){font-size:1rem}.gallery-heading{flex-direction:column;align-items:flex-start;gap:var(--espaco-2)}.gallery-heading>p{max-width:50ch}.gallery-controls>p{width:100%;margin-left:0;margin-top:var(--espaco-2)}.drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--espaco-5)}.drawing-image{height:330px;padding-inline:var(--espaco-6)}.drawing-info{padding:var(--espaco-4)}.school-panel{grid-template-columns:1fr;padding:var(--espaco-8);gap:var(--espaco-6)}.school-art{min-height:280px;max-width:350px;width:100%;justify-self:center}.school-art>img{max-height:220px}.school-benefits{gap:var(--espaco-6)}.school-benefits h3{font-size:1.125rem}.school-benefits p{font-size:.875rem}.care-inner{gap:var(--espaco-4)}.care-inner>div:nth-child(2){flex:1;min-width:200px}.care-inner>a{margin-left:calc(var(--espaco-16) + var(--espaco-4))}.faq-section{grid-template-columns:1fr;gap:var(--espaco-6)}.start-banner{display:block}.start-actions{margin-top:var(--espaco-8);align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr;gap:var(--espaco-8)}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:var(--espaco-4)}.final-section{padding-bottom:var(--espaco-16)}}
@media(max-width:479px){.steps{grid-template-columns:1fr;gap:var(--espaco-8)}.step-art{max-width:400px;margin-bottom:var(--espaco-4)}.steps h3{font-size:1.375rem}.steps p{font-size:1rem}.video-shell{aspect-ratio:1.25}.video-cover{gap:var(--espaco-2)}.video-cover>img{width:50%}.watch-label{font-size:1rem}.drawing-grid{grid-template-columns:1fr}.drawing-image{height:320px}.drawing-image>img{max-width:220px}.drawing-info{padding:var(--espaco-5)}.drawings-section{padding-block:var(--espaco-16)}.filter-button{font-size:.875rem;padding-inline:var(--espaco-4)}.school-benefits{grid-template-columns:1fr;gap:var(--espaco-8)}.school-benefits h3{font-size:1.375rem}.school-benefits p{font-size:1rem}.care-inner{align-items:flex-start}.care-inner>a{margin-left:0}.school-panel{padding:var(--espaco-6)}.start-banner{padding:var(--espaco-6)}.start-actions .dv-botao{width:100%;white-space:normal;text-align:center;min-height:var(--botao-altura-gg);height:auto;padding-block:var(--espaco-4)}.footer-top{column-gap:var(--espaco-6)}.footer-bottom>div{flex-wrap:wrap}.art-title{font-size:1.625rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* O texto principal mantém 16 px em todas as larguras. */
.steps p,.school-benefits p{font-size:1rem}
.footer-top>div>a{min-height:var(--alvo-adulto)}
.video-cover:focus-visible{outline-color:var(--cor-foco);outline-offset:-6px}

/* Catálogo compartilhado: seleção na landing e biblioteca em /desenhos/. */
.catalogue-invite{display:flex;align-items:center;gap:var(--espaco-6);margin-top:var(--espaco-8)}
.catalogue-invite p{font-size:.875rem;color:var(--cor-texto-secundario)}
.navigation a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:var(--borda-media);text-underline-offset:var(--espaco-2)}
.catalog-main{padding-block:var(--espaco-4) var(--espaco-20)}
.breadcrumbs{display:flex;align-items:center;gap:var(--espaco-3);font-size:.875rem;color:var(--cor-texto-secundario);margin-bottom:var(--espaco-4)}
.breadcrumbs a{min-height:var(--alvo-adulto);align-content:center}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--espaco-8);margin-bottom:var(--espaco-6)}
.catalog-heading .eyebrow{margin-bottom:var(--espaco-3)}
.catalog-heading h1{font-size:2.5rem;line-height:1.1}
.catalog-heading p:not(.eyebrow){font-size:1rem;color:var(--cor-texto-secundario);max-width:64ch;margin-top:var(--espaco-3)}
.catalog-print-badge{display:flex;align-items:center;gap:var(--espaco-3);background:var(--cor-tom-amarelo-fundo);color:var(--cor-tom-amarelo-texto);padding:var(--espaco-5);border-radius:var(--raio-gg);flex:none;font:800 1rem/1.5 var(--fonte-titulo)}
.catalog-print-badge strong{font:400 .875rem/1.5 var(--fonte-texto)}
.catalog-print-badge img{flex:none}
.catalog-tools{display:grid;grid-template-columns:1fr 240px;gap:var(--espaco-6)}
.catalog-tools select{font-size:1rem;min-width:0}
.catalog-filter-field{display:flex;flex-direction:column;gap:var(--espaco-2)}
.catalog-filter-field .filter-button{min-height:var(--campo-altura)}
.catalog-tools select{appearance:none;cursor:pointer;background-image:url('../assets/icons/seta-baixo.svg');background-repeat:no-repeat;background-position:right var(--espaco-5) center;background-size:20px;padding-right:var(--espaco-12)}
.catalog-filters{display:flex;flex-wrap:wrap;gap:var(--espaco-3)}
.reset-filters{min-height:var(--alvo-adulto);font-size:.875rem}
.catalog-access-note{font-size:.875rem;color:var(--cor-texto-secundario);margin-top:var(--espaco-4);max-width:90ch}
.catalog-result-row{display:flex;justify-content:space-between;align-items:center;gap:var(--espaco-4);border-top:var(--borda-fina) solid var(--cor-borda-padrao);padding-top:var(--espaco-4);margin-block:var(--espaco-6) var(--espaco-4);font:800 1rem var(--fonte-titulo)}
.catalog-result-row>span{font:400 .875rem var(--fonte-texto);color:var(--cor-texto-secundario)}
.catalog-page .drawing-card{border:var(--borda-fina) solid var(--cor-borda-padrao);scroll-margin-top:calc(var(--cabecalho-altura) + var(--espaco-6))}
.catalog-page .drawing-image{height:320px;padding:var(--espaco-12) var(--espaco-6) var(--espaco-5)}
.catalog-page .drawing-image>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform:none}
.catalog-page .drawing-card:hover .drawing-image>img{transform:none}
.catalog-page .drawing-card h3:focus{outline:none}
.catalog-page .drawing-card:focus-within{outline:var(--borda-foco) solid var(--cor-foco);outline-offset:var(--espaco-1)}
@media(min-width:800px){.catalog-page .drawing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--espaco-5)}.catalog-page .drawing-image{height:280px;padding-inline:var(--espaco-4)}.catalog-page .drawing-info{padding:var(--espaco-4)}}
.catalog-more{display:flex;flex-direction:column;align-items:center;gap:var(--espaco-4);margin-top:var(--espaco-8)}
.catalog-more p{font-size:.875rem;color:var(--cor-texto-secundario)}
.catalog-empty{padding:var(--espaco-16) var(--espaco-6);border-radius:var(--raio-gg);background:var(--cor-fundo-suave);text-align:center}
.catalog-empty>img{margin:0 auto var(--espaco-5)}
.catalog-empty p{margin-block:var(--espaco-3) var(--espaco-6)}
.catalog-print-help{margin-top:var(--espaco-16);padding:var(--espaco-8);border-radius:var(--raio-gg);background:var(--cor-fundo-bloco)}
.print-help-title{display:flex;align-items:center;gap:var(--espaco-4)}
.print-help-title h2{font-size:1.625rem;line-height:1.3}
.print-help-title img{flex:none}
.catalog-print-help ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--espaco-8);padding:0;margin-block:var(--espaco-6)}
.catalog-print-help strong{display:block;font:800 1.125rem/1.4 var(--fonte-titulo);margin-bottom:var(--espaco-2)}
.catalog-print-help li>span{display:block;font-size:1rem;color:var(--cor-texto-secundario)}
.catalog-print-help>a{display:inline-flex;align-items:center;min-height:var(--alvo-adulto);font-size:.875rem}
.home-entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--espaco-6)}
.home-entry-actions>.dv-link{display:inline-flex;align-items:center;min-height:var(--alvo-adulto)}
.store-actions{width:280px;max-width:100%;align-items:stretch}
.store-actions .dv-botao{white-space:normal;text-align:center;min-height:var(--botao-altura-g);height:auto;padding-block:var(--espaco-4)}
/* Tela de toque mostra um botão (a rota /app escolhe a loja); tela com mouse mostra os dois. */
.download-toque,.download-mouse{display:flex;flex-direction:column;gap:var(--espaco-3)}
.download-toque{display:none}
@media (hover:none) and (pointer:coarse){.download-toque{display:flex}.download-mouse{display:none}}
.store-note{font-size:.875rem;line-height:1.5;color:var(--cor-texto-principal);max-width:34ch}
.start-banner .store-note{margin-top:0}
.app-downloads>div:first-child{max-width:56ch}
.catalog-app-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--espaco-12);background:var(--cor-tom-turquesa-fundo);color:var(--cor-tom-turquesa-texto);padding:var(--espaco-8);border-radius:var(--raio-gg);margin-top:var(--espaco-16)}
.catalog-app-strip h2{font-size:1.625rem;line-height:1.3}
.catalog-app-strip>div:first-child>p{margin-top:var(--espaco-3);max-width:52ch}
.catalog-app-strip+.catalog-print-help{margin-top:var(--espaco-8)}
@media(max-width:799px){.catalog-tools .order-field{max-width:260px}.catalog-app-strip{flex-direction:column;align-items:flex-start;gap:var(--espaco-6)}.catalog-app-strip .start-actions{margin-top:0}}
@media(max-width:479px){.catalog-app-strip{padding:var(--espaco-6)}.home-entry-actions{gap:var(--espaco-4)}}
@media(max-width:1023px){.catalog-heading{align-items:flex-start;flex-direction:column;gap:var(--espaco-6)}.catalog-print-badge{padding:var(--espaco-3) var(--espaco-5)}.catalog-print-help ol{gap:var(--espaco-6)}}
@media(max-width:799px){.catalogue-invite{align-items:flex-start;flex-direction:column;gap:var(--espaco-4)}.catalog-heading h1{font-size:2rem;line-height:1.2}.catalog-heading p:not(.eyebrow){font-size:1rem}.catalog-tools{grid-template-columns:1fr;gap:var(--espaco-4)}.catalog-page .drawing-image{height:280px}.catalog-print-help{padding:var(--espaco-6)}.catalog-print-help ol{grid-template-columns:1fr;gap:var(--espaco-6)}}
@media(max-width:479px){.catalog-tools{grid-template-columns:1fr}.catalog-filters{gap:var(--espaco-2)}.catalog-result-row{align-items:flex-start;flex-direction:column;gap:var(--espaco-2)}.catalog-main{padding-top:var(--espaco-4)}.catalog-heading{margin-bottom:var(--espaco-8)}.catalog-page .drawing-image{height:320px}.catalogue-invite .dv-botao{width:100%}.print-help-title{align-items:flex-start}}

@media(max-width:799px){.hero{padding-top:var(--espaco-8);gap:var(--espaco-6)}.hero .eyebrow,.hero h1{margin-bottom:var(--espaco-4)}.hero-actions{margin-top:var(--espaco-5);row-gap:var(--espaco-3);align-items:flex-start}.hero-note{margin-top:var(--espaco-3)}}

/* Contato em texto selecionável, sem abrir um aplicativo de e-mail. */
.contact-address{overflow-wrap:anywhere;user-select:all}
.footer-contact p{font-size:.875rem;line-height:1.8}
.footer-contact .contact-address{font-weight:600}
@media(max-width:479px){.footer-contact{grid-column:1/-1}}

/* Capa da demonstração usa um quadro do próprio vídeo. */
.video-cover--scene{justify-content:flex-end;background:var(--cor-fundo-tela)}
.video-cover--scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.video-cover--scene:hover>img{transform:none}
.video-cover--scene .watch-label{position:relative;background:var(--cor-fundo-inverso);color:var(--cor-texto-inverso);padding:var(--espaco-2) var(--espaco-5) var(--espaco-2) var(--espaco-2);border-radius:var(--raio-pilula);font-size:1rem;text-align:left}
.video-cover--scene .play-circle{flex:none}
@media(max-width:479px){.video-shell:has(.video-cover--scene){aspect-ratio:16/10}.video-cover--scene{padding:var(--espaco-3)}.video-cover--scene .watch-label{font-size:.875rem;gap:var(--espaco-2)}}
.lang-hint{background:var(--cor-fundo-inverso);color:var(--cor-texto-inverso)}
.lang-hint-inner{display:flex;align-items:center;justify-content:center;gap:var(--espaco-3);padding:var(--espaco-2) var(--espaco-4);font-size:.9375rem;line-height:1.4}
.lang-hint a{color:inherit;font-weight:700;text-underline-offset:.2em}
.lang-hint-close{flex:none;display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--raio-pilula);background:transparent;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer}
.lang-hint-close:hover,.lang-hint-close:focus-visible{background:rgba(255,255,255,.14)}