/* 06b · RADAR · prefixo .rdr
   Seção clara com um painel preto: à esquerda os três passos, à direita o que saiu e o veredito.
   A coluna do veredito é a única com laranja. Estados iniciais só sob html.mov. */
.rdr{--rdr-e:cubic-bezier(.16,1,.3,1)}
.rdr .secao-cab{margin-bottom:clamp(32px,4vw,56px)}
.rdr .secao-cab .t-lead{margin-top:var(--e-4);max-width:40em}

.rdr-corpo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-8) var(--calha)}

/* passos: número, verbo, uma linha */
.rdr-passos{display:grid;grid-template-columns:minmax(0,1fr)}
.rdr-passos li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:var(--e-2);padding-block:var(--e-4);border-top:1px solid var(--linha)}
.rdr-passos li:last-child{border-bottom:1px solid var(--linha)}
.rdr-passos .rotulo{grid-row:1/3;padding-top:.3em}
.rdr-passo-t{font:700 var(--t-h3)/1.2 var(--f-sans);letter-spacing:-.03em;color:var(--texto)}
.rdr-passos p{margin-top:2px;font-size:1rem;line-height:1.45;color:var(--texto-2)}
.rdr-abrir{margin-top:var(--e-6)}

/* painel */
.rdr-fig{min-width:0}
.rdr-painel{position:relative;border-radius:var(--r-superficie);overflow:hidden;--rdr-px:clamp(16px,2vw,28px);--rdr-v:13.5rem}
.rdr-barra{display:flex;align-items:center;gap:var(--e-4);min-height:56px;padding:var(--e-2) var(--rdr-px);border-bottom:1px solid var(--linha);font:400 var(--t-rotulo)/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3)}
.rdr-vivo{display:flex;align-items:center;gap:var(--e-2);color:var(--texto)}
.rdr-vivo i{width:7px;height:7px;background:var(--c-laranja);transform:skewX(-15deg)}
.rdr-filtro{display:flex;margin-left:auto;border:1px solid var(--borda-controle);border-radius:var(--r-controle);overflow:hidden}
.rdr-filtro[hidden]{display:none}
.rdr-filtro button{min-height:36px;padding:0 12px;font:400 .8125rem/1 var(--f-sans);letter-spacing:0;text-transform:none;color:var(--texto-2);cursor:pointer;transition:background-color 200ms linear,color 200ms linear}
.rdr-filtro button+button{border-left:1px solid var(--borda-controle)}
.rdr-filtro button[aria-pressed="true"]{background:var(--c-branco);color:var(--c-preto);font-weight:700}
.rdr-filtro button:focus-visible{outline-offset:-4px}

.rdr-barra p,.rdr-filtro button{white-space:nowrap}
/* no celular a barra fica com "Ao vivo" e o filtro; o número de fontes já está nos passos */
.rdr-fontes{display:none}
.rdr-cols{display:none}
.rdr-l{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-2);padding:var(--e-4) var(--rdr-px);border-bottom:1px solid var(--linha);transition:opacity 400ms var(--curva-entrada),background-color 200ms linear}
.rdr-h{font:400 var(--t-legenda)/1.4 var(--f-mono);letter-spacing:.06em;color:var(--texto-3)}
.rdr-q b{display:block;font:700 1.0625rem/1.3 var(--f-sans);letter-spacing:-.015em;color:var(--texto)}
.rdr-q span{display:flex;align-items:center;gap:var(--e-2);margin-top:6px;font-size:var(--t-pequeno);line-height:1.3;color:var(--texto-2)}
.rdr-sev{flex:none;padding:3px 6px;border:1px solid var(--borda-controle);border-radius:var(--r-etiqueta);font:400 var(--t-rotulo)/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2)}
.rdr-sev-c{border-color:var(--texto);color:var(--texto)}
.rdr-r{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--e-3);font-size:var(--t-pequeno);line-height:1.3;color:var(--texto-2)}
.rdr-v{flex:none;padding:6px 9px;border:1px solid transparent;border-radius:var(--r-etiqueta);font:700 .8125rem/1 var(--f-sans);white-space:nowrap}
.rdr-v-hoje{background:var(--c-laranja);color:var(--c-preto)}
.rdr-v-semana{border-color:var(--c-laranja);color:var(--c-laranja)}
.rdr-v-nao{padding-inline:0;font-weight:400;color:var(--texto-3)}
.rdr-l:not(.rdr-afeta) .rdr-q b{color:var(--texto-2);font-weight:400}
.rdr-l:not(.rdr-afeta) .rdr-r span{color:var(--texto-3)}
.rdr-nota{padding:12px var(--rdr-px)}
.rdr-varre{display:none}

/* filtro "Afeta você": o que não pede ação recua, sem mexer na altura do painel */
.rdr-so-afeta .rdr-l:not(.rdr-afeta){opacity:.22}

@media (min-width:720px){
  .rdr-cols{display:grid;padding:10px var(--rdr-px);border-bottom:1px solid var(--linha);font:400 var(--t-rotulo)/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3)}
  .rdr-cols,.rdr-l{grid-template-columns:4rem minmax(0,1fr) var(--rdr-v);column-gap:var(--e-4);align-items:center}
  .rdr-l{padding-block:14px}
  .rdr-fontes{display:block}
  .rdr-r{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:6px}
  .mov .rdr-varre{display:block;position:absolute;top:0;bottom:0;right:0;width:calc(var(--rdr-v) + var(--rdr-px));overflow:hidden;pointer-events:none}
}
@media (min-width:1000px){
  .rdr-corpo{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
  .rdr-lado{grid-column:1/span 3}
  .rdr-fig{grid-column:4/-1}
}
@media (min-width:1240px){
  .rdr-painel{--rdr-v:15rem}
  .rdr-q b{font-size:1.125rem}
}

/* ---------- movimento ---------- */
.mov-ponteiro .rdr-l:hover{background:var(--c-sup-1)}
.mov .rdr-vivo i{animation:rdr-pulsa 1600ms ease-in-out infinite}
.mov .rdr-painel:not(.na-vista) .rdr-l>*{opacity:0}
.mov .rdr-painel.na-vista .rdr-l>*{animation:rdr-sobe 800ms var(--rdr-e) backwards;animation-delay:calc(500ms + var(--r,0)*90ms)}
/* o veredito aparece atrás do corte laranja */
.mov .rdr-painel.na-vista .rdr-l>.rdr-r{animation:rdr-surge 400ms linear backwards;animation-delay:calc(1500ms + var(--r,0)*70ms)}
.rdr-varre>i{position:absolute;top:-2%;bottom:-2%;left:-75%;width:250%;background:var(--c-laranja);transform:skewX(-15deg) translate3d(-112%,0,0)}
.mov .rdr-painel.na-vista .rdr-varre>i{animation:rdr-varre 1300ms cubic-bezier(.65,0,.35,1) 900ms both}
@keyframes rdr-sobe{from{opacity:0;transform:translate3d(-4px,14px,0)}}
@keyframes rdr-surge{from{opacity:0}}
@keyframes rdr-pulsa{50%{opacity:.25}}
@keyframes rdr-varre{from{transform:skewX(-15deg) translate3d(-112%,0,0)}to{transform:skewX(-15deg) translate3d(112%,0,0)}}