/* ============================================================
 * capua-shell.css — Shell unificado das páginas do plugin
 * Container, page-header e overrides de botão primário.
 * Aplicado em TODAS as 6 páginas do menu lateral para garantir
 * consistência visual de largura, tipografia e brand.
 * ============================================================ */

.capua-page-shell {
  max-width: 1120px;
  margin: 0 auto;
  padding: 20px 28px 64px;
  font-family: var(--capua-font-sans, 'Inter', system-ui, sans-serif);
  color: var(--capua-ink, #2C2C2C);
  box-sizing: border-box;
}
@media (max-width: 720px) {
  .capua-page-shell { padding: 16px 18px 48px; }
}

/* Quando o shortcode é envolvido por um wrapper extra no editor (ex.: a página
   /inicio/ tem <div class="capua-inicio-landing"> em volta de [capua_inicio]),
   o tema de blocos aplica `contentSize` (≈645px) ao wrapper, encolhendo o shell.
   Esta regra neutraliza qualquer wrapper que NÃO seja o próprio shell mas
   contenha o shell, garantindo que o shell controle a largura. */
.capua-inicio-landing:not(.capua-page-shell) {
  max-width: none !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.capua-page-header {
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--capua-line, #e0d8d0);
}
.capua-page-header h1 {
  font-family: var(--capua-font-serif, 'Merriweather', Georgia, serif);
  font-size: clamp(1.9rem, 3vw, 2.4rem);
  font-weight: 900;
  color: var(--capua-brand, #8B1A1A);
  margin: 0 0 6px;
  line-height: 1.15;
  letter-spacing: -.005em;
}
.capua-page-header .capua-page-subtitle {
  font-size: 1rem;
  color: var(--capua-ink-light, #5a5a5a);
  margin: 0;
  line-height: 1.5;
  font-family: var(--capua-font-sans, 'Inter', system-ui, sans-serif);
}

.capua-page-shell .capua-btn-primary,
.capua-page-shell .capua-dash-primary,
.capua-btn-primary,
.capua-dash-primary {
  background: var(--capua-brand, #8B1A1A);
  color: #fff;
  border-color: var(--capua-brand, #8B1A1A);
}
.capua-page-shell .capua-btn-primary:hover,
.capua-page-shell .capua-dash-primary:hover,
.capua-btn-primary:hover,
.capua-dash-primary:hover {
  background: var(--capua-brand-hover, #6e1414);
  border-color: var(--capua-brand-hover, #6e1414);
}