/* Desplugadinhos — Design System v0.3 "Lúdico" (docs/05-design-system-ludico.md) */
:root{
  --creme:#FFFBF5; --areia:#F6EFE4; --borda:#E6DDD0; --branco:#FFFFFF;
  --texto:#2B2A33; --texto2:#5C5A66; --link:#1A4A7A; --foco:#C2410C;
  --azul-c:#DCEBFA;--azul-m:#2F6FB5;--azul-e:#1A4A7A;
  --verde-c:#D8F0DF;--verde-m:#1B8047;--verde-e:#145C33;
  --laranja-c:#FDE3CF;--laranja-m:#C8481A;--laranja-e:#8A3A10;
  --rosa-c:#FCDDE6;--rosa-m:#C9325F;--rosa-e:#8E1F45;
  --roxo-c:#E9E0F7;--roxo-m:#6E4BB8;--roxo-e:#4A2E8C;
  --amarelo-c:#FFF1C2;--amarelo-m:#F2B705;--amarelo-e:#7A4F00;
  --r-s:10px; --r-m:20px; --r-g:24px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
  --sombra:0 2px 4px rgba(43,42,51,.06),0 8px 20px rgba(43,42,51,.08);
  --fonte-titulo:Fredoka,system-ui,sans-serif; --fonte:"Atkinson Hyperlegible",system-ui,sans-serif;
  --fs-h1:1.7rem; --fs-h2:1.25rem; --fs-h3:1.15rem; --fs-lead:1.15rem; --fs-body:1rem; --fs-small:.9rem; --fs-chip:.82rem;
  --lh-h1:1.2; --lh-h2:1.15; --lh-h3:1.3; --lh-body:1.6; --lh-compacto:1.45;
  --pad:16px; --medida:68ch;
  --h-topo:68px; --h-controle:66px;
  --papel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.06'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  --deco-notas:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath stroke='%232F6FB5' d='M30 20v26m0-26 10 4'/%3E%3Ccircle cx='26' cy='48' r='5' fill='%232F6FB5'/%3E%3Cpath stroke='%23C9325F' d='M118 92l6-6 6 6-6 6z' fill='%23C9325F'/%3E%3Cpath stroke='%23F2B705' fill='%23F2B705' d='M70 120l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath stroke='%231B8047' d='M130 30c2-3 6-1 6 2 0 3-6 7-6 7s-6-4-6-7c0-3 4-5 6-2z' fill='%231B8047'/%3E%3C/g%3E%3C/svg%3E");
  --deco-friso:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='24' viewBox='0 0 96 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='%232F6FB5'/%3E%3Cpath d='M36 6l2 5 5 1-4 3 1 5-4-2-4 2 1-5-4-3 5-1z' fill='%23F2B705'/%3E%3Cpath d='M60 16a4 4 0 1 1 8 0 4 4 0 1 1-8 0zm8 0V4l4 2' fill='%236E4BB8' stroke='%236E4BB8' stroke-width='2'/%3E%3Cpath d='M84 8c2-3 6-1 6 2 0 3-6 7-6 7s-6-4-6-7c0-3 4-5 6-2z' fill='%23C9325F'/%3E%3C/svg%3E");
  --deco-estrela:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z' fill='%23000'/%3E%3C/svg%3E");
  /* confete aquarela: corações, estrelas, pingos e rabiscos em cores claras */
  --deco-confete:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'%3E%3Cpath d='M40 32c-6-8-18 0-6 10l6 6 6-6c12-10 0-18-6-10z' fill='%23F3A5B6'/%3E%3Cpath d='M160 54l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z' fill='%23F6D36B'/%3E%3Ccircle cx='96' cy='112' r='6' fill='%239CC4EA'/%3E%3Ccircle cx='214' cy='150' r='5' fill='%239FD4AE'/%3E%3Ccircle cx='60' cy='206' r='4' fill='%23F6B98A'/%3E%3Cpath d='M118 214q10-14 20 0t20 0' fill='none' stroke='%23B9A6E6' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M236 40c-4-5-12 0-4 7l4 4 4-4c8-7 0-12-4-7z' fill='%239CC4EA'/%3E%3Cpath d='M28 128l2 4 4 .6-3 3 .7 4-3.7-2-3.7 2 .7-4-3-3 4-.6z' fill='%23F3A5B6'/%3E%3Ccircle cx='250' cy='236' r='7' fill='%23F6D36B'/%3E%3Cpath d='M190 250l5-5m0 5l-5-5' stroke='%239FD4AE' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M70 60q6-8 12 0' fill='none' stroke='%23F6B98A' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M150 160c-5-6-14 0-5 8l5 5 5-5c9-8 0-14-5-8z' fill='%23B9A6E6'/%3E%3C/svg%3E");
  --onda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30V18Q30 0 60 18T120 18V30z' fill='%23000'/%3E%3C/svg%3E");
  --raio-irregular:26px 20px 30px 22px / 22px 30px 20px 26px;
}
@media (min-width:1024px){:root{--fs-h1:2.45rem;--fs-h2:1.5rem;--fs-h3:1.3rem;--fs-lead:1.2rem;--lh-h1:1.15;--lh-body:1.65;--pad:24px}}

