/* FEIRAS & EVENTOS — luzes de palco: violeta profundo, magenta quente */
body.t-feiras{--bg:#16061f;--fg:#fbf2ff;--muted:#b7a3c6;--line:rgba(255,200,255,.16);--accent:#ff2e88;--accent-2:#7a2cff;--accent-ink:#16061f;--card:#220a30;background:var(--bg)}
.t-feiras .dark{--bg:#16061f;--card:#220a30;background:var(--bg)}
.t-feiras .shero{background:#16061f}
.t-feiras .shero h1{max-width:13ch}
/* contagem */
.tl{background:#16061f}
.tl-sticky{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:clamp(24px,5vw,80px);max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.tl-left{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:10px}
.tl-num{font-size:clamp(120px,20vw,340px);line-height:.8;letter-spacing:-.06em;background:linear-gradient(180deg,#ff2e88,#7a2cff);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.tl-unit{color:var(--muted)}
.tl-bar{height:4px;background:var(--line);border-radius:4px;margin-top:24px;overflow:hidden;max-width:360px}
.tl-bar i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.tl-steps{padding-block:30svh}
.ts{min-height:70svh;display:flex;flex-direction:column;justify-content:center;gap:14px;max-width:46ch;opacity:.25;transition:opacity .5s,transform .6s var(--ease);transform:translateX(30px)}
.ts.on{opacity:1;transform:none}
.ts .mono{color:var(--accent)}
.ts p{color:var(--muted)}
@media(max-width:860px){.tl-sticky{grid-template-columns:1fr}.tl-left{height:auto;position:sticky;top:60px;z-index:3;background:#16061f;padding:20px 0}.tl-num{font-size:90px}.ts{min-height:50svh}}
/* configurador */
.cfg-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(18px,3vw,44px);align-items:start}
.cfg-stage{position:relative;padding:0;overflow:hidden;background:radial-gradient(80% 70% at 50% 100%,#3a0f4d,#1a0724)}
.cfg-stage svg{width:100%;height:auto}
.cfg-stage .tag-ilus{position:absolute;left:16px;bottom:14px}
.cfg-ui{display:grid;gap:26px}
.cfg-blk h4{margin-bottom:12px;color:var(--muted);font-weight:400;display:flex;gap:10px;align-items:center}
.meter{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;margin:10px 0;font-size:14px}
.meter i{display:block;height:8px;background:var(--line);border-radius:8px;overflow:hidden}
.meter b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:8px;transition:width .8s var(--ease)}
.cfg-note{color:var(--muted);font-size:15px;min-height:3em}
@media(max-width:900px){.cfg-grid{grid-template-columns:1fr}}
.it{animation:drop .7s var(--ease) both}
@keyframes drop{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}
/* roleta */
.rol{background:#ff2e88;color:#16061f;--fg:#16061f;--muted:rgba(22,6,31,.75);--accent:#16061f;--accent-ink:#ff2e88;--line:rgba(22,6,31,.25)}
.rol .eyebrow{color:#16061f}.rol .eyebrow::before{background:#16061f}
.rol-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.rol-txt{display:grid;gap:20px;justify-items:start}
.rol .lead{color:rgba(22,6,31,.78)}
.rol-res{font-family:var(--f-display);font-weight:700;font-size:clamp(24px,3vw,46px);line-height:1.05;min-height:2.2em;letter-spacing:-.03em}
.wheel-wrap{position:relative;max-width:560px;justify-self:center;width:100%}
#wheel{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(22,6,31,.35))}
.pointer{position:absolute;left:50%;top:-8px;width:34px;height:44px;margin-left:-17px;background:#16061f;clip-path:polygon(0 0,100% 0,50% 100%);z-index:2}
@media(max-width:860px){.rol-grid{grid-template-columns:1fr}}
/* campo */
.fld-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px)}
.fc{position:relative;border-radius:28px;padding:clamp(24px,2.6vw,40px);min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:transform .6s var(--ease),background .5s}
.fc::before{content:"";position:absolute;inset:-40% -20% auto auto;width:80%;aspect-ratio:1;background:radial-gradient(circle,var(--accent),transparent 65%);opacity:.0;transition:opacity .6s;filter:blur(10px)}
.fc:hover{transform:translateY(-12px)}.fc:hover::before{opacity:.55}
.fc b{position:absolute;top:22px;left:26px;font-size:72px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--accent)}
.fc p{color:var(--muted);position:relative}
@media(max-width:900px){.fld-grid{grid-template-columns:1fr}.fc{min-height:260px}}
.faq-s{background:#16061f}