.header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;position:sticky;top:0;left:0;transition:transform .4s ease,opacity .4s ease}.header--is-hidden{transform:translateY(-100%);opacity:0}.header__logo img{width:100px}.header__menu{display:flex;padding:32px 0;gap:32px}.header__menu a{color:#000;position:relative;font-weight:bold}.header__menu a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background-color:#000;transition:width .3s ease}.header__menu a:hover::after{width:100%}.sobre{display:flex;width:100%}.sobre__img{width:50%;height:100vh;padding:48px}.sobre__text{text-align:justify;width:40%;display:flex;flex-direction:column;justify-content:center;font-size:.7em}@media(max-width: 1600px){.sobre{display:block}.sobre__img{width:100%;height:auto;padding:0;display:flex;justify-content:center;align-items:center}.sobre__img img{max-width:100%;height:auto}.sobre__text{width:100%;text-align:center;align-items:center;justify-content:center;padding:20px;font-size:.6em}}.personagens{padding:48px}.personagens h2{padding:32px;text-align:center}.personagens__tabs{padding:32px;text-align:center}.personagens__tabs__button{background-color:rgba(0,0,0,0);color:#000;border:2px solid #000;padding:10px 20px;cursor:pointer;transition:all .3s ease}.personagens__tabs__button:hover{background-color:#000;color:#fff}.personagens__tabs__button--is-active{background-color:#000;color:#fff;border:2px solid #fff;transform:scale(0.95);box-shadow:0 2px 5px rgba(0,0,0,.2)}.personagens__content{display:none;transition:display .3s ease,visibility 0s ease 0s;gap:48px;margin-bottom:32px}.personagens__content img{width:50%}@media(max-width: 1600px){.personagens__content img{width:100%}}.personagens__content p{text-align:justify;width:40%;display:flex;flex-direction:column;justify-content:center;font-size:.7em}@media(max-width: 1600px){.personagens__content p{width:100%;text-align:center;align-items:center;justify-content:center;padding:20px;font-size:.6em}}.personagens__content--is-active{display:flex;transition:display .3s ease,visibility 0s ease 0s}@media(max-width: 1023px){.personagens__content--is-active{display:block}}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:"Cinzel",serif}body{background-color:#ccc}button{background-color:#fff;color:#000;border:2px solid #000;padding:12px 24px;font-size:16px;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all .3s ease}button:hover{background-color:#000;color:#fff}.clipes{display:flex;flex-direction:column;gap:40px}.trailer{width:100%;max-width:800px;margin:0 auto}.media h2{text-align:center;margin-bottom:24px}.footer{background-color:#111;color:#fff;text-align:center;padding:20px;margin-top:24px}.footer-icons{display:flex;justify-content:center;gap:20px;margin-top:10px}.footer-icons a{text-decoration:none;width:32px;height:32px;display:inline-block;transition:transform .3s ease}.footer-icons a:hover{transform:scale(1.2)}.footer-icons svg{width:32px;height:32px;fill:#fff;transition:fill .3s ease}.footer-icons a:hover svg{fill:#888}