/* ═══ Player Art Chik (14/11/2026, desenho pelo guia DESIGN-ART-CHIK.md) ═══
   Um componente só para os três vídeos do site (js/player.js monta os controles):
     · home, institucional ........ <div class="acp" data-acp="local">  (arquivo do próprio site)
     · suporte, tutoriais ......... <div class="acp" data-acp="yt">     (YouTube só no clique)
     · como é feito, em pé ........ <div class="acp" data-acp="yt" data-proporcao="9x16">
   (div e não figure: o Elementor zera a margem de todo <figure> dentro dos widgets)
   Estados no atributo data-estado do .acp: capa · carregando · tocando · pausado · erro
   (+ classes is-ocioso, is-esperando, is-tela-cheia, is-play-centro, sem-volume).

   O que o guia manda aqui (seção entre parênteses):
     · quadro de mídia = material do cartão: raio 16, anel ouro .20, --ac-sombra (2.4, 1.6);
       fundo no verde da marca #0a4323 (1.2; regra 3: nada mais escuro que a marca atrás do conteúdo);
     · marca de assistir = o botão de seta da marca, <BotaoSeta> (2.1): pílula branca, contorno
       1,5 px ouro .55, texto Crimson 16/600, círculo verde com o glifo em #e7c785; no hover o
       círculo cobre a pílula em .9 s. O ouro cheio fica só no botão de orçamento (regra 8);
     · abrir, fechar e trocar mudam só a opacidade (regra 4): a barra de controles não desliza;
     · botão só-ícone 44 × 44 raio 8 (2.1); barra de progresso com trilho de 4 px (2.12) e o
       filete da marca como preenchimento (1.2, --ac-filete); véu na cor do --backdrop (1.2);
     · "Fechar vídeo" = botão de contorno compacto, pílula de 44 px, Outfit 14/600 (2.1, .ac-btn--md);
     · foco só no teclado, com o anel do fundo verde ou do fundo claro (4.8); alvos de 44 px (4.9);
       movimento reduzido zera tudo (4.9).
   Nenhuma cor solta: tudo sai dos nomes abaixo (regra 12). */
.acp,.acp-vaga-fechar{
  --acp-verde:#0a4323;--acp-verde-leitura:#1e5631;--acp-ouro:#cfa048;--acp-ouro-cl:#e7c785;
  --acp-creme:#f5f2eb;--acp-creme-2:#f6f2ea;--acp-creme-3:#f1ede5;--acp-branco:#fff;
  --acp-ouro-20:rgba(207,160,72,.2);--acp-ouro-55:rgba(207,160,72,.55);
  --acp-filete:linear-gradient(90deg,#e7c785,#cfa048);
  --acp-texto-soft:rgba(22,60,38,.78);--acp-tinta-72:rgba(10,67,35,.72);
  --acp-sobre-3:rgba(255,255,255,.75);--acp-trilho:rgba(255,255,255,.34);--acp-trilho-carregado:rgba(255,255,255,.5);
  --acp-veu-0:rgba(14,42,28,0);--acp-veu-60:rgba(14,42,28,.6);--acp-veu-90:rgba(14,42,28,.9);
  --acp-borda:rgba(30,86,49,.12);--acp-borda-campo:rgba(30,86,49,.35);--acp-hover-claro:rgba(10,67,35,.04);--acp-hover-escuro:rgba(255,255,255,.08);
  --acp-sombra:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22);
  --acp-sombra-pino:0 1px 3px rgba(3,10,6,.45);
  --acp-ease:cubic-bezier(.22,1,.36,1);--acp-std:cubic-bezier(.25,.46,.45,.94);--acp-btn:cubic-bezier(.34,1,.64,1);--acp-cta:cubic-bezier(.16,1,.3,1);
  --acp-anel-escuro:0 0 0 2px #163f26,0 0 0 4px #e7c785;
  --acp-anel-claro:0 0 0 2px #fff,0 0 0 4px #1e5631;
  /* durações: o movimento reduzido zera todas de uma vez (fim do arquivo) */
  --acp-t-clique:.12s;--acp-t-curto:.2s;--acp-t:.3s;--acp-t-capa:.32s;--acp-t-cta:.9s;--acp-t-seta:.38s;--acp-t-btn:.28s;
}
.acp{position:relative;display:block;margin:0;padding:0}
.acp *,.acp *::before,.acp *::after{box-sizing:border-box}

/* o vídeo do site nunca fica mais alto que a janela (celular deitado: 760 × 390) */
.acp[data-acp="local"]{max-width:calc((100vh - 32px)*16/9);margin-left:auto;margin-right:auto}
/* o quadro é contêiner (container-type), e contêiner não tem largura própria no cálculo de tamanho
   intrínseco: sem esta medida de referência, o Elementor reservava a seção mais baixa que o vídeo
   (celular deitado: a seção seguinte cobria 156 px dele). A largura real continua vindo do layout. */
.acp[data-acp="local"] .acp-quadro{contain-intrinsic-inline-size:1920px}
@supports (height:100svh){ .acp[data-acp="local"]{max-width:calc((100svh - 32px)*16/9)} }

/* ── quadro: caixa de proporção fixa (nada muda de tamanho ao tocar, sem salto) ── */
.acp-quadro{
  position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;
  border-radius:16px;background:var(--acp-verde);isolation:isolate;
  box-shadow:0 0 0 1px var(--acp-ouro-20),var(--acp-sombra);
  container:acp-quadro / inline-size;outline:none;-webkit-tap-highlight-color:transparent;
}
.acp[data-proporcao="9x16"] .acp-quadro{aspect-ratio:9/16}
.acp-capa{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;margin:0;
  transition:opacity var(--acp-t-capa) var(--acp-std),visibility 0s}
.acp img.acp-capa{display:block;object-fit:cover;max-width:none;border:0;border-radius:0;box-shadow:none}
.acp video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:contain;background:var(--acp-verde);z-index:0;margin:0}
/* PONTO 3 de 4 (parallax): movimento.css desloca e amplia "video, img" dentro de .acvid-player-wrap
   (html body … = 0,1,3). O vídeo e a capa do player não se mexem: esta regra tem força 0,2,3. */
