/* R157 — balão discreto do autoplay (js/autoplay.js). Só acrescenta; não muda o player. */
.ap-bubble{position:absolute;left:10px;bottom:48px;z-index:6;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;
  max-width:calc(100% - 70px);padding:8px 14px;border:1px solid rgba(255,215,0,.55);border-radius:999px;
  background:rgba(10,20,45,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;
  font:600 13px/1.2 Poppins,system-ui,sans-serif;letter-spacing:.2px;cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.35);animation:ap-in .45s cubic-bezier(.2,.8,.2,1) both;transition:opacity .45s,transform .45s}
.ap-bubble.is-out{opacity:0;transform:translateY(6px)}
.ap-bubble__dot{width:8px;height:8px;border-radius:50%;background:#FFD700;flex:none;box-shadow:0 0 0 0 rgba(255,215,0,.6);animation:ap-pulse 1.8s infinite}
.post-video.is-playing .ap-bubble{display:none}
@keyframes ap-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ap-pulse{70%{box-shadow:0 0 0 8px rgba(255,215,0,0)}100%{box-shadow:0 0 0 0 rgba(255,215,0,0)}}
.post-video.is-autoplay .post-video__play{opacity:.0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.ap-bubble,.ap-bubble__dot{animation:none}}

/* R164 — seta que aponta o ícone de tela cheia (canto superior direito) enquanto o balão "Toque para abrir o vídeo completo" aparece */
.ap-arrow{position:absolute;z-index:6;top:54px;inset-inline-end:16px;font-size:30px;line-height:1;color:#FFD700;text-shadow:0 2px 8px rgba(0,0,0,.65);transform:rotate(-90deg);pointer-events:none;animation:ap-arrow 1.1s ease-in-out infinite;transition:opacity .45s}
.ap-arrow.is-out{opacity:0}
.post-video.is-playing .ap-arrow{display:none}
@keyframes ap-arrow{0%,100%{transform:rotate(-90deg) translateX(0)}50%{transform:rotate(-90deg) translateX(-9px)}}
@media (prefers-reduced-motion:reduce){.ap-arrow{animation:none}}
/* R164b — o balão "Toque para abrir o vídeo completo" cresce: o texto (que pode quebrar em 2 linhas, em qualquer idioma ou com letras maiores) fica SEMPRE dentro do círculo */
.ap-bubble{white-space:normal;text-align:left;width:max-content;max-width:calc(100% - 76px);padding:12px 20px;border-radius:26px;font-size:14px;line-height:1.3;gap:10px;box-sizing:border-box}
.ap-bubble>span:last-child{min-width:0;overflow-wrap:anywhere}