:root{--bg: #f7f7f7;--paper: #ffffff;--ink: #272b36;--ink-2: #585c66;--line: rgba(9, 27, 32, .12);--accent: #e85a3c;--navy: #091b20;--erro: #b3413a;--serif: "Bodoni Moda", "Iowan Old Style", Georgia, serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}.map-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg);pointer-events:none}.map-canvas:after{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-image:url(/marca/hex-a.svg),url(/marca/hex-b.svg);background-size:24px 24px,24px 24px;background-position:0 0,12px 12px;background-repeat:repeat,repeat;-webkit-mask-image:url(/marca/world-mask.png);mask-image:url(/marca/world-mask.png);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.quiz{position:relative;z-index:1;min-height:100vh;max-width:560px;margin:0 auto;display:flex;flex-direction:column}.topo{position:sticky;top:0;z-index:2;background:var(--bg);padding:.9rem 1rem .6rem;display:grid;gap:.5rem}.marca-row{display:flex;align-items:center;gap:.6rem}.marca-badge{width:36px;height:36px;border-radius:6px;background:var(--navy);overflow:hidden;flex:none;display:grid;place-items:center}.marca-badge img{width:100%;height:100%;object-fit:cover}.marca-nome{font-family:var(--serif);font-weight:700;color:var(--navy);line-height:1.1}.marca-nome small{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:400;margin-top:2px}.demo{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.barra{height:3px;background:var(--line);overflow:hidden}.barra i{display:block;height:100%;background:var(--accent);transition:width .35s ease}.chat{flex:1;padding:.5rem 1rem 1.2rem;display:flex;flex-direction:column;gap:.55rem}.balao{max-width:88%;padding:.7rem .95rem;border-radius:12px;line-height:1.45;animation:sobe .22s ease}.balao.agente{align-self:flex-start;background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:4px}.balao.lead{align-self:flex-end;background:var(--navy);color:#f2f2f2;border-bottom-right-radius:4px}@keyframes sobe{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.balao{animation:none}.barra i{transition:none}}.opcoes{display:grid;gap:.6rem;margin-top:.3rem}.opcao{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;cursor:pointer;font-family:inherit;color:var(--ink);display:grid;gap:.25rem}.opcao:hover,.opcao:focus-visible{border-color:var(--accent);outline:none}.opcao b{font-family:var(--serif);font-weight:700;color:var(--navy);font-size:1.05rem}.opcao span{font-size:.95rem;color:var(--ink-2)}.opcao em{font-style:normal;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:var(--accent)}.agenda{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.9rem;display:grid;gap:.8rem}.dias{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.dia{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.5rem .2rem;cursor:pointer;font-family:inherit;color:var(--ink);display:grid;gap:.1rem}.dia span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.dia b{font-family:var(--serif);font-weight:700}.dia.sel{background:var(--navy);border-color:var(--navy);color:#f2f2f2}.dia.sel span{color:#f2f2f2a6}.horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.45rem}.hora{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.55rem 0;cursor:pointer;font-family:var(--mono);font-size:.85rem;color:var(--ink);font-variant-numeric:tabular-nums}.hora:hover,.hora:focus-visible{border-color:var(--accent);outline:none}.hora.sel{background:var(--accent);border-color:var(--accent);color:#fff}.vazio{grid-column:1 / -1;color:var(--ink-2);margin:0;font-size:.95rem}.popup{border-top:1px solid var(--line);padding-top:.8rem;display:grid;gap:.5rem}.popup b{font-family:var(--serif);font-weight:700;font-size:1.1rem;color:var(--navy)}.popup p{margin:0}.acoes{display:grid;gap:.5rem}.primario,.secundario{display:block;text-align:center;padding:.8rem 1rem;border-radius:8px;font-family:var(--mono);font-weight:600;font-size:.85rem;letter-spacing:.04em;cursor:pointer;text-decoration:none}.primario{background:var(--accent);color:#fff;border:1px solid var(--accent)}.primario:disabled{opacity:.6;cursor:default}.secundario{background:transparent;color:var(--navy);border:1px solid var(--line)}.primario:focus-visible,.secundario:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.fim{display:grid;gap:.5rem;margin-top:.4rem}.entrada{position:sticky;bottom:0;z-index:2;background:var(--bg);padding:.6rem 1rem 1rem;display:grid;gap:.4rem}.linha{display:flex;gap:.5rem}.entrada input{flex:1;font:inherit;padding:.8rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.entrada input:focus-visible{outline:2px solid var(--navy);outline-offset:1px}.entrada button{width:48px;border-radius:50%;border:none;background:var(--navy);color:#fff;font-size:1.2rem;cursor:pointer}.entrada button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.legal{margin:0;font-family:var(--mono);font-size:.62rem;color:var(--ink-2);text-align:center;letter-spacing:.02em}.erro{margin:0;color:var(--erro);font-size:.9rem}.rodape{background:var(--navy);color:#f2f2f2;padding:1.6rem 1rem 1.4rem;display:grid;gap:.3rem;margin-top:1rem}.rodape-brand-row{display:flex;align-items:center;gap:10px}.rodape-icon{width:26px;height:26px;border-radius:4px;object-fit:cover;background:#fff}.rodape-brand{font-family:var(--serif);font-size:1.2rem;font-weight:700;letter-spacing:.02em}.rodape-org{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#f2f2f28c}.rodape-slogan{font-family:var(--serif);font-style:italic;font-size:.95rem;color:#f2f2f2eb;margin-top:.5rem}