/* Posição do indicador "role para explorar" */
/* Indicador de rolagem */
.indicador-pos{position:fixed;z-index:9;bottom:calc(var(--barra) + 72px);left:calc(50% + 19vh);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity 300ms ease,transform 300ms ease}
.indicador-pos.on{opacity:1;pointer-events:auto;transform:none}
@keyframes quica{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.roda{animation:roda 1.6s ease-in-out infinite}
@keyframes roda{0%{transform:translateY(0);opacity:1}70%{transform:translateY(4px);opacity:0}100%{transform:translateY(0);opacity:0}}
.dedo{animation:dedo 1.6s ease-in-out infinite}
@keyframes dedo{0%{transform:translateY(3px);opacity:0}25%{opacity:1}80%{transform:translateY(-5px);opacity:1}100%{transform:translateY(-5px);opacity:0}}
/* 19/10: no computador, ao lado direito da barra de botões (a ponta da seta fica na altura da barra).
   No celular continua como estava (regra em celular.css). */
@media (min-width:761px){
  .indicador-pos{left:calc(50% + var(--meia-barra, 220px) + 28px);bottom:calc(var(--barra) - 40px)}
}
/* 20/10: em telas largas o aviso fica perto da barra de rolagem (à direita); abaixo de 1200 px continua ao lado da barra de botões,
   para não bater nas informações do lado direito do Aluísio */
@media (min-width:1200px){
  .indicador-pos{left:auto;right:24px}
}