:root { --cor:#000; --cor-contraste:#fff; --fundo:#fff; --titulo:#000; --texto:#000; --raio:8px; --altura:60px; --gap:.2rem; --largura:28rem; --fonte-t:Inter,system-ui,sans-serif; --fonte-c:Inter,system-ui,sans-serif; --titulo-tam:32px; --titulo-peso:700; --titulo-lh:1.1; --texto-tam:16px; --texto-peso:400; --texto-lh:1.4; --fundo-c1:#ededed; --fundo-c2:#dbdbdb; --fundo-c3:#c1c1c1; --fundo-c4:#c1c1c1; --fundo-c6:#b1b1b1; --fundo-c7:#5b5b5b; --fundo-c9:#373737; --fundo-max-10:#0000001a; --fundo-max-25:#40404040; --fundo-max-50:#40404080; --fundo-min-90:#cccccce6; --borda-xs:#e6e6e6; --borda-sm:#bfbfbf; }
:where(.canvas) :where(*,*::before,*::after) { box-sizing:border-box; border:0 solid #e5e7eb; }
:where(.canvas) :where(img,svg,video) { display:block; } :where(.canvas) :where(img,video) { max-width:100%; height:auto; }
:where(.canvas) :where(button,input,textarea) { font:inherit; color:inherit; margin:0; padding:0; background:none; }
#quiz { display:contents; }
.main-content { min-height:95svh; display:flex; flex-direction:column; gap:1rem; padding:.75rem; color:var(--texto); }
@media (min-width:768px) { .main-content { padding:1.25rem; gap:1.5rem; } }
.qz-etapa { width:100%; max-width:var(--largura); margin-inline:auto; position:relative; }
.qz-rodape { padding-block:2.5rem; }
.fx-fundo-etapa { position:fixed; inset:0; width:100vw; height:100vh; overflow:hidden; z-index:-1; }

.qz-topo { display:grid; gap:12px; width:100%; z-index:50; }
.qz-topo[hidden] { display:none; }
.qz-topo-l { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; width:100%; flex:1; }
.qz-topo-lg { margin-inline:auto; } .qz-topo-esp { padding-inline:8px; flex:none; }
.qz-topo-m { width:100%; display:grid; gap:16px; max-width:448px; margin:auto; }
.qz-topo-mlogo { display:none; justify-content:center; }
.qz-topo-b { display:flex; align-items:center; gap:16px; width:100%; }
.qz-topo-e { width:16px; flex:none; }
.qz-topo-d { display:none; }
@media (min-width:768px) {
  .qz-topo { display:flex; gap:16px; justify-content:space-between; } .qz-topo-l { justify-content:flex-start; }
  .qz-topo:not(.entre) .qz-topo-lg { display:none; } .qz-topo:not(.entre) .qz-topo-mlogo { display:flex; }
  .qz-topo-d { display:block; width:100%; flex:1; }
}
.qz-voltar { display:flex; gap:8px; align-items:center; font-size:14px; color:var(--titulo); flex:none; }
.qz-voltar svg { width:14px; height:14px; margin-top:2px; }
.qz-voltar-t { display:none; font-weight:600; font-family:var(--fonte-t); } @media (min-width:768px) { .qz-voltar-t { display:inline; } }
.qz-topo-b-sobe { position:fixed; z-index:100; width:32px; height:32px; display:flex; align-items:center; justify-content:center; bottom:8px; right:8px; background:var(--cor); color:var(--cor-contraste); border-radius:var(--raio); transition:all .2s; } .qz-topo-b-sobe.esq { right:auto; left:8px; } .qz-topo-b-sobe svg { width:20px; height:20px; } .qz-topo-b-sobe[hidden] { display:none; }
.qz-logo { width:96px; max-width:100%; height:auto; } .qz-logo.g { width:160px; }
@media (min-width:768px) { .qz-logo { width:128px; } .qz-logo.g { width:224px; } }
.qz-logo-e { text-align:center; font-size:40px; }
.qz-prog { position:relative; width:100%; height:8px; border-radius:9999px; overflow:hidden; }
.qz-prog::before,.qz-prog i { content:''; display:block; position:absolute; top:0; left:0; height:100%; background:var(--cor); }
.qz-prog::before { width:100%; opacity:.1; } .qz-prog i { transition:all .7s ease; }
.p-flat .qz-prog { height:4.8px; }
.p-full .qz-prog { border-radius:0; overflow:visible; } .p-full .qz-prog::before,.p-full .qz-prog i { left:50%; } .p-full .qz-prog::before { width:100vw; transform:translateX(-50%); } .p-full .qz-prog i { left:calc(50% - 50vw); max-width:100vw; }
.p-fixedTop .qz-prog { position:fixed; top:0; left:0; width:100%; height:8px; z-index:101; border-radius:0; }
body:has(.p-fixedTop) { padding-top:.5rem; }

.qz-etapa { animation:qz-entra .2s ease both; }
.qz-etapa.volta { animation-name:qz-entra; }
@keyframes qz-entra { from { opacity:0; } }
.qz-linhas { display:flex; flex-wrap:wrap; margin-inline:calc(var(--gap) * -1); }
.qz-camada { min-width:0; padding:var(--gap); position:relative; }
.qz-grupo-c { position:relative; background:var(--fundo); border-style:solid; border-color:var(--borda-xs); }
.qz-grupo-c .qz-linhas { margin:0; }

.qz-texto { color:var(--texto); word-break:break-word; overflow-wrap:break-word; padding-block:.75rem; }
.content { line-height:var(--texto-lh); max-width:100%; }
.content h1,.content h2,.content h3 { font-family:var(--fonte-t); color:var(--titulo); margin:0; line-height:var(--titulo-lh); font-weight:var(--titulo-peso); }
.content h1 { font-size:var(--titulo-tam); } .content h2 { font-size:calc(var(--titulo-tam) * .8); } .content h3 { font-size:calc(var(--titulo-tam) * .65); }
.content p,.content ul,.content ol { margin:0; }
.content p + p,.content p + ul,.content p + ol,.content ul + p,.content ul + ol,.content ul + ul,.content ol + p,.content ol + ol,.content ol + ul,.content h1 + p,.content h2 + p,.content h3 + p,.content h1 + ul,.content h2 + ul,.content h3 + ul,.content h1 + ol,.content h2 + ol,.content h3 + ol { margin-top:.75rem; }
.content p + h1,.content p + h2,.content p + h3,.content ul + h1,.content ul + h2,.content ul + h3,.content ol + h1,.content ol + h2,.content ol + h3 { margin-top:.4rem; }
.content p br { content:" "; height:0; display:block; padding-bottom:.5rem; margin-bottom:.5rem; }
.content ul,.content ol { padding-left:1.2rem; } .content ul { list-style:disc; } .content ol { list-style:decimal; } .content li::marker { font-weight:600; color:#09090b; }
.content a { color:#2563eb; text-decoration:underline; transition:all .2s; } .content a:hover { color:#1e40af; }
.content .ql-size-huge { font-size:2.5em; line-height:1; } .content .ql-size-large { font-size:1.5em; line-height:1; } .content .ql-size-small { font-size:.75em; line-height:1.25; display:inline-block; }
.ql-align-center { text-align:center; } .ql-align-right { text-align:right; } .ql-align-justify { text-align:justify; }
.text-center { text-align:center; } .text-right { text-align:right; } .text-left { text-align:left; }
.qz-ic { display:inline-flex; flex:none; } .qz-ic svg { width:100%; height:100%; }
.qz-ic-e { line-height:1; }
.qz-vazio { display:grid; place-items:center; width:100%; border:1px dashed var(--fundo-c4); border-radius:inherit; color:var(--fundo-c4); }
.qz-vazio.erro-img { border:0; color:#9ca3af; }
.qz-img { overflow:hidden; } .qz-img > img { width:100%; height:auto; }
.qz-img-c { position:relative; width:100%; overflow:hidden; }
.qz-emoji { line-height:1; text-align:center; padding-block:1rem; } .qz-arg-i .qz-emoji { line-height:1.5; }

.qz-alerta { display:flex; align-items:flex-start; gap:8px; border-style:solid; }
.qz-alerta-i { width:20px; height:20px; display:flex; align-items:center; justify-content:center; flex:none; }
.qz-alerta-t { flex:1; margin-top:-2px; min-width:0; } .qz-alerta-t.solto { padding-inline:3.2px; }
.qz-check { display:grid; border-style:solid; } .qz-check-i { display:flex; align-items:flex-start; gap:8px; }
.qz-check-c { width:20px; flex:none; display:flex; } .qz-check-c .qz-ic { margin-top:2px; } .qz-check-c .qz-ic-e { height:16px; }

.qz-faq { display:flex; flex-direction:column; }
.qz-faq-i { position:relative; overflow:hidden; width:100%; }
.qz-faq-a1 { padding-bottom:8px; } .qz-faq-b { padding-block:8px; }
.qz-faq-q { width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 0; text-align:left; font-family:var(--fonte-t); color:var(--titulo); font-size:18px; line-height:1.25; font-weight:600; }
.qz-faq-q.mudo { cursor:text; }
.qz-faq-s { width:24px; height:24px; border-radius:50%; margin-left:16px; flex:none; display:flex; align-items:center; justify-content:center; color:var(--fundo-c9); opacity:.5; font-style:normal; transition:transform .2s, opacity .2s; }
.qz-faq-q:hover .qz-faq-s,.qz-faq-i.aberto .qz-faq-s { opacity:1; } .qz-faq-i.aberto .qz-faq-s { transform:rotate(180deg); }
.qz-faq-mais { position:relative; width:12px; height:12px; } .qz-faq-mais i { position:absolute; top:5px; left:0; width:12px; height:2px; background:currentColor; border-radius:2px; transition:opacity .2s; } .qz-faq-mais i + i { transform:rotate(90deg); } .qz-faq-i.aberto .qz-faq-mais i + i { opacity:0; }
.qz-faq-r { display:grid; grid-template-rows:0fr; transition:all .15s; } .qz-faq-r > div { overflow:hidden; } .qz-faq-i.aberto .qz-faq-r { grid-template-rows:1fr; }
.qz-faq-a { padding-bottom:12px; }
.qz-faq-l { width:100%; border-top:1px solid var(--fundo-c2); opacity:.6; }

.qz-args { display:grid; grid-template-columns:repeat(var(--cols),minmax(0,1fr)); gap:8px; }
.qz-arg { border:1px solid var(--fundo-c1); position:relative; overflow:hidden; display:flex; flex-direction:column; } .qz-arg.inv { flex-direction:column-reverse; }
.qz-arg-i { text-align:center; position:relative; } .qz-arg-i.emoji { display:flex; align-items:center; justify-content:center; }

.qz-timer { display:flex; justify-content:center; align-items:center; gap:2px; color:var(--texto); }
.qz-timer-u { text-align:center; border-style:solid; }
.qz-timer-u b { width:2rem; display:flex; justify-content:center; font-weight:700; font-size:1.5rem; line-height:2rem; font-variant-numeric:tabular-nums; }
.qz-timer-u small { display:block; font-size:.75rem; line-height:1rem; font-weight:600; opacity:.5; }
.qz-t-dois { font-size:1.5rem; line-height:2rem; text-align:center; white-space:pre; }
.qz-timer-text { display:block; } .qz-timer-text > div { border-style:solid; }
.qz-timer-cards { gap:2px; align-items:flex-start; } .qz-t-col { display:flex; flex-direction:column; align-items:center; } .qz-t-dig { display:flex; gap:2px; }
.qz-t-car { border-style:solid; } .qz-t-car b { width:1rem; display:block; text-align:center; font-size:1.75rem; line-height:2.625rem; font-weight:700; } .qz-t-col small { font-size:.75rem; line-height:1rem; font-weight:600; margin-top:4px; }
.qz-t-sep { width:8px; text-align:center; font-size:1.5rem; }
.qz-timer-banner { flex-direction:column; align-items:stretch; gap:0; width:fit-content; margin-inline:auto; } .qz-t-ban { display:flex; gap:4px; justify-content:space-between; align-items:center; font-size:1.5rem; text-align:center; border-style:solid; } .qz-t-ban strong { width:2rem; line-height:2.25rem; } .qz-t-ban .qz-t-sep { line-height:2rem; }
.qz-t-rot { display:flex; gap:4px; justify-content:space-between; font-size:.75rem; line-height:1rem; font-weight:600; margin-top:4px; padding-inline:16px; }
.qz-t-hero { display:inline-flex; gap:6px; border-style:solid; } .qz-t-hero > div { width:2rem; display:flex; flex-direction:column; align-items:center; font-size:1.5rem; } .qz-t-hero strong { line-height:2rem; } .qz-t-hero small { font-size:.75rem; line-height:1rem; font-weight:600; opacity:.5; } .qz-t-hero i { align-self:center; height:60%; border-left:1px solid currentColor; margin-inline:4px; opacity:.25; }

.qz-quotes { display:grid; } .qz-quotes.grade { grid-template-columns:1fr 1fr; }
.qz-quote { border-radius:var(--raio); color:var(--texto); background:var(--fundo); border-style:solid; border-color:var(--fundo-c1); position:relative; display:grid; padding:16px; transition:all .2s; }
.qz-quote-topo { display:flex; align-items:flex-start; gap:12px; } .qz-quote-topo.bloco { display:block; }
.qz-quote-c { width:100%; min-width:0; } .qz-quote-c small { font-size:.75rem; line-height:1rem; display:block; }
.qz-quote-n { font-family:var(--fonte-t); color:var(--titulo); font-weight:600; line-height:1.5; } .qz-quote-t { padding-top:8px; }
.qz-avatar { position:relative; width:40px; height:40px; border-radius:50%; overflow:hidden; flex:none; } .qz-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.qz-estrelas { display:flex; gap:1.6px; padding-bottom:4px; color:#facc15; }
.qz-quote-slide { position:relative; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);  }
.qz-quote-trilho { display:flex; align-items:flex-start; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; } .qz-quote-trilho::-webkit-scrollbar { display:none; } .qz-quote-trilho .qz-quote { flex:0 0 83%; scroll-snap-align:center; }

.qz-notif { transition:opacity .5s, transform .5s; width:100%; }
.qz-notif.fixa { position:fixed; z-index:1000000; max-width:320px; } @media (min-width:768px) { .qz-notif.fixa { max-width:384px; } }
.qz-notif-s { position:relative; } .qz-notif-a { position:absolute; width:100%; height:100%; filter:blur(12px); margin-top:8px; background:var(--fundo-c2); }
.qz-notif-c { position:relative; overflow:hidden; padding:12px 16px; border-style:solid; } @media (min-width:768px) { .qz-notif-c { padding:16px 20px; } }
.qz-notif-m > * + * { margin-top:8px; } .qz-notif-t { font-family:var(--fonte-t); font-weight:600; font-size:1rem; line-height:1.25; } .qz-notif-x { font-size:.875rem; line-height:1.25rem; }
.qz-notif-b { position:absolute; bottom:0; left:0; width:100%; padding-top:4px; opacity:.3; transform-origin:left; animation:qz-notif-b linear both; } @keyframes qz-notif-b { from { transform:scaleX(1.05); } to { transform:scaleX(-.05); } }
.qz-notif.entra { animation:qz-n-entra .5s ease both; } .qz-notif.sai { animation:qz-n-sai .3s ease both; } @keyframes qz-n-entra { from { opacity:0; translate:var(--n-x,0) var(--n-y,0); scale:.98; } } @keyframes qz-n-sai { to { opacity:0; translate:var(--n-sx,0) var(--n-sy,0); scale:.98; } }
.qz-notif.inline { --n-y:80px; --n-sy:-24px; } .top-middle { --n-y:-32px; --n-sy:-32px; } .top-right,.bottom-right,.center-right { --n-x:96px; --n-sx:24px; } .top-left,.bottom-left,.center-left { --n-x:-96px; --n-sx:-24px; } .bottom-middle { --n-y:96px; --n-sy:40px; }
.top-middle { top:16px; left:50%; transform:translateX(-50%); } .top-right { top:16px; right:16px; } .top-left { top:16px; left:16px; }
.center-middle { top:50%; left:50%; transform:translate(-50%,-50%); } .center-right { top:50%; right:16px; transform:translateY(-50%); } .center-left { top:50%; left:16px; transform:translateY(-50%); }
.bottom-middle { bottom:16px; left:50%; transform:translateX(-50%); } .bottom-right { bottom:16px; right:16px; } .bottom-left { bottom:16px; left:16px; }

.qz-campo { display:block; position:relative; margin-bottom:1px; } .qz-campo:hover { z-index:20; }
.rot-none,.rot-inside { margin-block:1px; } .rot-float { margin-top:12px; margin-bottom:4px; }
.qz-rotulo { display:block; font-size:.875rem; line-height:1.4rem; border-radius:6px; } .rot-bold .qz-rotulo { font-weight:600; color:var(--titulo); }
.rot-float .qz-rotulo { position:absolute; z-index:0; margin-left:12.8px; padding-inline:4px; margin-top:-10px; background:var(--fundo); }
.rot-inside .qz-rotulo { position:absolute; z-index:5; font-size:.75rem; opacity:.9; margin-left:9.6px; margin-top:6.4px; color:#7e7e7e; pointer-events:none; }
.qz-input { width:100%; min-height:var(--altura); padding:0 1rem; border:1px solid var(--fundo-max-25); background:#fff; color:#4b5563; line-height:1.5rem; font-size:1rem; outline:none; transition:all .2s; display:block; }
.qz-input:focus { border-color:var(--fundo-max-50); } .qz-input::placeholder { font-style:italic; color:#9ca3af; }
.rot-inside .qz-input { padding-top:16px; } .rot-inside textarea.qz-input { padding-top:24px; }
textarea.qz-input { padding-block:12px; resize:none; display:block; } .qz-conta { text-align:right; font-size:.7rem; line-height:1.5; margin-top:1.4px; }
.erro { animation:qz-treme .3s ease-in-out; } @keyframes qz-treme { 0%,100% { transform:translateX(0); } 25%,75% { transform:translateX(-5px); } 50% { transform:translateX(5px); } }
.erro::after { content:attr(data-erro); color:#dc2626; font-size:.8rem; margin-top:4px; display:block; }
.qz-cal { position:absolute; z-index:50; top:calc(100% + 4px); left:0; background:#fff; color:#18181b; border:1px solid #e5e7eb; border-radius:6px; box-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; padding:4px; width:max-content; font-size:.875rem; animation:qz-n-entra .15s ease; }
.qz-cal[hidden] { display:none; } .qz-cal-t { display:flex; justify-content:space-between; align-items:center; height:2rem; font-weight:500; } .qz-cal-t button { width:2rem; height:2rem; font-size:1.1rem; } .qz-cal-t b { font-weight:500; }
.qz-cal-g { display:grid; grid-template-columns:repeat(7,2rem); margin-top:8px; } .qz-cal-g small { color:#71717a; font-size:.8rem; text-align:center; height:1.8rem; line-height:1.8rem; }
.qz-cal-d { width:2rem; height:2.5rem; font-size:1rem; border-radius:6px; } .qz-cal-d:hover { background:#f4f4f5; } .qz-cal-d.hoje { background:#f4f4f5; } .qz-cal-d:disabled { color:#71717a; } .qz-cal-d:disabled { opacity:.5; cursor:not-allowed; } .qz-cal-d.meio { background:#f4f4f5; } .qz-cal-d.on { background:#18181b; color:#fafafa; }
.qz-cal-h { border-top:1px solid #e5e7eb; padding:8px; margin-top:4px; display:grid; grid-template-columns:1fr 1fr; gap:8px; } .qz-cal-h label { display:grid; gap:2px; font-size:.75rem; } .qz-cal-h span { opacity:.7; } .qz-cal-h input { border:1px solid #e5e7eb; border-radius:4px; padding:2px 4px; }

.qz-regua { display:block; }
.qz-reg-u { display:flex; padding:4px; width:fit-content; background:var(--fundo-c1); gap:4px; margin-inline:auto; font-weight:500; text-align:center; border-radius:calc(var(--raio) * 1.5); }
.qz-reg-u button { padding:4px 20px; line-height:1.5; border-radius:var(--raio); color:var(--fundo-c6); transition:all .15s; } .qz-reg-u button.on { background:var(--cor); color:var(--cor-contraste); }
.qz-reg-m { position:relative; padding:16px 0 0; }
.qz-reg-v { position:absolute; top:16px; left:0; right:0; text-align:center; font-family:var(--fonte-t); color:var(--titulo); pointer-events:none; z-index:2; line-height:60px; font-weight:600; } .qz-reg-v b { font-size:40px; font-weight:600; font-variant-numeric:tabular-nums; } .qz-reg-v small { font-size:20px; }
.qz-reg-j { display:flex; overflow-x:auto; overflow-y:hidden; padding-inline:calc(50% - 6px); scrollbar-width:none; cursor:grab; touch-action:pan-x; outline:none; border-bottom:1px solid var(--fundo-c4); mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); } .qz-reg-j::-webkit-scrollbar { display:none; }
.qz-reg-t { flex:0 0 12.2px; min-width:0; position:relative; padding-top:64px; padding-bottom:28px; display:flex; flex-direction:column; align-items:center; } .qz-reg-t i { width:1px; height:16px; background:var(--fundo-c4); } .qz-reg-t.m i { height:32px; } .qz-reg-t.g i { height:40px; }
.qz-reg-t span { margin-top:8px; color:var(--fundo-c7); font-size:1rem; line-height:1.5rem; white-space:nowrap; }
.qz-reg-ag { position:absolute; left:50%; top:80px; height:100px; width:28px; z-index:1; transform:translateX(-50%); pointer-events:none; } .qz-reg-ag svg { width:100%; height:100%; display:block; }
.qz-reg-d { display:block; text-align:center; margin:8px 0; color:var(--fundo-c4); font-size:.8rem; line-height:1.2rem; }
.qz-num-un { display:flex; gap:4px; padding:8px 0; justify-content:center; align-items:flex-end; margin-top:12px; } .qz-num { width:6rem; text-align:right; font-size:40px; line-height:60px; height:60px; outline:none; color:var(--titulo); background:none; } .qz-num-un small { font-size:20px; padding-left:4px; padding-bottom:8px; }

.qz-pergunta { display:block; }
.qz-intro { margin:12px 0 24px; }
.qz-op-video { position:relative; overflow:hidden; background:#09090b; border-radius:calc(var(--raio) * 1.3); } .qz-op-vg { padding:8px; margin-bottom:1px; } .qz-op-video .qz-video { border-radius:0; mask-image:linear-gradient(0deg,transparent,#000 6rem); -webkit-mask-image:linear-gradient(0deg,transparent,#000 6rem); }
.qz-ops { display:grid; grid-template-columns:repeat(var(--cols),minmax(0,1fr)); margin-bottom:2px; } .qz-ops.emlinha { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; }
.qz-op-item { display:grid; transition:all .2s ease; } .qz-op-item:hover { transform:scale(var(--esc-h,1)); } .qz-op-item.ativo { transform:scale(var(--esc-a,1)); }
.qz-op { text-align:left; position:relative; overflow:hidden; border-style:solid; transition:all .2s ease; border-radius:var(--raio); background:var(--o-f); color:var(--o-t); border-color:var(--o-b); width:100%; }
.qz-op-item:hover .qz-op { background:var(--o-fh); color:var(--o-th); border-color:var(--o-bh); } .qz-op-item.ativo .qz-op { background:var(--o-fa); color:var(--o-ta); border-color:var(--o-ba); }
.option-wrap { display:flex; height:100%; }
.qz-op-c { width:100%; height:100%; padding:12px; gap:12px; display:flex; justify-content:space-between; align-items:center; min-width:0; }
.qz-op-w { display:flex; width:100%; align-items:flex-start; gap:4px; min-width:0; } .qz-op-t { width:100%; display:flex; flex-direction:column; justify-content:center; font-size:1rem; } .qz-op-t.folga { padding-inline:4px; }
.qz-op-img.v { width:100%; } .qz-op-img.h { width:100%; min-width:48px; max-width:72px; display:flex; align-items:center; flex:none; } .qz-op-img.h.emoji { width:60px; min-width:0; flex:0 1 auto; justify-content:center; } .qz-op-img > * { width:100%; } .qz-op-e { font-size:2rem; padding:8px; text-align:center; line-height:3rem; }
.qz-det-c { padding-block:4px; align-self:center; flex:none; }
.qz-det { border:1px solid var(--d-b); background:var(--d-f); color:var(--d-t); padding:12px; position:relative; transition:all .2s ease; }
.qz-op-item:hover .qz-det { background:var(--d-fh); color:var(--d-th); border-color:var(--d-bh); } .qz-op-item.ativo .qz-det { background:var(--d-fa); color:var(--d-ta); border-color:var(--d-ba); }
.qz-det.redondo { border-radius:9999px; } .qz-det.quad { border-radius:6px; } .qz-det.valor { min-width:1.55rem; min-height:1.55rem; padding:.25rem .5rem; text-align:center; white-space:nowrap; font-size:.75rem; line-height:1rem; font-weight:500; } .qz-det.ponto { padding:6px; min-width:26px; min-height:26px; text-align:center; font-size:.75rem; font-weight:600; line-height:12px; }
.qz-det-i { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; } .qz-det-i svg { width:100%; height:100%; } .qz-marca { opacity:0; transition:opacity .2s; } .ativo .qz-marca { opacity:1; }

.qz-btn-c { margin-inline:auto; position:relative; max-width:var(--largura); }
.qz-btn-g { position:relative; display:grid; transition:all .2s ease; } .qz-btn-g:active { transform:scale(.99); } .qz-btn-g.invalido { opacity:.75; } .qz-btn-g.invalido .qz-botao { cursor:not-allowed; }
.qz-botao { width:100%; min-height:var(--altura); padding:.55rem 1rem; line-height:1.5; font-weight:500; font-family:var(--fonte-t); position:relative; display:inline-block; transition:all .2s; background:var(--b-f); color:var(--b-t); border-color:var(--b-b); border-style:solid; border-radius:var(--b-r); text-align:center; }
.qz-btn-g:hover .qz-botao { background:var(--b-fh); color:var(--b-th); border-color:var(--b-bh); }
.qz-botao p { margin:0; }
.qz-btn-pulso { position:absolute; width:100%; height:100%; background:var(--b-f); border-radius:var(--b-r); animation:qz-pulsa 1s infinite; } @keyframes qz-pulsa { 0% { opacity:1; transform:scaleY(.95); } 50% { opacity:0; transform:scaleY(1.3) scaleX(1.04); } 100% { opacity:0; transform:scaleY(.95); } }
.qz-btn-g.bolha { padding-bottom:8px; } .qz-btn-g.bolha:hover { margin-top:-4px; padding-bottom:12px; }
.qz-btn-3d { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; } .qz-btn-3d > div { position:absolute; top:0; left:0; width:100%; height:calc(100% - .5rem); overflow:hidden; border-radius:var(--b-r); background:var(--b-f); box-shadow:0 .5rem 0 0 var(--b-b); transition:all .2s ease; } .qz-btn-g:hover .qz-btn-3d > div { height:calc(100% - .75rem); box-shadow:0 .75rem 0 0 var(--b-bh); background:var(--b-fh); }
.qz-fixo { position:fixed; z-index:99; bottom:0; left:0; width:100%; padding:8px; background:linear-gradient(to top,var(--fundo),transparent); }

.qz-preco { position:relative; display:block; } .qz-preco-b { position:relative; overflow:hidden; background:var(--fundo); border-style:solid; }
.qz-selo { font-family:var(--fonte-t); font-weight:600; text-align:center; padding:4px 0; width:100%; font-size:.875rem; }
.qz-preco-c { padding:8px; display:flex; align-items:center; gap:16px; } .qz-preco.vert .qz-preco-c { flex-direction:column; gap:4px; }
.qz-preco-e { flex:1; display:flex; align-items:center; gap:8px; min-width:0; } .qz-preco.vert .qz-preco-e { flex-direction:column; flex:none; }
.qz-preco-t { display:flex; flex-direction:column; padding-block:4px; min-width:0; } .qz-preco.vert .qz-preco-t { gap:4px; padding-top:0; padding-bottom:12px; }
.qz-preco-ti { font-size:1.25rem; font-family:var(--fonte-t); color:var(--titulo); } .qz-preco-d { font-size:.875rem; color:var(--texto); line-height:1.25; }
.qz-preco-v { position:relative; display:inline-block; padding:8px; max-width:50%; } .qz-preco.vert .qz-preco-v { margin-inline:auto; max-width:100%; }
.qz-preco-f { position:absolute; inset:0; background:var(--fundo-c1); opacity:.75; }
.qz-p-a,.qz-p-d { position:relative; font-size:.75rem; line-height:1; opacity:.7; text-align:left; } .qz-p-d { text-align:right; }
.qz-p-v { position:relative; font-size:1.5rem; line-height:1; padding-block:3.2px; font-weight:700; font-family:var(--fonte-t); color:var(--titulo); text-wrap:balance; } .qz-moeda { font-size:.9rem; }
.qz-radio { width:16px; height:16px; position:relative; flex:none; transition:all .2s; color:var(--fundo-c3); } .qz-radio::before { content:''; position:absolute; inset:1.33px; border-radius:50%; border:.67px solid currentColor; } .qz-preco:hover .qz-radio,.qz-preco.ativo .qz-radio { color:var(--p-cor); } .qz-radio i { position:absolute; top:50%; left:50%; width:13.33px; height:13.33px; transform:translate(-50%,-50%) scale(0); background:var(--p-cor); border-radius:50%; transition:transform .2s; } .qz-preco.ativo .qz-radio i { transform:translate(-50%,-50%) scale(1); } .qz-radio-e { margin-left:-4px; }

.qz-load { width:100%; display:flex; flex-direction:column; gap:8px; } .qz-load-m { position:relative; padding:4px 0; }
.qz-load-topo { display:flex; justify-content:space-between; padding-bottom:4px; font-weight:600; font-size:.875rem; line-height:1.25rem; color:var(--titulo); font-family:var(--fonte-t); } .qz-load-topo .qz-load-p { min-width:32px; text-align:right; }
.qz-load-f { display:flex; position:relative; overflow:hidden; } .qz-load-b { width:0; min-width:1px; transition:width .05s linear; } .qz-load-d { padding-bottom:4px; }
.l-circle .qz-load-m,.l-spinner .qz-load-m { display:flex; flex-direction:column; align-items:center; gap:12px; padding:12px 0; } .qz-load-topo:empty { display:none; } .l-circle .qz-load-topo,.l-spinner .qz-load-topo { justify-content:center; text-align:center; padding-bottom:0; }
.qz-load-c { position:relative; max-width:100%; display:grid; place-items:center; } .qz-load-c svg { width:100%; height:100%; } .qz-load-c .qz-load-p { position:absolute; font-size:.875rem; font-weight:600; color:var(--titulo); } .qz-load-c.gira svg { animation:qz-gira 1s linear infinite; } @keyframes qz-gira { to { transform:rotate(360deg); } }

.qz-video { width:100%; background:#000; overflow:hidden; position:relative; font-size:18px; line-height:28px; } .qz-video.sem { display:grid; place-items:center; color:#fff8; font-size:.85rem; }
.qz-video-c { position:absolute; top:0; left:0; width:100%; height:100%; } .qz-video-c iframe,.qz-video-c embed,.qz-video-c video { position:absolute; inset:0; width:100%; height:100%; border:0; }
.qz-video.auto .qz-video-c { position:relative; height:auto; } .qz-video.auto iframe,.qz-video.auto video { position:relative; width:100%; }
.qz-script { position:relative; overflow:hidden; width:100%; } .qz-script:empty { display:none; }
.qz-custom { width:100%; }

.qz-audio { position:relative; overflow:hidden; border-radius:12px; }
.qz-audio.whats { padding:16px; background:#efeae2; } .qz-audio.whats.escuro { background:#0b141a; }
.whats .qz-a-balao { position:relative; background:#fff; color:#9b8e8d; border-radius:0 12px 12px 12px; padding:8px 12px; box-shadow:0 1px .5px rgba(11,20,26,.13); } .whats.escuro .qz-a-balao { background:#27353e; color:#848488; }
.whats .qz-a-balao::before { content:''; position:absolute; top:0; left:-8px; width:0; height:0; border-top:12px solid #fff; border-left:8px solid transparent; } .whats.escuro .qz-a-balao::before { border-top-color:#27353e; }
.qz-a-nome { font-size:.75rem; font-weight:500; color:#22c55e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.qz-a-linha { display:flex; justify-content:space-between; gap:16px; min-height:56px; align-items:center; position:relative; } .qz-a-m { flex:1; min-width:0; position:relative; }
.qz-play { width:24px; flex:none; display:flex; justify-content:center; color:inherit; } .qz-play:hover { color:#8b7e7e; }
.qz-ondas { position:relative; height:40px; overflow:hidden; } .qz-onda { display:flex; gap:4px; align-items:center; height:40px; position:absolute; top:0; left:0; width:max-content; } .qz-onda i { width:4px; border-radius:4px; background:#ced0d1; opacity:.75; flex:none; } .qz-onda.feito i { background:#858a8d; opacity:1; }
.qz-onda-m { position:absolute; top:0; left:0; height:100%; width:0; overflow:hidden; transition:all .2s; } .qz-ondas input { position:absolute; inset:0; width:100%; height:40px; opacity:0; cursor:pointer; margin:0; }
.qz-a-tempo { font-size:.75rem; font-family:Arial,sans-serif; color:#8696a0; position:absolute; left:4px; bottom:-14px; }
.qz-a-foto { position:relative; width:48px; height:48px; border-radius:50%; flex:none; background:#dfe5e7; } .qz-a-foto img { width:100%; height:100%; object-fit:cover; border-radius:50%; } .qz-a-sem { position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle at 50% 38%,#fff 0 22%,transparent 23%),radial-gradient(ellipse at 50% 96%,#fff 0 38%,transparent 39%); }
.qz-a-mic { position:absolute; left:-4px; bottom:-4px; width:24px; height:33px; color:#50c2f7; filter:drop-shadow(1.5px 0 0 #fff) drop-shadow(-1.5px 0 0 #fff) drop-shadow(0 1.5px 0 #fff) drop-shadow(0 -1.5px 0 #fff); } .qz-a-mic svg { width:100%; height:100%; } .whats.escuro .qz-a-mic { color:#53bdeb; }
[data-tipo=audio] > div { container-type:inline-size; } @container (min-width:15rem) { .qz-audio.whats,[data-tipo=audio] .qz-audio.insta { padding:32px; } .whats .qz-a-foto { width:56px; height:56px; } } @container (max-width:12rem) { .insta .qz-a-foto { display:none; } }
.whats.escuro .qz-play:hover { color:#bcc1c3; } .qz-onda-p { position:absolute; top:12px; left:0; width:16px; height:16px; border-radius:50%; background:#50c2f7; pointer-events:none; transition:left .2s; } .whats.escuro .qz-onda-p { background:#4badd7; }
.qz-audio.insta { border:1px solid var(--fundo-max-25); padding:16px; display:flex; align-items:flex-end; background:#fff; } .qz-audio.insta.escuro { background:#000; }
.insta .qz-a-foto { width:32px; height:32px; margin-right:8px; } .qz-a-col { flex:1; min-width:0; } .insta .qz-a-nome { color:#000; padding-bottom:4px; } .insta.escuro .qz-a-nome { color:#fff; }
.insta .qz-a-balao { background:#efefef; border-radius:16px; display:flex; gap:16px; padding:8px 12px; align-items:center; } .insta.escuro .qz-a-balao { background:#262626; }
.insta .qz-play { width:24px; height:24px; border-radius:50%; background:#fff; color:#000; align-items:center; } .insta .qz-ondas { flex:1; min-width:0; } .insta .qz-a-tempo { position:static; font-weight:700; min-width:52px; padding:4px; background:#fff; border-radius:9999px; text-align:center; color:#000; }
.insta .qz-onda i { background:#b2b2b2; opacity:1; } .insta .qz-onda.feito i { background:#000; } .insta.escuro .qz-onda i { background:currentColor; opacity:.4; } .insta.escuro .qz-onda.feito i { background:#fff; opacity:1; }

.qz-car { position:relative; margin-inline:-12px; } @media (min-width:768px) { .qz-car { margin-inline:0; } }
.qz-car-v { position:relative; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.qz-car-t { display:flex; gap:8px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-inline:5%; } .qz-car-t::-webkit-scrollbar { display:none; } .qz-car-t.cheio { padding-inline:0; }
.qz-car-s { flex:0 0 100%; scroll-snap-align:center; min-width:0; }
.qz-car-c { position:relative; overflow:hidden; height:100%; } .qz-car-c.borda { border:1px solid var(--fundo-c2); } .qz-car-i { overflow:hidden; text-align:center; } .qz-car-i .qz-img-c,.qz-car-i img { width:100%; height:100%; } .qz-car-i > img { object-fit:cover; }
.qz-car-sem { background:var(--cor); opacity:.15; } .qz-car-x { padding-block:16px; } .qz-car-x:empty { padding-block:8px; }
.qz-car-pw { position:relative; width:100%; padding-block:16px; } .qz-car-p { display:flex; justify-content:center; height:8px; }
.qz-car-p button { width:8px; height:8px; border-radius:50%; background:var(--cor); opacity:.25; padding:0; transition:all .2s; }
.qz-car-n { position:absolute; top:40%; z-index:3; color:#007aff; display:flex; } .qz-car-n.e { left:4px; } .qz-car-n.d { right:4px; }

.qz-cmp { position:relative; } .qz-cmp-v { position:relative; overflow:hidden; width:100%; }
.qz-cmp-f { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; max-width:none; }
.qz-cmp-c { position:absolute; top:0; left:0; height:100%; overflow:hidden; } .qz-cmp-l { position:absolute; top:0; left:0; height:100%; pointer-events:none; display:flex; justify-content:flex-end; align-items:center; }
.qz-cmp-l span { width:32px; height:32px; border-radius:50%; background:var(--fundo); box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a; margin-right:-16px; display:flex; align-items:center; justify-content:center; color:var(--titulo); flex:none; }
.qz-cmp-r { position:absolute; top:0; bottom:0; left:-12px; right:-12px; opacity:0; z-index:10; } .qz-cmp-r input { width:100%; height:100%; margin:0; cursor:ew-resize; }

.qz-metric { width:100%; display:grid; gap:8px; } .qz-m-i { position:relative; padding:4px; }
.qz-m-topo { display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:8px; font-size:.875rem; line-height:1.25rem; } .qz-m-topo b { display:block; line-height:1.5; font-weight:600; font-family:var(--fonte-t); color:var(--titulo); } .qz-m-topo small { display:block; font-size:inherit; }
.qz-m-t { display:flex; position:relative; border-radius:8px; } .qz-m-f { height:8px; min-width:1.6px; border-radius:8px; position:relative; transition:width 1s ease; }
.qz-m-d { position:absolute; right:0; top:50%; transform:translate(50%,-50%); padding:6.4px; border:4px solid; border-radius:50%; background:#fff; z-index:2; }
.qz-m-pts { position:relative; display:flex; gap:8px; align-items:center; height:0; } .qz-m-pts.inv { flex-direction:row-reverse; } .qz-m-pts > i { flex:1; height:8px; margin-inline:-1.6px; border-radius:var(--raio); overflow:hidden; display:block; } .qz-m-pts b { display:block; height:100%; transition:width .15s linear; } .qz-m-pf { position:absolute; top:50%; }
.qz-m-dicaf { position:relative; padding-top:20px; animation:qz-dica 1ms 1s both; } @keyframes qz-dica { from { opacity:0; } to { opacity:1; } } .qz-m-tip { position:absolute; right:0; bottom:0; transform:translateX(50%); font-size:.75rem; font-weight:600; background:#1f2937; color:#fff; padding:6.4px 12px; border-radius:8px; margin-bottom:12px; white-space:nowrap; } .qz-m-tip::after { content:''; position:absolute; left:50%; bottom:-4px; width:8px; height:8px; background:inherit; transform:translateX(-50%) rotate(45deg); }
.qz-m-l { display:flex; justify-content:space-between; font-weight:600; font-size:.875rem; line-height:1.25rem; padding-top:4px; }

.qz-graf { display:grid; grid-template-columns:repeat(var(--cols),minmax(0,1fr)); padding-block:2px; gap:8px; }
.qz-g { display:flex; flex-direction:column; gap:16px; padding:16px; align-items:center; border-radius:12px; color:var(--texto); } .qz-g.inv { flex-direction:column-reverse; }
.qz-g-a { display:flex; align-items:center; justify-content:center; width:100%; min-height:112px; text-align:center; }
.qz-g-b { position:relative; width:40px; height:112px; margin-inline:auto; border-radius:8px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; } .qz-g-b > div { transition:height 1.2s ease; } .qz-g-b b { position:absolute; top:0; left:0; right:0; padding:4px; font-size:.75rem; font-weight:700; font-family:var(--fonte-t); }
.qz-g-c { display:flex; justify-content:center; margin-inline:auto; max-width:128px; } .qz-g-c.pad { padding-inline:16px; } .qz-g-c > div { position:relative; width:100%; } .qz-g-c svg { width:100%; height:auto; } .qz-g-c b { position:absolute; inset:0; display:grid; place-items:center; font-size:1.25rem; font-weight:700; color:var(--titulo); } .qz-g-arco { transition:stroke-dashoffset 1.2s; }
.qz-g-l { width:100%; font-size:.85rem; line-height:1.4; }

.qz-chart { position:relative; width:100%; } .qz-chart svg { width:100%; height:auto; display:block; overflow:visible; } .qz-pz-d { opacity:0; transition:opacity .15s; } .qz-pz-s:hover .qz-pz-d { opacity:1; }
.com-sombra-h:hover { box-shadow:var(--sombra-h); } .qz-chart-bar { transition:stroke-width .1s; } .qz-chart-bar:hover { stroke-width:12px; }
.qz-ga-c { position:relative; aspect-ratio:16/9; width:100%; } .qz-ga-c svg { position:absolute; inset:0; display:block; overflow:visible; }
.qz-ga-t { padding-inline:8px; color:var(--titulo); font-family:var(--fonte-t); font-weight:600; }
.qz-ga-l { display:flex; justify-content:space-between; padding:4px 0 12px; } .qz-ga-l > div { position:relative; display:flex; width:0; padding-inline:4px; box-sizing:content-box; } .qz-ga-l span { font-size:.85rem; line-height:1; white-space:nowrap; }
.qz-ga-selo { position:absolute; transform:translateX(-50%); z-index:10; font-weight:600; font-size:1rem; line-height:1; padding:8px 12px; white-space:nowrap; border-radius:var(--raio); }
.qz-ga-traco { stroke-dasharray:calc(var(--t) * 1px); stroke-dashoffset:calc(var(--t) * 1px); animation:qz-ga-tr 1.5s ease .2s forwards; } @keyframes qz-ga-tr { to { stroke-dashoffset:0; } }
.qz-ga-recorte { animation:qz-ga-rc 1.5s ease .2s forwards; } @keyframes qz-ga-rc { to { width:var(--w); } }
.qz-ga-ponto { opacity:0; animation:qz-ga-pt .01s linear 1.7s forwards; } @keyframes qz-ga-pt { to { opacity:1; } }
.qz-chart-l { display:flex; flex-direction:column; gap:8px; } .qz-chart-li { display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; } .qz-chart-li > span { display:flex; gap:8px; padding:6px 12px; border-radius:8px; isolation:isolate; font-size:.875rem; line-height:1.25; align-items:center; position:relative; } .qz-chart-li > span.dest::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:9999px; background:var(--c); opacity:.1; } .qz-chart-li i { width:16px; height:16px; border-radius:50%; background:var(--c); flex:none; } .qz-chart-li b { font-weight:600; }
.qz-camada[data-tipo=divider] > div { height:100%; } .sem-clique { pointer-events:none; }
.qz-divisor { width:100%; height:100%; display:flex; justify-content:center; } .qz-divisor i { display:block; border-left:1px solid; }
.qz-marcador { padding:12px; border:1px dashed #a1a1aa; border-radius:8px; font-size:.85rem; color:#71717a; text-align:center; } .qz-grupo-vazio { min-height:40px; }
.qz-aviso { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); background:#18181b; color:#fff; padding:10px 14px; border-radius:8px; font-size:.85rem; z-index:90; max-width:90vw; overflow-wrap:anywhere; }
.fx-tela { position:fixed; inset:0; pointer-events:none; z-index:70; } .fx-fundo { position:fixed; inset:0; pointer-events:none; z-index:60; }
.fx-aurora { background:linear-gradient(120deg,#22d3ee66,#a855f766,#22c55e66,#22d3ee66); background-size:300% 300%; animation:fx-mover 4s ease infinite; mix-blend-mode:multiply; } .fx-ondas { background:radial-gradient(circle at 50% 120%,color-mix(in srgb, var(--cor) 45%, transparent),transparent 60%); animation:fx-onda 2.4s ease-in-out infinite alternate; }
@keyframes fx-mover { 50% { background-position:100% 50%; } } @keyframes fx-onda { to { transform:scaleY(1.25); transform-origin:bottom; } }
@keyframes fx-fade { from { opacity:0; } } @keyframes fx-slide { from { opacity:0; transform:translateY(24px); } } @keyframes fx-bounce { 0% { opacity:0; transform:scale(.6); } 60% { opacity:1; transform:scale(1.08); } 100% { transform:scale(1); } }
@keyframes fx-rotate { from { opacity:0; transform:rotate(-180deg) scale(.6); } } @keyframes fx-flip { from { opacity:0; transform:perspective(400px) rotateX(90deg); } } @keyframes fx-zoom { from { opacity:0; transform:scale(.5); } } @keyframes fx-back { from { opacity:0; transform:translateX(-40px); } }
@keyframes fx-pulse { 50% { transform:scale(1.04); } } @keyframes fx-shake { 25% { transform:translateX(-4px); } 75% { transform:translateX(4px); } }
@media (prefers-reduced-motion:reduce) { .qz-etapa,.qz-btn-pulso { animation:none; } }
.qz-preco.vert .qz-radio-e { display:none; } .qz-arg-i.emoji { min-height:0; overflow:hidden; }
.whats .qz-play svg { transform:scale(1.4); }
.insta .qz-onda-p { display:none; }
.qz-car-p button { width:8px; height:8px; margin:0 4px; padding:0; border-radius:50%; background:var(--cor); opacity:.25; transform:scale(.66); } .qz-car-p button.on,.qz-car-p button.ativo { opacity:1; transform:none; }
.qz-cmp-l span { position:relative; } .qz-cmp-l span > :first-child { position:absolute; left:3.2px; top:50%; transform:translateY(-50%); } .qz-cmp-l span > :last-child { position:absolute; right:3.2px; top:50%; transform:translateY(-50%); }