.site-narrado .topico-video-cartao{background:var(--branco);border-color:#d0dccd;border-radius:20px;color:#273c33;text-align:center}
.topico-video{margin-top:18px}
.topico-video-tela{position:relative;overflow:hidden;border-radius:12px;background:transparent;aspect-ratio:17/11}
.topico-video-tela video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:17/11;background:transparent}
.topico-video-botao{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.topico-video-botao[hidden]{display:none}
.topico-video-botao:hover{background:transparent}
.topico-video-botao:focus-visible{outline:4px solid #c7e1ff;outline-offset:-6px}
.topico-video-icone{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;width:56px;height:56px;border:2px solid #fff;border-radius:50%;color:#fff;background:#0009;box-shadow:0 2px 14px #0006;transition:opacity .15s ease}
.topico-video-icone svg{width:28px;height:28px;fill:currentColor}
.topico-video-pausa{display:none}
.topico-video[data-playing="true"] .topico-video-icone{opacity:0}
.topico-video[data-playing="true"] .topico-video-botao:is(:hover,:focus-visible) .topico-video-icone{opacity:1}
.topico-video[data-playing="true"] .topico-video-iniciar{display:none}
.topico-video[data-playing="true"] .topico-video-pausa{display:block}
.site-narrado .topico-video-instrucao{margin:14px 0 0;font:600 1rem/1.5 system-ui,sans-serif;color:#273c33;text-align:center}
.site-narrado .topico-video-status{margin:8px 0 0;color:#6c3025;font-size:1rem;line-height:1.5}
.topico-video-status:empty{display:none}
.site-narrado .topico-video-direto{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:#445c43;font-size:1rem;line-height:1.5}
.topico-video[data-enhanced] .topico-video-direto{display:none}
.topico-video[data-enhanced][data-fallback="true"] .topico-video-direto{display:inline-flex}
.site-narrado.contraste-alto .topico-video-botao{background:transparent;border:0;color:#fff}
.site-narrado.contraste-alto .topico-video-botao:focus-visible{outline-color:#ffd700}
@media(prefers-reduced-motion:reduce){.topico-video-icone{transition:none}}

.site-narrado.contraste-alto .topico-video-cartao{background:#000;border-color:#fff;color:#fff}
.site-narrado.contraste-alto .topico-video-cartao :is(h3,.acolhimento-etapa,.topico-video-instrucao,.topico-video-status){color:#fff}
.site-narrado.contraste-alto .topico-video-direto{color:#ffd700}