/* Capa com a fotografia fornecida e a versão monocromática oficial da marca. */
.topline{background:linear-gradient(90deg,#9a2339 0 78%,#c5a469 78%)}
header img,footer img{filter:brightness(0) invert(1)}
body[data-view=home] main,body[data-view=quiz] main{padding-top:23px}
.quiz-cover{position:relative;isolation:isolate;overflow:hidden;min-height:620px;border-radius:12px;background:#171819;color:#fff9ef;display:flex;align-items:center;box-shadow:0 20px 45px #0b20371c}
.quiz-cover-photo{position:absolute;inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2}
.quiz-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#161718 0%,#161718f5 25%,#161718b8 43%,#16171812 73%),linear-gradient(0deg,#141516a6,transparent 45%)}
.quiz-cover-copy{padding:58px 44px;max-width:510px;width:100%}
.quiz-cover .eyebrow{color:#e1c38b;font-size:11px;letter-spacing:3px}
.quiz-cover h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5vw,62px);font-weight:400;letter-spacing:-1.8px;line-height:1.06;margin:25px 0}
.quiz-cover h1 em{font-weight:400;color:#e5c890}
.quiz-cover p{font-size:15px;line-height:1.65;color:#e0dbd3;max-width:330px}
.quiz-cover .badge{display:inline-flex;color:#f2dfbb;border-color:#f2dfbb4a;background:#f2dfbb0b;margin-bottom:6px;padding:8px 11px}
.quiz-cover .quiz-cover-cta{margin-top:30px;min-height:58px;font-size:15px;letter-spacing:0;background:#e6c787;color:#17212a;box-shadow:none;justify-content:space-between;padding:17px 21px}
.quiz-cover-cta:hover{background:#f0d79f}
.quiz-cover .quiz-cover-ranking{color:#f5e7ca;background:#ffffff05;border-color:#f0dcc344;min-height:48px;font-size:12px}
.quiz-cover .quiz-cover-note{font-size:10px;line-height:1.55;color:#c7c0b7;margin:19px 0 0;max-width:330px}
.quiz-cover .quiz-access-message{background:#fff7e9;color:#432435;margin:18px 0 0;font-size:12px;border-radius:6px}
.quiz-ad-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin:12px 0}
.quiz-ad-navigation button{width:44px;height:44px;border:1px solid #0a21382a;border-radius:50%;background:transparent;color:#0a2138;font-size:20px}
.quiz-ad-navigation span{font-size:12px;color:#66717b}
@media(max-width:600px){
 body[data-view=home] main,body[data-view=quiz] main{padding:15px 14px 26px}
 .quiz-cover{min-height:730px;min-height: min(800px,calc(100svh - 120px));align-items:flex-end;border-radius:8px}
 .quiz-cover-photo{width:100%;object-position:53% 24%}
 .quiz-cover:before{background:linear-gradient(0deg,#141516 0%,#141516f5 26%,#141516a6 47%,#1415160d 78%)}
 .quiz-cover-copy{padding:220px 25px 28px;max-width:100%}
 .quiz-cover .eyebrow{font-size:9px;letter-spacing:2.4px}
 .quiz-cover h1{font-size:clamp(36px,10vw,47px);letter-spacing:-1px;max-width:310px;margin:17px 0}
 .quiz-cover p{font-size:12px;max-width:300px;margin:12px 0}
 .quiz-cover .quiz-cover-cta{font-size:14px;margin-top:23px;min-height:55px}
 .quiz-cover .quiz-cover-ranking{margin-top:11px;min-height:44px}
 .quiz-cover .quiz-cover-note{font-size:9px;margin-top:16px}
}
@media(min-width:601px) and (orientation:portrait){.quiz-cover{min-height:760px}.quiz-cover-photo{width:100%;object-position:65% 15%}.quiz-cover:before{background:linear-gradient(90deg,#161718f5,#161718a6 42%,#16171812 90%),linear-gradient(0deg,#161718b8,transparent 80%)}.quiz-cover-copy{padding:60px 40px;max-width:500px}}
