*{box-sizing:border-box;margin:0;padding:0}body{color:#171717;background:#f7f1df;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.header{color:#fff;background:#151515}.header-container{justify-content:space-between;align-items:center;max-width:1150px;margin:auto;padding:20px 30px;display:flex}.logo{letter-spacing:1px;font-size:22px;font-weight:900;line-height:.9}.logo span{letter-spacing:3px;margin-top:5px;font-size:12px;display:block}.nav{gap:28px;display:flex}.nav a{font-size:14px;font-weight:700;transition:all .2s}.nav a:hover{color:#f4c542}.home{background:#f7f1df}.home-intro{grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;max-width:1150px;min-height:570px;margin:auto;padding:60px 30px;display:grid}.home-text{padding-left:20px}.small-title{letter-spacing:3px;margin-bottom:18px;font-size:13px;font-weight:700}.home-text h1{letter-spacing:-5px;font-size:80px;line-height:.8}.home-text h1 span{color:#d72c25;display:block}.description{max-width:330px;margin-top:25px;font-size:17px;line-height:1.5}.home-image{background:#eadfc4;border-radius:25px;height:430px;overflow:hidden;transform:rotate(2deg)}.home-characters{justify-content:center;align-items:flex-end;gap:0;width:100%;height:100%;display:flex}.home-characters img{object-fit:contain;width:33%;height:90%}.characters-section{color:#fff;text-align:center;background:#171717;padding:60px 30px}.section-label{letter-spacing:3px;color:#f4c542;font-size:11px;font-weight:700}.characters-section h2{margin:10px 0 35px;font-size:40px}.character-links{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;margin:auto;display:grid}.character-card{background:#242424;border-radius:18px;padding:25px;transition:all .2s}.character-card:hover{transform:translateY(-7px)}.character-card img{object-fit:contain;width:100%;height:190px;margin-bottom:15px}.character-card h3{margin-bottom:8px;font-size:21px}.character-card span{color:#f4c542;font-size:12px}.character-page{min-height:calc(100vh - 70px)}.character-header{text-align:center;padding:60px 20px 35px}.character-header p{letter-spacing:4px;font-size:11px;font-weight:700}.character-header h1{letter-spacing:-2px;margin:15px 0 10px;font-size:65px}.character-header span{font-size:16px}.character-content{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1000px;margin:auto;padding:20px 30px 80px;display:grid}.character-photo{justify-content:center;align-items:center;height:420px;display:flex}.character-photo img{object-fit:contain;max-width:100%;max-height:420px}.character-description{background:#fff;border-radius:20px;padding:35px}.character-description h2{margin-bottom:15px;font-size:27px}.character-description p{color:#555;font-size:15px;line-height:1.7}.character-tags{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.character-tags span{color:#fff;background:#171717;border-radius:20px;padding:9px 14px;font-size:12px}.pernalonga-page{background:#e9f3ff}.pernalonga-page .character-header h1{color:#2878c8}.patolino-page{background:#e8f5ff}.patolino-page .character-header h1{color:#286aa8}.gaguinho-page{background:#fff0e8}.gaguinho-page .character-header h1{color:#d94b35}.footer{color:#aaa;background:#111;justify-content:space-between;align-items:center;min-height:70px;padding:18px 30px;font-size:12px;display:flex}@media (max-width:850px){.header-container{flex-direction:column;gap:18px}.nav{flex-wrap:wrap;justify-content:center;gap:18px}.home-intro{text-align:center;grid-template-columns:1fr;padding-top:45px}.home-text{padding-left:0}.description{margin-left:auto;margin-right:auto}.home-image{height:350px;transform:none}.character-links{grid-template-columns:1fr;max-width:400px}.character-content{text-align:center;grid-template-columns:1fr;gap:30px}.character-description{text-align:left}.character-tags{justify-content:center}.footer{text-align:center;flex-direction:column;gap:8px}}@media (max-width:500px){.header-container{padding:18px 15px}.nav{gap:12px}.nav a{font-size:12px}.home-intro{padding:40px 20px}.home-text h1{font-size:58px}.home-image{height:280px}.home-characters img{width:33%;height:85%}.characters-section{padding:45px 20px}.characters-section h2{font-size:32px}.character-header{padding-top:45px}.character-header h1{font-size:45px}.character-content{padding:10px 20px 60px}.character-photo{height:300px}.character-photo img{max-height:300px}.character-description{padding:25px}}