/* ========================== CONFIGURAÇÕES GERAIS ========================== */


html,body{
  margin:0;
  padding:0;
  font-family:'Beatrice', Arial, sans-serif;
  background:#FFFCFB;
  color:#333333;
}

/* ========================== HEADER ========================== */
.Cl_HeaderPP{
  background:linear-gradient(180deg, #0071BC, #002B5C);
  color:#fff;
  padding:28px 16px;
}
.Cl_HeaderPP_Conteudo{
  max-width:1100px;
  margin:0 auto;
}
.Cl_HeaderPP h1{
  margin:0 0 6px 0;
  font-weight:bold;
}
.Cl_HeaderPP p{ margin:0; opacity:.9; }

/* ========================== CONTAINER E CARDS ========================== */
.Cl_PPContainer{
  max-width:1100px;
  margin:22px auto 60px auto;
  padding:0 16px;
}
.Cl_Card{
  background:#fff;
  border:1px solid #eee;
  border-radius:10px;
  padding:18px 20px;
  margin-bottom:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.Cl_Card h2{ margin:0 0 10px 0; font-size:20px; }
.Cl_CardDestaque{ border-color:#0071BC; background:#e0f4ff; }
.Cl_Lista{ margin:8px 0 0 18px; }
.Cl_Lista li{ margin:6px 0; }

/* ========================== TOC / ÂNCORAS ========================== */
.Cl_TOC{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 16px 0;
}
.Cl_BtnAncoras{
  background:#fff;
  border:1px solid #0071BC;
  color:#0071BC;
  border-radius:8px;
  padding:8px 12px;
  cursor:pointer;
  transition:background .2s, color .2s, transform .1s;
}
.Cl_BtnAncoras:hover{
  background:#0071BC;
  color:#fff;
  transform:translateY(-1px);
}

/* ========================== AÇÕES ========================== */
.Cl_Acoes{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:14px;
}
.Cl_BtnPrimario{
  background:#0071BC;
  color:#fff;
  border:none;
  border-radius:8px;
  padding:10px 16px;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  transition:background .2s, transform .1s;
}
.Cl_BtnPrimario:hover{ background:#002B5C; transform:scale(1.02); }

.Cl_BtnNeutro{
  background:#fff;
  color:#333333;
  border:1px solid #ccc;
  border-radius:8px;
  padding:10px 16px;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  transition:border-color .2s, transform .1s;
}
.Cl_BtnNeutro:hover{ border-color:#bbb; transform:scale(1.02); }

/* ========================== LINKS / INFO ========================== */
.Cl_Link{
  color:#0071BC;
  text-decoration:none;
  border-bottom:1px dotted #0071BC;
}
.Cl_Link:hover{ color:#002B5C; }
.Cl_InfoAtualizacao{ margin-top:10px; font-size:13px; opacity:.9; }

/* ========================== RODAPÉ ========================== */
.Cl_FooterPP{
  text-align:center;
  padding:18px 10px;
  border-top:1px solid #eee;
  background:#fff;
}

/* ========================== RESPONSIVO ========================== */
@media (max-width:768px){
  .Cl_TOC{ flex-direction:column; align-items:stretch; }
}


/* ========================== IMPRESSÃO / PDF ========================== */
@media print {
  /* Esconde todos os elementos marcados com .Cl_NoPrint */
  .Cl_NoPrint {
    display: none !important;
    visibility: hidden !important;
  }

  /* Ajusta cabeçalho para impressão limpa */
  .Cl_HeaderPP {
    background: none !important;
    color: #000 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Remove sombras/bordas pesadas */
  .Cl_Card {
    box-shadow: none !important;
    border-color: #999 !important;
  }

  /* Evita que links mostrem a URL ao lado */
  a[href]:after { content: "" !important; }

  /* Configuração de página A4 */
  @page {
    size: A4;
    margin: 14mm 12mm;
  }

  /* Utilitário: quebra de página forçada */
  .Cl_QuebraPagina {
    break-before: page;
    page-break-before: always;
  }
}