/* ============================================================
   PÁGINAS — cartas e formação profissional
   ============================================================ */
/* ==================== ecrã de páginas (Beta2.4) ==================== */
/* Tudo em vw puro — escala 1:1 com largura da janela. Alvo: 1920px. */
#paginas{ display:none; flex-direction:column; height:100vh; background:#f8f7f4; font-family:'Montserrat','Segoe UI',system-ui,sans-serif; position:relative; }
#paginas.ativo{ display:flex; }
[data-bs-theme="dark"] #paginas{ background:#0e1420; }

#paginas .tabs::-webkit-scrollbar{ display:none; }
[data-bs-theme="dark"] #paginas .tabs{ background:#141c2d; border-bottom-color:rgba(255,255,255,.08); }

#paginas .tab{
  padding:1vw 1.4vw; background:transparent; border:none;
  font-family:'Barlow Condensed','Oswald','Roboto Condensed','Montserrat',sans-serif;
  font-size:1.24vw; font-weight:700;
  color:#777;
  text-transform:uppercase; letter-spacing:.03em;
  border-bottom:0.3vw solid transparent;
  display:flex; align-items:center; gap:.5vw;
  white-space:nowrap;
  transition:color .18s, border-color .18s;
}
#paginas .tab i{ font-size:1.35vw; }
#paginas .tab:hover{ color:var(--cor-primaria); }
#paginas .tab.ativa{ color:var(--cor-primaria); border-bottom-color:var(--cor-secundaria); }
[data-bs-theme="dark"] #paginas .tab{ color:#8a97ad; }
[data-bs-theme="dark"] #paginas .tab.ativa{ color:#e8f1ff; }

/* Corpo */
#paginas .corpo{
  flex-grow:1; overflow-y:auto;
  padding:1.8vw 2.6vw 2vw;
  display:flex; flex-direction:column;
}
/* Wrapper do conteúdo centrado (tudo exceto linha-acao) */
#paginas .corpo > *{ flex-shrink:0; }
#paginas .conteudo-centrado{
  flex-grow:1;
  display:flex; flex-direction:column; justify-content:center;
}

/* Linha de ação: sub-tabs + CTA centrados juntos */
#paginas .linha-acao{
  display:flex; align-items:center; justify-content:center;
  gap:.6vw; margin-bottom:1.4vw; flex-wrap:wrap;
}

/* Sub-tabs (categorias A1/A2/A) e CTA — mesmo tamanho */
#paginas .subtabs{
  display:flex; gap:.6vw; flex-wrap:wrap;
}
#paginas .subtab,
#paginas .btn-inscrever{
  height:3.6vw; min-height:0;
  padding:0 1.4vw;
  border-radius:.8vw;
  font-family:'Montserrat','Segoe UI',sans-serif;
  font-weight:700; font-size:1.15vw;
  display:inline-flex; align-items:center; justify-content:center; gap:.6vw;
  white-space:nowrap;
  box-shadow:0 0.2vw 0 rgba(0,0,0,.08);
  transition:transform .1s, filter .15s;
}
#paginas .subtab{
  border:0.15vw solid var(--cor-primaria);
  color:var(--cor-primaria); background:#fff;
}
#paginas .subtab.ativa{ background:var(--cor-primaria); color:#fff; }
#paginas .subtab:hover{ transform:translateY(-1px); }
#paginas .subtab:active{ transform:translateY(1px); box-shadow:0 1px 0 rgba(0,0,0,.08); }
[data-bs-theme="dark"] #paginas .subtab{ border-color:#93b9ff; color:#93b9ff; background:#141c2d; }
[data-bs-theme="dark"] #paginas .subtab.ativa{ background:#93b9ff; color:#0e1420; }

/* CTA: mesmo container/altura, só cor diferente */
#paginas .btn-inscrever{
  background:var(--cor-secundaria); color:#3a2c00;
  border:none; font-weight:800;
  box-shadow:0 0.2vw 0 rgba(0,0,0,.08);
}
#paginas .btn-inscrever:hover{ transform:translateY(-1px); color:#3a2c00; }
#paginas .btn-inscrever:active{ transform:translateY(1px); box-shadow:0 1px 0 rgba(0,0,0,.08); }
#paginas .btn-inscrever i{ font-size:1.2vw; }