html body .acp :is(video,.acp-capa){transform:none;will-change:auto}
/* depois de começar, a capa sai (o vídeo fica por baixo dela até o 1º quadro chegar) */
.acp[data-acp="local"]:is([data-estado="tocando"],[data-estado="pausado"]) .acp-capa{
  opacity:0;visibility:hidden;transition:opacity var(--acp-t-capa) var(--acp-std),visibility 0s linear var(--acp-t-capa)}

/* ── assistir: a capa inteira é o <button>; a marca é o botão de seta da marca (guia 2.1, <BotaoSeta>),
   desenhado num <span> porque o alvo do clique é a capa (o <SetaVisual> do guia).
   UMA regra para os três usos, decidida pela largura do próprio quadro (guia 3.7):
     · quadro abaixo de 440 px ... só o círculo, no centro (a forma "compacto" do guia 2.1);
     · de 440 a 719 px ........... pílula com o texto, no canto inferior esquerdo (24 px; 16 px até 559);
     · de 720 px em diante ....... a mesma pílula no centro do quadro, com 56 px de altura.
   Assim os cartões de tutorial de 446 px ganham a pílula, todo celular fica com o círculo (home,
   tutoriais e vídeo em pé) e o vídeo institucional, de 880 px, tem a chamada no centro. ── */
.acp .acp-play,
.acp .acp-play:is(:hover,:focus,:active){background:transparent;color:inherit;border:0}
.acp .acp-play{
  position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;display:grid;place-items:end start;
  width:100%;height:100%;min-height:0;margin:0;padding:24px;border-radius:0;
  font:inherit;line-height:1;letter-spacing:0;text-transform:none;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;
  -webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;
  transition:opacity var(--acp-t) var(--acp-std),visibility 0s;
}
@container acp-quadro (max-width:559px){ .acp .acp-play{padding:16px} }
@container acp-quadro (min-width:720px){
  .acp:not(.is-play-centro) .acp-play{place-items:center;padding:0}
  .acp:not(.is-play-centro) .acp-ver{--h:56px;gap:12px;padding:0 3px 0 24px}
  .acp:not(.is-play-centro) .acp-ver-txt{font-size:20px}
  .acp:not(.is-play-centro) .acp-ver-dur{font-size:15px}
  .acp:not(.is-play-centro) .acp-ver-circ svg{width:30px;height:30px}
  .acp:not(.is-play-centro) .acp-play-arco{width:24px;height:24px}
}
.acp-ver{
  --h:44px;
  position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;flex:none;
  height:var(--h);padding:0 2px 0 16px;border-radius:999px;
  border:1.5px solid var(--acp-ouro-55);background:var(--acp-branco);white-space:nowrap;pointer-events:none;
  transition:border-color var(--acp-t-capa) var(--acp-std),transform var(--acp-t-btn) var(--acp-btn);
}
/* o círculo verde: é ele que cresce e cobre a pílula no hover */
.acp-ver::before{content:"";position:absolute;top:1px;right:1px;bottom:1px;z-index:-1;
  width:calc(var(--h) - 5px);border-radius:999px;background:var(--acp-verde);
  transition:width var(--acp-t-cta) var(--acp-cta)}
.acp-ver-txt{font:600 16px/1 'Crimson Pro',Georgia,serif;letter-spacing:.2px;color:var(--acp-verde);
  transition:color .25s ease,transform var(--acp-t-seta) var(--acp-cta)}
/* duração (só onde o HTML a informa): "Assistir · 4:15", com o separador do guia (5.1) */
.acp-ver-dur{margin-left:-4px;font:500 13px/1 'Outfit',Arial,sans-serif;font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;color:var(--acp-texto-soft);
  transition:color .25s ease,transform var(--acp-t-seta) var(--acp-cta)}
.acp-ver-dur::before{content:"\00b7";margin-right:6px}
.acp-ver-dur:empty{display:none}
.acp-ver-circ{flex:none;display:grid;place-items:center;width:calc(var(--h) - 5px);height:calc(var(--h) - 5px);color:var(--acp-ouro-cl)}
.acp-ver-circ svg{grid-area:1/1;width:24px;height:24px;display:block;pointer-events:none;
  fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;
  transition:opacity var(--acp-t-curto) var(--acp-std)}
/* hover só onde há mouse: o círculo cobre a pílula, o texto vira creme e anda 3 px (guia 2.1 e 4.7).
   Vale para a capa inteira e para o cartão do tutorial, que também abre o vídeo. O contorno vira o
   ouro claro (o ouro "sobre verde" do guia, 1.2): a borda verde do guia sumiria sobre a capa escura. */
@media (hover:hover) and (pointer:fine){
  .acp:not([data-estado="carregando"]) .acp-play:hover .acp-ver,
  .acp-cartao:hover .acp[data-estado="capa"] .acp-ver{border-color:var(--acp-ouro-cl)}
  .acp:not([data-estado="carregando"]) .acp-play:hover .acp-ver::before,
  .acp-cartao:hover .acp[data-estado="capa"] .acp-ver::before{width:calc(100% - 2px)}
  .acp:not([data-estado="carregando"]) .acp-play:hover :is(.acp-ver-txt,.acp-ver-dur),
  .acp-cartao:hover .acp[data-estado="capa"] :is(.acp-ver-txt,.acp-ver-dur){color:var(--acp-creme);transform:translateX(3px)}
}
/* foco do teclado: o anel vai na pílula (não na capa inteira), e ela se cobre como no hover */
.acp[data-estado] .acp-play:focus-visible .acp-ver{box-shadow:var(--acp-anel-escuro);border-color:var(--acp-ouro-cl)}
.acp[data-estado]:not([data-estado="carregando"]) .acp-play:focus-visible .acp-ver::before{width:calc(100% - 2px)}
.acp[data-estado]:not([data-estado="carregando"]) .acp-play:focus-visible :is(.acp-ver-txt,.acp-ver-dur){color:var(--acp-creme)}
/* clique: encolhe */
.acp .acp-play:active .acp-ver{transform:scale(.95);transition-duration:var(--acp-t-clique)}
/* carregando: o triângulo dá lugar a um arco de 2 px no ouro claro, visível desde 0 ms; a pílula
   não muda de largura (o arco ocupa a mesma célula do triângulo) */
