/* ===================== GALERIA DE FOTOS ===================== */
:root{
  --navy:#22304f; --navy-soft:#3a4d72; --silver-soft:#9aa8c8;
  --cream:#f7f5ee; --ink:#293349; --line:rgba(120,150,200,.35);
}
*{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
html,body{max-width:100%; overflow-x:hidden}
body{font-family:"Cormorant Garamond",Georgia,serif; color:var(--ink); background:#f4f6fa; -webkit-font-smoothing:antialiased}
img{max-width:100%; display:block}
button{font-family:inherit; cursor:pointer}

/* ---- HEADER ---- */
.g-top{position:sticky; top:0; z-index:40}
.g-header{background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px); border-bottom:1px solid var(--line)}
.g-header-inner{max-width:1400px; margin:0 auto; padding:14px 26px;
  display:flex; align-items:center; gap:16px}
.g-logo{flex-shrink:0; display:flex; align-items:center}
.g-logo img{height:38px; width:auto; filter:saturate(.4) brightness(.55); opacity:.85}
.g-title{flex:1; text-align:center; font-family:"Cormorant Garamond",serif; font-weight:600;
  font-size:1.9rem; color:var(--navy); letter-spacing:.01em; line-height:1}
.g-title span{font-style:italic; font-weight:500; color:var(--navy-soft); margin:0 .15em}
.g-back{flex-shrink:0; text-decoration:none; color:var(--navy-soft); font-size:1.05rem;
  padding:7px 14px; border-radius:20px; border:1px solid var(--line); transition:background .18s}
.g-back:hover{background:#eef2fb}

/* ---- MENU DE SEÇÕES ---- */
.g-menu{display:flex; gap:6px; overflow-x:auto; padding:11px 16px;
  background:rgba(248,249,252,.92); backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line); -webkit-overflow-scrolling:touch}
.g-menu[hidden]{display:none}
.g-menu button{flex:0 0 auto; background:none; border:1px solid transparent; color:var(--navy-soft);
  font-family:"Cormorant Garamond",serif; font-size:1.18rem; padding:5px 16px; border-radius:20px;
  cursor:pointer; white-space:nowrap; transition:.18s}
.g-menu button:hover{background:#e7edf7}
.g-menu button.active{background:var(--navy); color:#fff}

/* ---- MAIN / GRID ---- */
.g-main{max-width:1400px; margin:0 auto; padding:22px 14px 80px}
.g-grid{position:relative; width:100%}
.g-item{position:absolute; overflow:hidden; cursor:pointer; background:#e5e9f2;
  border-radius:3px; opacity:0; transition:opacity .5s ease}
.g-sec-head{position:absolute; opacity:0; transition:opacity .5s ease;
  padding:20px 6px 12px; display:flex; align-items:center; gap:16px}
.g-sec-head.in{opacity:1}
.g-sec-head span{font-family:"Cormorant Garamond",serif; font-weight:600; font-size:1.85rem;
  color:var(--navy); white-space:nowrap; letter-spacing:.01em}
.g-sec-head::after{content:""; flex:1; height:1px; background:var(--line)}
.g-item.in{opacity:1}
.g-item img{width:100%; height:100%; object-fit:cover}
.g-item::after{content:""; position:absolute; inset:0; background:rgba(20,35,70,0);
  transition:background .2s}
.g-item:hover::after{background:rgba(20,35,70,.10)}

.g-state{text-align:center; color:var(--silver-soft); font-size:1.15rem; padding:40px 0 10px}
.g-state[hidden]{display:none}
#sentinel{height:1px}

/* ---- LIGHTBOX ---- */
.lb{position:fixed; inset:0; z-index:100; background:rgba(12,18,34,.94);
  display:flex; flex-direction:column; align-items:center; justify-content:center}
.lb[hidden]{display:none}
.lb-stage{flex:1; display:flex; align-items:center; justify-content:center;
  width:100%; padding:56px 16px 12px; min-height:0}
.lb-stage img{max-width:96vw; max-height:82vh; width:auto; height:auto;
  object-fit:contain; border-radius:4px; box-shadow:0 12px 50px rgba(0,0,0,.5);
  transition:filter .3s ease}
.lb-stage img.lb-loading{filter:blur(6px)}
.lb-close{position:absolute; top:14px; right:18px; z-index:2; background:none; border:none;
  color:rgba(255,255,255,.85); font-size:2.4rem; line-height:1; padding:4px 10px; transition:color .15s}
.lb-close:hover{color:#fff}
.lb-nav{position:absolute; top:50%; transform:translateY(-50%); z-index:2; background:rgba(255,255,255,.08);
  border:none; color:#fff; font-size:2.6rem; line-height:1; width:52px; height:64px; border-radius:8px;
  transition:background .15s}
.lb-nav:hover{background:rgba(255,255,255,.2)}
.lb-prev{left:12px}
.lb-next{right:12px}
.lb-bar{display:flex; align-items:center; gap:18px; padding:8px 0 18px; color:rgba(255,255,255,.85)}
.lb-count{font-size:1.05rem; letter-spacing:.05em}
.lb-download{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.3);
  color:#fff; border-radius:22px; padding:8px 18px; font-size:1rem; transition:background .18s}
.lb-download:hover{background:rgba(255,255,255,.24)}
.lb-download:disabled{opacity:.5; cursor:default}

@media (max-width:640px){
  .g-header-inner{padding:11px 14px; gap:10px}
  .g-logo img{height:30px}
  .g-title{font-size:1.35rem}
  .g-back{font-size:.9rem; padding:6px 11px}
  .g-back span{display:none}
  .lb-nav{width:42px; height:54px; font-size:2rem}
}