/* Cabeçalho: título+subtítulo centrado, mesma altura de fonte */
#paginas .header-cat{
  display:flex; align-items:center; justify-content:center;
  margin:1.76vw 0 1.76vw;
  flex-wrap:wrap;
}
#paginas .header-cat .info{
  display:flex; align-items:baseline; justify-content:center;
  gap:1.2vw; flex-wrap:wrap;
}
#paginas h1.titulo{
  font-family:'Barlow Condensed','Oswald','Roboto Condensed','Montserrat',sans-serif;
  font-size:3.56vw; font-weight:800; color:var(--cor-primaria);
  margin:0; line-height:1; letter-spacing:-.01em;
  text-transform:uppercase;
}
[data-bs-theme="dark"] #paginas h1.titulo{ color:#e8f1ff; }
#paginas .subtitulo{
  font-family:'Barlow Condensed','Oswald','Roboto Condensed','Montserrat',sans-serif;
  font-size:3.56vw; font-weight:300; color:#999;
  margin:0; line-height:1; text-transform:uppercase; letter-spacing:.01em;
}
[data-bs-theme="dark"] #paginas .subtitulo{ color:#7a8a9e; }
#paginas .resumo{
  font-size:1.49vw; color:#555;
  margin:.8vw 0 0; font-weight:400; line-height:1.5;
}
[data-bs-theme="dark"] #paginas .resumo{ color:#aab4c2; }

/* Blocos em grelha */
#paginas .blocos{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(24vw, 1fr));
  gap:1.4vw 1.8vw;
}
#paginas .bloco h2{
  font-family:'Barlow Condensed','Oswald','Roboto Condensed','Montserrat',sans-serif;
  font-size:1.54vw; font-weight:800; color:var(--cor-primaria);
  text-transform:uppercase; letter-spacing:.1em;
  margin:0 0 .6vw; padding-bottom:.35vw;
  border-bottom:0.2vw solid var(--cor-secundaria);
  display:inline-block;
}
[data-bs-theme="dark"] #paginas .bloco h2{ color:#e8f1ff; }
#paginas .bloco p, #paginas .bloco li{
  font-size:1.38vw; line-height:1.55; color:#333;
  margin:0 0 .4vw;
}
[data-bs-theme="dark"] #paginas .bloco p, [data-bs-theme="dark"] #paginas .bloco li{ color:#d4dbe5; }
#paginas .bloco ul{ margin:0; padding-left:1.4vw; }
#paginas .bloco strong{ color:var(--cor-primaria); font-weight:700; }
[data-bs-theme="dark"] #paginas .bloco strong{ color:#93b9ff; }

/* Hero da introdução — centrado */
#paginas .hero{ text-align:center; padding:2.5vw 1vw 1vw; }
#paginas .hero i{
  font-size:7.7vw; color:var(--cor-primaria);
  display:block; margin-bottom:.5vw;
}
#paginas .hero-img{
  display:block; margin:0 auto .8vw;
  width:auto; height:14vw; max-height:30vh;
  object-fit:contain;
}
[data-bs-theme="dark"] #paginas .hero i{ color:#93b9ff; }
#paginas .hero h1{
  font-family:'Barlow Condensed','Oswald','Roboto Condensed','Montserrat',sans-serif;
  font-size:4.95vw; font-weight:800; color:var(--cor-primaria);
  margin:0 0 .5vw; text-transform:uppercase; letter-spacing:-.01em;
}
[data-bs-theme="dark"] #paginas .hero h1{ color:#e8f1ff; }
#paginas .hero p{
  font-size:1.65vw; color:#555;
  max-width:60vw; margin:0 auto;
}
[data-bs-theme="dark"] #paginas .hero p{ color:#aab4c2; }

/* Blocos da intro centrados */
#paginas .hero-blocos{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:1.4vw;
}
#paginas .hero-blocos .bloco{ max-width:60vw; }
#paginas .hero-blocos .bloco h2{ display:inline-block; }
#paginas .hero-blocos .bloco ul{ display:inline-block; text-align:left; }

/* Cascata de reveal */
#paginas .reveal{ opacity:0; transform:translateY(1vw); transition:opacity .4s ease-out, transform .4s ease-out; }
#paginas .reveal.on{ opacity:1; transform:translateY(0); }

/* QR container: label + QR agrupados no canto inferior direito */