#ddr-base .fable-comunidade{
  --carvao:var(--ddr-charcoal);--off:var(--ddr-offwhite);--laranja:var(--ddr-orange);--papel:#FBF9F4;
  --linha:#E3DFD6;--linha-escura:#2A2A2A;--cinza:#5E5B55;--cinza-claro:#8E8A82;--verde:#D7E24A;
  --display:var(--ddr-heading);--texto:var(--ddr-body);--maxw:1072px;
  --mx:0;--my:0;
}
#ddr-base .fable-comunidade *{box-sizing:border-box}
#ddr-base .fable-comunidade{margin:0;background:var(--off);color:var(--carvao);font-family:var(--texto);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
#ddr-base .fable-comunidade a{color:inherit}
#ddr-base .fable-comunidade .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
#ddr-base .fable-comunidade h1,#ddr-base .fable-comunidade h2,#ddr-base .fable-comunidade h3{font-family:var(--display);margin:0;font-weight:700;letter-spacing:-0.04em;line-height:1}
#ddr-base .fable-comunidade p{margin:0}
#ddr-base .fable-comunidade :focus-visible{outline:2px solid var(--laranja);outline-offset:3px;border-radius:4px}
#ddr-base .fable-comunidade .tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
#ddr-base .fable-comunidade .tag::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--laranja)}
#ddr-base .fable-comunidade .btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--laranja);color:#fff;font-weight:600;font-size:15px;padding:14px 22px;border-radius:7px;text-decoration:none;transition:transform .16s cubic-bezier(.2,.7,.2,1),background .16s,box-shadow .16s;box-shadow:0 0 0 0 rgba(255,106,36,0)}
#ddr-base .fable-comunidade .btn:hover{background:#F25E1A;transform:translateY(-1px);box-shadow:0 8px 24px -10px rgba(255,106,36,.6)}
#ddr-base .fable-comunidade .btn:active{transform:translateY(0) scale(.975);box-shadow:none}
#ddr-base .fable-comunidade .btn .ext{font-size:13px;opacity:.9}
#ddr-base .fable-comunidade .link{font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
#ddr-base .fable-comunidade .hero{background:var(--carvao);color:var(--off);position:relative;overflow:hidden;min-height:calc(100vh - 74px);display:flex;align-items:center;padding:72px 0 88px}
#ddr-base .fable-comunidade .hero .wrap{position:relative;z-index:2;width:100%}
#ddr-base .fable-comunidade .hero .tag{color:var(--off)}
#ddr-base .fable-comunidade .hero h1{color:#fff;font-size:clamp(56px,8vw,112px);letter-spacing:-0.05em;line-height:.92;margin:26px 0 30px;max-width:10.5ch}
#ddr-base .fable-comunidade .hero .lede{font-size:19px;line-height:1.5;max-width:42ch;color:#D9D6CF}
#ddr-base .fable-comunidade .hero .acoes{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
#ddr-base .fable-comunidade .hero .nota{font-size:13px;color:var(--cinza-claro);margin-top:14px}
#ddr-base .fable-comunidade .vozes{position:absolute;inset:0;z-index:1;pointer-events:none}
#ddr-base .fable-comunidade .voz{position:absolute;font-size:15px;line-height:1.45;color:#B5B1A9;max-width:26ch;opacity:0;transform:translate(calc(var(--mx) * var(--d,1) * 1px),calc(var(--my) * var(--d,1) * 1px + 10px));
  animation:fable-comunidade-voz var(--t,14s) ease-in-out var(--delay,0s) infinite;will-change:opacity,transform;padding:10px 14px;border:1px solid transparent;border-radius:10px}
