/* R293 — aba "Como funciona" (Desafios & Duelos). Identidade azul-marinho/dourado. */
.dcg{--n:#0F2B60;--n2:#0A1F47;--g:#C9A227;--g2:#F4C168;display:block}
.dcg-nav{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;-webkit-overflow-scrolling:touch}
.dcg-nb{flex:0 0 auto;border:1px solid var(--g);background:transparent;color:inherit;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;min-height:40px}
.dcg-nb.is-on{background:linear-gradient(135deg,var(--g),var(--g2));color:var(--n2)}
.dcg-hero{background:linear-gradient(160deg,var(--n),var(--n2));border:1px solid var(--g);border-radius:20px;padding:20px 16px;color:#fff;margin-bottom:12px}
.dcg-h1{margin:0 0 8px;font-size:clamp(1.2rem,5vw,1.8rem);color:var(--g2);letter-spacing:.02em}
.dcg-h1--s{font-size:clamp(1rem,4vw,1.35rem);margin:4px 0 10px}
.dcg-slogan{margin:0 0 14px;line-height:1.5}
.dcg-cta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.dcg-cta .btn-primary,.dcg-cta .btn-secondary{min-height:44px}
.dcg-sh{margin:16px 0 8px;color:var(--g)}
.dcg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.dcg-card,.dcg-part,.dcg-ex,.dcg-pl,.dcg-stepbox,.dcg-form{border:1px solid rgba(201,162,39,.55);border-radius:16px;padding:12px;background:rgba(15,43,96,.35);margin-bottom:10px}
.dcg-ill{height:110px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--h) 55% 28%),hsl(calc(var(--h) + 40) 60% 40%));margin-bottom:8px}
.dcg-ill--big{height:150px}.dcg-ill-e{font-size:2.6rem}
.dcg-ct{display:block;margin:4px 0}.dcg-cd,.dcg-ce,.dcg-m,.dcg-li{margin:4px 0}.dcg-ce{opacity:.85;font-size:.9em}
.dcg-tag{display:inline-block;background:var(--g);color:var(--n2);font-weight:800;border-radius:8px;padding:6px 10px;margin:6px 0;font-size:.85em}
.dcg-note{border-left:4px solid var(--g);padding:8px 10px;margin:8px 0;background:rgba(201,162,39,.12);border-radius:8px}
.dcg-det{border:1px solid rgba(201,162,39,.4);border-radius:12px;margin:6px 0;padding:8px 12px}
.dcg-det summary{cursor:pointer;font-weight:700;min-height:32px}
.dcg-thumb{height:120px;border-radius:12px;background:#0A1F47 center/cover;display:flex;align-items:flex-end;margin-bottom:6px}
.dcg-play{background:rgba(10,31,71,.85);color:#fff;border-radius:8px;margin:6px;padding:4px 8px;font-size:.8em}
.dcg-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.dcg-rk{margin:4px 0}.dcg-win{font-weight:800;color:var(--g2)}
.dcg-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dcg-photo{aspect-ratio:1;border-radius:12px;background:#0A1F47 center/cover}
.dcg-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:12px}
.dcg-modal-in{background:var(--n2,#0A1F47);color:#fff;border:1px solid var(--g);border-radius:16px;padding:14px;width:min(560px,100%);max-height:92vh;overflow:auto}
.dcg-video{width:100%;max-height:60vh;border-radius:12px;background:#000}
.dcg-prog{height:8px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;margin:8px 0}.dcg-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--g),var(--g2));transition:width .3s}
.dcg-stp{font-weight:800;color:var(--g2);margin:0}.dcg-next{color:var(--g2);font-weight:700}
.dcg-dots{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.dcg-dot{width:36px;height:36px;border-radius:50%;border:1px solid var(--g);background:transparent;color:inherit;cursor:pointer}.dcg-dot.is-on{background:var(--g);color:var(--n2)}.dcg-dot.is-done{opacity:.7}
.dcg-scr{min-height:120px;border-radius:12px;background:linear-gradient(160deg,var(--n),var(--n2));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center}
.dcg-scr-i{font-size:2.2rem}.dcg-scr-t{margin:6px 0 0;color:#fff}
.dcg-fld{display:block;margin-bottom:10px}.dcg-fl{display:block;font-weight:700;margin-bottom:4px}
.dcg-form input,.dcg-form textarea,.dcg-form select{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid var(--g);padding:10px;min-height:44px;background:rgba(255,255,255,.95);color:#0A1F47;margin-bottom:6px}
.dcg-form textarea{min-height:80px}.dcg-form .is-bad{border-color:#d33;border-width:2px}
.dcg-hint{display:block;opacity:.8}.dcg-err{display:block;color:#ff8a8a;font-weight:700}
@media (min-width:900px){.dcg{max-width:980px;margin:0 auto}}
/* R294 */
.dcg-nav--s{padding-top:0}
.dcg-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:10px 0}
.dcg-door{display:flex;flex-direction:column;gap:6px;text-align:start;border:2px solid var(--g);background:linear-gradient(160deg,var(--n),var(--n2));color:#fff;border-radius:18px;padding:16px;cursor:pointer;min-height:44px}
.dcg-door.is-on{box-shadow:0 0 0 3px var(--g2)}.dcg-door-i{font-size:2rem}.dcg-door-t{color:var(--g2);font-size:1.05rem}.dcg-door-d{opacity:.9}
.dcg-trail{border:1px dashed var(--g);border-radius:16px;padding:10px 12px;margin:8px 0}.dcg-trb{display:block;width:100%;margin:6px 0;text-align:start}
.dcg-phs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.dcg-ph{flex:1 1 140px;border:1px solid var(--g);background:transparent;color:inherit;border-radius:12px;padding:8px;cursor:pointer;min-height:44px;font-weight:700}
.dcg-ph.is-on{background:linear-gradient(135deg,var(--g),var(--g2));color:var(--n2)}.dcg-ph.is-done{opacity:.75}
.dcg-nx{width:100%;margin-top:8px;min-height:46px}
.dcg-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.dcg-vc{border:1px solid rgba(201,162,39,.55);border-radius:16px;padding:10px;background:rgba(15,43,96,.35)}
.dcg-vna{min-height:140px;border-radius:12px;background:rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}
.dcg-help{display:inline-flex;align-items:flex-start;gap:4px;flex-wrap:wrap;vertical-align:middle}.dcg-help-b{width:32px;height:32px;border-radius:50%;border:1px solid var(--g);background:transparent;color:var(--g2);cursor:pointer;font-weight:700}
.dcg-help-p{display:block;flex-basis:100%;background:rgba(201,162,39,.15);border-radius:8px;padding:6px 8px;font-size:.88em;max-width:420px}
.dcg-wh{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.dcg-ol{padding-inline-start:22px}.dcg-ol li{margin:4px 0}
.dcg-adm{margin:10px 0}.dcg-card--row{margin-bottom:8px}

.dch-act--guia{grid-column:1/-1;background:linear-gradient(135deg,#0b1f4d,#16337a);color:#fff;border:2px solid #d4a017}.dch-act--guia strong{color:#f5c542}.dch-act--guia small{color:#e8eefc}
.dcg-hero .dcg-slogan{color:#e8eefc!important;opacity:1}