@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@600&family=Nunito:wght@400;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background:linear-gradient(180deg,#77bdfb,#fdf6e3);color:#222}.cabecalho{background-color:#2b6cb0;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 25px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.logo{font-family:Baloo\ 2,cursive;font-size:1.7rem}.menu{display:flex;gap:20px}.menu a{color:#fff;text-decoration:none;font-weight:600}.menu a:hover{color:#fcd34d}.botao-menu{display:none;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer}@media (max-width:600px){.menu{display:none;flex-direction:column;background-color:#1e3a8a;position:absolute;top:70px;right:0;width:200px;padding:20px}.menu.ativo{display:flex}.botao-menu{display:block}}.destaque{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;padding:50px 20px;gap:30px}.imagem-destaque{width:280px}.texto-destaque{max-width:500px}.texto-destaque h2{color:#1e3a8a;font-family:Baloo\ 2,cursive;font-size:1.8rem;margin-bottom:10px}.curiosidades,.personagens{padding:50px 20px;text-align:center}.lista-personagens{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.card{background:linear-gradient(145deg,#fff,#e0f2fe);border-radius:15px;padding:20px;width:240px;box-shadow:0 3px 6px rgba(0,0,0,.15);transition:transform .2s}.card:hover{transform:translateY(-5px)}.card img{width:120px}.curiosidades ul{list-style:disc inside;max-width:700px;margin:0 auto;line-height:1.8}.rodape{background-color:#1e3a8a;color:#fff;text-align:center;padding:15px 0;font-family:Baloo\ 2,cursive;margin-top:40px}