/* ============================================================
   Complya — site-paginas.css
   ============================================================ */

.page-cover { padding: 64px 0 40px; background: radial-gradient(60% 70% at 80% 0%, var(--bg-alt) 0%, transparent 60%), #fff; }
.page-cover .crumbs { font-size: .9rem; margin-bottom: 16px; }
.page-cover .crumbs a { color: var(--ink-light); }
.page-cover .crumbs a:hover { color: var(--page-color, var(--primary)); }
.page-cover .eyebrow { color: var(--page-color, var(--primary)); background: var(--bg-alt); }

.page-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(2rem, 4.4vw, 3rem);
  font-weight: 700; letter-spacing: -0.02em;
  margin: 0 0 12px;
  display: inline-flex; align-items: center; gap: 12px;
}
.page-title i { color: var(--page-color, var(--primary)); font-size: 0.85em; }

.page-sub { color: var(--ink-light); font-size: 1.1rem; margin: 0 0 16px; }
.page-resumo {
  color: var(--ink); font-size: 1rem;
  padding: 16px 18px; background: var(--bg-alt);
  border-left: 3px solid var(--page-color, var(--primary));
  border-radius: 0 var(--radius) var(--radius) 0;
  margin: 16px 0 0;
}
.page-capa-img {
  width: 100%; height: auto; max-height: 380px;
  object-fit: cover; border-radius: var(--radius-lg);
  margin-top: 24px; display: block;
}

.page-body-section { padding: 48px 0 80px; }
.page-body { color: var(--ink); font-size: 1.02rem; line-height: 1.75; }

.page-body h2, .page-body h3, .page-body h4 {
  font-family: 'Space Grotesk', sans-serif;
  color: var(--ink); letter-spacing: -0.01em;
  margin: 40px 0 12px;
}
.page-body h2 { font-size: 1.6rem; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.page-body h3 { font-size: 1.25rem; }
.page-body h4 { font-size: 1.05rem; color: var(--ink-light); text-transform: uppercase; letter-spacing: .1em; }
.page-body p { margin: 0 0 16px; color: var(--ink); }
.page-body a { color: var(--page-color, var(--primary)); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.page-body a:hover { color: var(--primary-dark); }
.page-body strong { color: var(--ink); }

.page-body ul, .page-body ol { margin: 0 0 16px; padding-left: 24px; }
.page-body li { margin-bottom: 6px; color: var(--ink); }

.page-body blockquote {
  margin: 24px 0; padding: 16px 20px;
  background: var(--bg-alt);
  border-left: 3px solid var(--page-color, var(--primary));
  border-radius: 0 var(--radius) var(--radius) 0;
  color: var(--ink); font-style: italic;
}

.page-body table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: .94rem; }
.page-body table th, .page-body table td { padding: 10px 14px; border-bottom: 1px solid var(--line); text-align: left; }
.page-body table th { background: var(--bg-alt); font-weight: 600; color: var(--ink); }

.page-body code {
  background: var(--bg-alt); color: var(--page-color, var(--primary));
  padding: 2px 6px; border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em;
}

.page-body hr { border: 0; height: 1px; background: var(--line); margin: 40px 0; }
.muted { color: var(--ink-light); }

.page-block { margin: 0 0 20px; }
.page-block-titulo { margin-top: 32px; }

.page-block-lista.page-list-check { list-style: none; padding-left: 0; }
.page-block-lista.page-list-check li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.page-block-lista.page-list-check li i { color: var(--page-color, var(--primary)); flex-shrink: 0; margin-top: 4px; font-weight: 700; }

.page-block-aviso {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 16px 18px; border-radius: var(--radius);
  margin: 24px 0; border: 1px solid transparent;
}
.page-block-aviso i { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }
.page-block-aviso strong { display: block; margin-bottom: 4px; }
.page-block-aviso p { margin: 0; }
.page-aviso-info    { background: rgba(15,118,110,.06); border-color: rgba(15,118,110,.25); color: var(--primary-dark); }
.page-aviso-info i  { color: var(--primary); }
.page-aviso-sucesso { background: rgba(22,163,74,.06);  border-color: rgba(22,163,74,.25);  color: #14532D; }
.page-aviso-sucesso i { color: #16A34A; }
.page-aviso-aviso   { background: rgba(245,158,11,.08); border-color: rgba(245,158,11,.3);  color: #92400E; }
.page-aviso-aviso i { color: #F59E0B; }
.page-aviso-erro    { background: rgba(220,38,38,.06);  border-color: rgba(220,38,38,.25);  color: #991B1B; }
.page-aviso-erro i  { color: #DC2626; }

.page-block-cta {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
  background: var(--bg-alt);
  border: 1px solid rgba(15,118,110,.2);
  border-radius: var(--radius-lg);
  padding: 24px 28px;
  margin: 32px 0;
}
.page-block-cta h3 { margin: 0 0 4px; font-size: 1.2rem; }
.page-block-cta p { margin: 0; color: var(--ink-light); }

.page-block-divisor { border: 0; height: 1px; background: var(--line); margin: 40px 0; }

.page-block-imagem { margin: 24px 0; }
.page-block-imagem img { width: 100%; height: auto; border-radius: var(--radius-lg); display: block; }
.page-block-imagem figcaption { text-align: center; color: var(--ink-light); font-size: .88rem; margin-top: 8px; }