/* ============================================================
   OFICIAL GEEK — page.css
   Páginas estáticas sem Elementor (Termos, Privacidade, etc.)
   ============================================================ */

/* Wrapper neutro para páginas Elementor — não restringe o layout */
.ogc-el-page {
  width: 100%;
  background: var(--og-bg);
}

.ogc-el-page,
.ogc-el-page * {
  font-family: var(--og-font) !important;
}

/* Restaura ícones */
.ogc-el-page .dashicons,
.ogc-el-page [class^="dashicons-"],
.ogc-el-page [class*=" dashicons-"] { font-family: dashicons !important; }
.ogc-el-page .eicon,
.ogc-el-page [class^="eicon-"],
.ogc-el-page [class*=" eicon-"]     { font-family: eicons !important; }
.ogc-el-page .fa,
.ogc-el-page [class^="fa-"],
.ogc-el-page [class*=" fa-"]        { font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 6 Free", "Font Awesome 6 Brands" !important; }
.ogc-el-page [class*="uicore-icon"] { font-family: uicore-icons !important; }
.ogc-el-page [class*="ti-"]         { font-family: themify !important; }

.ogc-page {
  background: var(--og-bg);
  min-height: 60vh;
}

/* ── Banner ────────────────────────────────────────────────── */
.ogc-page-banner {
  background: #0a0a0a;
  border-bottom: 3px solid var(--og-yellow);
  padding: 40px 0 36px;
  position: relative;
  overflow: hidden;
}

.ogc-page-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(244,236,0,.04) 0%, transparent 65%);
  pointer-events: none;
}

.ogc-page-banner__inner {
  max-width: var(--og-max-width);
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.ogc-page-banner__title {
  font-family: var(--og-font) !important;
  font-size: clamp(26px, 4vw, 40px) !important;
  font-weight: var(--og-fw-black) !important;
  line-height: var(--og-lh-tight) !important;
  letter-spacing: -0.03em !important;
  color: #ffffff !important;
  margin: 0 !important;
}

/* ── Corpo da página ───────────────────────────────────────── */
.ogc-page-body {
  padding: 52px 0 72px;
}

.ogc-page-body__inner {
  max-width: var(--og-content-width);
  margin: 0 auto;
  padding: 0 20px;
}

/* ── Tipografia do conteúdo ────────────────────────────────── */
.ogc-page-body__inner > * + * {
  margin-top: var(--sp-5);
}

.ogc-page-body__inner h1,
.ogc-page-body__inner h2 {
  font-family: var(--og-font) !important;
  font-size: var(--og-fs-2xl) !important;
  font-weight: var(--og-fw-bold) !important;
  line-height: var(--og-lh-snug) !important;
  letter-spacing: var(--og-ls-tight) !important;
  color: var(--og-text-1) !important;
  margin: var(--sp-8) 0 var(--sp-3) !important;
  padding-top: var(--sp-4);
  border-top: 1px solid var(--og-border);
}

.ogc-page-body__inner h1:first-child,
.ogc-page-body__inner h2:first-child {
  margin-top: 0 !important;
  padding-top: 0;
  border-top: none;
}

.ogc-page-body__inner h3 {
  font-family: var(--og-font) !important;
  font-size: var(--og-fs-xl) !important;
  font-weight: var(--og-fw-semibold) !important;
  color: var(--og-text-1) !important;
  margin: var(--sp-6) 0 var(--sp-2) !important;
}

.ogc-page-body__inner h4 {
  font-family: var(--og-font) !important;
  font-size: var(--og-fs-lg) !important;
  font-weight: var(--og-fw-semibold) !important;
  color: var(--og-text-1) !important;
  margin: var(--sp-5) 0 var(--sp-2) !important;
}

.ogc-page-body__inner p {
  font-family: var(--og-font-read) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--og-text-2) !important;
  margin-bottom: var(--sp-4) !important;
}

.ogc-page-body__inner ul,
.ogc-page-body__inner ol {
  font-family: var(--og-font-read);
  font-size: 15px;
  line-height: 1.75;
  color: var(--og-text-2);
  padding-left: var(--sp-6);
  margin-bottom: var(--sp-4);
}

.ogc-page-body__inner li {
  margin-bottom: var(--sp-2);
}

.ogc-page-body__inner a {
  color: var(--og-text-1);
  text-decoration: underline;
  text-decoration-color: var(--og-yellow);
  text-underline-offset: 3px;
  font-weight: var(--og-fw-medium);
  transition: color .15s;
}

.ogc-page-body__inner a:hover {
  color: var(--og-yellow-text);
}

.ogc-page-body__inner strong,
.ogc-page-body__inner b {
  font-weight: var(--og-fw-bold);
  color: var(--og-text-1);
}

.ogc-page-body__inner blockquote {
  border-left: 3px solid var(--og-yellow);
  padding: var(--sp-3) var(--sp-5);
  margin: var(--sp-6) 0;
  background: rgba(0,0,0,.025);
  border-radius: 0 var(--og-r) var(--og-r) 0;
}

.ogc-page-body__inner blockquote p {
  font-size: var(--og-fs-lg) !important;
  font-style: italic !important;
  color: var(--og-text-1) !important;
  margin-bottom: 0 !important;
}

.ogc-page-body__inner img {
  max-width: 100%;
  height: auto;
  border-radius: var(--og-r-md);
  display: block;
  margin: var(--sp-4) 0;
}

.ogc-page-body__inner hr {
  border: none;
  border-top: 1px solid var(--og-border);
  margin: var(--sp-8) 0;
}

/* ── Paginação de página multi-parte ──────────────────────── */
.ogc-page-links {
  font-family: var(--og-font);
  font-size: var(--og-fs-xs);
  color: var(--og-text-muted);
  margin-top: var(--sp-8);
  padding-top: var(--sp-4);
  border-top: 1px solid var(--og-border);
}

/* ── Responsivo ────────────────────────────────────────────── */
@media (max-width: 768px) {
  .ogc-page-banner { padding: 28px 0 24px; }
  .ogc-page-body   { padding: 36px 0 48px; }
}

@media (max-width: 480px) {
  .ogc-page-banner { padding: 20px 0 18px; }
  .ogc-page-body   { padding: 24px 0 36px; }
  .ogc-page-body__inner { padding: 0 14px; }

  .ogc-page-body__inner h2 {
    font-size: var(--og-fs-xl) !important;
  }
  .ogc-page-body__inner p,
  .ogc-page-body__inner ul,
  .ogc-page-body__inner ol {
    font-size: 14px !important;
  }
}