#ddr-base .fable-comunidade .voz::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#5A5750;margin-right:10px;vertical-align:2px}
#ddr-base .fable-comunidade .voz.eq::before{background:var(--laranja)}
#ddr-base .fable-comunidade .voz.eq{color:#D9D6CF}
@keyframes fable-comunidade-voz{
  0%{opacity:0;transform:translate(calc(var(--mx) * var(--d,1) * 1px),calc(var(--my) * var(--d,1) * 1px + 10px))}
  8%,30%{opacity:1;transform:translate(calc(var(--mx) * var(--d,1) * 1px),calc(var(--my) * var(--d,1) * 1px + 0px))}
  40%,100%{opacity:0;transform:translate(calc(var(--mx) * var(--d,1) * 1px),calc(var(--my) * var(--d,1) * 1px - 8px))}
}
#ddr-base .fable-comunidade .hero::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 78% 40%,rgba(255,106,36,.07),transparent 60%),radial-gradient(600px 400px at 10% 90%,rgba(246,244,239,.04),transparent 60%);pointer-events:none}
#ddr-base .fable-comunidade .onde{display:inline-flex;align-items:center;gap:12px;margin-top:40px;padding:12px 16px 12px 12px;border:1px solid #333;border-radius:999px;font-size:14px;color:#D9D6CF;background:rgba(255,255,255,.02)}
#ddr-base .fable-comunidade .onde .pulso{width:9px;height:9px;border-radius:50%;background:var(--laranja);position:relative}
#ddr-base .fable-comunidade .onde .pulso::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--laranja);opacity:.6;animation:fable-comunidade-pulso 2.6s ease-out infinite}
@keyframes fable-comunidade-pulso{0%{transform:scale(.5);opacity:.7}100%{transform:scale(1.6);opacity:0}}
#ddr-base .fable-comunidade .onde b{font-weight:600;color:#fff}
#ddr-base .fable-comunidade .contexto{padding:80px 0 0}
#ddr-base .fable-comunidade .pontos{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 40px;max-width:980px}
#ddr-base .fable-comunidade .pontos li{font-family:var(--display);font-weight:600;font-size:clamp(26px,3vw,38px);letter-spacing:-0.04em;line-height:1.05;display:inline-flex;align-items:baseline;gap:14px}
#ddr-base .fable-comunidade .pontos li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--laranja);flex:none;transform:translateY(-3px)}
#ddr-base .fable-comunidade .regra{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:40px 0 96px;margin-top:40px;border-top:1px solid var(--linha)}
#ddr-base .fable-comunidade .regra .t{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-0.03em;line-height:1.2;max-width:30ch;color:var(--carvao)}
#ddr-base .fable-comunidade .regra .acoes{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
@keyframes risca{to{stroke-dashoffset:0}}
#ddr-base .fable-comunidade .rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
#ddr-base .fable-comunidade .rv.in{opacity:1;transform:none}
#ddr-base .fable-comunidade .rv[data-i="1"]{transition-delay:.08s}
#ddr-base .fable-comunidade .rv[data-i="2"]{transition-delay:.16s}
#ddr-base .fable-comunidade .rv[data-i="3"]{transition-delay:.24s}
@media (max-width:900px){#ddr-base .fable-comunidade .voz{max-width:22ch;font-size:14px}
}
@media (max-width:640px){#ddr-base .fable-comunidade .wrap{padding:0 20px}
#ddr-base .fable-comunidade .hero{min-height:0;padding:56px 0 56px}
#ddr-base .fable-comunidade .hero h1{font-size:58px;line-height:.94;max-width:none}
#ddr-base .fable-comunidade .hero .lede{font-size:17px}
#ddr-base .fable-comunidade .hero{flex-direction:column;align-items:stretch}
#ddr-base .fable-comunidade .vozes{position:relative;inset:auto;order:2;display:grid;gap:4px;margin:36px 20px 0;pointer-events:none}
#ddr-base .fable-comunidade .voz{position:static;max-width:none;transform:none!important;padding:8px 0;border:0;font-size:14px}
#ddr-base .fable-comunidade .voz:nth-child(n+5){display:none}
#ddr-base .fable-comunidade .contexto{padding:64px 0 56px}
#ddr-base .fable-comunidade .contexto{padding:56px 0 0}
#ddr-base .fable-comunidade .pontos{gap:10px 24px}
#ddr-base .fable-comunidade .pontos li{font-size:25px}
#ddr-base .fable-comunidade .regra{padding:32px 0 64px;margin-top:32px}
#ddr-base .fable-comunidade .regra .t{font-size:21px}
}
@media (prefers-reduced-motion:reduce){#ddr-base .fable-comunidade *{transition:none!important;animation:none!important;scroll-behavior:auto}
#ddr-base .fable-comunidade .voz{opacity:1;transform:none!important}
#ddr-base .fable-comunidade .voz:nth-child(n+5){display:none}
#ddr-base .fable-comunidade .rv{opacity:1;transform:none}
}

#ddr-base .fable-comunidade .rv{opacity:1;transform:none}
#ddr-base .fable-comunidade.is-motion .rv:not(.in){opacity:0;transform:translateY(14px)}
#ddr-base .fable-comunidade:not(.is-motion) *,#ddr-base .fable-comunidade:not(.is-motion) *::after{animation:none!important;transition:none!important}
#ddr-base .fable-comunidade:not(.is-motion) .voz{opacity:1;transform:none}
#ddr-base .fable-comunidade:not(.is-motion) .voz:nth-child(n+5){display:none}
#ddr-base .fable-comunidade .btn{color:var(--carvao)}
#ddr-base .fable-comunidade .voz{max-width:min(26ch,calc(100% - 20px));}
#ddr-base .fable-comunidade .rv[data-i="4"]{transition-delay:.32s}
@media (min-width:641px) and (max-width:1100px){#ddr-base .fable-comunidade .vozes{position:relative;inset:auto;order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 24px 0}#ddr-base .fable-comunidade .voz{position:static;transform:none!important}#ddr-base .fable-comunidade .voz:nth-child(n+5){display:none}#ddr-base .fable-comunidade .hero{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){#ddr-base .fable-comunidade.is-motion .rv{opacity:1;transform:none}}

/* Voz lateral não cruza o marcador nem o texto principal em viewports altos. */
@media(min-width:1101px){#ddr-base .fable-comunidade .voz:nth-child(9){left:72%!important;top:82%!important}}

/* Fable sections span the viewport; inner .wrap retains its content limit. */
#ddr-base:has(> main > .fable-comunidade){max-width:none}