/* Galeria — 3D image sphere (client request 15/09, MWG effect 099).
   Depends on base.css tokens (--inset, --teal, --dark-teal, --font, --track) and the
   shared .reg section-title component. galeria.js positions/rotates the orbs; the
   CSS only sizes the stage. Clicking an orb opens GLightbox with the caption. */

/* ===== Body (flow) ===== */
.galeria{background:#000}

/* ===== Section title (canvas y636) — same component as evento.html ===== */
.reg__rule--left{top:12.75rem;right:calc(100% - var(--inset) + 2.5rem);left:0;width:auto}
.reg__rule--right{top:16.8rem;left:calc(var(--inset) + 27rem);right:0;}

/* ===== IMAGE SPHERE (MWG 099) =====
   Stage fills the canvas width; orbs are absolutely centered and pushed onto the
   sphere surface by galeria.js (translate3d from a Fibonacci distribution). */
.galeria__sphere-wrap{position:relative;margin:2rem 0 4rem}
.galeria__sphere-container{width:100%;height:56rem;display:flex;justify-content:center;align-items:center;overflow:hidden;perspective-origin:center center}
.galeria__sphere{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.galeria__orb{position:absolute;left:50%;top:50%;width:9.5rem;height:9.5rem;margin:-4.75rem 0 0 -4.75rem;padding:0;border:0;background:none;cursor:pointer;transform-style:preserve-3d;border-radius:0.45rem;overflow:hidden}
.galeria__orb img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}
.galeria__orb:focus-visible{outline:0.125rem solid var(--teal);outline-offset:0.125rem}
.galeria__hint{margin:0.5rem var(--inset) 0;font-family:var(--font);font-weight:300;font-style:italic;font-size:1rem;color:var(--teal);letter-spacing:var(--track);text-align:center;opacity:0.8}

/* GLightbox caption (legenda + autor) — match the site's caption typography. */
.glightbox-clean .gslide-description{background:#032025}
.glightbox-clean .gslide-desc{font-family:var(--font);font-weight:300;font-style:italic;color:#DBEDE9;letter-spacing:var(--track)}
.glightbox-clean .gslide-desc .galeria__lb-autor{color:var(--teal);display:block;margin-top:0.35rem}

/* ===== Responsive ===== */
@media (max-width:60rem){
  .reg{padding-top:3rem}
  .reg__rule--left{display:none}
  .reg__rule--right{position:static;display:block;width:100%;margin:1rem 0 1.5rem;left:auto;right:auto} /* spacing so the rule never touches the title below it */
  .reg__line2{padding-left:1.5rem}
  .galeria__sphere-wrap{margin:1rem 0 2.5rem}
  .galeria__sphere-container{height:26rem}
  .galeria__orb{width:6rem;height:6rem;margin:-3rem 0 0 -3rem}
  .galeria__hint{font-size:0.9rem;margin-inline:6%}
}