/* (v185) A galeria das fotos do item por cima da foto ampliada (app/static/js/galeria-fotos.js). */
.galeria-nav{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px 4px}
.galeria-seta{width:44px;height:44px;border-radius:999px;border:0;display:grid;place-items:center;cursor:pointer;
  background:rgba(255,255,255,.94);color:#1b1b1f;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.galeria-seta:focus-visible{outline:3px solid #fff;outline-offset:2px}
.galeria-prox svg{transform:scaleX(-1)}
.galeria-pontos{display:flex;gap:7px}
.galeria-pontos i{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.45);transition:width .2s}
.galeria-pontos i.atual{width:22px;background:#fff}
/* No cardápio a foto ampliada fica num cartão claro: as bolinhas escuras, a seta com borda. */
.foto-caixa .galeria-nav{padding:12px 16px 0}
.foto-caixa .galeria-seta{width:40px;height:40px;background:#fff;border:1.5px solid rgba(42,32,27,.14);box-shadow:none}
.foto-caixa .galeria-pontos i{background:rgba(42,32,27,.22)}
.foto-caixa .galeria-pontos i.atual{background:rgba(42,32,27,.78)}