/* Camada de motion do Dentro do Round (regras por etapa, no escopo html[data-motion~="<etapa>"] #ddr-base:not(.ddr-painel)).
   Regras e decisões: docs/sistema-visual/INTEGRACAO_NO_SITE.md ("Camada de motion"); notas de cada etapa: docs/motion/reconciliacao/NOTAS-DA-CAMADA.md. */
html[data-motion] {
  --m-toque: 70ms; --m-curto: 200ms; --m-medio: 320ms; --m-longo: 480ms;
  --m-afundar: cubic-bezier(.4, 0, 1, 1); --m-assentar: cubic-bezier(.2, .8, .2, 1); --m-deslocar: cubic-bezier(.65, 0, .25, 1);
  --m-curso: 1.5px; --m-ceder-card: .990; --m-ceder-linha: .994; --m-aparecer: .97;
  --m-carvao-14: rgba(24, 24, 24, .14);
}
@media (pointer: coarse) { html[data-motion] { --m-ceder-card: .984; --m-ceder-linha: .9904; } }

/* ===== etapa: hover ===== */
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-p-registro--claro,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-bib__destaque,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-serv__card,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-inst__continua,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-com__convite,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-sobre-visao,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-conta__form,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-account,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-p-comentarios {
  --m-hover-fundo: var(--ddr-charcoal); --m-hover-tinta: var(--ddr-offwhite);
}
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-video,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) [data-ddr-header],
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-perfil__trilha-caixa,
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .base-closing {
  --m-hover-fundo: initial; --m-hover-tinta: initial;
}
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .base-button:not(.base-button-outline):hover {
  background: var(--m-hover-fundo, var(--ddr-surface-base)); color: var(--m-hover-tinta, var(--ddr-text-primary));
}
html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .ddr-bib__destaque .base-button { position: relative; z-index: 2; }
@media (prefers-reduced-motion: no-preference) {
  html[data-motion~="hover"] #ddr-base:not(.ddr-painel) .base-button:not(.base-button-outline):not([data-video-play]) {
    --m-tr-cor: background-color 140ms ease, color 140ms ease;
    transition: var(--m-tr-cor, background-color 0s), var(--m-tr-curso, transform 0s);
  }
}
/* ===== fim: hover ===== */

/* ===== etapa: pressao ===== */
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play]),
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair {
  position: relative; isolation: isolate;
}
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play])::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair::after {
  content: ''; position: absolute; inset: -1px; border-radius: inherit; background: var(--m-carvao-14); opacity: 0; pointer-events: none;
}
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play]):not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after {
  opacity: 1;
}
@media (hover: hover) {
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play]):not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair:not(:disabled):not([aria-disabled="true"]):active::after {
    opacity: 1;
  }
}
html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__destaque .base-button { z-index: 2; }
@media (prefers-reduced-motion: no-preference) {
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play]),
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-salvar,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-desfazer {
    --m-tr-curso: transform var(--m-curto) var(--m-assentar);
    transition: var(--m-tr-cor, background-color 0s), var(--m-tr-curso, transform 0s);
  }
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play]):not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-salvar:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-desfazer:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado {
    --m-tr-curso: transform var(--m-toque) var(--m-afundar);
    transform: translateY(var(--m-curso));
  }
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play])::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair::after {
    transition: opacity var(--m-curto) var(--m-assentar);
  }
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play]):not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair:not(:disabled):not([aria-disabled="true"]).ddr-motion-pressionado::after {
    transition-duration: var(--m-toque); transition-timing-function: var(--m-afundar);
  }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play]):not(:disabled):not([aria-disabled="true"]):active,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu:not(:disabled):not([aria-disabled="true"]):active,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha:not(:disabled):not([aria-disabled="true"]):active,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button:not(:disabled):not([aria-disabled="true"]):active,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a:not(:disabled):not([aria-disabled="true"]):active,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria:not(:disabled):not([aria-disabled="true"]):active,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair:not(:disabled):not([aria-disabled="true"]):active,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-salvar:not(:disabled):not([aria-disabled="true"]):active,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-desfazer:not(:disabled):not([aria-disabled="true"]):active {
    --m-tr-curso: transform var(--m-toque) var(--m-afundar);
    transform: translateY(var(--m-curso));
  }
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .base-button:not(.ddr-er-conversa [data-video-play]):not(.ddr-alem__video [data-video-play]):not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-menu:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-p-botao-linha:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__campo button:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-bib__temas a:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-acao-secundaria:not(:disabled):not([aria-disabled="true"]):active::after,
  html[data-motion~="pressao"] #ddr-base:not(.ddr-painel) .ddr-perfil__sair:not(:disabled):not([aria-disabled="true"]):active::after {
    transition-duration: var(--m-toque); transition-timing-function: var(--m-afundar);
  }
}
/* ===== fim: pressao ===== */