/* Tema por cor */
[data-cor=azul]{--c:var(--azul-c);--m:var(--azul-m);--e:var(--azul-e);--txt-m:#fff}
[data-cor=verde]{--c:var(--verde-c);--m:var(--verde-m);--e:var(--verde-e);--txt-m:#fff}
[data-cor=laranja]{--c:var(--laranja-c);--m:var(--laranja-m);--e:var(--laranja-e);--txt-m:#fff}
[data-cor=rosa]{--c:var(--rosa-c);--m:var(--rosa-m);--e:var(--rosa-e);--txt-m:#fff}
[data-cor=roxo]{--c:var(--roxo-c);--m:var(--roxo-m);--e:var(--roxo-e);--txt-m:#fff}
[data-cor=amarelo]{--c:var(--amarelo-c);--m:var(--amarelo-m);--e:var(--amarelo-e);--txt-m:#2B2A33}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{font-size:17px;scroll-behavior:smooth}
@media (min-width:1024px){html{font-size:18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@supports not (filter:url(#aquarela)){.ribbon::before,.faixa-card::before{border-radius:var(--r-m)}}
body{margin:0;font-family:var(--fonte);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--texto);background-color:var(--creme);background-image:var(--papel)}
/* confete nas margens da página (fixo, atrás do conteúdo) */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--deco-confete) repeat;opacity:.55;-webkit-mask:linear-gradient(90deg,#000 6%,transparent 20%,transparent 80%,#000 94%);mask:linear-gradient(90deg,#000 6%,transparent 20%,transparent 80%,#000 94%)}
@media (max-width:900px){body::before{opacity:.35;-webkit-mask:linear-gradient(90deg,#000 0,transparent 12%,transparent 88%,#000 100%);mask:linear-gradient(90deg,#000 0,transparent 12%,transparent 88%,#000 100%)}}
@media print{body::before{display:none}}
h1,h2,h3{margin:0 0 .35em}
h1,h2{font-family:var(--fonte-titulo);font-weight:700}
h1{font-size:var(--fs-h1);line-height:var(--lh-h1)}
h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}
h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:700;color:var(--e,var(--texto))}
.leitura h2{margin-top:1.5em}.leitura h3,.bloco h3{margin-top:1.25em}
p{margin:0 0 .8em}
.lead{font-size:var(--fs-lead);line-height:1.5;max-width:var(--medida)}
a{color:var(--link)}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
img{max-width:100%;height:auto}
code{font-family:ui-monospace,Consolas,monospace}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--sp-4)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--branco);padding:8px 14px;border-radius:var(--r-s);z-index:100}
.skip:focus{left:8px}
.ico{width:1em;height:1em;flex:none}

/* Faixa de título (ribbon): mancha de aquarela com borda irregular e texto escuro */
.ribbon{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;background:none;color:var(--e,var(--azul-e));font-family:var(--fonte-titulo);font-weight:700;font-size:calc(var(--fs-h2) * 1.15);line-height:1.1;padding:10px 24px 10px 18px;margin:0 0 var(--sp-4);max-width:100%}
.ribbon::before{content:"";position:absolute;inset:-2px -8px;z-index:-1;background:var(--c,var(--azul-c));border-radius:38% 62% 55% 45% / 50% 40% 60% 50%;filter:url(#aquarela);opacity:.95}
.ribbon .ico{width:24px;height:24px;flex:none;color:var(--m,var(--azul-m))}
.ribbon::after{content:"";width:16px;height:16px;margin-left:6px;background:var(--m,var(--azul-m));-webkit-mask:var(--deco-estrela) no-repeat center/contain;mask:var(--deco-estrela) no-repeat center/contain;flex:none}
.ribbon--inclinada{transform:rotate(-1.5deg)}
.bloco .ribbon{margin:-4px 0 var(--sp-4) -6px}

/* Topo */
.topo{background-color:var(--creme);background-image:var(--papel);border-bottom:3px solid var(--azul-c);box-shadow:0 3px 0 rgba(47,111,181,.12);position:sticky;top:0;z-index:50}
.topo__in{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--h-topo);flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--texto)}
.marca img{width:42px;height:42px}
.marca__txt{font-family:var(--fonte-titulo);font-weight:700;font-size:1.3rem;margin:0;line-height:1;color:var(--azul-e)}
.marca__txt small{font-weight:500;color:var(--texto2);font-size:.85em}
/* marca no cabeçalho com as mesmas cores do nome na tela inicial, contorno branco fino, sem animação */
.marca__txt--cores{font-size:1.45rem;letter-spacing:.5px;white-space:nowrap}
.marca__txt--cores span{display:inline-block;text-shadow:1.5px 1.5px 0 #fff,-1.5px 1.5px 0 #fff,1.5px -1.5px 0 #fff,-1.5px -1.5px 0 #fff,0 1.5px 0 #fff,0 -1.5px 0 #fff,1.5px 0 0 #fff,-1.5px 0 0 #fff,0 3px 5px rgba(80,60,30,.12)}
.marca__txt--cores span:nth-child(8n+1){color:#E8604C}
.marca__txt--cores span:nth-child(8n+2){color:#F2994A}
.marca__txt--cores span:nth-child(8n+3){color:#E9B530}
.marca__txt--cores span:nth-child(8n+4){color:#6FB86A}
.marca__txt--cores span:nth-child(8n+5){color:#3FA79A}
.marca__txt--cores span:nth-child(8n+6){color:#4FA3D9}
.marca__txt--cores span:nth-child(8n+7){color:#9B6BC9}
.marca__txt--cores span:nth-child(8n+8){color:#E77FA8}
.menu-btn{margin-left:auto;min-height:44px;padding:0 16px;border:2px solid var(--azul-m);background:var(--branco);color:var(--azul-e);border-radius:999px;font:inherit;font-weight:700}
.nav{display:none;width:100%;flex-direction:column;padding-bottom:10px}
.nav.aberto{display:flex}
.nav a{padding:10px 14px;text-decoration:none;color:var(--texto);font-weight:700;border-radius:999px}
.nav a[aria-current=page],.nav a.ativo{background:var(--azul-c);color:var(--azul-e)}
@media (min-width:960px){.menu-btn{display:none}.topo__in{flex-wrap:nowrap}.nav{display:flex;flex-direction:row;gap:var(--sp-1);width:auto;margin-left:auto;padding:0}.nav a{white-space:nowrap;font-size:var(--fs-small);padding:8px 14px}}

/* Botões e chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 22px;border-radius:999px;border:2px solid var(--azul-m);background:var(--branco);color:var(--azul-e);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 2px 0 var(--azul-c);transition:transform .15s ease-out,box-shadow .15s ease-out}
.btn--primario{background:var(--laranja-m);border-color:var(--laranja-m);color:#fff;box-shadow:0 3px 0 var(--laranja-e)}
.btn:active{transform:translateY(2px);box-shadow:none}
.btn--texto{border-color:transparent;background:transparent;box-shadow:none;padding:0 var(--sp-3);min-height:44px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-chip);font-weight:700;padding:5px 12px;border-radius:999px;background:var(--areia);color:var(--texto);line-height:1.3;white-space:nowrap;max-width:100%;margin:0}
.chip .ico{width:16px;height:16px}
.chip--faixa{background:var(--branco);border:2px solid var(--m,var(--borda));color:var(--e,var(--texto))}
.chip--faixa .ico{color:var(--m,var(--texto2))}
.chip--campo{background:var(--c,var(--areia));color:var(--e,var(--texto))}
.bloco .chip--campo,.bloco .chip--desplugada{background:var(--branco);border:1.5px solid var(--e)}
.chip--desplugada{background:var(--roxo-c);color:var(--roxo-e)}
.chip--btn{min-height:40px;padding:6px 14px;border:2px solid var(--borda);background:var(--branco);color:var(--texto);font:inherit;font-size:var(--fs-small);font-weight:700;text-decoration:none;cursor:pointer}
.chip--btn.is-ativo{border-color:var(--azul-m);background:var(--azul-c);color:var(--azul-e)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.ficha__chips .chip,.bloco .chip{white-space:normal}

/* Listas com ícones em círculos, passos */
.lista-ico{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lista-ico li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}
.lista-ico .circ{width:40px;height:40px;border-radius:50%;background:var(--m);color:var(--txt-m,#fff);display:grid;place-items:center}
.lista-ico .circ .ico{width:22px;height:22px}
.lista-ico [data-cor] .circ{background:var(--m);color:var(--txt-m)}
.passos{counter-reset:p;list-style:none;padding:0;margin:0}
.passos li{counter-increment:p;position:relative;padding-left:56px;margin:var(--sp-3) 0;min-height:44px}
.passos li::before{content:counter(p);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--m);color:var(--txt-m,#fff);font-family:var(--fonte-titulo);font-weight:700;font-size:var(--fs-h3);display:grid;place-items:center;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--m)}
.passos li:nth-child(5n+2)::before{background:var(--azul-m);box-shadow:0 0 0 1.5px var(--azul-m)}
.passos li:nth-child(5n+3)::before{background:var(--laranja-m);box-shadow:0 0 0 1.5px var(--laranja-m)}
.passos li:nth-child(5n+4)::before{background:var(--rosa-m);box-shadow:0 0 0 1.5px var(--rosa-m)}
.passos li:nth-child(5n+5)::before{background:var(--roxo-m);box-shadow:0 0 0 1.5px var(--roxo-m)}
.lista{padding-left:20px}.lista li{margin:6px 0}
.lista li::marker{color:var(--m,var(--texto2))}

/* Home */
.hero{background:none;position:relative;overflow:hidden;padding:var(--sp-6) 0 0}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--deco-confete) repeat,var(--deco-notas) repeat;opacity:.6;-webkit-mask:linear-gradient(90deg,#000 14%,rgba(0,0,0,.3) 34%,rgba(0,0,0,.3) 66%,#000 86%);mask:linear-gradient(90deg,#000 14%,rgba(0,0,0,.3) 34%,rgba(0,0,0,.3) 66%,#000 86%)}
@media (max-width:900px){.hero::before{opacity:.4;-webkit-mask:linear-gradient(90deg,#000 6%,rgba(0,0,0,.25) 25%,rgba(0,0,0,.25) 75%,#000 94%);mask:linear-gradient(90deg,#000 6%,rgba(0,0,0,.25) 25%,rgba(0,0,0,.25) 75%,#000 94%)}}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:var(--amarelo-c);-webkit-mask:var(--onda) repeat-x bottom/120px 14px;mask:var(--onda) repeat-x bottom/120px 14px}
.hero__in{display:grid;gap:var(--sp-5);position:relative}
/* nome em letras arco-íris com contorno branco de oito sombras e onda em loop (protótipo) */
.hero--centro{text-align:center;padding-top:var(--sp-7)}
.hero--centro .wrap{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}
.hero--compacto{padding-top:var(--sp-5)}
.hero__escola{font-family:var(--fonte-titulo);font-weight:600;font-size:var(--fs-h3);color:#2F78B5;margin:0}
.hero__titulo{font-family:var(--fonte-titulo);font-weight:700;font-size:clamp(3rem,9vw,7.25rem);line-height:1.05;letter-spacing:1px;margin:0;white-space:nowrap}
.hero__titulo--menor{font-size:clamp(2.4rem,7vw,5rem)}
.hero__titulo span{display:inline-block;animation:dp-wave 2.8s ease-in-out infinite;animation-delay:calc(var(--i,0) * .1s);text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,3px -3px 0 #fff,-3px -3px 0 #fff,0 3px 0 #fff,0 -3px 0 #fff,3px 0 0 #fff,-3px 0 0 #fff,0 8px 10px rgba(80,60,30,.12)}
.hero__titulo span:nth-child(8n+1){color:#E8604C}
.hero__titulo span:nth-child(8n+2){color:#F2994A}
.hero__titulo span:nth-child(8n+3){color:#E9B530}
.hero__titulo span:nth-child(8n+4){color:#6FB86A}
.hero__titulo span:nth-child(8n+5){color:#3FA79A}
.hero__titulo span:nth-child(8n+6){color:#4FA3D9}
.hero__titulo span:nth-child(8n+7){color:#9B6BC9}
.hero__titulo span:nth-child(8n+8){color:#E77FA8}
.hero__slogan{font-family:var(--fonte-titulo);font-weight:600;font-size:clamp(1.5rem,4.4vw,3.1rem);line-height:1.1;color:#2F78B5;margin:0 0 .3em}
.hero__slogan em{font-style:normal;color:#D9533F}
.hero__ilus{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px}
.ilus{mix-blend-mode:multiply;height:auto}
.hero__ilus > .ilus{flex:1 1 220px;max-width:300px;width:100%}
.hero__ilus > .ilus:last-child{flex:1 1 240px;max-width:340px}
.plugzinho{flex:0 1 260px;background:transparent;border:0;padding:0;cursor:pointer;border-radius:24px}
.plugzinho img{display:block;width:100%;max-width:260px;height:auto}
.ilus--sway{animation:dp-sway 5s ease-in-out infinite;transform-origin:50% 100%}
.ilus--atrasada{animation-delay:-2.5s}
.ilus--bounce{animation:dp-bounce 2.8s ease-in-out infinite}
.plugzinho img.ilus--hop{animation:dp-hop .8s cubic-bezier(.3,1.6,.5,1)}
.selo{display:inline-flex;align-items:center;gap:12px;padding:10px 28px;border-radius:40px 60px 44px 56px;background:radial-gradient(ellipse at 50% 50%,rgba(111,184,106,.35),rgba(111,184,106,.12) 75%);font-family:var(--fonte-titulo);font-weight:600;font-size:1.5rem;color:#2E5E2B;margin:var(--sp-3) 0 0}
.selo .ico{width:30px;height:30px}
.chamada{font-family:var(--fonte-titulo);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.3rem);color:#C24E2C;margin:0}
.subchamada{font-weight:700;font-size:clamp(1.05rem,2vw,1.35rem);color:#2D4560;margin:0}
.lead--centro{text-align:center;margin-top:var(--sp-3)}
.hero--centro .hero__cta{justify-content:center;margin-top:var(--sp-2)}
.anim-toggle{margin:var(--sp-2) 0 var(--sp-4)}
.anim-toggle .btn{font-size:var(--fs-small);color:var(--texto2);border:2px dashed var(--borda)}
.titulo-centro{text-align:center;font-size:clamp(1.9rem,3.6vw,2.6rem);color:#5B3E8C}
@keyframes dp-wave{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-9px) rotate(-4deg)}50%{transform:translateY(0) rotate(2deg)}}
@keyframes dp-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes dp-hop{0%{transform:none}30%{transform:translateY(-46px) rotate(-10deg) scale(1.06)}60%{transform:translateY(0) rotate(7deg)}80%{transform:rotate(-3deg)}100%{transform:none}}
@keyframes dp-sway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
@keyframes dp-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(14deg)}}
@keyframes dp-pop{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
.sem-animacao *,.sem-animacao *::before,.sem-animacao *::after{animation:none!important;transition:none!important}

/* Cartões-mancha (faixas etárias / revistas), com cores e contraste do protótipo */
[data-cor=azul]{--ma:#CFE3F5;--mb:#E3EEF8;--mc:#EEF4FA;--mtit:#24527F;--mtxt:#33475C;--mborda:#4FA3D9;--mbtn:#1E4166;--msombra:rgba(47,95,143,.2)}
[data-cor=verde]{--ma:#D6EBC9;--mb:#E6F2DD;--mc:#F1F7EA;--mtit:#2F6A2C;--mtxt:#34502F;--mborda:#6FB86A;--mbtn:#24521F;--msombra:rgba(62,125,58,.2)}
[data-cor=laranja]{--ma:#F8D7C3;--mb:#FBE5D7;--mc:#FDF0E6;--mtit:#B0431F;--mtxt:#5A3B2C;--mborda:#F2994A;--mbtn:#7A2E14;--msombra:rgba(194,78,44,.2)}
[data-cor=rosa]{--ma:#F9D7E1;--mb:#FBE5EC;--mc:#FDF0F4;--mtit:#8E1F45;--mtxt:#5A2C3B;--mborda:#E77FA8;--mbtn:#8E1F45;--msombra:rgba(201,50,95,.2)}
[data-cor=roxo]{--ma:#E4DBF3;--mb:#EDE7F7;--mc:#F4F0FA;--mtit:#4A2E8C;--mtxt:#3B2F5A;--mborda:#9B6BC9;--mbtn:#4A2E8C;--msombra:rgba(110,75,184,.2)}
[data-cor=amarelo]{--ma:#FBEBB8;--mb:#FDF2CF;--mc:#FEF8E6;--mtit:#7A4F00;--mtxt:#5A3E0A;--mborda:#E9B530;--mbtn:#7A4F00;--msombra:rgba(242,183,5,.25)}
.manchas{display:flex;flex-direction:column;gap:28px;max-width:1000px}
.mancha{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:28px 32px;background:radial-gradient(ellipse at 30% 40%,var(--ma),var(--mb) 60%,var(--mc) 100%);transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.mancha:hover{transform:rotate(-.8deg) scale(1.015)}
.mancha--1{border-radius:48px 120px 56px 140px / 70px 44px 110px 52px}
.mancha--2{border-radius:130px 50px 120px 60px / 50px 90px 48px 100px}
.mancha--3{border-radius:60px 140px 50px 120px / 90px 50px 100px 46px}
.mancha__rosto{flex:0 0 auto;width:112px;height:112px;object-fit:cover;border-radius:50%;border:6px solid #fff;box-shadow:0 6px 14px var(--msombra);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.mancha:hover .mancha__rosto{transform:rotate(-8deg) scale(1.08)}
.mancha__txt{flex:1 1 280px;display:flex;flex-direction:column;gap:4px}
.mancha__titulo{margin:0;font-family:var(--fonte-titulo);font-weight:700;font-size:clamp(2rem,4vw,2.6rem);line-height:1;color:var(--mtit)}
.mancha__idade{margin:0;font-family:var(--fonte-titulo);font-weight:600;font-size:1.3rem;color:var(--mtit)}
.mancha__temas{margin:6px 0 0;font-weight:700;color:var(--mtxt)}
.mancha__n{margin:4px 0 0;color:var(--mtxt);font-size:var(--fs-small)}
.btn--tracejado{background:#fff;border:3px dashed var(--mborda,var(--azul-m));color:var(--mbtn,var(--azul-e));font-family:var(--fonte-titulo);font-weight:600;font-size:1.1rem;box-shadow:none;min-height:52px;padding:0 26px;border-radius:30px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.btn--tracejado:hover{transform:scale(1.06) rotate(-2deg)}
.btn--tracejado .ico{width:22px;height:22px}
/* Como usar (campanha) */
.como-usar{border:3px dashed #E3C9A8;border-radius:28px;background:rgba(255,255,255,.55);padding:28px;display:flex;flex-direction:column;gap:20px;max-width:1000px}
.como-usar h2{margin:0;font-family:var(--fonte-titulo);font-weight:700;font-size:2rem;color:#2E6E62}
.passos-uso{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}
.passos-uso li{flex:1 1 240px;display:flex;align-items:center;gap:14px;font-weight:700;font-size:1.05rem;line-height:1.35}
.passos-uso .circ{flex:0 0 auto;width:64px;height:64px;border-radius:50%;background:var(--ma);color:var(--mtit);display:grid;place-items:center;animation:dp-bounce 2.8s ease-in-out infinite}
.passos-uso li:nth-child(2) .circ{animation-delay:-.9s}.passos-uso li:nth-child(3) .circ{animation-delay:-1.8s}
.passos-uso .circ .ico{width:34px;height:34px}
.passos-uso .num{font-family:var(--fonte-titulo);color:var(--mtit);font-size:1.3rem}
/* Mascotes na Home */
.mascotes-strip{display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:center}
.mascote-mini{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;width:150px;text-align:center;font-size:var(--fs-small);color:var(--texto2)}
.mascote-mini img{width:96px;height:auto}
.mascote-mini strong{color:var(--mtit)}
.hero__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.hero__ilu{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-top:10px}
.hero__ilu img{width:18%;max-width:120px;height:auto}
.hero__ilu .hero__caixa{width:16%;margin:0 var(--sp-2) 10px}
@media (min-width:900px){.hero{padding:40px 0 0}.hero__in{grid-template-columns:1.1fr 1fr;align-items:end}.hero__txt{padding-bottom:40px}}
.secao{margin-top:var(--sp-7)}
@media (min-width:1024px){.secao{margin-top:var(--sp-8)}}
.faixas{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.faixa-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;min-height:200px;background:none;padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-5);text-decoration:none;color:var(--texto);transition:transform .2s ease-out}
.faixa-card::before{content:"";position:absolute;inset:4px 0;z-index:-1;background:var(--c);border-radius:30% 70% 60% 40% / 45% 35% 65% 55%;filter:url(#aquarela);opacity:.95}
.faixa-card:hover{transform:translateY(-3px) rotate(-.5deg)}
.faixa-card__ico{width:64px;height:64px;border-radius:50%;background:var(--m);color:var(--txt-m);display:grid;place-items:center;margin-bottom:var(--sp-2);box-shadow:0 0 0 4px #fff}
.faixa-card__ico .ico{width:36px;height:36px}
.faixa-card__nome{font-family:var(--fonte-titulo);font-weight:700;font-size:calc(var(--fs-h2) * 1.1);line-height:1.1;color:var(--e)}
.faixa-card__idade{color:var(--texto2);font-size:var(--fs-small)}
.faixa-card__n{color:var(--e);font-weight:700;margin-top:auto;padding-top:6px}
.faixa-card__nota{font-size:var(--fs-chip);color:var(--texto2);padding-top:var(--sp-2);line-height:var(--lh-compacto)}
.secao__nota{color:var(--texto2);font-size:var(--fs-small);margin-top:var(--sp-3);max-width:var(--medida)}
.secao__mais{margin-top:var(--sp-3)}
.duplo{display:grid;gap:var(--sp-4)}
@media (min-width:700px){.duplo{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.duplo{grid-template-columns:repeat(3,1fr)}}
.caixa{display:flex;gap:var(--sp-4);align-items:flex-start;border-radius:var(--raio-irregular);padding:var(--pad);background:var(--c);box-shadow:var(--sombra)}
.caixa img{flex:0 0 56px;width:56px;height:56px;border-radius:50%;border:3px solid var(--m);background:#fff}
.caixa h2{font-size:var(--fs-h3);line-height:var(--lh-h3);text-transform:uppercase;letter-spacing:.03em;color:var(--e)}
.caixa p{margin-bottom:.5em}
.caixa a{font-weight:700}

/* Cards */
.grade-cards{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card-brinc{background:var(--branco);border-radius:var(--raio-irregular);box-shadow:var(--sombra);overflow:hidden;transition:transform .2s ease-out}
.card-brinc:hover{transform:translateY(-3px)}
.card-brinc__link{display:block;text-decoration:none;color:inherit;padding-bottom:var(--pad)}
.card-brinc__img{aspect-ratio:16/9;background:var(--c,var(--areia));overflow:hidden}
.card-brinc__img img{width:100%;height:100%;object-fit:cover;display:block}
.card-brinc__faixa{display:flex;align-items:center;gap:8px;background:var(--c);color:var(--e);font-family:var(--fonte-titulo);font-weight:700;font-size:var(--fs-small);padding:6px var(--pad)}
.card-brinc__faixa .ico{color:var(--m)}
.card-brinc__faixa .ico{width:16px;height:16px}
.card-brinc__titulo{font-family:var(--fonte-titulo);font-size:var(--fs-h3);line-height:var(--lh-h3);color:var(--texto);margin:var(--sp-3) var(--pad) var(--sp-1)}
.card-brinc__meta{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);margin:0 var(--pad);color:var(--texto2);font-size:var(--fs-small)}
.card-brinc__meta span{display:inline-flex;align-items:center;gap:5px}
.card-brinc__meta .ico{width:16px;height:16px;color:var(--texto2)}
.card-brinc__campos{margin:var(--sp-2) var(--pad) 0}

/* Acervo */
.acervo__cab{margin-top:var(--sp-5)}
.acervo__n{color:var(--texto2);margin-top:-6px}
.acervo__controle{display:flex;gap:10px;align-items:center;position:sticky;top:var(--h-topo);background-color:var(--creme);background-image:var(--papel);padding:10px 0;z-index:40}
.busca{flex:1}
.busca input{width:100%;min-height:48px;border:2px solid var(--borda);border-radius:999px;padding:8px 18px;font:inherit;background:var(--branco)}
.busca input:focus{border-color:var(--azul-m);outline:none;box-shadow:0 0 0 3px var(--azul-c)}
.chips-ativos{display:flex;flex-wrap:wrap;gap:var(--sp-1);min-height:8px;margin:4px 0 10px}
.acervo__corpo{display:grid;gap:var(--sp-5)}
.filtros{position:fixed;left:0;right:0;bottom:0;max-height:85vh;overflow:auto;background:var(--branco);border-radius:var(--r-g) var(--r-g) 0 0;box-shadow:0 -8px 30px rgba(43,42,51,.18);padding:16px 16px 90px;transform:translateY(105%);transition:transform .2s ease-out;z-index:60}
.filtros.aberto{transform:none}
.filtros-fundo{position:fixed;inset:0;background:rgba(43,42,51,.35);z-index:55;display:none}
.filtros-fundo.aberto{display:block}
.filtros__cab{display:flex;align-items:center;gap:var(--sp-2)}
.filtros__cab h2{margin:0 auto 0 0;font-size:var(--fs-h3);line-height:var(--lh-h3);text-transform:uppercase;letter-spacing:.03em;color:var(--azul-e)}
.filtros fieldset{border:0;padding:0;margin:var(--sp-4) 0 0}
.filtros legend{font-weight:700;font-size:var(--fs-small);margin-bottom:var(--sp-2);color:var(--azul-e)}
.filtros label{display:grid;grid-template-columns:22px auto 1fr;gap:0 var(--sp-2);align-items:center;min-height:44px}
.filtros label small{grid-column:2/-1;color:var(--texto2);font-size:var(--fs-chip);line-height:1.3;margin-top:-4px}
.filtros input[type=checkbox]{width:22px;height:22px;accent-color:var(--azul-m);margin:0}
.filtros .ico{width:18px;height:18px;color:var(--azul-m)}
.filtros__pe{position:fixed;left:0;right:0;bottom:0;padding:12px 16px;background:var(--branco);border-top:1px solid var(--borda)}
.filtros__pe .btn{width:100%}
@media (min-width:1024px){
  .acervo__corpo{grid-template-columns:280px 1fr;align-items:start}
  .filtros,.filtros.aberto{position:sticky;top:calc(var(--h-topo) + var(--h-controle) + 2px);transform:none;max-height:none;box-shadow:var(--sombra);border-radius:var(--r-m);padding:var(--pad)}
  .filtros-fundo{display:none!important}
  .filtros__pe{display:none}.js-fechar-filtros{display:none}.js-abrir-filtros{display:none}
}
.vazio{display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start;background:var(--roxo-c);border-radius:var(--r-g);padding:var(--pad);margin-top:10px;box-shadow:var(--sombra)}
.vazio img{width:96px;height:auto}
@media (min-width:600px){.vazio{flex-direction:row;align-items:center}}
.vazio__titulo{font-family:var(--fonte-titulo);font-weight:700;font-size:var(--fs-h3);line-height:var(--lh-h3);margin:0 0 .4em;color:var(--roxo-e)}
.acervo__em-breve{color:var(--texto2);font-size:var(--fs-small);margin-top:var(--sp-5)}

/* Ficha */
.trilha{margin:18px 0 8px;font-size:var(--fs-small);color:var(--texto2)}
.ficha__regionais{color:var(--texto2);margin-top:-4px}
.ficha__chips{margin-top:var(--sp-2)}
.ficha__topo{display:grid;gap:18px;margin-top:var(--sp-4)}
@media (min-width:900px){.ficha__topo{grid-template-columns:1.2fr 1fr;align-items:start}}
.ficha__ilustracao{margin:0;background:var(--areia);border-radius:var(--r-g);overflow:hidden;box-shadow:var(--sombra)}
.ficha__ilustracao img{display:block;width:100%}
.ficha__ilustracao figcaption{font-size:var(--fs-small);color:var(--texto2);padding:6px 12px}
.resumo{background:var(--branco);border-radius:var(--r-m);padding:var(--pad);box-shadow:var(--sombra)}
.resumo__grade{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin:0}
@media (min-width:480px){.resumo__grade{grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-4)}}
.resumo__grade dt{font-family:var(--fonte-titulo);font-size:var(--fs-chip);font-weight:700;color:var(--azul-m);text-transform:uppercase;letter-spacing:.04em}
.resumo__grade dd{margin:0;line-height:var(--lh-compacto)}
.resumo__materiais{grid-column:1/-1}
.resumo__materiais .lista-ico{margin-top:6px}
.acoes{display:flex;gap:10px;flex-wrap:wrap}
.acoes--topo{margin-top:var(--sp-4)}
.acoes--fixa{position:fixed;left:0;right:0;bottom:0;padding:var(--sp-2) var(--sp-4) calc(var(--sp-2) + env(safe-area-inset-bottom));background:var(--branco);border-top:3px solid var(--azul-m);box-shadow:0 -6px 20px rgba(43,42,51,.08);z-index:45;flex-wrap:nowrap}
.acoes--fixa .btn{white-space:nowrap;font-size:var(--fs-small);padding:8px 14px;min-height:44px}
.acoes--fixa .btn--primario{flex:1}
.pag-ficha{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
@media (min-width:900px){.acoes--fixa{display:none}.pag-ficha{padding-bottom:0}}
.ficha__resumo{margin-top:18px}
.aviso-video{color:var(--texto2);font-size:var(--fs-small);border:2px dashed var(--borda);border-radius:var(--r-s);padding:var(--sp-2) var(--sp-3);display:inline-block}
.idade-indicada{background:var(--amarelo-c);color:var(--amarelo-e);border-left:8px solid var(--amarelo-m);border-radius:var(--r-s);padding:var(--sp-3) var(--sp-4);max-width:var(--medida)}
.bloco{position:relative;margin-top:var(--sp-6);max-width:var(--medida);background:var(--c,var(--branco));border-radius:var(--raio-irregular);padding:var(--pad);box-shadow:var(--sombra)}
.bloco:not([data-cor]){border:1px solid var(--borda)}
.bloco[data-cor]{background:color-mix(in srgb,var(--c) 70%,#fff)}
.bloco p:last-child,.bloco ul:last-child{margin-bottom:0}
.bloco__sub{color:var(--texto2)}
.bloco__nota{font-size:var(--fs-chip);color:var(--texto2);border-left:3px solid var(--m,var(--borda));padding-left:var(--sp-3);max-width:var(--medida)}
.bloco--seguranca{border-left:8px solid var(--amarelo-m)}
.bloco--seguranca .fala{background:none;padding:0;margin-top:var(--sp-4)}
.bloco--casa .frase{font-family:var(--fonte-titulo);font-weight:600;font-size:var(--fs-h3);color:var(--rosa-e);text-align:center;margin:var(--sp-4) 0 0;padding:0 var(--sp-4)}
.bloco--casa .frase::before{content:"“ ";color:var(--rosa-m)}
.bloco--casa .frase::after{content:" ”";color:var(--rosa-m)}
.letra{background:var(--branco);border:2px solid var(--m);border-radius:var(--r-m);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-5);max-width:40ch}
.letra h3{margin:0 0 .3em;color:var(--e);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em}
.letra__versos{margin:0;font-family:var(--fonte-titulo);font-weight:500;font-size:var(--fs-lead);line-height:1.5}
.fala{display:flex;gap:var(--sp-3);align-items:flex-start;border-radius:var(--r-m);padding:var(--sp-3) var(--sp-4);margin:var(--sp-5) 0 0;background:var(--c)}
.fala:last-child{margin-bottom:0}
.fala__avatar{flex:0 0 56px;width:56px;height:56px;border-radius:50%;border:3px solid var(--m);background:#fff}
.fala__balao{position:relative;background:var(--branco);border:2px solid var(--m);border-radius:var(--r-m);padding:10px 14px;margin:0}
.fala__balao::before{content:"";position:absolute;left:-10px;top:18px;border:7px solid transparent;border-right-color:var(--m);border-left:0}
.fala__balao::after{content:"";position:absolute;left:-7px;top:19px;border:6px solid transparent;border-right-color:var(--branco);border-left:0}
.fala__balao strong{color:var(--e);text-transform:uppercase;font-family:var(--fonte-titulo);letter-spacing:.03em;font-size:var(--fs-small)}
.todo-mundo{background:var(--branco);border:2px solid var(--m);border-radius:var(--r-m);padding:var(--pad);margin-top:var(--sp-5)}
.todo-mundo h3{margin-top:0;color:var(--e)}
.objetivos{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.objetivo{border-left:6px solid var(--m,var(--borda));background:var(--branco);border-radius:0 var(--r-s) var(--r-s) 0;padding:10px 14px;box-shadow:var(--sombra)}
.objetivo code{font-weight:700;font-size:1rem;color:var(--e);background:var(--c);padding:2px 8px;border-radius:6px}
.objetivo p{margin:6px 0 4px}
.objetivo small{color:var(--texto2)}
.referencias{padding-left:20px;font-size:var(--fs-small)}
.referencias li{margin:6px 0}
.conceitos{display:grid;gap:10px;margin:0}
.conceito{background:var(--branco);border-left:6px solid var(--roxo-m);border-radius:0 var(--r-m) var(--r-m) 0;padding:var(--sp-3) var(--sp-4);box-shadow:var(--sombra)}
.conceito dt{font-weight:700;color:var(--roxo-e)}.conceito dd{margin:4px 0 0}

/* Leitura */
.leitura{max-width:calc(var(--medida) + 2 * var(--sp-4));padding-top:var(--sp-5)}
.leitura h2{color:var(--azul-e)}
.sumario{background:var(--azul-c);border-radius:var(--r-s);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-small);margin:var(--sp-4) 0}
.na-pratica{background:var(--verde-c);border-radius:var(--r-s);padding:8px 12px}

/* Rodapé: onda de aquarela azul-verde com confete */
.rodape{position:relative;margin-top:calc(var(--sp-9) + 30px);background:linear-gradient(180deg,var(--azul-c),var(--verde-c));color:var(--azul-e);padding:var(--sp-5) 0 30px;font-size:var(--fs-small)}
.rodape::before{content:"";position:absolute;left:0;right:0;top:-29px;height:30px;background:var(--azul-c);-webkit-mask:var(--onda) repeat-x bottom/140px 30px;mask:var(--onda) repeat-x bottom/140px 30px}
.rodape::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--deco-confete) repeat;opacity:.5}
.rodape .wrap{position:relative;z-index:1}
.rodape__campanha{font-family:var(--fonte-titulo);font-weight:600;font-size:clamp(1.1rem,2.2vw,1.4rem);color:#26433A;text-align:center;margin:0 0 var(--sp-4)}
.rodape a{color:var(--azul-e)}
.rodape__nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0}
.rodape__nota{color:var(--texto)}
.impressao-rodape{display:none}

/* ===== Caixas em formato aquarela (manchas): cantos assimétricos + gradiente radial ===== */
:root{
  --rad-a:36px 70px 40px 80px / 50px 34px 70px 40px;
  --rad-b:80px 36px 70px 44px / 38px 60px 36px 66px;
  --rad-c:44px 84px 38px 72px / 60px 40px 66px 36px;
  --rad-mini:18px 28px 20px 30px / 24px 18px 28px 20px;
  --ma:#FFFFFF;--mb:#FFFDF8;--mc:#FBF6EC;--mtit:var(--texto);--mtxt:var(--texto);--mborda:var(--borda);--mbtn:var(--link);--msombra:rgba(43,42,51,.1);
}
.aqua,.bloco,.caixa,.card-brinc,.resumo,.vazio,.como-usar,.todo-mundo,.letra,.fala,.conceito,.objetivo,.sumario,.na-pratica,.idade-indicada,.aviso-video,.filtros{
  background:radial-gradient(ellipse at 30% 40%,var(--ma),var(--mb) 60%,var(--mc) 100%);border:0;box-shadow:0 6px 16px var(--msombra)}
.bloco,.caixa,.resumo,.como-usar,.vazio,.filtros{border-radius:var(--rad-a)}
.bloco:nth-of-type(3n+2),.caixa:nth-of-type(3n+2){border-radius:var(--rad-b)}
.bloco:nth-of-type(3n),.caixa:nth-of-type(3n){border-radius:var(--rad-c)}
.card-brinc{border-radius:var(--rad-b)}.card-brinc:nth-child(3n+2){border-radius:var(--rad-a)}.card-brinc:nth-child(3n){border-radius:var(--rad-c)}
.todo-mundo,.letra,.fala,.conceito,.objetivo,.sumario,.na-pratica,.idade-indicada,.aviso-video{border-radius:var(--rad-mini)}
.bloco[data-cor]{background:radial-gradient(ellipse at 30% 40%,var(--ma),var(--mb) 60%,var(--mc) 100%)}
.bloco:not([data-cor]){border:0}
.bloco h3{color:var(--mtit)}
.bloco--seguranca{border-left:0;box-shadow:0 6px 16px var(--msombra),inset 8px 0 0 var(--mborda)}
.idade-indicada{border-left:0;box-shadow:0 4px 12px var(--msombra),inset 8px 0 0 var(--mborda);color:var(--mtit)}
.todo-mundo,.letra{background:rgba(255,255,255,.72);border:2px dashed var(--mborda)}
.todo-mundo h3,.letra h3{color:var(--mtit)}
.fala{background:rgba(255,255,255,.55);box-shadow:none}
.fala__avatar{border-color:var(--mborda)}
.fala__balao{background:#fff;border:2px dashed var(--mborda);border-radius:var(--rad-mini)}
.fala__balao::before{border-right-color:var(--mborda)}
.fala__balao strong{color:var(--mtit)}
.objetivo{border-left:0;background:rgba(255,255,255,.8);box-shadow:0 4px 10px var(--msombra),inset 6px 0 0 var(--mborda)}
.objetivo code{background:var(--ma);color:var(--mtit)}
.conceito{border-left:0;box-shadow:0 4px 10px rgba(110,75,184,.15),inset 6px 0 0 #9B6BC9}
.sumario{--ma:#CFE3F5;--mb:#E3EEF8;--mc:#EEF4FA;box-shadow:none}
.na-pratica{--ma:#D6EBC9;--mb:#E6F2DD;--mc:#F1F7EA;box-shadow:none}
.aviso-video{border:2px dashed var(--borda);box-shadow:none}
.como-usar{--ma:#FFFFFF;--mb:#FFFBF2;--mc:#FBF3E4;border:3px dashed #E3C9A8}
.caixa{transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.caixa:hover{transform:rotate(-.8deg) scale(1.015)}
.caixa img{border-color:var(--mborda)}
.caixa h2{color:var(--mtit)}
.card-brinc__faixa{background:var(--ma);color:var(--mtit)}
.card-brinc__faixa .ico{color:var(--mborda)}
.card-brinc:hover{transform:rotate(-.6deg) translateY(-3px)}
.resumo{--ma:#FFFFFF;--mb:#F7FAFD;--mc:#EEF4FA}
.resumo__grade dt{color:#24527F}
.bloco--bncc{--ma:#FFFFFF;--mb:#F3F8FD;--mc:#E3EEF8}
.filtros{--ma:#FFFFFF;--mb:#F7FAFD;--mc:#EEF4FA}
.filtros.aberto{border-radius:var(--r-g) var(--r-g) 0 0}
.filtros__cab h2,.filtros legend{color:#24527F}
.vazio{--ma:#E4DBF3;--mb:#EDE7F7;--mc:#F4F0FA}
.vazio__titulo{color:#4A2E8C}
.chip--campo{background:var(--ma);color:var(--mtit)}
.chip--faixa{border-color:var(--mborda);color:var(--mtit)}
.chip--faixa .ico{color:var(--mborda)}
.btn{border-color:#4FA3D9;color:#1E4166;box-shadow:0 2px 0 #CFE3F5}
.btn--primario{background:#E8604C;border-color:#E8604C;color:#fff;box-shadow:0 3px 0 #B0431F}
.nav a[aria-current=page],.nav a.ativo{background:#CFE3F5;color:#24527F}
@media (min-width:1024px){.filtros,.filtros.aberto{border-radius:var(--rad-a);box-shadow:0 6px 16px var(--msombra)}}

/* Impressão: ficha A4 */
@media print{
  @page{size:A4;margin:12mm 12mm 18mm}
  body{background:none;font-size:10.5pt;line-height:1.35;color:#000}
  .topo,.rodape,.trilha,.acoes,.aviso-video,.fala,.ficha__ilustracao figcaption,.skip,video,details,.ficha__chips .chip--campo,[aria-labelledby=h-parecidas],[aria-labelledby=h-casa],[aria-labelledby=h-desplugada],.bloco__sub,.idade-indicada,[aria-labelledby=h-origem] > p,.ribbon::after{display:none!important}
  a{color:#000;text-decoration:none}
  .wrap{max-width:none;padding:0}
  h1{font-size:20pt;margin:0}h3{font-size:10.5pt;margin:5pt 0 2pt;color:#000;break-after:avoid}
  .ribbon{display:block;background:none!important;color:#000!important;border-bottom:2pt solid #000;border-radius:0;padding:0 0 2pt;margin:8pt 0 3pt;font-size:12.5pt;letter-spacing:.02em;break-after:avoid}
  .ribbon::before,.faixa-card::before,.rodape::after{display:none}
  .hero__titulo span{color:#000;text-shadow:none;transform:none;animation:none}
  .hero__ilus,.anim-toggle{display:none}
  .ficha__topo{display:grid;grid-template-columns:45mm 1fr;gap:6mm;margin-top:4pt;break-inside:avoid}
  .ficha__ilustracao{box-shadow:none;background:none;filter:grayscale(1)}
  .resumo{padding:0;box-shadow:none}
  .resumo__grade{grid-template-columns:1fr 1fr;gap:3pt 8pt}
  .resumo__grade dt{font-size:8pt;color:#000}
  .lista-ico li{grid-template-columns:1fr;gap:0}.lista-ico .circ{display:none}
  .ficha__resumo{font-size:10.5pt;margin:4pt 0}
  .bloco,.resumo,.todo-mundo,.letra,.objetivo,.idade-indicada,.card-brinc{background:none!important;box-shadow:none!important;border-radius:4pt!important}
  .bloco{margin-top:6pt;max-width:none;break-inside:avoid;padding:4pt 6pt!important;border:.5pt solid #999!important}
  .bloco--seguranca{border-left:3pt solid #000!important}
  .todo-mundo,.letra,.na-pratica,.sumario{background:none!important;border-color:#999;padding:3pt 6pt}
  [aria-labelledby=h-variacoes],[aria-labelledby=h-mediacao]{columns:2;column-gap:8mm}
  [aria-labelledby=h-bncc]{break-inside:auto}
  .objetivos{display:block}
  .objetivo{break-inside:avoid;margin:2pt 0;border-left:2pt solid #000;background:none;padding:2pt 6pt;box-shadow:none}
  .objetivo code{font-size:9pt;background:none;color:#000;padding:0}
  .objetivo small{display:none}
  .passos li{min-height:0;padding-left:18pt;margin:2pt 0;line-height:1.3}
  .passos li::before{width:14pt;height:14pt;font-size:9pt;background:#eee!important;color:#000;border:0;box-shadow:none}
  .referencias{font-size:8.5pt}
  .chip{display:inline-block;border:.5pt solid #999;background:none!important;color:#000!important;font-size:8pt;padding:0 5pt;line-height:1.3;margin:0 2pt 2pt 0}
  .impressao-rodape{display:block;position:fixed;bottom:0;left:0;right:0;font-size:8pt;color:#555;border-top:.5pt solid #999;padding-top:2pt}
}