/* ── RESET ── */
*{ margin:0; padding:0; box-sizing:border-box; }

body{
  font-family:'Lekton',monospace;
  background:#002fa7;
}

/* ── LOGO ── */
.logo{
  display:block;
  width:100%;
  height:120px;
  line-height:120px;
  text-decoration:none;
  color:#000;
  font-size:clamp(42px,6vw,80px);
  letter-spacing:.45em;
  white-space:nowrap;
  overflow:hidden;
  padding-left:8px;
}

/* ── HOME GRID ── */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  height:auto;
}

.grid a, .about-cell{
  display:block;
  overflow:hidden;
  width:100%;
  height:auto;
  aspect-ratio:360/538;
}

.grid img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .2s;
}

.grid a:hover img{ opacity:.85; }

/* ── ABOUT ── */
.about{ min-height:100vh; padding-bottom:100px; }

.about-content{
  padding:30px;
  max-width:800px;
  line-height:1.7;
  color:#000;
  font-size:clamp(16px,2vw,22px);
}

.about-content p{
  margin-bottom:1.2em;
}

.about-content a{
  color:#000;
  text-decoration:underline;
}

/* ── RED DOT (fixa em todas as páginas) ── */
.red-dot{
  position:fixed;
  right:35px;
  bottom:35px;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#d61b1b;
  z-index:9999;
  display:block;
  transition:transform .15s, background .15s;
}

.red-dot:hover{
  transform:scale(1.1);
  background:#ff2222;
}

/* ══════════════════════════════════
   PDF PAGE
══════════════════════════════════ */
body.pdf-page{
  overflow-x:hidden;
  background:#002fa7;
}

/* ── loading ── */
#loading{
  position:fixed;
  inset:0;
  background:#002fa7;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:8000;
  font-family:'Lekton',monospace;
  font-size:clamp(22px,4vw,48px);
  letter-spacing:.35em;
  color:#000;
}

/* ── barra de controles (topo) ── */
#pdf-bar{
  position:fixed;
  top:0; left:0; right:0;
  height:52px;
  background:#002fa7;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  z-index:7000;
  border-bottom:2px solid #000;
}

#page-info{
  font-family:'Lekton',monospace;
  font-size:15px;
  letter-spacing:.12em;
  color:#000;
  min-width:70px;
  text-align:center;
}

.pdf-btn{
  background:#000;
  color:#002fa7;
  border:none;
  font-family:'Lekton',monospace;
  font-size:20px;
  font-weight:700;
  width:36px;
  height:36px;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .15s, opacity .15s;
  line-height:1;
}

.pdf-btn:hover:not(:disabled){ transform:scale(1.1); }
.pdf-btn:disabled{ opacity:.3; cursor:default; }

/* ── área de scroll com as páginas ── */
#viewer{
  display:none;            /* escondido até carregar */
  padding-top:68px;        /* espaço para a barra */
  padding-bottom:80px;
}

.pdf-page-wrap{
  display:flex;
  justify-content:center;
  padding:12px 16px;
}

.pdf-page-wrap canvas{
  display:block;
  box-shadow:0 4px 24px rgba(0,0,0,.5);
  background:#fff;
  max-width:100%;
}

/* ── RESPONSIVO ── */
@media(max-width:768px){
  .logo{
    font-size:clamp(22px,7vw,34px);
    letter-spacing:.18em;
    height:70px;
    line-height:70px;
  }

  .grid{
    grid-template-columns:repeat(auto-fit, minmax(160px,1fr));
    height:auto;
  }

  .grid a, .about-cell{
    width:100%;
    height:auto;
    aspect-ratio:360/538;
  }

  .red-dot{
    right:20px;
    bottom:20px;
    width:44px;
    height:44px;
  }

  #pdf-bar{ gap:10px; height:48px; }
  .pdf-btn{ width:32px; height:32px; font-size:17px; }
  #page-info{ font-size:13px; }

  .pdf-page-wrap{ padding:8px 6px; }
}

@media(max-width:480px){
  .logo{
    font-size:clamp(16px,6vw,24px);
    letter-spacing:.1em;
    height:54px;
    line-height:54px;
  }
}