@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;800&family=Nunito:wght@400;600;700&display=swap");.kidzoo-container{--verde-selva:#1e5c38;--verde-medio:#2d8a52;--verde-claro:#4ab870;--amarelo:#f7c948;--laranja:#f28c28;--azul-mar:#1565a3;--azul-ceu:#4ca3d8;--bege:#fdf6e3;--marrom:#7a4a1e;--branco:#ffffff;--sombra:rgba(0,0,0,0.18);--raio:20px;font-family:Nunito,sans-serif;min-height:100vh;position:relative;overflow-x:hidden;background:var(--verde-selva);background-image:radial-gradient(ellipse 80% 50% at 10% 90%,rgba(46,138,82,.55) 0,transparent 60%),radial-gradient(ellipse 60% 60% at 90% 10%,rgba(247,201,72,.18) 0,transparent 55%);color:#fff}.kidzoo-container.aquatico{background:#0a3d62;background-image:radial-gradient(ellipse 80% 50% at 10% 90%,rgba(21,101,163,.6) 0,transparent 60%),radial-gradient(ellipse 60% 60% at 90% 10%,rgba(76,163,216,.3) 0,transparent 55%)}.kidzoo-container.passaros{background:#1a3a5c;background-image:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(76,163,216,.5) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 10%,rgba(247,201,72,.25) 0,transparent 55%)}.folhas-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.folha{position:absolute;opacity:.12;animation:balancear 6s ease-in-out infinite}.folha:nth-child(2){animation-delay:-2s}.folha:nth-child(3){animation-delay:-4s}@keyframes balancear{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.04)}}@keyframes voar{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.kidzoo-navbar{position:relative;z-index:10;background:rgba(0,0,0,.35);backdrop-filter:blur(10px);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:10px}.navbar-logo{font-family:Baloo\ 2,cursive;font-weight:800;font-size:1.7rem;color:var(--amarelo);text-decoration:none;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.navbar-logo span{color:#fff}.navbar-links{display:flex;gap:6px;flex-wrap:wrap;list-style:none}.navbar-links button{font-family:Baloo\ 2,cursive;font-weight:600;font-size:.85rem;color:rgba(255,255,255,.85);text-decoration:none;padding:6px 14px;border-radius:30px;border:1.5px solid rgba(255,255,255,.2);transition:all .2s;background:transparent;cursor:pointer}.navbar-links button.ativo,.navbar-links button:hover{background:var(--amarelo);color:#1e3a1e;border-color:var(--amarelo);transform:translateY(-1px)}.kidzoo-conteudo{position:relative;z-index:5;max-width:1100px;margin:0 auto;padding:24px 20px 40px}.titulo-secao{text-align:center;margin-bottom:28px}.titulo-secao h1{font-family:Baloo\ 2,cursive;font-weight:800;font-size:clamp(1.8rem,5vw,2.8rem);color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.4);line-height:1.1}.titulo-secao .badge-emoji{font-size:clamp(2rem,6vw,3.5rem);display:block;margin-bottom:8px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));animation:pular 2s ease-in-out infinite}@keyframes pular{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.titulo-secao p{color:rgba(255,255,255,.82);font-size:clamp(.9rem,2.5vw,1.05rem);margin-top:6px}.destaque-wrap{display:flex;justify-content:center;margin-bottom:30px}.destaque-card{background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.25);border-radius:24px;padding:18px 24px;text-align:center;max-width:320px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:transform .4s}.destaque-card.tocando{animation:pulsarCard .6s ease-in-out infinite alternate}@keyframes pulsarCard{0%{transform:scale(1);box-shadow:0 8px 32px rgba(0,0,0,.3)}to{transform:scale(1.04);box-shadow:0 12px 40px rgba(247,201,72,.45)}}.destaque-card img{width:100%;max-height:220px;-o-object-fit:cover;object-fit:cover;border-radius:16px;display:block}.destaque-nome{font-family:Baloo\ 2,cursive;font-weight:800;font-size:1.5rem;color:var(--amarelo);margin-top:12px;text-shadow:0 2px 6px rgba(0,0,0,.35)}.destaque-instrucao{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:4px}.ondas-som{display:flex;justify-content:center;gap:4px;height:20px;align-items:flex-end;margin-top:10px;visibility:hidden}.destaque-card.tocando .ondas-som{visibility:visible}.onda{width:4px;border-radius:2px;background:var(--amarelo);animation:ondaAnim .5s ease-in-out infinite alternate}.onda:first-child{height:8px;animation-delay:0s}.onda:nth-child(2){height:16px;animation-delay:.1s}.onda:nth-child(3){height:12px;animation-delay:.2s}.onda:nth-child(4){height:20px;animation-delay:.3s}.onda:nth-child(5){height:10px;animation-delay:.4s}@keyframes ondaAnim{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.grid-animais{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.card-animal{background:rgba(255,255,255,.13);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;text-align:center;padding-bottom:10px}.card-animal:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 10px 28px rgba(0,0,0,.3);border-color:rgba(247,201,72,.6)}.card-animal.ativo{border-color:var(--amarelo);box-shadow:0 0 0 3px rgba(247,201,72,.4),0 10px 28px rgba(0,0,0,.3)}.card-animal img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s}.card-animal:hover img{transform:scale(1.06)}.card-animal .card-nome{font-family:Baloo\ 2,cursive;font-weight:700;font-size:.88rem;color:#fff;padding:8px 6px 2px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.card-animal .card-icone{font-size:1.1rem;margin-top:2px}.btn-voltar{display:inline-flex;align-items:center;gap:6px;font-family:Baloo\ 2,cursive;font-weight:700;font-size:.9rem;color:#fff;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:30px;padding:8px 18px;text-decoration:none;transition:all .2s;margin-bottom:20px;cursor:pointer;backdrop-filter:blur(8px)}.btn-voltar:hover{background:rgba(255,255,255,.28);transform:translateX(-3px)}.rodape{padding:18px 20px;color:rgba(255,255,255,.5);font-size:.8rem;font-family:Nunito,sans-serif}.hero,.rodape{position:relative;z-index:5;text-align:center}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 150px);padding:40px 20px}.hero-logo{font-family:Baloo\ 2,cursive;font-weight:800;font-size:clamp(3rem,10vw,5.5rem);line-height:1;margin-bottom:12px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.hero-logo .k1{color:var(--amarelo)}.hero-logo .k2{color:#a8e6b8}.hero-logo .k3{color:#fff}.hero-sub{font-size:clamp(1rem,3vw,1.25rem);color:rgba(255,255,255,.85);margin-bottom:40px;max-width:440px}.hero-animais-emojis{font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.hero-animais-emojis span{animation:pular 2s ease-in-out infinite;display:inline-block}.hero-animais-emojis span:nth-child(2){animation-delay:.3s}.hero-animais-emojis span:nth-child(3){animation-delay:.6s}.hero-animais-emojis span:nth-child(4){animation-delay:.9s}.hero-animais-emojis span:nth-child(5){animation-delay:1.2s}.btn-hero{display:inline-flex;align-items:center;gap:10px;font-family:Baloo\ 2,cursive;font-weight:800;font-size:clamp(1.1rem,3.5vw,1.4rem);color:#1e3a1e;background:var(--amarelo);border:none;border-radius:50px;padding:16px 42px;text-decoration:none;box-shadow:0 6px 24px rgba(247,201,72,.5),0 2px 8px rgba(0,0,0,.25);transition:all .25s;cursor:pointer}.btn-hero:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 30px rgba(247,201,72,.6),0 4px 12px rgba(0,0,0,.25)}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin-top:10px}.categoria-card{background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:32px 20px;text-align:center;cursor:pointer;text-decoration:none;transition:all .25s;display:block}.categoria-card:hover{transform:translateY(-6px);border-color:var(--amarelo);box-shadow:0 14px 36px rgba(0,0,0,.3),0 0 0 2px rgba(247,201,72,.3)}.categoria-emoji{font-size:clamp(3rem,8vw,4.5rem);display:block;margin-bottom:14px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));animation:pular 2.5s ease-in-out infinite}.categoria-card:nth-child(2) .categoria-emoji{animation-delay:-.8s}.categoria-card:nth-child(3) .categoria-emoji{animation-delay:-1.6s}.categoria-titulo{font-family:Baloo\ 2,cursive;font-weight:800;font-size:1.4rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35);margin-bottom:8px}.categoria-desc{font-size:.88rem;color:rgba(255,255,255,.72);line-height:1.4}.categoria-btn{display:inline-block;margin-top:18px;font-family:Baloo\ 2,cursive;font-weight:700;font-size:.9rem;color:#1e3a1e;background:var(--amarelo);padding:8px 22px;border-radius:30px;box-shadow:0 4px 12px rgba(247,201,72,.35);transition:all .2s}.categoria-card:hover .categoria-btn{transform:scale(1.06);box-shadow:0 6px 18px rgba(247,201,72,.5)}@media (max-width:480px){.kidzoo-navbar{padding:12px 16px}.navbar-logo{font-size:1.3rem}.grid-animais{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.card-animal img{height:85px}.destaque-card{max-width:260px}.categorias-grid{grid-template-columns:1fr}}@media (max-width:360px){.grid-animais{grid-template-columns:repeat(3,1fr);gap:10px}}