:root{--creme: #fbf6f1;--creme-2: #f4ebe4;--tinta: #2a1a20;--tinta-suave: #76626a;--linha: #eadcd5;--rosa: #d6456f;--rosa-escuro: #a92d55;--coral: #f08a6c;--rosa-claro: #fbe4ea;--ok: #2d8a5a;--degrade: linear-gradient(90deg, var(--rosa) 0%, var(--coral) 100%);--serif: "Fraunces", Georgia, serif;--sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--raio: 20px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);color:var(--tinta);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}[hidden]{display:none!important}.selo{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.selo .marca{color:var(--rosa)}.selo .sep{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35}.selo .ao-vivo{display:inline-flex;align-items:center;gap:7px}.selo .ao-vivo:before{content:"";width:8px;height:8px;border-radius:50%;background:#e5484d;box-shadow:0 0 #e5484d99;animation:radar 1.8s infinite}.selo .ao-vivo.off:before{background:#9a8a90;animation:none}@keyframes radar{0%{box-shadow:0 0 #e5484d8c}80%,to{box-shadow:0 0 0 9px #e5484d00}}.topo{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:block;width:auto;height:30px;max-width:60%;object-fit:contain}.topo .selo{padding:6px 12px;border-radius:999px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 22%,transparent);white-space:nowrap}body.pg-votar{background:radial-gradient(120% 60% at 100% 0%,#fde3dc 0%,transparent 60%),radial-gradient(90% 50% at 0% 100%,#f9e1ea 0%,transparent 60%),var(--creme);min-height:100dvh}.votar{min-height:100dvh;max-width:480px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 16px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:22px}.votar .selo{color:var(--tinta-suave)}.pergunta{font-family:var(--serif);font-weight:600;font-size:clamp(1.75rem,7.4vw,2.15rem);line-height:1.12;letter-spacing:-.015em;font-variation-settings:"opsz" 72}.pergunta em{font-style:italic;color:var(--rosa)}.dica{color:var(--tinta-suave);font-weight:600;font-size:.95rem;margin-top:-8px}.opcoes{display:flex;flex-direction:column;gap:10px}.opcao{--atraso: 0ms;display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 16px 12px 12px;text-align:left;background:#ffffffd1;border:1.5px solid var(--linha);border-radius:var(--raio);box-shadow:0 1px #2a1a200a,0 6px 18px -12px #2a1a2040;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;transition:border-color .18s,background .18s,transform .12s,opacity .3s,box-shadow .18s;animation:entrar .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--atraso)}@keyframes entrar{0%{opacity:0;transform:translateY(10px)}}.opcao .letra{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--creme-2);color:var(--rosa-escuro);font-weight:800;font-size:.95rem;transition:background .18s,color .18s}.opcao .texto{flex:1;font-size:1.08rem;font-weight:700;line-height:1.25}.opcao .marcador{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--linha);display:grid;place-items:center;transition:all .2s}.opcao .marcador svg{width:14px;height:14px;opacity:0;transform:scale(.4);transition:all .25s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.opcao:not(:disabled):hover{border-color:#e8a9bb;box-shadow:0 10px 26px -14px #d6456f73}}.opcao:not(:disabled):active{transform:scale(.98)}.opcao:focus-visible{outline:3px solid rgba(214,69,111,.35);outline-offset:2px}.opcao:disabled{cursor:default;opacity:.45}.opcao.escolhida{opacity:1;border-color:var(--rosa);background:#fff;box-shadow:0 0 0 4px #d6456f1f,0 12px 28px -16px #d6456f99}.opcao.escolhida .letra{background:var(--degrade);color:#fff}.opcao.escolhida .marcador{border-color:var(--rosa);background:var(--rosa)}.opcao.escolhida .marcador svg{opacity:1;transform:scale(1)}.opcao.enviando{opacity:1;border-color:var(--rosa)}.opcao.enviando .marcador{border-color:var(--rosa);border-top-color:transparent;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.confirmacao{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 20px 24px;border-radius:24px;background:#fff;border:1px solid var(--linha);box-shadow:0 18px 40px -26px #2a1a2073;animation:entrar .45s cubic-bezier(.22,1,.36,1) both}.confirmacao .icone{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--degrade);color:#fff;margin-bottom:6px;animation:pop .55s cubic-bezier(.34,1.56,.64,1) both}.confirmacao .icone svg{width:28px;height:28px}.confirmacao .icone path{stroke-dasharray:30;stroke-dashoffset:30;animation:tracar .45s .25s ease-out forwards}@keyframes pop{0%{transform:scale(.3);opacity:0}}@keyframes tracar{to{stroke-dashoffset:0}}.confirmacao h2{font-family:var(--serif);font-size:1.55rem;font-weight:600;line-height:1.15}.confirmacao p{color:var(--tinta-suave);font-size:1rem;line-height:1.5;max-width:30ch}.confirmacao.erro .icone{background:var(--tinta)}.confirmacao.neutro .icone{background:var(--creme-2);color:var(--rosa-escuro)}.assinatura{margin-top:auto;text-align:center;color:var(--tinta-suave);font-size:.8rem;font-weight:600;opacity:.8}body.pg-resultado{--palco: #1b1116;--palco-2: #26171e;--claro: #fbf1ec;--claro-suave: rgba(251, 241, 236, .6);--trilho: rgba(251, 241, 236, .08);color:var(--claro);background:radial-gradient(70% 60% at 85% 0%,rgba(240,138,108,.16) 0%,transparent 60%),radial-gradient(60% 70% at 0% 100%,rgba(214,69,111,.18) 0%,transparent 60%),var(--palco);min-height:100dvh}.resultado{min-height:100dvh;max-width:1500px;margin:0 auto;padding:clamp(24px,3.5vw,56px) clamp(16px,4vw,72px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;column-gap:clamp(28px,4vw,72px);row-gap:clamp(20px,3vw,44px)}.resultado header{grid-column:1 / -1;display:flex;flex-direction:column;gap:clamp(16px,2.2vw,28px)}.resultado .logo{height:clamp(34px,3.6vw,60px)}.resultado .selo{color:var(--claro-suave)}.resultado .selo .marca{color:var(--coral)}.resultado .pergunta{font-size:clamp(1.9rem,3.8vw,3.6rem);max-width:24ch}.resultado .pergunta em{color:var(--coral)}.barras{display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,1.9vw,26px)}.barra{position:relative}.barra-topo{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}.barra .letra{align-self:center;flex:none;width:clamp(28px,2.4vw,38px);height:clamp(28px,2.4vw,38px);border-radius:10px;display:grid;place-items:center;background:#fbf1ec14;color:var(--claro-suave);font-weight:800;font-size:clamp(.85rem,1.1vw,1.05rem);transition:background .4s,color .4s}.barra .texto{font-size:clamp(1.05rem,1.75vw,1.6rem);font-weight:700;flex:1;min-width:0}.barra .tag{font-size:clamp(.65rem,.8vw,.78rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--degrade);color:#fff;opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s;white-space:nowrap}.barra .numeros{display:flex;align-items:baseline;gap:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.barra .pct{font-size:clamp(1.4rem,2.6vw,2.5rem);font-weight:800;letter-spacing:-.02em}.barra .qtd{color:var(--claro-suave);font-weight:600;font-size:clamp(.85rem,1.15vw,1.1rem)}.trilho{position:relative;height:clamp(18px,2.4vw,34px);background:var(--trilho);border-radius:999px}.preenchimento{position:relative;height:100%;width:0;min-width:0;border-radius:inherit;background:var(--degrade);opacity:.5;transition:width 1s cubic-bezier(.22,1,.36,1),opacity .4s,box-shadow .4s;overflow:hidden}.preenchimento:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);transform:translate(-100%)}.barra.pulso .preenchimento:after{animation:brilho .9s ease-out}@keyframes brilho{to{transform:translate(100%)}}.barra.lider .preenchimento{opacity:1;box-shadow:0 0 28px -4px #f08a6ca6}.barra.lider .letra{background:var(--degrade);color:#fff}.barra.lider .tag{opacity:1;transform:none}.mais-um{position:absolute;top:50%;transform:translate(8px,-50%);font-weight:800;font-size:clamp(.9rem,1.3vw,1.2rem);color:var(--coral);pointer-events:none;animation:subir 1.1s ease-out forwards}@keyframes subir{0%{opacity:0;transform:translate(8px,-20%)}20%{opacity:1}to{opacity:0;transform:translate(8px,-190%)}}.qr{grid-row:2;grid-column:2;align-self:center;width:clamp(200px,22vw,320px);padding:clamp(16px,1.6vw,24px);border-radius:28px;background:var(--claro);color:var(--tinta);text-align:center;box-shadow:0 30px 60px -30px #000000b3,0 0 0 1px #ffffff0f}.qr-codigo{background:#fff;border-radius:16px;padding:12px}.qr-codigo svg{display:block;width:100%;height:auto}.qr h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.25rem,1.7vw,1.7rem);margin-top:14px;line-height:1.1}.qr small{display:block;margin-top:6px;color:var(--tinta-suave);font-weight:700;font-size:clamp(.8rem,.95vw,.95rem);word-break:break-all}.rodape{grid-column:1 / -1;display:flex;align-items:baseline;gap:12px;padding-top:clamp(14px,1.6vw,22px);border-top:1px solid rgba(251,241,236,.1);color:var(--claro-suave);font-size:clamp(1rem,1.3vw,1.25rem);font-weight:600}.rodape .total{font-family:var(--serif);font-size:clamp(2rem,3.4vw,3.2rem);font-weight:600;color:var(--claro);font-variant-numeric:tabular-nums;line-height:1}@media(min-width:821px)and (max-height:820px){.resultado{padding-top:22px;padding-bottom:18px;row-gap:16px}.resultado header{gap:10px}.resultado .logo{height:clamp(34px,6.5vh,54px)}.resultado .pergunta{font-size:clamp(1.6rem,5.2vh,2.6rem)}.barras{gap:1.6vh}.barra-topo{margin-bottom:6px}.barra .pct{font-size:clamp(1.2rem,4vh,2rem)}.trilho{height:clamp(14px,2.6vh,24px)}.qr{width:clamp(180px,34vh,280px)}.rodape{padding-top:10px}.rodape .total{font-size:clamp(1.6rem,5vh,2.4rem)}}@media(max-width:820px){.resultado{grid-template-columns:1fr;grid-template-rows:auto}.qr{grid-row:auto;grid-column:1;justify-self:center}.barra .tag{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
