/* =========================================================
   GEONAUTA — página das coleções
   Tom sério, cantos quadrados, fotografia de verdade.
   ========================================================= */
body.pg--obras{background:var(--pp-1) !important;color:var(--tt-2)}
.pg--obras .pg-wrap{width:min(1180px,92vw);margin:0 auto}

/* ---------- abertura ---------- */
.ob-hero{
  padding:16vh 0 8vh;text-align:center;position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,253,248,.34) 0%,rgba(255,253,248,.78) 62%,var(--pp-1) 100%),
    url('imagens/ceu-nuvens.jpg') center/cover no-repeat;
}
.ob-eyebrow{
  font-size:13.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;
  color:#3F1700;margin:0 0 18px;
}
body.pg--obras .ob-hero h1{
  font-family:var(--font-display,'Montserrat',sans-serif);font-weight:400;
  font-size:clamp(36px,calc(5.4vw + 2px),68px);line-height:1.05;margin:0 0 20px;color:#3B2006;
}
body.pg--obras .ob-lead{
  max-width:62ch;margin:0 auto;font-size:clamp(17px,calc(1.6vw + 2px),20px);line-height:1.7;
  color:rgba(74,58,38,.82);
}
.ob-foto{
  margin:46px auto 0;max-width:1100px;
  display:flex;justify-content:center;align-items:center;
  gap:22px;flex-wrap:nowrap;
}
.ob-foto__capa{
  display:block;flex:0 1 160px;min-width:0;
  border-radius:8px;overflow:hidden;text-decoration:none;
  filter:drop-shadow(0 20px 40px rgba(63,23,0,.5));
  transition:transform .18s,filter .18s;
}
.ob-foto__capa:hover{
  transform:translateY(-6px);
  filter:drop-shadow(0 26px 48px rgba(63,23,0,.62));
}
/* todas as capas no mesmo quadro 3:4 — cada foto enviada no painel
   vem numa proporcao diferente (umas mais altas, outras mais largas);
   o quadro fixo padroniza e a foto preenche sem deformar */
.ob-foto__capa{aspect-ratio:3/4;background:#fff}
.ob-foto__capa img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px}
@media (max-width:640px){
  .ob-foto{gap:10px}
}

/* ---------- uma coleção por faixa ---------- */
.ob-item{padding:9vh 0;border-top:1px solid rgba(63,23,0,.16)}
.ob-item:nth-child(even){background:rgba(251,246,236,.03)}

.ob-selo{
  display:inline-block;background:#3F1700;color:#3B2006;
  font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  padding:6px 12px;margin-bottom:16px;
}
body.pg--obras .ob-item h2{
  font-family:var(--font-display,'Montserrat',sans-serif);font-weight:400;
  font-size:clamp(28px,calc(3.4vw + 2px),46px);line-height:1.1;margin:0 0 10px;color:#3B2006;
}
.ob-seg{margin:0 0 20px;font-size:15px;font-weight:800;letter-spacing:.06em;color:#3F1700;text-transform:uppercase}
body.pg--obras .ob-texto{margin:0 0 20px;font-size:18px;line-height:1.7;color:rgba(74,58,38,.84);max-width:52ch}
body.pg--obras .ob-aut{margin:0;font-size:15px;color:rgba(74,58,38,.55)}

/* ---------- chamada final ---------- */
.ob-chamada{
  padding:10vh 0;text-align:center;border-top:1px solid rgba(63,23,0,.16);
  background:linear-gradient(180deg,rgba(255,253,248,.8),rgba(255,253,248,.95)),
             url('imagens/estacao-verao.jpg') center/cover no-repeat;
}
body.pg--obras .ob-chamada h2{
  font-family:var(--font-display,'Montserrat',sans-serif);font-weight:400;
  font-size:clamp(28px,calc(3.6vw + 2px),46px);margin:0 0 14px;color:#3B2006;
}
body.pg--obras .ob-chamada p{max-width:56ch;margin:0 auto 28px;font-size:18px;line-height:1.7;color:rgba(74,58,38,.82)}
.ob-botoes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media (max-width:860px){
  
  
  .ob-hero{padding:12vh 0 6vh}
}

/* cantos quadrados, como o resto da casa */
*,*::before,*::after{border-radius:0 !important}

body.pg--obras,body.pg--obras *{font-family:'Montserrat',system-ui,-apple-system,sans-serif}

/* =========================================================
   Uma coleção por bloco, com todos os volumes
   ========================================================= */
.ob-indice{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin:42px auto 0;max-width:900px;
}
.ob-indice a{
  padding:8px 16px;border-radius:999px;text-decoration:none;
  font-size:15px;font-weight:600;color:#3F1700;
  border:1px solid rgba(63,23,0,.32);
  background:rgba(63,23,0,.07);
  transition:background .2s,color .2s,border-color .2s;
}
.ob-indice a:hover{background:#3F1700;color:#3B2006;border-color:#3F1700}

.ob-item{ padding:72px 0; border-top:1px solid rgba(63,23,0,.13); scroll-margin-top:96px; }
.ob-item:first-child{ border-top:0; }
.ob-item--invertido{ background:rgba(63,23,0,.022); }

.ob-item__cab{ max-width:70ch; margin:0 0 38px; }
.ob-item__cab h2{
  font-family:var(--font-display,'Montserrat',sans-serif);font-weight:400;
  font-size:clamp(28px,calc(3.4vw + 2px),44px);line-height:1.1;margin:0 0 10px;color:#3B2006;
}

.ob-vols{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr));
  gap:clamp(16px,2.4vw,30px);
}
.ob-vol{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;
  text-decoration:none;
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.ob-vol:hover{ transform:translateY(-8px); }
.ob-vol__capa{
  display:block;width:100%;aspect-ratio:3/4;overflow:hidden;
  border-radius:4px 10px 10px 4px;
  background:linear-gradient(135deg,#3B2006,#3F1700);
  box-shadow:0 3px 6px rgba(63,23,0,.4),0 14px 28px rgba(63,23,0,.42);
  transition:box-shadow .3s;
}
.ob-vol:hover .ob-vol__capa{ box-shadow:0 4px 10px rgba(63,23,0,.5),0 24px 46px rgba(63,23,0,.5); }
.ob-vol__capa img{ width:100%;height:100%;object-fit:cover;display:block; }

.ob-vol__lombada{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;padding:16% 12%;
  background:linear-gradient(150deg,#3B2006 0%,#3F1700 48%,#3F1700 100%);
  border-left:5px solid rgba(63,23,0,.3);
}
.ob-vol__lombada b{
  font-family:var(--font-display,'Montserrat',sans-serif);font-weight:400;
  font-size:clamp(15px,calc(1.5vw + 2px),19px);line-height:1.2;color:#3B2006;
}

.ob-vol__ano{
  font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#3F1700;background:rgba(63,23,0,.14);
  padding:3px 10px;border-radius:999px;
}
.ob-vol__nome{
  font-size:15.5px;line-height:1.3;font-weight:600;color:#3B2006;
}
.ob-vol__ir{
  font-style:normal;font-size:13.5px;color:rgba(74,58,38,.5);
  transition:color .2s;
}
.ob-vol:hover .ob-vol__ir{ color:#3F1700; }

@media (max-width:640px){
  .ob-item{ padding:52px 0; }
  .ob-vols{ grid-template-columns:repeat(2,1fr); }
}
main.esperando-banco{ opacity:0; transition:opacity .3s; }