/* galeria com zoom em dialog nativo */
.galeria{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
.galeria__item{position:relative;display:block;width:100%;padding:0;border:0;background:var(--ag-ink);overflow:hidden;aspect-ratio:3/4;color:var(--ag-white);text-align:left}
.galeria__item img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.galeria__item:hover img{transform:scale(1.06)}
.galeria__item span{position:absolute;left:0;right:0;bottom:0;padding:2.5rem .9rem .8rem;background:linear-gradient(transparent,var(--ag-shade) 60%);font:600 .85rem/1.3 var(--f-title)}
.galeria__item::after{content:"+";position:absolute;right:0;top:0;width:2.6rem;height:2.6rem;display:grid;place-items:center;background:var(--ag-green);color:var(--ag-black);font:700 1.4rem/1 var(--f-title);clip-path:polygon(0 0,100% 0,100% 100%,30% 100%)}
.galeria__item:focus-visible{outline-offset:-4px}
html:not(.js) .galeria__item{pointer-events:none}
html:not(.js) .galeria__item::after{display:none}
.galeria__dlg{width:min(94vw,1000px);max-width:none;max-height:94vh;padding:0;border:0;background:var(--ag-black);color:var(--ag-white);overflow:hidden}
.galeria__dlg::backdrop{background:var(--ag-black);opacity:.88}
.galeria__dlg[open]{display:grid;grid-template-rows:1fr auto;animation:dlg-in .35s var(--ease)}
.galeria__dlg img{max-height:calc(94vh - 5rem);width:auto;margin-inline:auto;object-fit:contain}
.galeria__barra{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-top:1px solid var(--ag-line)}
.galeria__barra p{flex:1;font-size:.92rem;line-height:1.35}
.galeria__barra button{flex:none;min-width:46px;min-height:46px;border:1.5px solid var(--ag-line);background:none;font:700 1rem/1 var(--f-title)}
.galeria__barra button:hover{background:var(--ag-green);color:var(--ag-black);border-color:var(--ag-green)}
@keyframes dlg-in{from{opacity:0;transform:scale(.96)}}
@media (min-width:861px){
  .galeria{grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,17vw,230px)}
  .galeria__item{aspect-ratio:auto}
  .galeria__item:nth-child(1){grid-area:1/1/5/6}
  .galeria__item:nth-child(2){grid-area:1/6/3/10}
  .galeria__item:nth-child(3){grid-area:1/10/3/13}
  .galeria__item:nth-child(4){grid-area:3/6/5/9}
  .galeria__item:nth-child(5){grid-area:3/9/5/13}
}