:root{--y:#ffe000;--k:#111;--p:#580096;--m:#9b4dff;--bg:#fff}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--k);color:var(--k);font:18px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;overscroll-behavior:none}
#app{position:fixed;inset:0;display:flex;flex-direction:column;max-width:560px;margin:0 auto;background:var(--bg)}
.top{display:flex;align-items:center;gap:6px;padding:10px 12px 6px;padding-top:max(10px,env(safe-area-inset-top))}.marca{font-weight:800;letter-spacing:.02em;font-size:14px;text-transform:uppercase}.marca i{display:inline-block;width:10px;height:10px;background:var(--p);margin-right:6px;transform:rotate(12deg)}
.dots{display:flex;gap:5px;flex:1;justify-content:center}.dots b{width:100%;max-width:38px;height:4px;border-radius:3px;background:#ddd}.dots b.on{background:var(--p)}
.slide{flex:1;overflow:auto;padding:18px 20px 16px;-webkit-overflow-scrolling:touch}.slide h1,.slide h2{font:900 34px/1.02 "Arial Narrow",Impact,system-ui,sans-serif;text-transform:uppercase;margin:0 0 12px}
.capa{background:var(--y);display:flex;flex-direction:column;justify-content:space-between;position:relative}.capa h1{color:var(--p);font-size:clamp(28px,8.6vw,44px);overflow-wrap:break-word}.tag{display:inline-block;background:var(--p);color:#fff;padding:3px 9px;font-weight:700;font-size:13px;margin-bottom:12px}.capa p{font-size:21px;font-weight:600}
.capa:before{content:"";position:absolute;left:-10%;right:-10%;bottom:78px;height:58px;background:var(--m);transform:rotate(-7deg);z-index:0}.capa:after{content:"";position:absolute;left:-10%;right:-10%;bottom:34px;height:44px;background:var(--p);transform:rotate(-7deg);z-index:0}.capa>*{position:relative;z-index:1}.capa{padding-bottom:190px;overflow-x:hidden}.capa .fonte{border:0;color:#111;font-weight:700;margin-bottom:0}
.big{font:900 54px/1 "Arial Narrow",Impact,system-ui,sans-serif;color:var(--p);margin:2px 0 4px}.bigl{font-size:17px;color:#333;margin:0 0 10px}
.slide ul{padding-left:20px;margin:6px 0}.slide li,.slide p{overflow-wrap:anywhere}.slide a{overflow-wrap:anywhere}.slide li a{word-break:break-all}.slide li a{color:var(--p);text-decoration:underline;font-weight:600}.fim li a,.dark li a{color:#ffd}.slide{min-width:0}#app>*{min-width:0}.slide h2::after{content:"";display:block;width:52px;height:6px;background:var(--y);margin-top:10px;border-radius:3px}.slide.capa h1::after{display:none}.voto-seu{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;background:#fff;border-left:8px solid var(--y);border-radius:0 12px 12px 0;padding:12px 14px;margin:12px 0;font-size:17px}.voto-seu b{font:900 22px/1.1 "Arial Narrow",Impact,system-ui,sans-serif;text-transform:uppercase;color:var(--p)}.mais{margin:12px 0}.mais summary{cursor:pointer;font-weight:800;font-size:17px;min-height:48px;display:flex;align-items:center;color:var(--p);list-style:none}.mais summary::-webkit-details-marker{display:none}.mais summary::before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--p);color:#fff;margin-right:10px;font-size:20px}.mais[open] summary::before{content:'‘2'}.bairro{background:var(--y);border-radius:16px;padding:14px 16px;margin:10px 0 6px}.bairro .lb{margin:0}.bairro .lb b{display:block;font-size:19px}.bairro .lb span{display:block;font-size:14px;margin:2px 0 6px}.bairro select{border:2px solid var(--p);border-radius:10px;background:#fff;font-weight:600}.local{background:#fff;border:2px solid var(--p);border-radius:14px;padding:12px 14px;margin-top:10px}.local[hidden]{display:none}.local .rot{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--p)}.local b{display:block;font-size:20px;line-height:1.2;margin:2px 0}.local p{margin:4px 0;font-size:15px}.local .nota{font-size:13px;color:#555}.local .acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.local .btn{margin:0;padding:10px 14px;font-size:15px;flex:1 1 140px;width:auto}.local .btn.o{border-color:var(--p);color:var(--p)}.fim .ident,.dark .ident{color:#eadcff}.graf img{display:block;width:100%;max-height:62vh;object-fit:contain;border-radius:12px;margin:0 auto}.slide li{margin:9px 0}.fonte{font-size:12.5px;color:#555;margin-top:14px;border-top:1px solid #ddd;padding-top:8px}.fonte a{color:var(--p)}
.fim,.dark{background:var(--p);color:#fff}.fim h2,.dark h2{color:var(--y)}.fim .fonte,.dark .fonte{color:#ddd;border-color:#8a52b3}.fim .fonte a,.dark .fonte a{color:#ffd}
.pergunta{background:#f6fff9}.btn{display:block;width:100%;text-align:center;font:700 18px system-ui;padding:14px;border-radius:999px;background:var(--y);color:#000;text-decoration:none;border:0;margin:10px 0;cursor:pointer}.btn.o{background:none;border:2px solid var(--y);color:#fff}
.fotos{display:flex;gap:14px;justify-content:center;margin:2px 0 8px}.foto{display:flex;flex-direction:column;align-items:center;font-size:13px;line-height:1.2}.foto img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:4px solid #ccc;display:block}.foto b{margin-top:3px}.foto span{color:#555}.graf svg{width:100%;height:auto;display:block}.slide.gr h2{font-size:27px;margin-bottom:6px}.slide.gr .foto img{width:46px;height:46px;border-width:3px}.slide.gr .foto{font-size:11.5px}.slide.gr li{margin:5px 0;font-size:15.5px}.slide.gr ul{margin:4px 0}.slide.gr .fonte{margin-top:8px;font-size:11.5px}.slide.gr .fotos{margin-bottom:2px}
.nav{display:flex;gap:10px;padding:8px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid #eee}.nav button{flex:1;font:700 17px system-ui;padding:12px;border-radius:999px;border:2px solid var(--p);background:#fff;color:var(--p);cursor:pointer}.nav button.prox{background:var(--p);color:#fff}.nav button[disabled]{opacity:.35}
.lb{display:block;margin:10px 0}.lb select{width:100%;font:18px system-ui;padding:10px;margin-top:4px}.lista h2{font-size:26px;margin:18px 0 6px}.ident{font-size:11.5px;color:#444;margin-top:10px}.rasc{background:#c2410c;color:#fff;font-size:12px;padding:4px 10px;text-align:center}
.lista a.card{display:block;border:1px solid #ddd;border-radius:14px;padding:14px;margin:10px 0;text-decoration:none;color:inherit;background:#fff}.lista a.card b{display:block;font-size:20px}
@media (prefers-reduced-motion:no-preference){.slide{animation:ent .25s ease}@keyframes ent{from{opacity:.4;transform:translateX(14px)}to{opacity:1;transform:none}}}