/* =========================
   Páginas (Page)
   ========================= */

.site-main{
  padding: 18px 0 40px;
}

.page-title{
  margin: 8px 0 18px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: rgba(0,0,0,.90);
}

.page-content{
  max-width: 860px; /* deixa mais editorial/premium */
}

.page-content p{
  margin: 0 0 14px;
  line-height: 1.65;
  color: rgba(0,0,0,.72);
  font-size: 16px;
}

.page-content h2{
  margin: 26px 0 10px;
  font-size: 22px;
  color: rgba(0,0,0,.88);
}

.page-content ul{
  margin: 8px 0 16px 18px;
  color: rgba(0,0,0,.72);
  line-height: 1.65;
}

/* =========================
   Breadcrumb (CS)
   ========================= */

.cs-breadcrumb{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 10px 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.035);
  color: rgba(0,0,0,.60);
  font-size: 13px;
  line-height: 1.3;
}

.cs-breadcrumb a{
  color: rgba(0,0,0,.78);
  text-decoration: none;
  font-weight: 600;
}

.cs-breadcrumb a:hover{
  color: rgba(0,0,0,.95);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cs-breadcrumb span{
  color: rgba(0,0,0,.35);
}


/* =====================================================
   CS feedback foundations
   A compact semantic palette shared by notices, toasts and states.
   ===================================================== */
:root {
  --cs-z-header: 100;
  --cs-z-header-popover: 200;
  --cs-z-filter-backdrop: 700;
  --cs-z-filter: 710;
  --cs-z-drawer-backdrop: 800;
  --cs-z-drawer: 810;
  --cs-z-cookie: 900;
  --cs-z-modal: 1000;
  --cs-z-search: 1020;
  --cs-z-toast: 1100;
  --cs-z-toast-critical: 1110;

  --cs-feedback-surface: #fffefd;
  --cs-feedback-ink: #28172a;
  --cs-feedback-muted: #6f6270;
  --cs-feedback-border: #e7dfe7;
  --cs-feedback-radius: 12px;
  --cs-feedback-focus: rgba(96, 1, 101, .28);

  --cs-feedback-success-accent: #1f6b49;
  --cs-feedback-success-surface: #f7fcf8;
  --cs-feedback-success-border: #cce6d5;

  --cs-feedback-error-accent: #b42318;
  --cs-feedback-error-surface: #fff8f7;
  --cs-feedback-error-border: #f0cfc9;

  --cs-feedback-warning-accent: #76550f;
  --cs-feedback-warning-surface: #fffaf0;
  --cs-feedback-warning-border: #eadfbf;

  --cs-feedback-info-accent: #715976;
  --cs-feedback-info-surface: #fcfafc;
  --cs-feedback-info-border: #e3d9e4;
}