/* ===== etapa: ceder ===== */

html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-etapa:not(.is-embreve) > .ddr-etapa__card { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-acervo:not(:has(.ddr-acervo__meta .ddr-selo)) { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-conversa { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__destaque { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) li.ddr-bib__item { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__recentes li { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-er-formato { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__destaque { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__card { position: relative; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-hub__caminho:not(.is-futuro) { position: relative; }

html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-etapa:not(.is-embreve) > .ddr-etapa__card h3 > a::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-acervo:not(:has(.ddr-acervo__meta .ddr-selo)) .base-card-link::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-conversa .base-card-link::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__destaque h2 > a::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) li.ddr-bib__item h3 > a::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__recentes li h3 > a::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-er-abertura:not(:has(a.ddr-er-tempo[href])) h2 > a::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-er-formato h3 > a::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__destaque h2 > a::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__card h3 > a::after,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-hub__caminho:not(.is-futuro) h3 > a::after { content: ''; position: absolute; inset: 0; z-index: 1; }

html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-etapa:not(.is-embreve) > .ddr-etapa__card .base-card-link,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__destaque .base-button,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-er-abertura:not(:has(a.ddr-er-tempo[href])) .ddr-er-ler,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__destaque .base-textlink,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-hub__caminho:not(.is-futuro) .ddr-hub__caminho-acao { position: relative; z-index: 2; }

html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-etapa:not(.is-embreve) > .ddr-etapa__card:has(h3 > a:focus-visible) { outline: 3px solid currentColor; outline-offset: 4px; border-radius: var(--ddr-radius-card); }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-acervo:not(:has(.ddr-acervo__meta .ddr-selo)):has(.base-card-link:focus-visible),
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-conversa:has(.base-card-link:focus-visible),
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-er-abertura:not(:has(a.ddr-er-tempo[href])):has(h2 > a:focus-visible),
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-er-formato:has(h3 > a:focus-visible),
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__destaque:has(h2 > a:focus-visible),
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__card:has(h3 > a:focus-visible) { outline: 3px solid currentColor; outline-offset: 4px; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__destaque:has(h2 > a:focus-visible),
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) li.ddr-bib__item:has(h3 > a:focus-visible),
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__recentes li:has(h3 > a:focus-visible),
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-hub__caminho:not(.is-futuro):has(h3 > a:focus-visible) { outline: 2px solid var(--ddr-charcoal); outline-offset: 3px; }
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-etapa:not(.is-embreve) > .ddr-etapa__card:has(h3 > a:focus-visible) h3 > a:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-acervo:not(:has(.ddr-acervo__meta .ddr-selo)):has(.base-card-link:focus-visible) .base-card-link:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-conversa:has(.base-card-link:focus-visible) .base-card-link:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__destaque:has(h2 > a:focus-visible) h2 > a:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) li.ddr-bib__item:has(h3 > a:focus-visible) h3 > a:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-bib__recentes li:has(h3 > a:focus-visible) h3 > a:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-er-abertura:not(:has(a.ddr-er-tempo[href])):has(h2 > a:focus-visible) h2 > a:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-er-formato:has(h3 > a:focus-visible) h3 > a:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__destaque:has(h2 > a:focus-visible) h2 > a:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-alem__card:has(h3 > a:focus-visible) h3 > a:focus-visible,
html[data-motion~="ceder"] #ddr-base:not(.ddr-painel) .ddr-hub__caminho:not(.is-futuro):has(h3 > a:focus-visible) h3 > a:focus-visible { outline: none; }
/* ===== fim: ceder ===== */

/* ===== etapa: despertar ===== */
@media (prefers-reduced-motion: no-preference) {
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-acervo__capa--pb img,
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-conversa__foto img,
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-abertura .ddr-er-retrato__img img,
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-formato .ddr-er-retrato__img img,
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-indice .ddr-er-retrato__img img { transition: filter var(--m-medio) var(--m-deslocar); }
}
@media (hover: hover) {
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-acervo:not(:has(.ddr-acervo__meta .ddr-selo)):hover .ddr-acervo__capa--pb img,
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-conversa:hover .ddr-conversa__foto img,
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-abertura:not(:has(a.ddr-er-tempo[href])):hover .ddr-er-retrato__img img,
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-formato:hover .ddr-er-retrato__img img,
  html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-indice a:hover .ddr-er-retrato__img img { filter: grayscale(.25) contrast(1.04) brightness(.98); }
}
html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-acervo:not(:has(.ddr-acervo__meta .ddr-selo)):has(:focus-visible) .ddr-acervo__capa--pb img,
html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-conversa:has(:focus-visible) .ddr-conversa__foto img,
html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-abertura:not(:has(a.ddr-er-tempo[href])):has(:focus-visible) .ddr-er-retrato__img img,
html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-formato:has(:focus-visible) .ddr-er-retrato__img img,
html[data-motion~="despertar"] #ddr-base:not(.ddr-painel) .ddr-er-indice a:focus-visible .ddr-er-retrato__img img { filter: grayscale(.25) contrast(1.04) brightness(.98); }
/* ===== fim: despertar ===== */

/* ===== etapa: reacomodar ===== */
@media (prefers-reduced-motion: no-preference) {
  html[data-motion~="reacomodar"] #ddr-base:not(.ddr-painel) details#comentarios[data-m-reacomodar] { clip-path: inset(0 -5px -5px); }
  html[data-motion~="reacomodar"] #ddr-base:not(.ddr-painel) .ddr-p-cap > details[data-m-segura]::details-content,
  html[data-motion~="reacomodar"] #ddr-base:not(.ddr-painel) details#comentarios[data-m-segura]::details-content { content-visibility: visible; }
}
/* ===== fim: reacomodar ===== */

/* ===== etapa: status ===== */
/* (vazio) */
/* ===== fim: status ===== */

/* ===== etapa: progresso ===== */
@media (prefers-reduced-motion: no-preference) {
  html[data-motion~="progresso"] #ddr-base:not(.ddr-painel) .base-feature .ddr-progresso__trilho > span,
  html[data-motion~="progresso"] #ddr-base:not(.ddr-painel) .ddr-hub__destaque .ddr-p-barra > span,
  html[data-motion~="progresso"] #ddr-base:not(.ddr-painel) .ddr-p-percurso .ddr-p-barra > span,
  html[data-motion~="progresso"] #ddr-base:not(.ddr-painel) .ddr-p-suatrilha .ddr-p-barra > span,
  html[data-motion~="progresso"] #ddr-base:not(.ddr-painel) .ddr-perfil__barra > span { transform-origin: 0 50%; }
}
/* ===== fim: progresso ===== */

/* ===== etapa: capa ===== */
html[data-motion~="capa"] #ddr-base:not(.ddr-painel) .ddr-video[data-state=loading]:not([data-motion-capa]) { pointer-events: none; }
html[data-motion~="capa"] #ddr-base:not(.ddr-painel) .ddr-video[data-state=loading]:not([data-motion-capa]) iframe { opacity: 0; pointer-events: none; }
html[data-motion~="capa"] #ddr-base:not(.ddr-painel) .ddr-video[data-state=loading] .ddr-video__cover { filter: brightness(.6); }
@media (prefers-reduced-motion: no-preference) {
  html[data-motion~="capa"] #ddr-base:not(.ddr-painel) .ddr-video iframe { transition: opacity var(--m-medio) var(--m-assentar); }
  html[data-motion~="capa"] #ddr-base:not(.ddr-painel) .ddr-video[data-state=loading] .ddr-video__cover { transition: filter var(--m-medio) var(--m-assentar); }
  html[data-motion~="capa"] #ddr-base:not(.ddr-painel) .ddr-video[data-state=playing] .ddr-video__cover { transition: filter 0s linear var(--m-medio); }
  html[data-motion~="capa"] #ddr-base:not(.ddr-painel) .ddr-video[data-state=playing] .ddr-video__controls { opacity: 0; transition: opacity var(--m-medio) var(--m-assentar), display var(--m-medio) allow-discrete; }
}
/* ===== fim: capa ===== */

/* ===== etapa: card ===== */
/* (vazio) */
/* ===== fim: card ===== */

/* ===== etapa: troca ===== */
/* (vazio) */
/* ===== fim: troca ===== */

/* ===== etapa: ciclo ===== */
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__traco > .ddr-ciclo__arco.ddr-m-ciclo-sem-seta { marker-end: none; }
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__centro > strong > .ddr-m-ciclo-frase { display: inline-block; font: inherit; color: inherit; letter-spacing: inherit; }
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__traco > .ddr-ciclo__arco.ddr-m-ciclo-recua { opacity: .3; }
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__fases > li.ddr-m-ciclo-recua,
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-quadro__pilares > .ddr-quadro__pilar.ddr-m-ciclo-recua { opacity: .62; }
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-quadro__pilares > .ddr-quadro__pilar.ddr-m-ciclo-recua:has(:focus-visible) { opacity: 1; }
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__fases > li.ddr-m-ciclo-foco > span,
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__fases > li.ddr-m-ciclo-proximo > span { color: var(--ddr-offwhite); }
html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-quadro__pilar > h3::before { transform-origin: 0 50%; }
@media (prefers-reduced-motion: no-preference) {
  html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__traco > .ddr-ciclo__arco,
  html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__fases > li,
  html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-quadro__pilares > .ddr-quadro__pilar { transition: opacity 480ms ease; }
  html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__fases > li > span { transition: color 480ms ease; }
  html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-quadro__pilares > .ddr-quadro__pilar:has(:focus-visible) { transition-duration: 1ms; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__traco > .ddr-ciclo__arco,
  html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-ciclo__fases > li,
  html[data-motion~="ciclo"] #ddr-base:not(.ddr-painel) .ddr-quadro__pilares > .ddr-quadro__pilar { transition: opacity 1ms linear; }
}
/* ===== fim: ciclo ===== */

/* ===== etapa: sobre ===== */
@media screen and (prefers-reduced-motion: no-preference) {
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas > div.ddr-motion-sobre-armada { position: relative; border-top-color: transparent; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas > div.ddr-motion-sobre-armada::before { content: ''; position: absolute; left: 0; right: 0; top: calc(-1 * var(--m-sobre-fio-w, 1px)); height: var(--m-sobre-fio-w, 1px); background: var(--m-sobre-fio-cor, rgba(24, 24, 24, .18)); transform: scaleX(0); transform-origin: 0 50%; pointer-events: none; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas > div.ddr-motion-sobre-armada > dt { opacity: 0; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas > div.ddr-motion-sobre-armada > dd { clip-path: inset(-8px 100% -8px -8px); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas > div.ddr-motion-sobre-armada.ddr-motion-sobre-escrita::before { transform: scaleX(1); transition: transform 620ms var(--m-deslocar); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas > div.ddr-motion-sobre-armada.ddr-motion-sobre-escrita > dt { opacity: 1; transition: opacity var(--m-curto) var(--m-assentar); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas > div.ddr-motion-sobre-armada.ddr-motion-sobre-escrita > dd { clip-path: inset(-8px -8px -8px -8px); transition: clip-path 760ms var(--m-deslocar) 140ms; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas dd strong.ddr-motion-sobre-grifo { text-decoration-color: transparent; background-image: linear-gradient(var(--m-sobre-grifo-cor, var(--ddr-orange)), var(--m-sobre-grifo-cor, var(--ddr-orange))); background-repeat: no-repeat; background-size: 0% var(--m-sobre-grifo-w, 2px); background-position: 0 calc(100% - var(--m-sobre-grifo-y, 0px)); padding-bottom: var(--m-sobre-grifo-p, 0px); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-etapas dd strong.ddr-motion-sobre-grifo.ddr-motion-sobre-grifando { background-size: 100% var(--m-sobre-grifo-w, 2px); transition: background-size 700ms var(--m-deslocar); }

  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-armada > li { position: relative; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-armada > li::before { content: ''; position: absolute; inset: 1px; border-radius: 8px; background: var(--m-sobre-fundo, var(--ddr-charcoal)); opacity: .84; pointer-events: none; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-armada > li.ddr-motion-sobre-passou::before { opacity: 0; transition: opacity 340ms var(--m-assentar); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-armada > li::after { content: ''; position: absolute; inset: -1px; border: 1px solid rgba(246, 244, 239, .44); border-radius: inherit; opacity: 0; pointer-events: none; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-armada > li.ddr-motion-sobre-passou::after { transition: opacity 560ms var(--m-assentar); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-armada > li.ddr-motion-sobre-agora::after { opacity: 1; transition-duration: 110ms; }

  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-camadas.ddr-motion-sobre-armada > .ddr-sobre-camada:not(.ddr-motion-sobre-pousada) { opacity: 0; pointer-events: none; }

  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-pessoa__foto.ddr-motion-sobre-armada { filter: grayscale(1) contrast(1.05) brightness(0); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-motion-sobre-moldura > .ddr-sobre-pessoa__foto.ddr-motion-sobre-viva { transition: transform var(--m-medio) var(--m-assentar), filter var(--m-medio) var(--m-deslocar); }
}
html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-motion-sobre-moldura { display: block; }
@media screen and (prefers-reduced-motion: no-preference) and (hover: hover) {
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-motion-sobre-moldura.ddr-motion-sobre-recorte { overflow: hidden; border-radius: var(--m-sobre-raio, 10px); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-motion-sobre-moldura.ddr-motion-sobre-recorte > .ddr-sobre-pessoa__foto { border-radius: 0; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-motion-sobre-moldura > .ddr-sobre-pessoa__foto.ddr-motion-sobre-apontada { transform: translate(var(--m-sobre-fx, 0px), var(--m-sobre-fy, 0px)) scale(1.03); }
}
@media (hover: hover) {
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-pessoa__foto.ddr-motion-sobre-viva.ddr-motion-sobre-apontada { filter: grayscale(.35) contrast(1.05) brightness(1.04); }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-viva > li { position: relative; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-viva > li::before { content: ''; position: absolute; inset: 1px; border-radius: 8px; background: var(--m-sobre-fundo, var(--ddr-charcoal)); opacity: 0; pointer-events: none; }
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-viva:has(> li:hover) > li:not(:hover)::before { opacity: .58; }
}
@media screen and (prefers-reduced-motion: no-preference) and (hover: hover) {
  html[data-motion~="sobre"] #ddr-base:not(.ddr-painel) .ddr-sobre-logos.ddr-motion-sobre-viva > li::before { transition: opacity var(--m-curto) var(--m-assentar); }
}
/* ===== fim: sobre ===== */

/* ===== etapa: comunidade ===== */
html[data-motion~="comunidade"] #ddr-base:not(.ddr-painel) .ddr-com__bloco { contain: layout; }
html[data-motion~="comunidade"] #ddr-base:not(.ddr-painel) .ddr-com__bloco > .m-com-roda { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; will-change: transform; }
html[data-motion~="comunidade"] #ddr-base:not(.ddr-painel) .m-com-roda path { fill: none; stroke: var(--ddr-verde); stroke-width: 1.75px; stroke-linecap: round; stroke-linejoin: round; }
@media (prefers-reduced-motion: no-preference) {
  html[data-motion~="comunidade"] #ddr-base:not(.ddr-painel) .ddr-com__principios.m-com-armada > li { opacity: .38; }
}
/* ===== fim: comunidade ===== */