:root{color-scheme:dark;--gold:#ead29b;--green:#259b47;--muted:#bbbcb6}*{box-sizing:border-box}body{margin:0;background:#070a0b url('background.png') center/cover fixed;color:#fff;font-family:Montserrat,Arial,sans-serif;min-height:100dvh;display:flex;flex-direction:column}.shade{position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.7) 50%,#050708);z-index:-1}header{padding:26px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}header a{color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:3px}.cross{color:var(--gold);font-size:23px;vertical-align:middle;margin-right:8px}.label{font-size:9px;color:var(--muted);letter-spacing:2px}main{width:min(100% - 36px,470px);margin:auto; padding:38px 0;flex:1;display:flex;align-items:center}section{width:100%;animation:enter .35s ease-out}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);text-transform:uppercase;text-align:center;font-weight:600}h1{font-size:30px;line-height:1.22;font-weight:700;text-align:center;letter-spacing:-.9px;margin:20px 0}h1 em{font-style:normal;color:var(--gold)}.intro{color:#d2d2cc;text-align:center;font-size:14px;line-height:1.8;margin:0 auto 25px;max-width:420px}.symbol{height:130px;display:grid;place-items:center;margin:12px auto 18px}.symbol span{font-family:Georgia,serif;font-size:94px;color:#eed99d;text-shadow:0 0 50px #cfa84c80}.tags{display:flex;justify-content:center;gap:19px;font-size:10px;color:#b5b9b0;margin:20px 0}.tags span:before{content:'✓ ';color:var(--gold)}button,a.cta{font-family:inherit;cursor:pointer;touch-action:manipulation}.cta{display:block;width:100%;padding:18px 15px;border:1px solid #44b45d;background:var(--green);color:white;font-size:13px;font-weight:700;text-align:center;text-decoration:none;border-radius:4px;line-height:1.35;transition:background .2s}.cta:hover{background:#2aac51}.cta:focus-visible,.option:focus-visible,.back:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.small{font-size:11px;color:#a8aca4;line-height:1.7;text-align:center;margin:17px 0 0}.topline{display:flex;justify-content:space-between;color:#b8bcb4;font-size:10px;margin-bottom:11px}.bar{height:4px;border-radius:10px;background:#ffffff20;overflow:hidden;margin-bottom:38px}.bar i{height:100%;display:block;background:var(--gold);transition:width .3s}.question h1{font-size:25px;text-align:left;line-height:1.35;margin:14px 0}.question .intro{text-align:left;font-size:12px;margin:0 0 24px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:13px;width:100%;padding:17px 16px;border:1px solid #ffffff32;background:#141918e8;color:#fff;text-align:left;border-radius:5px;font-size:13px;line-height:1.5;transition:background .2s,border-color .2s}.option:hover,.option.selected{background:#25362b;border-color:#76b887}.option .dot{width:16px;height:16px;flex-shrink:0;border-radius:50%;border:1px solid #aaa}.option.selected .dot{border:4px solid var(--gold);background:#344a31}.back{border:0;background:none;color:#b5b9b2;padding:20px 0;font-size:11px}.result-card{padding:24px;background:#141a17e8;border:1px solid #bda66c66;border-radius:6px;margin:25px 0}.result-card .over{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:9px}.result-card h2{font-size:22px;margin:13px 0}.result-card p{font-size:13px;color:#cfd1c8;line-height:1.8;margin-bottom:0}.topics{list-style:none;padding:0;margin:27px 0}.topics li{padding:15px 0;border-bottom:1px solid #ffffff1d;display:flex;gap:14px;font-size:13px;line-height:1.5}.topics b{color:var(--gold);font-size:11px;font-weight:500}details{border-top:1px solid #ffffff22;padding:18px 0;font-size:12px;line-height:1.8}summary{cursor:pointer;font-weight:600}details p{color:#bfc4b8}.presentation h1{font-size:28px}.presentation .intro{font-size:13px}.note{padding:15px;border-left:2px solid var(--gold);background:#141914cf;color:#bfc5ba;font-size:11px;line-height:1.8;margin:25px 0}footer{text-align:center;color:#92968d;font-size:10px;line-height:1.9;padding:19px 18px 24px;border-top:1px solid #ffffff12}footer span{font-size:9px;color:#777e73}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){header{padding:18px}.label{display:none}main{padding:28px 0}h1{font-size:28px}.symbol{height:110px}.question h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Quiz visual de três perguntas */
main{width:min(100% - 32px,470px);padding:24px 0}.quiz-step .bar{margin-bottom:23px}.quiz-step h1{font-size:25px;line-height:1.28;margin:15px 0 12px}.quiz-step .intro{font-size:12px;line-height:1.6;margin:0 0 19px}.question-picture{position:relative;margin:0 0 20px;height:202px;overflow:hidden;border-radius:7px;border:1px solid #cba55c55;box-shadow:0 8px 40px #0005}.question-picture img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}.question-picture span{position:absolute;inset:0;box-shadow:inset 0 0 35px #0004;pointer-events:none}.picture-1 img{object-position:center 33%}.picture-2 img{object-position:center 22%}.option{padding:14px 13px;font-size:12px;min-height:58px;border-color:#527547;background:linear-gradient(120deg,#172d1eea,#16231be8)}.option:hover{background:#265131;border-color:#75bc78}.arrow{font-size:24px;color:#97b694;margin-left:auto}.option .dot{border-color:#c5cbbd}.topline{font-size:9px}.bar i{background:#52af63}.watch h1{font-size:25px;margin:15px 0 12px}.watch .intro{font-size:12px;margin-bottom:20px}.player-frame{max-width:400px;width:100%;margin:0 auto;border-radius:6px;overflow:hidden;box-shadow:0 0 45px #c4a14e18}.sound-hint{text-align:center;font-size:11px;color:#bdbfb5;margin:18px 0}.video-page main{max-width:470px;padding-top:25px;align-items:flex-start}.video-page header{padding-top:16px;padding-bottom:16px}.video-page footer span{display:none}.video-page{background:#050706}.video-page .shade{background:radial-gradient(ellipse at top,#24211780,transparent 50%)}@media(max-width:480px){.question-picture{height:180px}.quiz-step h1{font-size:23px}.option{min-height:57px}.quiz-step .bar{margin-bottom:20px}main{padding-top:22px}header{padding:16px 18px}.watch h1{font-size:24px}}

.picture-1 img{object-position:center 55%}