/* Galeria Expandir: fotos lado a lado em fundo claro; a que está sob o mouse abre e as outras viram faixas estreitas
   (inspirada no Expand on Hover do 21st.dev). Usa a lógica da Elástica (skin/js/galeria-elastica.js) e troca só o visual. */
.galeria-overlay[data-estilo="expandir"]{background:rgba(9,20,17,.72)}
.galeria-overlay[data-estilo="expandir"] .galeria-box{width:min(1180px,100%);min-height:0;gap:20px;min-width:0;background:#f5f4f3;color:var(--verde);border:0;border-radius:28px;box-shadow:0 30px 90px #0006}
.galeria-overlay[data-estilo="expandir"] .galeria-box>.close{color:var(--verde);background:#fff;border-color:#0000001a}
.galeria-overlay[data-estilo="expandir"] .galeria-cabecalho .script{color:var(--ouro);letter-spacing:.2em;text-transform:uppercase;font:600 11px var(--fonte),sans-serif}
.galeria-overlay[data-estilo="expandir"] .galeria-cabecalho p{color:#5f6461;opacity:1}
.galeria-overlay[data-estilo="expandir"] .galeria-categorias{min-width:0;max-width:100%}
.galeria-overlay[data-estilo="expandir"] .galeria-categorias button{color:var(--verde);background:#fff;border-color:#0000001f;font-weight:500}
.galeria-overlay[data-estilo="expandir"] .galeria-categorias button:hover{background:#fff;border-color:var(--verde);color:var(--verde)}
.galeria-overlay[data-estilo="expandir"] .galeria-categorias button[aria-pressed="true"]{background:var(--verde);border-color:var(--verde);color:#fff}

/* faixa: todas as fotos da página na mesma linha, 4px entre elas; a ativa ocupa ~5 faixas (24rem contra 5rem no original) */
.ge-expandir .ge-trilho{gap:4px;height:clamp(320px,calc(100dvh - 380px),540px)}
.ge-expandir .ge-trilho.ge-entrar{animation:gx-entrar .45s .12s ease-out both}
.ge-expandir .ge-trilho.ge-entrar .ge-painel{animation:none}
@keyframes gx-entrar{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.ge-expandir .ge-painel{border-radius:24px;border:0;background:#e4e2df;filter:none;box-shadow:none;transition:flex .3s ease-in-out}
.ge-expandir .ge-painel:hover{filter:none}
.ge-expandir .ge-painel.ativo{flex:4.8 1 0;filter:none;border:0;box-shadow:0 18px 40px #1d2b2633}
.ge-expandir .ge-fundo img,.ge-expandir .ge-fundo video{transform:none;transition:none}
.ge-expandir .ge-painel:before{background:linear-gradient(0deg,#0000008c 0%,#0000 55%);transition:opacity .3s}
.ge-expandir .ge-seletor:focus-visible{outline-color:#fff}
.ge-expandir .ge-rotulo{display:none}

/* legenda da ativa: título à esquerda, número discreto no canto direito (o "# 23" do original) */
.ge-expandir .ge-conteudo{padding:18px 20px;gap:4px;transform:none;transition:opacity .2s}
.ge-expandir .ge-painel.ativo .ge-conteudo{transition:opacity .3s .12s}
.ge-expandir .ge-tag{padding:0;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;font:500 10.5px var(--fonte),sans-serif;letter-spacing:.16em;opacity:.8}
.ge-expandir .ge-titulo{max-width:calc(100% - 64px);font:var(--peso-titulo,500) clamp(19px,1.9vw,26px)/1.1 var(--fonte-titulo),serif;text-transform:none;letter-spacing:0}
.ge-expandir .ge-desc{font-size:13px}
.ge-expandir .ge-acao{display:none}
.ge-codigo{position:absolute;right:18px;bottom:18px;color:#ffffff80;font:400 12px var(--fonte),sans-serif;letter-spacing:.04em;pointer-events:none;opacity:0;transition:opacity .2s}
.ge-painel.ativo .ge-codigo{opacity:1;transition:opacity .3s .12s}

.ge-expandir .ge-barra{color:var(--verde)}
.ge-expandir .ge-contador{opacity:.75}.ge-expandir .ge-contador b{color:var(--verde)}
.ge-expandir .ge-progresso{background:#0000001a}.ge-expandir .ge-progresso i{background:var(--verde)}
.ge-expandir .ge-barra .ge-redondo{border-color:#0000001f;background:#fff;color:var(--verde)}
.ge-expandir .ge-barra .ge-redondo:hover:not(:disabled){background:var(--verde);border-color:var(--verde);color:#fff}

@media(max-width:720px){
  .galeria-overlay[data-estilo="expandir"] .galeria-box{border-radius:0}
  .ge-expandir .ge-trilho{height:clamp(380px,calc(100dvh - 330px),580px)}
  .ge-expandir .ge-painel{border-radius:18px}
  .ge-expandir .ge-conteudo{padding:14px 16px}
  .ge-codigo{right:16px;bottom:14px}
}
@media(prefers-reduced-motion:reduce){.ge-expandir .ge-trilho.ge-entrar{animation:none}.ge-expandir .ge-painel{transition:none}}