.art[b-hf0cbku2vt] { position: relative; max-width: 1180px; margin: 0 auto; padding: 10px 20px 70px; color: var(--gp-tinta); display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 32px; }
.trilha[b-hf0cbku2vt] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; color: var(--gp-tinta-fraca); margin: 6px 0 14px; }
.trilha a[b-hf0cbku2vt] { color: var(--gp-vermelho); text-decoration: none; font-weight: 600; }
.trilha[b-hf0cbku2vt]  .trilha-seta { font-size: 14px; }

@media (min-width: 1100px) {
    .art[b-hf0cbku2vt] { padding-left: 72px; padding-right: 72px; grid-template-columns: minmax(0, 1fr) 340px; }
    .art[b-hf0cbku2vt]::before, .art[b-hf0cbku2vt]::after { content: ""; position: absolute; top: 0; bottom: 0; width: 56px; pointer-events: none; background-repeat: repeat-y; background-size: 56px 480px; opacity: .9; }
    .art[b-hf0cbku2vt]::before { left: 0; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='480' viewBox='0 0 56 480'><g stroke='%23f2b632' stroke-width='3' stroke-linecap='round'><path d='M28 12v6M28 62v6M3 40h6M47 40h6M10 22l4 4M42 54l4 4M46 22l-4 4M14 54l-4 4'/></g><circle cx='28' cy='40' r='13' fill='%23f2b632'/><path d='M28 128l4.6 9.4 10.4 1.5-7.5 7.3 1.8 10.3-9.3-4.9-9.3 4.9 1.8-10.3-7.5-7.3 10.4-1.5z' fill='%23ee7b6d'/><rect x='13' y='236' width='30' height='30' rx='4' fill='%234fa3bb'/><circle cx='28' cy='251' r='6' fill='%23fff'/><path d='M10 378a9 9 0 0 1 9-9 12 12 0 0 1 22 3 8 8 0 0 1 1 16H17a7 7 0 0 1-7-10z' fill='%23bcd9e6'/></svg>"); }
    .art[b-hf0cbku2vt]::after { right: 0; background-position: 0 240px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='480' viewBox='0 0 56 480'><ellipse cx='28' cy='42' rx='13' ry='17' fill='%23ee7b6d'/><path d='M28 59c-3 8 3 12 0 22' stroke='%23999' stroke-width='1.6' fill='none'/><g fill='none' stroke-width='4' stroke-linecap='round'><path d='M6 200a22 22 0 0 1 44 0' stroke='%23ee7b6d'/><path d='M13 200a15 15 0 0 1 30 0' stroke='%23f2b632'/><path d='M20 200a8 8 0 0 1 16 0' stroke='%236fb27a'/></g><path d='M28 270l15 26H13z' fill='%23b9a6e0'/><path d='M6 410q11-15 22 0t22 0' stroke='%234fa3bb' stroke-width='4' fill='none' stroke-linecap='round'/></svg>"); }
}

.miolo[b-hf0cbku2vt] { min-width: 0; }
.cab[b-hf0cbku2vt] { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; margin-bottom: 26px; }
.chips[b-hf0cbku2vt] { display: flex; flex-wrap: wrap; gap: 7px; }
.chips[b-hf0cbku2vt]  .chip { background: var(--gp-papel-claro); border: 1px solid var(--gp-linha); border-radius: 999px; padding: 4px 12px; height: auto; margin: 0; font-size: 12.5px; font-weight: 600; color: var(--gp-tinta); }
.chips[b-hf0cbku2vt]  .chip .mud-chip-icon { font-size: 15px; margin: 0 4px 0 0; }
.chips[b-hf0cbku2vt]  .chip.bncc { background: var(--gp-vermelho); border-color: var(--gp-vermelho); color: #fff; }
.cab h1[b-hf0cbku2vt] { margin: 12px 0 10px; font-size: clamp(26px, 3.4vw, 36px); line-height: 1.15; font-weight: 800; }
.resumo[b-hf0cbku2vt] { margin: 0; font-size: 17px; line-height: 1.65; color: var(--gp-tinta-media); max-width: 62ch; }
.quadro[b-hf0cbku2vt] { position: relative; width: min(360px, 40vw); margin: 0; padding: 10px; background: var(--gp-papel-veu); border: 1px solid var(--gp-linha-forte); border-radius: 6px; box-shadow: 0 6px 16px rgba(80, 60, 30, .15); transform: rotate(1.4deg); }
.quadro[b-hf0cbku2vt]::before, .quadro[b-hf0cbku2vt]::after { content: ""; position: absolute; width: 64px; height: 22px; background: rgba(242, 182, 50, .55); }
.quadro[b-hf0cbku2vt]::before { top: -10px; left: -14px; transform: rotate(-35deg); }
.quadro[b-hf0cbku2vt]::after { bottom: -10px; right: -14px; transform: rotate(-35deg); }
.quadro img[b-hf0cbku2vt] { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 3px; }

.sec[b-hf0cbku2vt] { margin: 0 0 18px; padding: 22px; background: var(--gp-papel-claro); border: 1px solid var(--gp-linha); border-radius: 16px; }
.sec h2[b-hf0cbku2vt] { margin: 0 0 12px; font-size: 20px; font-weight: 800; }
.sec p[b-hf0cbku2vt] { line-height: 1.65; margin: 0 0 10px; }
.sec p:last-child[b-hf0cbku2vt] { margin-bottom: 0; }

.bens[b-hf0cbku2vt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
.ben[b-hf0cbku2vt] { padding: 14px; border-radius: 14px; background: var(--bf, var(--gp-papel)); border: 1px solid var(--bb, var(--gp-linha)); }
.ben[b-hf0cbku2vt]  .ben-ico { font-size: 22px; color: var(--bc, var(--gp-vermelho)); }
.ben strong[b-hf0cbku2vt] { display: block; margin: 6px 0 4px; font-size: 15px; }
.ben p[b-hf0cbku2vt] { margin: 0; font-size: 14.5px; color: var(--gp-tinta-media); }
.ben-motor[b-hf0cbku2vt] { --bf: #e6f3e8; --bb: #bddcc3; --bc: #3e6b47; }
.ben-linguagem[b-hf0cbku2vt] { --bf: #e3f2f6; --bb: #b6d8e1; --bc: #2f7488; }
.ben-socioemocional[b-hf0cbku2vt] { --bf: #fde9e5; --bb: #f3c6bd; --bc: #1f6fd6; }
.ben-cognitivo[b-hf0cbku2vt] { --bf: #ebe6f6; --bb: #d4c9ec; --bc: #5b4a9b; }
.ben-criatividade[b-hf0cbku2vt] { --bf: #fdf1d3; --bb: #efd08a; --bc: #8a5a00; }
.ben-autonomia[b-hf0cbku2vt] { --bf: #e7edf6; --bb: #c3d0e6; --bc: #46618f; }

.bncc-sec[b-hf0cbku2vt] { border-left: 4px solid var(--gp-vermelho); }
.obj[b-hf0cbku2vt] { font-size: 15px; }
.pais[b-hf0cbku2vt] { background: rgba(70, 97, 143, .07); border-color: rgba(70, 97, 143, .3); }

.info[b-hf0cbku2vt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px 18px; margin: 0; }
.info dt[b-hf0cbku2vt] { font-size: 12.5px; font-weight: 700; color: var(--gp-tinta-fraca); }
.info dd[b-hf0cbku2vt] { margin: 2px 0 0; font-size: 15px; }

.mat[b-hf0cbku2vt] { margin: 0; padding: 0; list-style: none; }
.mat li[b-hf0cbku2vt] { padding: 9px 0; border-bottom: 1px solid var(--gp-linha-suave); font-size: 15px; }
.mat li:last-child[b-hf0cbku2vt] { border-bottom: 0; }
.qtd[b-hf0cbku2vt] { color: var(--gp-tinta-fraca); font-size: 13.5px; }
.sucata[b-hf0cbku2vt] { margin-left: 7px; background: rgba(38, 132, 76, .12); color: #26844c; border-radius: 999px; padding: 1px 9px; font-size: 11px; font-weight: 700; }

.passo strong[b-hf0cbku2vt] { font-size: 16px; }
.fala[b-hf0cbku2vt] { color: var(--gp-info); font-style: italic; }

.trava[b-hf0cbku2vt] { position: relative; overflow: hidden; min-height: 380px; }
.blur[b-hf0cbku2vt] { filter: blur(7px); opacity: .85; user-select: none; pointer-events: none; }
.bloco-fake[b-hf0cbku2vt] { margin-bottom: 14px; }
.bloco-fake strong[b-hf0cbku2vt] { font-size: 16px; }
.convite-trava[b-hf0cbku2vt] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(440px, 92%); padding: 24px; text-align: center; background: var(--gp-papel-claro); border: 2px solid var(--gp-vermelho); border-radius: 20px; box-shadow: 0 14px 34px rgba(80, 60, 30, .25); }
.convite-trava[b-hf0cbku2vt]  .trava-ico { font-size: 26px; color: var(--gp-vermelho); }
.convite-trava h3[b-hf0cbku2vt] { margin: 6px 0 10px; font-size: 20px; font-weight: 800; }
.conta[b-hf0cbku2vt] { list-style: none; margin: 0 0 16px; padding: 0; font-size: 14.5px; color: var(--gp-tinta-media); text-align: left; display: inline-block; }
.conta li[b-hf0cbku2vt] { padding: 2px 0 2px 22px; position: relative; }
.conta li[b-hf0cbku2vt]::before { content: ""; position: absolute; left: 4px; top: 9px; width: 8px; height: 8px; border-radius: 50%; background: #6fb27a; }
[b-hf0cbku2vt] .btn-cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 999px; background: var(--gp-vermelho); color: #fff; font-weight: 800; text-decoration: none; }
[b-hf0cbku2vt] .btn-cta:hover { background: var(--gp-vermelho-fundo); color: #fff; }
[b-hf0cbku2vt] .btn-cta:focus-visible, .par-card:focus-visible[b-hf0cbku2vt], .ja-tenho:focus-visible[b-hf0cbku2vt] { outline: 3px solid var(--gp-vermelho); outline-offset: 3px; }
.ja-tenho[b-hf0cbku2vt] { display: block; margin-top: 12px; color: var(--gp-vermelho); font-weight: 700; font-size: 14px; }

.par[b-hf0cbku2vt] { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.par-card[b-hf0cbku2vt] { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; border: 1px solid var(--gp-linha); border-radius: 14px; overflow: hidden; background: var(--gp-papel); padding-bottom: 12px; }
.par-card:hover[b-hf0cbku2vt] { border-color: var(--gp-vermelho); }
.par-card strong[b-hf0cbku2vt], .par-meta[b-hf0cbku2vt] { padding: 0 12px; }
.par-card strong[b-hf0cbku2vt] { font-size: 14.5px; line-height: 1.3; margin-top: 6px; }
.par-meta[b-hf0cbku2vt] { font-size: 12px; color: var(--gp-tinta-fraca); }
.par-img[b-hf0cbku2vt] { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; background: var(--t, #f2cf6b); }
.par-img[b-hf0cbku2vt]  .par-ico { font-size: 32px; color: rgba(255, 255, 255, .85); }
.par-img > img[b-hf0cbku2vt] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.t-brincadeira[b-hf0cbku2vt] { --t: #f4a28c; } .t-exploracao[b-hf0cbku2vt] { --t: #8cc9c4; } .t-historia[b-hf0cbku2vt] { --t: #b9a6e0; } .t-musica[b-hf0cbku2vt] { --t: #f0a9c7; } .t-arte[b-hf0cbku2vt] { --t: #f2cf6b; }
.t-roda[b-hf0cbku2vt] { --t: #f5b57a; } .t-movimento[b-hf0cbku2vt] { --t: #a8d5a0; } .t-cuidado[b-hf0cbku2vt] { --t: #f2b8b8; } .t-natureza[b-hf0cbku2vt] { --t: #9ccf8a; }

.lado[b-hf0cbku2vt] { display: flex; flex-direction: column; gap: 18px; align-self: start; }
.lado-cta[b-hf0cbku2vt] { padding: 22px; border-radius: 18px; border: 1px solid var(--gp-linha); background: linear-gradient(120deg, #fdf1d3 0%, #e6f3f7 100%); }
.lado-cta h3[b-hf0cbku2vt] { margin: 0 0 6px; font-size: 18px; font-weight: 800; }
.lado-cta p[b-hf0cbku2vt] { margin: 0 0 14px; font-size: 14.5px; line-height: 1.55; color: var(--gp-tinta-media); }
@media (min-width: 1100px) { .lado[b-hf0cbku2vt] { position: sticky; top: 90px; } }

.nao-achou[b-hf0cbku2vt] { grid-column: 1 / -1; text-align: center; padding: 60px 0; }
.nao-achou[b-hf0cbku2vt]  .nao-achou-ico { font-size: 44px; color: var(--gp-vermelho); }

@media (max-width: 760px) {
    .cab[b-hf0cbku2vt] { grid-template-columns: 1fr; }
    .quadro[b-hf0cbku2vt] { width: min(340px, 86%); justify-self: center; }
    .sec[b-hf0cbku2vt] { padding: 18px; }
    .lado[b-hf0cbku2vt] { margin-top: 10px; }
}