<%# app/views/shared/_carrossel_controles.html.erb
Controles do carrossel (ver carrossel_controller.js) em DOIS layouts, porque
"seta flutuante na lateral" só funciona onde sobra espaço lateral:
• tela com espaço (sm+): setas redondas flutuando FORA dos cards,
centralizadas na altura da lista — o container reserva a faixa com
`sm:px-16`, senão a seta passa por cima do texto do card;
• celular: barra flutuante colada no rodapé (sticky), com as duas setas e
o contador no meio. Na largura de um celular não há faixa lateral livre:
a seta lateral cobriria o conteúdo, e a barra inferior ainda fica no
alcance do polegar.
⚠️ O container do carrossel precisa de `relative sm:px-16` — ver os usos em
consolidacoes/_lista, _por_motorista e motorista/dashboard/index.
Alvos de 56px: a tela é usada no celular, em movimento.
locals: anterior:/proximo: (rótulos acessíveis, opcionais). %>
<% anterior = local_assigns.fetch(:anterior, 'Itens anteriores') %>
<% proximo = local_assigns.fetch(:proximo, 'Próximos itens') %>
<%# ── Setas laterais (sm+) ─────────────────────────────── %>
<%# Contador embaixo, centralizado (vale para os dois layouts em sm+). %>
<%# ── Barra flutuante no rodapé (celular) ──────────────── %>