.acp-play-arco{grid-area:1/1;display:block;width:20px;height:20px;border-radius:50%;
  border:2px solid var(--acp-ouro-cl);border-right-color:transparent;opacity:0;pointer-events:none}
.acp[data-estado="carregando"] .acp-play{cursor:progress}
.acp[data-estado="carregando"] .acp-ver-circ svg{opacity:0;transition:none}
.acp[data-estado="carregando"] .acp-play-arco{opacity:1;animation:acpGira .8s linear infinite}
@keyframes acpGira{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* tocando: a marca sai (e sai do Tab depois do fade) */
.acp[data-estado="tocando"] .acp-play{opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity var(--acp-t) var(--acp-std),visibility 0s linear var(--acp-t)}

/* forma compacta do botão de seta (guia 2.1, "compacto": só o círculo; o nome continua no
   aria-label do botão), sempre no centro do quadro:
     · capa em quadro abaixo de 440 px, com 44 px (56 px no vídeo em pé, que é alto);
     · vídeo do site pausado, com 56 px (a classe is-play-centro entra depois que a capa sumiu,
       para a pílula não trocar de forma à vista). */
.acp.is-play-centro .acp-play{place-items:center;padding:0}
.acp.is-play-centro .acp-ver{--h:56px;gap:0;padding:0 1px;width:var(--h);justify-content:center}
.acp.is-play-centro .acp-ver::before{transition:none}
.acp.is-play-centro :is(.acp-ver-txt,.acp-ver-dur){display:none}
.acp.is-play-centro .acp-ver-circ svg{width:30px;height:30px}
@container acp-quadro (max-width:439.98px){
  .acp .acp-play{place-items:center;padding:0}
  .acp-ver{gap:0;padding:0 1px;width:var(--h);justify-content:center}
  :is(.acp-ver-txt,.acp-ver-dur){display:none}
  .acp[data-proporcao="9x16"] .acp-ver{--h:56px}
  .acp[data-proporcao="9x16"] .acp-ver-circ svg{width:30px;height:30px}
  .acp[data-proporcao="9x16"] .acp-play-arco{width:24px;height:24px}
}

/* espera no meio do vídeo (rede lenta): arco de 44 px no centro */
.acp-espera{position:absolute;left:50%;top:50%;z-index:2;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;
  border:3px solid var(--acp-ouro-55);border-top-color:var(--acp-ouro-cl);opacity:0;visibility:hidden;pointer-events:none}
.acp.is-esperando[data-estado="tocando"] .acp-espera{opacity:1;visibility:visible;animation:acpGira .8s linear infinite}

/* ── barra de controles (só no vídeo do site): na base, sobre o véu da marca (cor do --backdrop).
   Aparece e some só por opacidade (regra 4 do guia: nada desliza). ── */
.acp-controles{
  position:absolute;left:0;right:0;bottom:0;z-index:4;
  padding:32px 12px 6px;
  background:linear-gradient(180deg,var(--acp-veu-0) 0%,var(--acp-veu-60) 45%,var(--acp-veu-90) 100%);
  color:var(--acp-creme);
  opacity:0;visibility:hidden;
  transition:opacity var(--acp-t) var(--acp-std),visibility 0s linear var(--acp-t);
}
.acp:is([data-estado="tocando"],[data-estado="pausado"]) .acp-controles{opacity:1;visibility:visible;
  transition:opacity var(--acp-t) var(--acp-std),visibility 0s}
/* ociosa: invisível e sem clique, mas no Tab (o foco a traz de volta) */
.acp.is-ocioso[data-estado="tocando"] .acp-controles{opacity:0;pointer-events:none}
.acp.is-ocioso[data-estado="tocando"] .acp-quadro,.acp.is-ocioso[data-estado="tocando"] video{cursor:none}
.acp-linha{display:flex;align-items:center;gap:4px;height:44px}
.acp-vao{flex:1 1 auto}
.acp-tempo{display:inline-flex;align-items:center;gap:6px;margin-left:6px;
  font:500 14px/1 'Outfit',Arial,sans-serif;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:var(--acp-creme)}
.acp-t-sep,.acp-t-total{color:var(--acp-sobre-3)}

/* trilho de progresso: área de 44 px, desenho de 4 px (6 no hover e ao arrastar) */
.acp-trilho{position:relative;display:flex;align-items:center;height:44px;margin:0 10px -12px;cursor:pointer;touch-action:none;outline:none;border-radius:8px}
.acp-trilho-base{position:relative;display:block;width:100%;height:4px;border-radius:999px;overflow:hidden;
  background:var(--acp-trilho);transition:height var(--acp-t-curto) var(--acp-std)}
.acp-trilho-carregado,.acp-trilho-cheio{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px}
.acp-trilho-carregado{background:var(--acp-trilho-carregado)}
.acp-trilho-cheio{background:var(--acp-filete)}
.acp-trilho-pino{position:absolute;left:0;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;pointer-events:none;
  background:var(--acp-ouro-cl);box-shadow:var(--acp-sombra-pino);
  opacity:0;transition:opacity var(--acp-t-curto) var(--acp-std)}
.acp-trilho.is-arrastando .acp-trilho-base{height:6px}
.acp-trilho.is-arrastando .acp-trilho-pino,.acp-trilho:focus-visible .acp-trilho-pino{opacity:1}
/* foco do teclado: o anel vai no pino (a área de 44 px não ganha moldura) */
.acp-trilho:focus-visible .acp-trilho-pino,.acp-volume:focus-visible .acp-volume-pino{box-shadow:var(--acp-anel-escuro)}
@media (hover:hover){
  .acp-trilho:hover .acp-trilho-base{height:6px}
  .acp-trilho:hover .acp-trilho-pino{opacity:1}
}
/* no toque não há hover: o pino fica à vista, um pouco menor */
@media (hover:none){ .acp-trilho-pino{opacity:1;width:12px;height:12px;margin:-6px 0 0 -6px} }
/* dica de tempo sobre o trilho (só com mouse). Aparece depois do primeiro movimento do ponteiro sobre o
   trilho (classe tem-dica, posta pelo JS): só com o :hover, um ponteiro parado na borda mostrava "0:00"
   na ponta esquerda, sem ter passado por lugar nenhum */
.acp-trilho-dica{position:absolute;bottom:40px;left:0;transform:translateX(-50%);padding:5px 8px;border-radius:8px;
  background:var(--acp-verde);color:var(--acp-creme);box-shadow:0 0 0 1px var(--acp-ouro-55);
  font:500 12px/1 'Outfit',Arial,sans-serif;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity .16s var(--acp-std)}
@media (hover:hover) and (pointer:fine){ .acp-trilho.tem-dica .acp-trilho-dica{opacity:1} }

/* volume: 72 px, só onde é ajustável e há mouse (no iPhone fica o botão de som) */
.acp-volume{position:relative;display:flex;align-items:center;width:72px;height:44px;margin:0 6px 0 4px;cursor:pointer;touch-action:none;outline:none;border-radius:8px}
.acp.sem-volume .acp-volume{display:none}
.acp-volume-base{position:relative;display:block;width:100%;height:4px;border-radius:999px;overflow:hidden;background:var(--acp-trilho)}
.acp-volume-cheio{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:999px;background:var(--acp-creme)}
.acp-volume-pino{position:absolute;left:100%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;
  background:var(--acp-ouro-cl);box-shadow:var(--acp-sombra-pino);opacity:0;transition:opacity var(--acp-t-curto) var(--acp-std)}
.acp-volume:focus-visible .acp-volume-pino,.acp-volume.is-arrastando .acp-volume-pino{opacity:1}
@media (hover:hover){ .acp-volume:hover .acp-volume-pino{opacity:1} }

/* botões-ícone: 44 × 44, raio 8 (guia 2.1, botão só-ícone), glifo de 20 px em creme.
   O tema pinta <button> de rosa (#c36) no :focus e no :hover ([type=button]:focus = 0,2,0):
   aqui cada estado tem a sua cor, com força 0,3,0. */
.acp .acp-b,
.acp .acp-b:is(:hover,:focus,:active){background:transparent;color:var(--acp-creme);border:0}
.acp .acp-b{-webkit-appearance:none;appearance:none;flex:none;display:grid;place-items:center;width:44px;height:44px;min-height:0;margin:0;padding:0;
  border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;
  transition:background-color var(--acp-t-curto) var(--acp-std),transform var(--acp-t-btn) var(--acp-btn)}
.acp-b svg{grid-area:1/1;width:20px;height:20px;display:block;pointer-events:none}
@media (hover:hover){ .acp .acp-b:hover{background:var(--acp-hover-escuro)} }
.acp .acp-b:active{transform:scale(.95);transition-duration:var(--acp-t-clique)}

/* ── quadro estreito (celular): uma linha só — play · tempo · trilho · som · tela ── */
@container acp-quadro (max-width:560px){
  .acp-controles{display:flex;align-items:center;gap:2px;padding:20px 4px 2px}
  .acp-linha{display:contents}
  .acp-b-play{order:1}
  .acp-tempo{order:2;margin:0 8px 0 2px;font-size:13px}
  .acp-t-sep,.acp-t-total{display:none}
  .acp-trilho{order:3;flex:1 1 auto;margin:0 6px;min-width:48px}
  .acp-vao{display:none}
  .acp-b-som{order:4}
  /* sem o trilho de volume: com mouse ele ficava do tamanho do trilho de progresso (fica o botão de som) */
  .acp-volume{display:none}
  .acp-b-tela{order:6}
  /* pausado: o círculo central é o play; a barra fica com tempo, trilho, som e tela (um "play" só) */
  .acp[data-estado="pausado"] .acp-b-play{display:none}
  .acp[data-estado="pausado"] .acp-tempo{margin-left:12px}
  /* quadro baixo: o círculo do pausado volta a 44 px, para sobrar respiro até a barra */
  .acp.is-play-centro .acp-ver{--h:44px}
  .acp.is-play-centro .acp-ver-circ svg{width:24px;height:24px}
}
@container acp-quadro (min-width:320px) and (max-width:560px){
  .acp-t-sep,.acp-t-total{display:inline}
}
/* quadro muito baixo (até 300 px de largura): pausado, o círculo centra no espaço acima da barra,
   para ficar ao menos 12 px longe dela */
@container acp-quadro (max-width:300px){
  .acp[data-estado="pausado"] .acp-play{bottom:46px;height:auto}
  .acp-controles{padding-top:12px}
}

/* ── aviso de falha (role=status): véu da marca, frase e um botão de contorno sobre branco
   (o dourado cheio é só da ação principal da página, regra 8) ── */
.acp-aviso{position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:none;place-items:center;align-content:center;gap:16px;padding:16px;text-align:center;
  background:var(--acp-veu-90)}
.acp-aviso:empty{display:none}
.acp[data-estado="erro"] .acp-aviso:not(:empty){display:grid}
.acp[data-estado="erro"] .acp-play{visibility:hidden}
.acp-aviso p{margin:0;font:400 16px/1.5 'Outfit',Arial,sans-serif;color:var(--acp-creme)}
.acp .acp-tentar,
.acp .acp-tentar:is(:hover,:focus,:active){background:var(--acp-branco);color:var(--acp-verde);border:1.5px solid var(--acp-ouro-55)}
.acp .acp-tentar{-webkit-appearance:none;appearance:none;min-height:44px;margin:0;padding:4px 24px;border-radius:999px;cursor:pointer;
  font:600 18px/1.15 'Crimson Pro',Georgia,serif;letter-spacing:.01em;text-transform:none;white-space:nowrap;outline:none;
  transition:background-color var(--acp-t-capa) var(--acp-std),border-color var(--acp-t-capa) var(--acp-std),transform var(--acp-t-btn) var(--acp-btn)}
@media (hover:hover){ .acp .acp-tentar:hover{background:var(--acp-creme);border-color:var(--acp-ouro-cl)} }
.acp .acp-tentar:active{transform:scale(.95);transition-duration:var(--acp-t-clique)}

/* ── YouTube: o iframe entra no mesmo quadro, por cima da capa ── */
.acp-yt{position:absolute;left:0;top:0;width:100%;height:100%;border:0;z-index:4;background:transparent;opacity:0;
  transition:opacity var(--acp-t-capa) var(--acp-std)}
.acp[data-estado="tocando"] .acp-yt{opacity:1}

/* ── fechar (YouTube): fora do quadro, para não brigar com os controles do próprio YouTube.
   Botão com texto = pílula de contorno do guia (2.1, .ac-btn--md): 44 px, Outfit 14/600,
   contorno 1,5 px ouro .55; no hover, fundo verde a 4% e borda verde. ── */
.acp-vaga-fechar{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:44px;flex:none}
.acp-vaga-fechar .acp-fechar,
.acp-vaga-fechar .acp-fechar:is(:hover,:focus,:active){background:transparent;color:var(--acp-verde);border:1.5px solid var(--acp-ouro-55)}
.acp-vaga-fechar .acp-fechar{box-sizing:border-box;-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;margin:0;
  border-radius:999px;cursor:pointer;
  font:600 14px/1 'Outfit',Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;outline:none;
  transition:background-color var(--acp-t-capa) var(--acp-std),border-color var(--acp-t-capa) var(--acp-std),transform var(--acp-t-btn) var(--acp-btn)}
.acp-fechar svg{width:16px;height:16px;flex:none;display:block}
/* aberto pelo teclado, o botão é trazido para a tela (player.js): com 16 px de folga, para o anel de foco não ficar na borda */
.acp-vaga-fechar .acp-fechar{scroll-margin:16px}
@media (hover:hover){ .acp-vaga-fechar .acp-fechar:hover{background:var(--acp-hover-claro);border-color:var(--acp-verde)} }
.acp-vaga-fechar .acp-fechar:active{transform:scale(.95);transition-duration:var(--acp-t-clique)}
/* vaga estreita (cartão no celular): só o ícone, no desenho do botão só-ícone do guia (44 × 44,
   raio 8, creme, borda verde a 12%); o nome continua para o leitor de tela */
@container acp-vaga (max-width:340px){
  .acp-vaga-fechar .acp-fechar,
  .acp-vaga-fechar .acp-fechar:is(:focus,:active){background:var(--acp-creme-2);color:var(--acp-verde-leitura);border:1px solid var(--acp-borda)}
  .acp-vaga-fechar .acp-fechar{width:44px;padding:0;justify-content:center;border-radius:8px}
  .acp-fechar svg{width:20px;height:20px}
  .acp-fechar-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
}
@media (hover:hover){
  @container acp-vaga (max-width:340px){ .acp-vaga-fechar .acp-fechar:hover{background:var(--acp-creme-3);border-color:var(--acp-borda-campo);color:var(--acp-verde-leitura)} }
}

/* ── tela cheia: o vídeo inteiro cabe na tela; botões de 48 px com ícone de 24 ── */
.acp-quadro:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;background:#000;box-shadow:none}
.acp-quadro:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;background:#000;box-shadow:none}
.acp-quadro:fullscreen video{background:#000}
.acp-quadro:-webkit-full-screen video{background:#000}
.acp-quadro:fullscreen .acp-controles{padding:48px 28px 16px}
.acp-quadro:-webkit-full-screen .acp-controles{padding:48px 28px 16px}
.acp.is-tela-cheia .acp-linha{height:48px}
.acp.is-tela-cheia .acp-b{width:48px;height:48px}
.acp.is-tela-cheia .acp-b svg{width:24px;height:24px}
.acp.is-tela-cheia .acp-tempo{font-size:15px}

/* ═══ PONTO 1 de 4 (anel de foco): padrao-marca.css põe um anel em todo :focus-visible
   (força até 2,2,2 com !important). No play e nos trilhos a moldura iria na área de clique
   inteira; aqui o anel sai deles (vai para a pílula e para o pino, acima) e os botões da barra
   ficam com o anel escuro, que é o do fundo verde. ═══ */
html:root body .acp :is(.acp-play,.acp-trilho,.acp-volume):focus-visible:not(#_):not(#__){outline:none !important;box-shadow:none !important}
html:root body .acp :is(.acp-b,.acp-tentar):focus-visible:not(#_):not(#__){outline:none !important;box-shadow:var(--acp-anel-escuro) !important}
html:root body .acp-fechar:focus-visible:not(#_):not(#__){outline:none !important;box-shadow:var(--acp-anel-claro) !important}

/* ═══ Usos no site ═══ */

/* home: o contêiner da seção deixa a moldura por conta do .acp-quadro (o parallax de movimento.css
   punha overflow:hidden nele, o que cortaria a sombra) */
html body .acvid-player-wrap{overflow:visible}

/* suporte: o cartão inteiro abre o vídeo; o "Fechar vídeo" mora no fim da linha da etiqueta.
   A moldura é a do cartão (raio 16 e anel ouro .20 dele): o quadro entra sem raio nem sombra.
   A marca "Assistir" fica a 16 px do canto (ou no centro, só o círculo, no quadro abaixo de 440 px). */
.acp-cartao .acp-quadro{border-radius:0;box-shadow:none}
@container acp-quadro (min-width:440px){ .acp-cartao .acp .acp-play{padding:16px} }
.acvg-card-rodape{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:-6px;margin-bottom:-4px;
  container:acp-vaga / inline-size}
.acvg-card-rodape .acvg-card-tag{flex:1 1 auto;min-width:0}
/* vaga estreita (celular): a etiqueta já nasce com a vaga do "Fechar" (44 px + 12 de vão) reservada;
   assim não pula de 1 para 2 linhas no toque que abre o vídeo */
@container acp-vaga (max-width:340px){ .acvg-card-rodape .acvg-card-tag{max-width:calc(100% - 56px)} }
/* cartão de 230 px (celular de 320): "IMPRESSORA ARGOX" pedia 151 px e a vaga deixa 134; com o
   espaçamento um pouco menor a etiqueta fica em 1 linha (paridade-lp.css força 13 px/.18em) */
@container acp-vaga (max-width:220px){ html:root body .acvg-card-rodape .acvg-card-tag{font-size:12.5px !important;letter-spacing:.1em !important} }

/* como é feito: vídeo em pé, no máximo 400 px. O quadro começa 90 px abaixo do topo da página e a
   legenda com o "Fechar vídeo" ocupa 12 + 44 px embaixo dele: descontando 164 px da altura da janela
   (90 + 12 + 44 + 18 de folga), o quadro e o "Fechar vídeo" cabem juntos na tela sem rolar, mesmo em
   janela baixa (1366 × 650, 1024 × 768). Piso de 180 px: no celular deitado (760 × 390) o piso antigo,
   de 220 px, deixava o quadro mais alto que a tela.
   O widget do Elementor que o hospeda é item de um flex em coluna: sem largura declarada, o
   WebKit calcula a altura dele antes de esticá-lo e dá zero. */
.ac-video-vertical{width:100%}
.acp[data-proporcao="9x16"]{width:100%;max-width:400px;max-width:min(400px,max(180px,calc((100vh - 164px)*9/16)));margin-left:auto;margin-right:auto}
@supports (height:100svh){ .acp[data-proporcao="9x16"]{max-width:min(400px,max(180px,calc((100svh - 164px)*9/16)))} }
/* capa desenhada: a textura do site e o véu do topo, etiqueta, título, bobina e rodapé */
.acp-capa--feito{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15% 9% 9%;
  background-color:var(--acp-verde);
  background-image:linear-gradient(rgba(7,20,12,.24),rgba(7,20,12,.24)),url("data:image/svg+xml,%3Csvg id=%22Camada_1%22 data-name=%22Camada 1%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%22157.1152 350.4789 260.88 381.3%22 width=%22260.88%22 height=%22381.3%22%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-2 %7B fill: %23084323; %7D .cls-3 %7B fill: %23004624; %7D .cls-4 %7B fill: url(%23pat1); %7D %3C/style%3E%3Cpattern id=%22pat1%22 data-name=%22pat1%22 x=%220%22 y=%220%22 width=%2243.48%22 height=%2263.55%22 patternTransform=%22translate(157.1152 350.4789) scale(6)%22 patternUnits=%22userSpaceOnUse%22 viewBox=%220 0 43.48 63.55%22%3E%3Cg%3E%3Crect class=%22cls-1%22 width=%2243.48%22 height=%2263.55%22/%3E%3Crect class=%22cls-3%22 width=%2243.48%22 height=%2263.55%22/%3E%3Cpath class=%22cls-2%22 d=%22M.77,52.35c-.26,0-.51,0-.77.03v.63c.37-.03.71-.03,1.08-.03-.31.63-.65,1.23-1.08,1.8v1c1.67-1.94,2.69-4.49,2.69-7.26s-.94-5.15-2.49-7.06c-.03-.11-.06-.26-.06-.4h-.14v1.2c.37.49.71,1.06.99,1.63h-.99v.63c.43,0,.85-.03,1.28,0,.31.71.51,1.46.65,2.23-.65-.06-1.28-.06-1.93-.03v.63c.68-.03,1.33-.03,2.01.03.03.37.06.74.06,1.14,0,.34-.03.71-.06,1.06-.65-.06-1.33-.06-2.01-.03v.63c.65-.03,1.3-.03,1.93.03-.11.74-.31,1.46-.6,2.14h-.57ZM8.11,0c-.23.26-.45.51-.71.74-.43.46-.88.89-1.36,1.29C2.66,5.86.62,10.89.62,16.41c0,11.86,9.47,21.56,21.17,21.73.45-.69.85-1.43,1.16-2.2-11,.46-20.15-8.4-20.15-19.53C2.81,9.52,6.35,3.49,11.68,0h1.19C7.23,3.26,3.43,9.38,3.43,16.41c0,10.86,9.01,19.47,19.73,18.9.23-.71.37-1.46.43-2.23-9.64.83-17.97-6.83-17.97-16.67C5.61,8.26,11.4,1.46,19.08,0h3.63c.06,5.95,2.44,11.32,6.32,15.21,3.71,3.77,8.82,6.15,14.46,6.35v.63c-5.81-.2-11.06-2.66-14.91-6.52-2.61-2.66-4.59-5.95-5.64-9.66h-.09c-3.49-.23-6.69,1.32-8.73,3.86,9.81.37,17.97,7.15,20.52,16.3,3.03-.09,6.04.46,8.84,1.6v.69c-2.75-1.17-5.7-1.72-8.67-1.66.17.71.31,1.43.43,2.17,2.83,0,5.67.66,8.25,1.89v.69c-2.55-1.26-5.33-1.92-8.19-1.94.09.74.14,1.46.17,2.2,2.83.06,5.56.8,8.02,2.23v.74c-2.47-1.52-5.19-2.29-8.02-2.34-.03.74-.06,1.49-.14,2.2,2.95.03,5.81,1,8.16,2.77v.8c-2.35-1.92-5.22-2.94-8.25-2.94-.09.74-.23,1.49-.4,2.2h.37c3.12,0,6.04,1.32,8.14,3.63l.14-.03v.2h0v1c-.14-.2-.28-.37-.43-.54-5.47.31-10.4,2.66-14.03,6.32-3.91,3.95-6.32,9.38-6.32,15.38v.14h-3.63c.99-.17,1.98-.29,3-.29,0-.74.06-1.46.11-2.2-3.37,0-6.58.91-9.33,2.49h-1.19c3.03-1.97,6.63-3.12,10.49-3.12h.11c.09-.74.23-1.46.4-2.17-5.47-.14-10.52,1.8-14.4,5.09l-.17.2h-.99c.26-.2.48-.43.74-.63,3.37-3.83,5.41-8.89,5.41-14.41,0-6-2.41-11.44-6.29-15.38-1.98-2-4.34-3.6-6.97-4.69v-.69c1.81.74,3.54,1.72,5.07,2.89-1.98-2.43-3.49-5.29-4.34-8.43-.23-.03-.48-.03-.74-.03v-.63h.6c-.17-.71-.31-1.46-.4-2.2h-.2v-.63h.11c-.06-.71-.11-1.46-.11-2.2h0v-.63h0c.03-.74.09-1.46.17-2.2h-.17v-.63l.26.03c.11-.74.26-1.49.43-2.2-.23,0-.45,0-.68-.03v-.63c.28.03.57.03.85.03.68-2.43,1.79-4.72,3.2-6.75-1.25.86-2.61,1.6-4.05,2.17v-.69c2.04-.86,3.94-2.03,5.61-3.43.48-.54.99-1.09,1.5-1.57h.99ZM4.05,0C2.83,1.03,1.47,1.92,0,2.6v-.69C1.08,1.37,2.1.74,3.06,0h.99ZM42.32,0c-2.55,1.29-5.39,1.89-8.25,1.74.14.77.37,1.52.68,2.2,3.03.03,6.01-.66,8.73-2.06v.69c-2.66,1.34-5.5,1.97-8.45,2,.4.8.88,1.52,1.45,2.14,2.47-.17,4.82-.77,7-1.72v.69c-2.01.86-4.2,1.4-6.46,1.63,1.7,1.66,3.97,2.74,6.46,2.94v.63c-2.72-.2-5.19-1.4-7-3.23-1.93-1.97-3.15-4.66-3.2-7.66h.62c0,.37.03.74.09,1.11,2.32.14,4.65-.23,6.83-1.11h1.5ZM31.1,0c.06,3.6,1.5,6.86,3.86,9.21,2.21,2.23,5.22,3.69,8.53,3.89v.63c-3.49-.2-6.63-1.72-8.96-4.06-2.47-2.49-4-5.89-4.05-9.66h.62ZM28.32,0c.03,4.37,1.81,8.35,4.65,11.21,2.72,2.74,6.41,4.52,10.52,4.69v.63c-4.28-.17-8.11-2-10.94-4.86-2.98-3-4.82-7.12-4.85-11.66h.62ZM25.51,0c.03,5.17,2.13,9.83,5.47,13.21,3.23,3.26,7.63,5.32,12.5,5.52v.63c-5.05-.2-9.58-2.34-12.93-5.69-3.49-3.52-5.64-8.32-5.67-13.67h.62ZM22.08.34c-8.73.06-15.85,7.2-15.85,16.07,0,9.52,8.08,16.87,17.4,16.01v-.23c0-.66-.09-1.32-.2-1.94-8.05.74-15.05-5.6-15.05-13.84,0-7.66,6.18-13.87,13.78-13.87h.09c-.09-.74-.14-1.46-.17-2.2h0ZM22.34,3.17c-7.31-.09-13.32,5.86-13.32,13.24,0,7.8,6.63,13.89,14.29,13.21-.17-.74-.45-1.46-.79-2.14-6.18.2-11.31-4.8-11.31-11.06s4.9-11.06,10.97-11.06c.17,0,.34.03.51.03h.09c-.17-.71-.31-1.46-.43-2.2h0ZM33.9,63.55v-.14c0-.37.03-.71.06-1.09,3.4.31,6.77-.63,9.52-2.72v-.8c-2.66,2.17-6.04,3.2-9.44,2.92.11-.77.31-1.49.6-2.17,3.37.17,6.6-1.2,8.84-3.77v-1c-2.04,2.72-5.22,4.26-8.59,4.15.51-1.09,1.22-2.06,2.04-2.89,1.7-1.72,4-2.86,6.55-3.03v-.63c-2.72.17-5.19,1.37-7,3.2-1.98,2-3.2,4.77-3.2,7.83v.14h.62ZM42.52,41.11c-2.07-2.06-4.9-3.17-7.85-3.03-.71,2.63-1.87,5.06-3.43,7.23,3.23-2.37,7.09-3.86,11.28-4.2h0ZM26.28,50.32c-3.71,2.72-8.28,4.29-13.21,4.23-.68,2.49-1.79,4.8-3.23,6.86,3.51-2.4,7.77-3.77,12.33-3.77h.65c.71-2.66,1.9-5.15,3.46-7.32h0ZM24.89,63.41c0-5.4,2.15-10.29,5.67-13.81,3.34-3.37,7.88-5.52,12.93-5.72v.63c-4.88.2-9.27,2.29-12.5,5.52-3.37,3.43-5.47,8.15-5.47,13.38v.14h-.62v-.14ZM27.69,63.41c0-4.63,1.84-8.81,4.85-11.81,2.83-2.86,6.66-4.69,10.94-4.89v.63c-4.11.2-7.8,1.94-10.52,4.69-2.86,2.92-4.65,6.95-4.65,11.38v.14h-.62v-.14ZM30.47,63.41c0-3.83,1.56-7.32,4.05-9.83,2.32-2.34,5.47-3.83,8.96-4.03v.63c-3.32.2-6.32,1.63-8.53,3.86-2.38,2.4-3.86,5.72-3.86,9.38v.14h-.62v-.14ZM13.29,21.13c6.04,0,10.97,4.97,10.97,11.06s-4.85,11.01-10.86,11.06h-.11c.17.71.28,1.46.4,2.2,7.06-.23,12.73-6.06,12.73-13.26,0-7.8-6.63-13.87-14.29-13.21.2.77.48,1.49.82,2.17.11-.03.23-.03.34-.03h0ZM13.15,42.63c3.29.06,6.24-1.46,8.16-3.86-4.68-.17-8.99-1.83-12.5-4.49,1.98,2.4,3.46,5.23,4.31,8.35h.03ZM22.17,26.84c-1.81-3.06-5.13-5.06-8.87-5.09,1.79,3.06,5.1,5.09,8.87,5.09h0ZM13.29,15.49c9.13,0,16.55,7.49,16.55,16.7s-7.09,16.38-15.96,16.7c0,.74-.06,1.49-.14,2.2,10.15-.23,18.28-8.61,18.28-18.9,0-10.86-9.04-19.44-19.76-18.87-.2.71-.34,1.46-.43,2.23.48-.03.96-.06,1.45-.06h0ZM13.89,48.26c8.53-.31,15.34-7.38,15.34-16.07,0-9.49-8.08-16.87-17.4-16.01v.23c0,.69.06,1.34.2,1.97.4-.06.82-.06,1.28-.06,7.6,0,13.75,6.2,13.75,13.87s-5.9,13.64-13.27,13.89c.06.71.11,1.43.11,2.17h0ZM13.29,12.66c10.69,0,19.36,8.75,19.36,19.53s-8.48,19.33-18.99,19.53c-.11.74-.26,1.49-.43,2.2h.06c11.88,0,21.54-9.72,21.54-21.73S25.4,10.69,13.66,10.49c-.45.66-.85,1.4-1.16,2.2.26-.03.51-.03.79-.03h0ZM0,30.85c2.01.97,3.86,2.26,5.41,3.86,3.51,3.52,5.67,8.4,5.67,13.81s-2.15,10.26-5.67,13.81c-.43.43-.88.83-1.36,1.23h-.99c.68-.51,1.33-1.09,1.93-1.69,3.37-3.4,5.47-8.15,5.47-13.35s-2.1-9.95-5.47-13.38c-1.45-1.46-3.15-2.69-4.99-3.6v-.69h0ZM0,34.02c1.28.74,2.41,1.63,3.43,2.66,3,3.03,4.88,7.2,4.88,11.84s-1.87,8.78-4.88,11.81c-1.02,1.03-2.15,1.92-3.43,2.66v-.74c1.11-.66,2.1-1.46,3-2.37,2.89-2.89,4.68-6.92,4.68-11.35s-1.79-8.46-4.68-11.38c-.91-.91-1.9-1.72-3-2.37v-.74h0ZM0,37.39c.51.4,1.02.83,1.47,1.29,2.47,2.52,4.03,5.97,4.03,9.83s-1.56,7.29-4.03,9.81c-.45.46-.96.89-1.47,1.29v-.8c.37-.29.71-.6,1.02-.94,2.38-2.37,3.86-5.69,3.86-9.35s-1.47-6.98-3.86-9.38c-.31-.34-.65-.63-1.02-.94v-.8h0ZM40.82,63.55c.94-.34,1.81-.77,2.66-1.29v.71c-.34.2-.71.4-1.08.57h-1.59Z%22/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Cpolygon class=%22cls-4%22 points=%220 0 0 540 0 1080 1920 1080 1920 540 1920 0 0 0%22/%3E%3C/svg%3E");
  background-size:auto,200px auto;background-repeat:no-repeat,repeat;background-position:0 0}
.acp-capa--feito .acp-capa-etq{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 16px;
  font:italic 500 14px/1 'Crimson Pro',Georgia,serif;letter-spacing:.22em;text-transform:uppercase;color:var(--acp-ouro-cl)}
.acp-capa--feito .acp-capa-etq::before,.acp-capa--feito .acp-capa-etq::after{content:"";width:32px;height:2px;background:var(--acp-ouro);flex:none}
.acp-capa--feito .acp-capa-tit{display:block;margin:0;font:700 34px/1.06 'Crimson Pro',Georgia,serif;letter-spacing:-.01em;color:var(--acp-creme)}
@supports (width:1cqi){ .acp-capa--feito .acp-capa-tit{font-size:clamp(21px,11cqi,44px)} }
/* quadro em pé estreito (abaixo de 200 px): menos recuo lateral, o título fica em 2 linhas */
@container acp-quadro (max-width:199px){ .acp-capa--feito{padding-left:6%;padding-right:6%} }
.acp-capa--feito .acp-capa-tit em{display:block;font-style:italic;color:var(--acp-ouro-cl)}
.acp-capa--feito .acp-capa-arte{display:block;width:82%;height:auto;margin:auto 0 14px;overflow:visible}
.acp-capa--feito .acp-capa-pe{display:block;margin:0;font:400 15px/1.3 'Outfit',Arial,sans-serif;color:rgba(255,255,255,.84)}
.acp-legenda{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:12px 0 0;padding:0;
  container:acp-vaga / inline-size}
.acp-legenda-txt{font:400 14px/1.3 'Outfit',Arial,sans-serif;color:var(--acp-tinta-72)}

/* botões flutuantes (WhatsApp, voltar ao topo) saem da frente enquanto um vídeo aberto está na tela
   (js/player.js põe .ac-video-em-uso no <body>). Em telas largas não há sobreposição. */
@media (max-width:1100px){
  body.ac-video-em-uso .acfab{visibility:hidden;pointer-events:none}
  /* PONTO 4 (botões flutuantes): comum.css mostra o .acfab__top.is-visible com visibility:visible
     !important, e ele ficava sobre o canto do vídeo (de 821 a 1100 px). A opacidade no pai esconde
     o filho mesmo assim; o :not(#_) vence o !important de lá. */
  html:root body.ac-video-em-uso .acfab:not(#_),html:root body.ac-video-em-uso .acfab *:not(#_){opacity:0 !important;visibility:hidden !important;pointer-events:none !important}
}

/* ── movimento reduzido: sem transição, sem giro e sem o "encolher" do clique ── */
@media (prefers-reduced-motion:reduce){
  .acp,.acp-vaga-fechar{--acp-t-clique:0s;--acp-t-curto:0s;--acp-t:0s;--acp-t-capa:0s;--acp-t-cta:0s;--acp-t-seta:0s;--acp-t-btn:0s}
  .acp :is(.acp-ver-txt,.acp-ver-dur){transition:none;transform:none !important}
  .acp .acp-play:active .acp-ver,.acp .acp-b:active,.acp .acp-tentar:active,.acp-vaga-fechar .acp-fechar:active{transform:none}
  .acp-trilho-dica,.acp-trilho-pino,.acp-volume-pino{transition:none}
  /* carregando: arco parado (270°), sem giro */
  .acp[data-estado="carregando"] .acp-play-arco{animation:none;transform:rotate(-45deg)}
  .acp.is-esperando[data-estado="tocando"] .acp-espera{animation:none}
}