/* ============================================================
   BioSegredos – Estilo Global (Extendable Child)
   ============================================================ *//* ---------- Variáveis e reset básicos ---------- *//* ---------- Reset global ---------- */*,
*::before,
*::after {
  box-sizing: border-box;
}html {
  scroll-behavior: smooth;
}body {
  margin: 0;
  background: #f9fafc;
  font-family: "Segoe UI", Roboto, system-ui, -apple-system, "Helvetica Neue",
    Arial, sans-serif;
  color: var(--bio-texto);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}/* ---------- Oculta tagline WordPress ---------- */.site-description,
.wp-block-site-tagline {
  display: none !important;
}/* ============================================================
   Layout refinado – centralização e margens internas do conteúdo
   ============================================================ */main.bio-container,
.single-area main,
.single-artigos main,
.single-artigo main,
.entry-content,
.site-main {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 60px);
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}/* Espaçamento e “respiro” lateral para o texto */.entry-content p,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content ul,
.entry-content ol,
.entry-content img,
.entry-content table {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}/* Evita que imagens ou tabelas encostem nas bordas */.entry-content img,
.entry-content table {
  display: block;
  margin: 24px auto;
  border-radius: 12px;
}/* Mantém fundo branco suave em toda a área do artigo */body.single,
body.single-artigos,
body.single-area {
  background-color: #f6f9fc;
}/* Ajusta o título do artigo para dar um “respiro” do topo */h1.entry-title {
  margin-top: 40px;
  margin-bottom: 24px;
  font-size: clamp(28px, 3.5vw, 44px);
  text-align: center;
}/* Breadcrumb menor e mais leve visualmente *//* Espaçamento inferior entre as seções principais */section,
figure {
  margin-bottom: 40px;
}/* ---------- Títulos e textos ---------- */h1,
h2,
h3,
h4 {
  line-height: 1.25;
  margin: 0.6em 0 0.35em;
}h1 {
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 800;
  color: var(--bio-azul);
}h2 {
  font-size: clamp(22px, 2.6vw, 30px);
  color: var(--bio-azul-esc);
}h3 {
  font-size: clamp(18px, 2.2vw, 24px);
  color: var(--bio-texto);
}p {
  margin-bottom: 1.2em;
}/* ---------- Links ---------- */a {
  color: var(--bio-azul);
  text-decoration: none;
  transition: color 0.2s ease;
}a:hover {
  color: var(--bio-azul-esc);
  text-decoration: underline;
}a:focus {
  outline: 3px solid rgba(0, 74, 173, 0.25);
  outline-offset: 2px;
}/* ---------- Breadcrumb ---------- */.bio-breadcrumb a {
  color: var(--bio-azul);
}.bio-breadcrumb a:hover {
  text-decoration: underline;
}/* ---------- Imagens e tabelas globais ---------- */img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}table {
  border-collapse: collapse;
  width: 100%;
  margin: 16px 0;
}table,
th,
td {
  border: 1px solid var(--bio-borda);
}th,
td {
  padding: 10px;
  text-align: left;
}/* ============================================================
   BioSegredos Premium v1 – visual científico, estável e escalável
   ============================================================ *//* ---------- Cabeçalho (glass/sticky) ---------- */.wp-site-blocks header,
.wp-block-template-part header {
  position: sticky;
  top: 0;
  z-index: 999;
  backdrop-filter: saturate(120%) blur(8px);
  -webkit-backdrop-filter: saturate(120%) blur(8px);
  background: rgba(255, 255, 255, 0.84);
  border-bottom: 1px solid #e8eef6;
}/* ---------- Faixa de fundo suave nas páginas ---------- */body.single,
body.tax-area,
body.post-type-archive-artigo {
  background: radial-gradient(1200px 600px at 10% -10%, #eaf3ff 0%, transparent 60%),
    radial-gradient(900px 480px at 110% 0%, #f0fdfa 0%, transparent 60%),
    #f7f9fc;
}/* ---------- Container principal com respiro ---------- *//* ---------- Tipografia Premium ---------- */.bio-h1,
.entry-title,
.bio-archive-title {
  font-size: clamp(30px, 3.6vw, 48px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: 0.2px;
  margin: 8px 0 18px;
}.bio-archive-sub,
.bio-meta,
.bio-breadcrumb {
  color: #637087;
}.bio-breadcrumb {
  text-align: center;
  margin: 4px 0 6px;
  font-size: 0.92rem;
  margin-bottom: 8px;
  color: var(--bio-cinza);
}.bio-meta {
  text-align: center;
  font-size: 0.95rem;
  margin-bottom: 22px;
}/* ---------- Corpo do artigo com largura confortável ---------- */.bio-content > * {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}.bio-content p {
  margin: 0 0 1.15em;
}.bio-content h3 {
  margin: 18px auto 8px;
}/* ---------- Figuras e legendas ---------- */.bio-content figure {
  margin: 22px auto;
}.bio-content img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}.bio-content figcaption {
  text-align: center;
  font-size: 0.92rem;
  color: #6a7487;
  margin-top: 8px;
}/* ---------- Tabelas e códigos dentro do conteúdo ---------- */.bio-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 16px auto;
}.bio-content th,
.bio-content td {
  border: 1px solid #e3e9f2;
  padding: 10px;
}.bio-content pre,
.bio-content code {
  background: #0f172a;
  color: #e2e8f0;
  border-radius: 10px;
}.bio-content pre {
  padding: 14px 16px;
  overflow: auto;
}/* ---------- Cards/grade (lista de artigos) ---------- */@media (min-width: 768px) {.bio-grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}}.bio-card-title {
  font-weight: 750;
  margin: 0.5em 0;
  color: #0f4fae;
}.bio-card-excerpt {
  color: #5a6b7a;
}/* ---------- Paginação ---------- */.bio-pagination {
  text-align: center;
  margin: 24px 0 6px;
}.bio-pagination .page-numbers {
  display: inline-block;
  padding: 10px 14px;
  margin: 0 4px;
  border: 1px solid #dfe7f2;
  border-radius: 10px;
  background: #fff;
  color: #0f4fae;
}.bio-pagination .current {
  background: #eaf3ff;
  border-color: #bcd6ff;
}/* ---------- Botão primário/links de ação ---------- */a.button,
.bio-read {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  background: #004aad;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.2px;
  box-shadow: 0 6px 18px rgba(0, 74, 173, 0.18);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}a.button:hover,
.bio-read:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}/* ============================================================
   Paleta por ÁREA (cores automáticas via classe bio-area-{slug})
   ============================================================ *//* 1) Imunologia Humana */.bio-area-imunologia-humana .bio-h1,
.bio-area-imunologia-humana .entry-title,
.bio-area-imunologia-humana .bio-archive-title {
  color: #0f4fae;
}.bio-area-imunologia-humana a.button,
.bio-area-imunologia-humana .bio-read {
  background: #0f4fae;
}/* 2) Ciências Morfofuncionais (slug: ciencias-morfofuncionais) */.bio-area-ciencias-morfofuncionais .bio-h1,
.bio-area-ciencias-morfofuncionais .entry-title,
.bio-area-ciencias-morfofuncionais .bio-archive-title {
  color: #0a7d5a;
}.bio-area-ciencias-morfofuncionais a.button,
.bio-area-ciencias-morfofuncionais .bio-read {
  background: #0a7d5a;
}/* 3) Genética (slug: genetica) */.bio-area-genetica .bio-h1,
.bio-area-genetica .entry-title,
.bio-area-genetica .bio-archive-title {
  color: #6b21a8;
}.bio-area-genetica a.button,
.bio-area-genetica .bio-read {
  background: #6b21a8;
}/* Fallback para áreas sem cor definida */[class*="bio-area-"] .bio-archive-title,
[class*="bio-area-"] .bio-h1,
[class*="bio-area-"] .entry-title {
  color: var(--bio-azul);
}/* ============================================================
   PREMIUM V2 – Layout responsivo + Dark Mode + microanimações
   ============================================================ *//* ---------- 1. Ajustes de responsividade geral ---------- *//* Tablet */@media (max-width: 1024px) {.bio-container {
  margin: 16px auto;
  padding: 20px;
  border-radius: 14px;
}.bio-content > * {
  max-width: 100%;
}.bio-grid.bio-grid-cols-3 {
  grid-template-columns: repeat(2, 1fr);
}.bio-breadcrumb,
  .bio-meta {
  text-align: left;
}}/* Mobile */@media (max-width: 768px) {.bio-container {
  margin: 12px auto 18px;
  padding: 18px;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}.bio-h1,
  .entry-title,
  .bio-archive-title {
  font-size: 24px;
  text-align: left;
  margin-top: 4px;
}.bio-breadcrumb {
  font-size: 0.84rem;
  margin-bottom: 6px;
}.bio-meta {
  font-size: 0.86rem;
  margin-bottom: 18px;
}.bio-grid.bio-grid-cols-3 {
  grid-template-columns: 1fr;
}.bio-card {
  padding: 14px;
  border-radius: 12px;
}.bio-card-title {
  font-size: 1rem;
}.bio-card-excerpt {
  font-size: 0.9rem;
}}/* Mobile super estreito */@media (max-width: 480px) {.bio-container {
  padding: 14px;
}.bio-content img {
  border-radius: 10px;
}.bio-content h2 {
  font-size: 20px;
}}/* ---------- 2. Microanimações discretas ---------- */.bio-card {
  will-change: transform, box-shadow;
  background: #fff;
  border: 1px solid #e5ecf6;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}.bio-card:hover {
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
}.bio-content h2 {
  position: relative;
  overflow: hidden;
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 28px auto 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--bio-borda);
  color: #0f4fae;
}.bio-content h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 72px;
  height: 2px;
  background: linear-gradient(90deg, #004aad, #028090);
  opacity: 0;
  transform: translateX(-24px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}.bio-content h2:hover::after {
  opacity: 1;
  transform: translateX(0);
}/* Botões / links de ação + toggle de tema */a.button,
.bio-read,
.bio-theme-toggle {
  transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}a.button:hover,
.bio-read:hover,
.bio-theme-toggle:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}/* ---------- 3. Modo escuro (Dark Mode BioSegredos) ---------- *//* Ativo quando o <body> tiver a classe .bio-dark */body.bio-dark {
  background: #020617;
  color: #e5e7eb;
}body.bio-dark .bio-container {
  background: #020617;
  border-color: #111827;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.65);
}body.bio-dark .bio-h1,
body.bio-dark .entry-title,
body.bio-dark .bio-archive-title {
  color: #e5e7eb;
}body.bio-dark .bio-content h2 {
  border-bottom-color: #1f2937;
  color: #e5e7eb;
}body.bio-dark .bio-content p,
body.bio-dark .bio-content li,
body.bio-dark .bio-archive-sub,
body.bio-dark .bio-meta,
body.bio-dark .bio-breadcrumb {
  color: #cbd5f5;
}body.bio-dark .bio-card {
  background: #020617;
  border-color: #111827;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}body.bio-dark .bio-card-title {
  color: #e5e7eb;
}body.bio-dark .bio-card-excerpt {
  color: #9ca3af;
}body.bio-dark a.button,
body.bio-dark .bio-read {
  background: #1d4ed8;
  color: #e5e7eb;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.9);
}/* Dark mode para citações / sumário / TOC */body.bio-dark .cita-bio {
  background: #020617;
  border-color: #1f2937;
  color: #e5e7eb;
}body.bio-dark .toc-bio {
  background: #020617;
  border-color: #1f2937;
}/* Ajuste global de containers no modo escuro */body.bio-dark .site,
body.bio-dark .wp-site-blocks,
body.bio-dark main,
body.bio-dark article,
body.bio-dark .entry-content,
body.bio-dark .wp-block-group,
body.bio-dark .wp-block-group__inner-container,
body.bio-dark .wp-block-columns,
body.bio-dark .wp-block-column {
  background-color: #020617 !important;
  color: #e5e7eb;
}/* Texto dentro do conteúdo em dark mode */body.bio-dark .entry-content p,
body.bio-dark .entry-content li,
body.bio-dark .entry-content h2,
body.bio-dark .entry-content h3,
body.bio-dark .entry-content h4 {
  color: #e5e7eb;
}/* Blocos com fundo definido (has-background) também escurecem */body.bio-dark .wp-block-group.has-background,
body.bio-dark .wp-block-cover__inner-container {
  background-color: #020617 !important;
}/* ---------- 4. Botão de alternância de tema (claro/escuro) ---------- */.bio-theme-toggle span {
  font-weight: 600;
}.bio-theme-toggle .icon {
  font-size: 1rem;
}body.bio-dark .bio-theme-toggle {
  background: rgba(15, 23, 42, 0.95);
  color: #e5e7eb;
  border-color: #334155;
}/* Sugestão de posicionamento quando estiver em um bloco no topo do artigo */.bio-theme-toggle-wrap {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}/* Botão global – canto superior direito */.bio-theme-toggle-global {
  position: fixed;
  top: 14px;
  right: 18px;
  z-index: 9999;
}.bio-theme-toggle {
  backdrop-filter: blur(6px) saturate(130%);
  -webkit-backdrop-filter: blur(6px) saturate(130%);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: rgba(255, 255, 255, 0.85);
  font-size: 0.86rem;
  cursor: pointer;
  color: #0f172a;
}/* ---------- 5. Citações científicas premium ---------- */.cita-bio {
  max-width: 920px;
  margin: 18px auto;
  padding: 14px 16px;
  border-radius: 12px;
  border-left: 5px solid #0f4fae;
  background: #f1f5f9;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
  font-size: 0.96rem;
}.cita-bio strong {
  font-weight: 700;
}.cita-bio em {
  font-style: italic;
}/* ---------- 6. Sumário avançado (TOC Premium) ---------- */.toc-bio {
  max-width: 920px;
  margin: 18px auto 24px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid #dbe4f0;
  background: #f8fafc;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}.toc-bio-title {
  font-weight: 750;
  margin-bottom: 10px;
  font-size: 1rem;
  color: #0f4fae;
  display: flex;
  align-items: center;
  gap: 6px;
}.toc-bio-title .icon {
  font-size: 1.1rem;
}.toc-bio ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}.toc-bio li {
  margin: 0;
}.toc-bio a {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #d1e0f5;
  background: #ffffff;
  font-size: 0.88rem;
}.toc-bio a:hover {
  background: #eaf3ff;
  text-decoration: none;
}/* Empurrar o conteúdo para baixo da barra – apenas front-end */body:not(.wp-admin) {
  padding-top: 44px;
}/* Responsivo para mobile */@media (max-width: 768px) {.bio-topbar-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
}.bio-topbar-logo {
  font-size: 0.78rem;
}.bio-topbar-nav {
  justify-content: flex-start;
  gap: 6px;
  font-size: 0.8rem;
}.bio-theme-toggle {
  font-size: 0.78rem;
  padding: 4px 8px;
}body:not(.wp-admin) {
  padding-top: 52px;
}}/* ============================================================
   HOME – Hero (capa) responsivo para claro/escuro
   ============================================================ *//* Estilo base do hero da home */.home .wp-block-cover {
  min-height: 380px;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
}.home .wp-block-cover__inner-container {
  max-width: 900px;
  margin: 0 auto;
}/* Título / texto da capa */.home .wp-block-cover__inner-container h1,
.home .wp-block-cover__inner-container h2,
.home .wp-block-cover__inner-container p {
  text-align: center;
}/* Modo claro – hero com fundo levemente escurecido sobre a imagem */body:not(.bio-dark) .home .wp-block-cover {
  background-color: #020617;
  background-blend-mode: multiply;
}/* Modo escuro – mantemos o hero limpo, sem “dobrar” a escuridão */body.bio-dark .home .wp-block-cover {
  background-color: rgba(15, 23, 42, 0.85);
  background-blend-mode: normal;
}/* Botão principal da capa (Saiba Mais) */.home .wp-block-button .wp-block-button__link {
  font-weight: 600;
  padding: 12px 30px;
  border-radius: 999px;
}/* Dark mode – botão com borda suave */body.bio-dark .home .wp-block-button .wp-block-button__link {
  background: #0f172a;
  border: 1px solid #22c55e;
}/* ============================================================
   HOME – Cards informativos
   ============================================================ *//* Card base nas colunas da home */.home .wp-block-columns {
  gap: 24px;
}.home .wp-block-column {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 22px 20px;
  box-shadow: 0 18px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(148, 163, 184, 0.25);
}/* Títulos dos cards */.home .wp-block-column h3,
.home .wp-block-column h4 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 1.1rem;
}/* Modo escuro – cards escurecidos com borda verde BioSegredos */body.bio-dark .home .wp-block-column {
  background-color: #020617;
  border-color: rgba(34, 197, 94, 0.55);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.55);
}/* Texto dentro dos cards em dark */body.bio-dark .home .wp-block-column p,
body.bio-dark .home .wp-block-column li {
  color: #e5e7eb;
}/* ===========================
   Seções da Página Inicial Premium
   =========================== */.bio-section-nav,
.bio-section-articles,
.bio-section-areas,
.bio-section-explainer,
.bio-section-final {
  max-width: 1080px;
  margin-inline: auto;
}/* Cartões de navegação e áreas */.bio-card-nav,
.bio-card-area {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 22px 20px;
  box-shadow: 0 18px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(148, 163, 184, 0.25);
}/* Títulos dos cards */.bio-card-nav h3,
.bio-card-area h3 {
  margin-top: 0;
  margin-bottom: 8px;
}/* Dark mode – cards */body.bio-dark .bio-card-nav,
body.bio-dark .bio-card-area {
  background-color: #020617;
  border-color: rgba(34, 197, 94, 0.55);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.65);
}body.bio-dark .bio-card-nav p,
body.bio-dark .bio-card-area p {
  color: #e5e7eb;
}/* ==========================================================
   HERO totalmente transparente (sem blocos sobre a imagem)
   Funciona no modo claro e escuro
   ========================================================== *//* Remove QUALQUER overlay escurecendo a imagem */.bio-hero-cover::before,
body.bio-dark .bio-hero-cover::before {
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}/* Torna o cartão onde o texto estava completamente transparente */.bio-hero-card,
body.bio-dark .bio-hero-card {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  border: none !important;
}/* Ajuste para o texto ficar nítido nos dois modos */.bio-hero-card h1,
.bio-hero-card h2,
.bio-hero-card h3,
.bio-hero-card p,
.bio-hero-card .hero-highlight,
.bio-hero-card .hero-subtitle {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}/* Reforço extra em telas menores */@media (max-width: 768px) {.bio-hero-card p,
  .bio-hero-card h1 {
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.65);
}}/* ==========================================================
   Remover completamente o overlay do bloco Capa (Cover)
   no modo escuro – deixa só a imagem
   ========================================================== */body.bio-dark .wp-block-cover__background {
  background: transparent !important;
  opacity: 0 !important;
}/* Alguns temas usam ::before para o dimming */body.bio-dark .wp-block-cover::before {
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}/* Caso o próprio bloco Cover tenha cor de fundo no dark mode */body.bio-dark .wp-block-cover {
  background-color: transparent !important;
}/* ==========================================================
   Ajuste CIRÚRGICO do HERO no Dark Mode
   Remove qualquer fundo do hero EXCETO botões e caixas
   ========================================================== */body.bio-dark .bio-hero-cover * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}/* Preservar botões (restaurar fundo) */body.bio-dark .bio-hero-cover .wp-element-button,
body.bio-dark .bio-hero-cover .wp-block-button__link,
body.bio-dark .bio-hero-cover .bio-btn {
  background: #ffffff !important;
  color: #000 !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  display: inline-block;
  font-weight: 600;
}body.bio-dark .bio-hero-cover .wp-element-button:hover,
body.bio-dark .bio-hero-cover .wp-block-button__link:hover,
body.bio-dark .bio-hero-cover .bio-btn:hover {
  background: #e6e6e6 !important;
}/* Garantir que a IMAGEM continue visível */body.bio-dark .bio-hero-cover .wp-block-cover__image-background,
body.bio-dark .bio-hero-cover img {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}/* ==========================================================
   BIOSEGREDOS – CARDS DE ARTIGO NO MODO ESCURO
   ========================================================== *//* 1) Fundo escuro premium para qualquer card com background */body.bio-dark article .has-background,
body.bio-dark article .wp-block-group.has-background,
body.bio-dark article .wp-block-columns.has-background,
body.bio-dark article .wp-block-column.has-background {
  background-color: #020617 !important;
  color: #e2e8f0 !important;
  border-color: #0f172a !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.75);
}/* 2) Texto interno desses cards */body.bio-dark article .has-background p,
body.bio-dark article .has-background li,
body.bio-dark article .has-background span,
body.bio-dark article .has-background strong {
  color: #e2e8f0 !important;
}/* 3) Títulos dos cards */body.bio-dark article .has-background h2,
body.bio-dark article .has-background h3,
body.bio-dark article .has-background h4 {
  color: #f9fafb !important;
}/* 4) Links dentro dos cards – azul científico mais vivo */body.bio-dark article .has-background a {
  color: #38bdf8 !important;
}body.bio-dark article .has-background a:hover {
  color: #0ea5e9 !important;
  text-decoration: underline;
}/* ==========================================================
   BIOSEGREDOS – AJUSTE GLOBAL DOS CARDS DE ARTIGO NO DARK MODE
   ========================================================== */body.bio-dark .main-bio-container [style*="background-color"],
body.bio-dark .main-bio-container .has-background,
body.bio-dark .main-bio-container .wp-block-group.has-background,
body.bio-dark .main-bio-container .wp-block-columns.has-background,
body.bio-dark .main-bio-container .wp-block-column.has-background {
  background-color: #020617 !important;
  color: #e2e8f0 !important;
  border-color: #0f172a !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.75);
}body.bio-dark .main-bio-container [style*="background-color"] p,
body.bio-dark .main-bio-container [style*="background-color"] li,
body.bio-dark .main-bio-container [style*="background-color"] span,
body.bio-dark .main-bio-container [style*="background-color"] strong,
body.bio-dark .main-bio-container .has-background p,
body.bio-dark .main-bio-container .has-background li,
body.bio-dark .main-bio-container .has-background span,
body.bio-dark .main-bio-container .has-background strong {
  color: #e2e8f0 !important;
}body.bio-dark .main-bio-container [style*="background-color"] h2,
body.bio-dark .main-bio-container [style*="background-color"] h3,
body.bio-dark .main-bio-container [style*="background-color"] h4,
body.bio-dark .main-bio-container .has-background h2,
body.bio-dark .main-bio-container .has-background h3,
body.bio-dark .main-bio-container .has-background h4 {
  color: #f9fafb !important;
}body.bio-dark .main-bio-container [style*="background-color"] a,
body.bio-dark .main-bio-container .has-background a {
  color: #38bdf8 !important;
}body.bio-dark .main-bio-container [style*="background-color"] a:hover,
body.bio-dark .main-bio-container .has-background a:hover {
  color: #0ea5e9 !important;
  text-decoration: underline;
}/* -----------------------------------------------------------
   BioSegredos – Componentes Premium (Light/Dark Mode)
   ----------------------------------------------------------- *//* ===========================================================
   RESUMO VISUAL – container e cartões internos (skin)
   =========================================================== */.biosegredos-resumo {
  padding: 22px;
  border-radius: 18px;
  margin: 28px 0;
  background: var(
    --bs-resumo-bg,
    linear-gradient(180deg, #e3f2fd 0%, #ffffff 70%)
  );
  border: 1.5px solid #1e88e5;
  transition: background 0.3s ease, color 0.3s ease;
}body.bio-dark .biosegredos-resumo {
  background: #020617;
  border-color: #7ab4ff;
  color: #e2e8f0;
}/* Cartões internos do Resumo */.biosegredos-resumo .biosegredos-card {
  border-radius: 16px;
  padding: 16px;
  background: var(--bs-card-bg, #ffffff);
  border: 1.5px solid #1e88e5;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}body.bio-dark .biosegredos-resumo .biosegredos-card {
  background: #0f172a;
  border-color: #7ab4ff;
  color: #e2e8f0;
}/* ===========================================================
   CARTÕES GERAIS – .biosegredos-card
   =========================================================== */.biosegredos-card {
  border-radius: 16px;
  padding: 20px;
  border: 1.6px solid #1e88e5;
  background: #ffffff;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}body.bio-dark .biosegredos-card {
  background: #020617;
  border-color: #7ab4ff;
  color: #e2e8f0;
}/* ===========================================================
   REFERÊNCIAS CIENTÍFICAS – skin extra
   =========================================================== */.biosegredos-referencias {
  padding: 24px;
  border-radius: 18px;
  margin-top: 40px;
  background: var(
    --bs-ref-bg,
    linear-gradient(180deg, #f0fdfa 0%, #ffffff 80%)
  );
  border: 1.5px solid #028090;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}body.bio-dark .biosegredos-referencias {
  background: #020617;
  color: #e2e8f0;
  border-color: #5ad5ff;
}.biosegredos-referencias ol li {
  margin-bottom: 8px;
}.biosegredos-referencias a {
  color: #0066cc;
}body.bio-dark .biosegredos-referencias a {
  color: #7ab4ff;
}/* ===========================================================
   BIOSEGREDOS EXPLICA – .bio-explica
   =========================================================== */.bio-explica {
  background: #f0fdfa;
  border-left: 5px solid #028090;
  padding: 18px 20px;
  border-radius: 12px;
  margin: 26px 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  color: #334155;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}body.bio-dark .bio-explica {
  background: #0f172a;
  border-color: #40c4d8;
  color: #e2e8f0;
}/* ============================
   LEGENDAS DE IMAGENS – BIOSEGREDOS
   ============================ *//* Reduz espaço entre a imagem e a legenda */figure.wp-block-image figcaption {
  margin-top: 4px !important;
  padding-top: 0 !important;
}/* Remove margens internas e externas excessivas do figure */figure.wp-block-image {
  margin-top: 0 !important;
  margin-bottom: 1.2rem !important;
  padding: 0 !important;
}/* Estilo base da legenda científica */.wp-block-image figcaption {
  font-size: 0.85rem;
  color: var(--bio-legenda, #4a5568);
  font-style: italic;
  line-height: 1.4;
  text-align: center;
}/* Ajuste automático para modo escuro */body.bio-dark .wp-block-image figcaption {
  color: #e2e8f0;
}/* LEGENDAS PREMIUM DESTACADAS: .bio-legenda */figure.bio-legenda figcaption {
  background: rgba(2, 8, 23, 0.75);
  color: #e0f7fa;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 0.9rem;
  margin-top: 4px !important;
  line-height: 1.5;
  text-align: center;
  border-left: 4px solid #028090;
}body.bio-dark figure.bio-legenda figcaption {
  background: rgba(255, 255, 255, 0.08);
  color: #e6f8ff;
  border-left-color: #4fd1c5;
}/* ============================================================
   Rodapé Institucional – BIOSEGREDOS (Versão Oficial)
   ============================================================ *//* Estrutura base do rodapé *//* Container interno */.bio-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  font-size: 0.88rem;
  line-height: 1.5;
}/* Nome do site */.bio-footer-site {
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}/* Textos institucionais (ex: disclaimer curto) */.bio-footer-legal {
  margin-top: 4px;
  max-width: 480px;
  font-size: 0.78rem;
  color: #cbd5f5;
}/* Navegação de links institucionais */.bio-footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}.bio-footer-link {
  font-size: 0.86rem;
  text-decoration: none;
  color: #bfdbfe;
  line-height: 1.5;
}.bio-footer-link:hover {
  text-decoration: underline;
}/* Redes sociais (opcional) */.bio-footer-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid #22c55e;
  font-size: 0.8rem;
  font-weight: 600;
  color: #22c55e;
  text-decoration: none;
}.bio-footer-social:hover {
  background: rgba(34, 197, 94, 0.12);
}/* Responsividade */@media (max-width: 768px) {.bio-footer-inner {
  flex-direction: column;
  align-items: flex-start;
}.bio-footer-links {
  width: 100%;
  justify-content: flex-start;
}.bio-footer-link {
  margin: 0;
}}/* --- Botão global "voltar ao topo" --- */.biosegredos-back-to-top-wrapper {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 9999;
}.biosegredos-back-to-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: radial-gradient(
    circle at 30% 0,
    #22c55e,
    #0ea5e9 52%,
    #020617 100%
  );
  color: #e5e7eb;
  font-size: 1.4rem;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(148, 163, 184, 0.5);
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
  opacity: 0.88;
}.biosegredos-back-to-top:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.65);
  opacity: 1;
}.biosegredos-back-to-top:active {
  transform: translateY(0);
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.55);
}/* Ajuste em telas menores */@media (max-width: 480px) {.biosegredos-back-to-top-wrapper {
  right: 1rem;
  bottom: 1rem;
}}/* ============================================================
   BioSegredos – Navegação "Artigo anterior / próximo"
   ============================================================ */.bio-nav-wrapper {
  margin-top: 60px;
  padding: 30px 20px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  opacity: 0;
  transform: translateY(8px);
  animation: bio-nav-wrapper-in 380ms ease-out forwards;
}/* Dark mode */body.bio-dark .bio-nav-wrapper {
  background: #0a0f1a;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);
}.bio-nav-prev,
.bio-nav-next {
  flex: 1;
  min-width: 280px;
  padding: 18px 22px;
  border-radius: 14px;
  text-decoration: none;
  background: #ffffff;
  transition: transform 220ms ease-out, box-shadow 220ms ease-out,
    filter 220ms ease-out;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  justify-content: center;
  will-change: transform, box-shadow;
}body.bio-dark .bio-nav-prev,
body.bio-dark .bio-nav-next {
  background: #0d1526;
  border-color: rgba(255, 255, 255, 0.1);
}/* Hover/focus */.bio-nav-prev:hover,
.bio-nav-prev:focus-visible,
.bio-nav-next:hover,
.bio-nav-next:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.16);
  filter: brightness(1.03);
}body.bio-dark .bio-nav-prev:hover,
body.bio-dark .bio-nav-next:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}.bio-nav-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  opacity: 0.8;
  color: #028090;
  transition: opacity 180ms ease-out, letter-spacing 180ms ease-out;
}body.bio-dark .bio-nav-label {
  color: #66d9ff;
}.bio-nav-title {
  position: relative;
  margin-top: 0.25rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.4;
  transition: transform 200ms ease-out;
}body.bio-dark .bio-nav-title {
  color: #e2e8f0;
}/* Linha animada sob o título */.bio-nav-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.18rem;
  width: 0;
  height: 2px;
  background-color: currentColor;
  opacity: 0.65;
  transform-origin: left;
  transition: width 220ms ease-out, opacity 220ms ease-out;
}.bio-nav-prev:hover .bio-nav-title::after,
.bio-nav-prev:focus-visible .bio-nav-title::after,
.bio-nav-next:hover .bio-nav-title::after,
.bio-nav-next:focus-visible .bio-nav-title::after {
  width: 100%;
  opacity: 0.9;
}.bio-nav-prev:hover .bio-nav-label,
.bio-nav-prev:focus-visible .bio-nav-label,
.bio-nav-next:hover .bio-nav-label,
.bio-nav-next:focus-visible .bio-nav-label {
  opacity: 1;
  letter-spacing: 0.12em;
}/* Placeholder vazio quando não há artigo anterior/próximo */.bio-nav-empty {
  opacity: 0.4;
}/* Animação de entrada do bloco de navegação */@keyframes bio-nav-wrapper-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* Acessibilidade: reduzir animações */@media (prefers-reduced-motion: reduce) {.bio-nav-wrapper {
  animation: none;
  opacity: 1;
  transform: none;
}.bio-nav-prev,
  .bio-nav-next {
  transition: none;
  transform: none;
  box-shadow: none;
  filter: none;
}.bio-nav-title::after {
  transition: none;
}}/* Mobile navegação */@media (max-width: 720px) {.bio-nav-wrapper {
  flex-direction: column;
}}/* =========================================================
   OS SEGREDOS DA VIDA – HUB PREMIUM DE ÁREAS
   ========================================================= */.osv-section {
  background: radial-gradient(
    circle at top,
    #f4f9ff 0,
    #eef3fb 40%,
    #e5f4f0 100%
  );
  padding: 3.5rem 0 4.5rem;
}.osv-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}/* HERO */.osv-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 2.5rem;
  align-items: center;
  margin-bottom: 3rem;
}.osv-hero-text {
  max-width: 640px;
}.osv-kicker {
  font-size: 0.9rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0f766e;
  font-weight: 600;
  margin: 0 0 0.4rem;
}.osv-title {
  margin: 0 0 0.75rem;
  font-size: clamp(2rem, 3vw, 2.6rem);
  line-height: 1.15;
  color: #0f172a;
}.osv-subtitle {
  margin: 0 0 1.1rem;
  font-size: 0.98rem;
  line-height: 1.7;
  color: #4b5563;
}.osv-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}.osv-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.65rem 1.3rem;
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
}.osv-cta-primary {
  background: linear-gradient(135deg, #0ea5e9, #1d4ed8);
  color: #ffffff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.35);
}.osv-cta-primary:hover {
  filter: brightness(1.07);
}.osv-cta-secondary {
  background: rgba(255, 255, 255, 0.85);
  color: #0f172a;
  border-color: rgba(148, 163, 184, 0.7);
}.osv-cta-secondary:hover {
  background: #e5edf7;
}.osv-meta {
  margin: 0;
  font-size: 0.86rem;
  color: #6b7280;
}.osv-hero-media img {
  width: 100%;
  display: block;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.35);
  object-fit: cover;
}/* GRID DE ÁREAS */.osv-areas-header {
  text-align: left;
  margin-bottom: 1.4rem;
}.osv-areas-header h2 {
  margin: 0;
  font-size: 1.45rem;
  color: #0f172a;
}.osv-areas-intro {
  margin: 0.4rem 0 0;
  font-size: 0.96rem;
  color: #4b5563;
  max-width: 760px;
}.osv-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.4rem;
  margin-top: 1.4rem;
}.osv-card {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  padding: 1.4rem 1.3rem 1.25rem;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
  border: 1px solid rgba(148, 163, 184, 0.45);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: transform 0.18s ease, box-shadow 0.18s ease,
    border-color 0.18s ease;
}.osv-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.28);
  border-color: #0ea5e9;
}.osv-icon {
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 0.15rem;
}.osv-card-title {
  margin: 0;
  font-size: 1.05rem;
  color: #0f172a;
}.osv-card-desc {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.6;
  color: #4b5563;
}.osv-card-tags {
  margin: 0.25rem 0 0.35rem;
  padding: 0;
  list-style: none;
  font-size: 0.86rem;
  color: #475569;
}.osv-card-tags li::before {
  content: "• ";
  color: #0f766e;
}.osv-card-link {
  margin-top: auto;
  align-self: flex-start;
  display: inline-flex;
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.96);
  color: #ffffff;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
}.osv-card-link:hover {
  filter: brightness(1.08);
}.osv-badge {
  position: absolute;
  top: 0.95rem;
  right: 0.95rem;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font-weight: 700;
}.osv-badge-soon {
  background: rgba(56, 189, 248, 0.12);
  color: #0369a1;
  border: 1px solid rgba(56, 189, 248, 0.7);
}.osv-note {
  margin-top: 1.4rem;
  font-size: 0.86rem;
  color: #6b7280;
}/* CHAMADA FINAL */.osv-bottom-cta {
  margin-top: 2.5rem;
  padding: 1.8rem 1.4rem 1.6rem;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.97);
  color: #e5e7eb;
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.7);
}.osv-bottom-cta h2 {
  margin: 0 0 0.6rem;
  font-size: 1.25rem;
}.osv-bottom-cta p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
}/* RESPONSIVO – OSV */@media (max-width: 900px) {.osv-hero {
  grid-template-columns: minmax(0, 1fr);
}.osv-hero-media {
  order: -1;
}.osv-bottom-cta {
  margin-top: 2rem;
}}@media (max-width: 640px) {.osv-section {
  padding: 2.5rem 0 3.2rem;
}.osv-wrap {
  padding: 0 1.1rem;
}.osv-hero {
  gap: 2rem;
}.osv-bottom-cta {
  padding: 1.5rem 1.1rem 1.4rem;
}}/* ============================
   DARK MODE – OS SEGREDOS DA VIDA
   ============================ */body.bio-dark .osv-section {
  background: radial-gradient(
    circle at top,
    #020617 0,
    #020617 45%,
    #000000 100%
  );
}body.bio-dark .osv-title,
body.bio-dark .osv-areas-header h2 {
  color: #e5e7eb;
}body.bio-dark .osv-subtitle,
body.bio-dark .osv-meta,
body.bio-dark .osv-areas-intro,
body.bio-dark .osv-note {
  color: #cbd5f5;
}body.bio-dark .osv-cta-secondary {
  background: rgba(15, 23, 42, 0.9);
  color: #e5e7eb;
  border-color: rgba(148, 163, 184, 0.8);
}body.bio-dark .osv-hero-media img {
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.9);
}body.bio-dark .osv-card {
  background: #020617;
  border-color: rgba(148, 163, 184, 0.45);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.95);
}body.bio-dark .osv-card-title {
  color: #e5e7eb;
}body.bio-dark .osv-card-desc,
body.bio-dark .osv-card-tags {
  color: #cbd5f5;
}body.bio-dark .osv-card-link {
  background: #0ea5e9;
  color: #0b1020;
}body.bio-dark .osv-bottom-cta {
  background: rgba(15, 23, 42, 0.98);
  color: #e5e7eb;
}/* =========================================================
   FIX – Os Segredos da Vida
   Evitar efeito de hero "estático"
   ========================================================= */.osv-section,
.osv-wrap,
.osv-hero,
.osv-hero-media {
  position: static !important;
  z-index: auto !important;
  overflow: visible !important;
}/* Garante que o conteúdo abaixo nunca passe "por trás" do hero */.osv-section + * {
  position: relative;
  z-index: 1;
}/* ============================================================
   IMUNOLOGIA HUMANA – BLOCO 1 (Hero + Índice) – CORRIGIDO
   ============================================================ *//* Container Geral */.imuno-hub {
  margin: 0 0 24px;
  padding: 20px;
  border-radius: 18px;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}/* Hero – área de texto */.imuno-hero {
  margin-bottom: 24px;
  max-width: 800px;
}.imuno-hero h1 {
  font-size: clamp(28px, 3.2vw, 42px);
  margin: 0 0 14px;
  line-height: 1.15;
  font-weight: 800;
}.imuno-hero p {
  font-size: 1.05rem;
  margin-bottom: 16px;
  line-height: 1.6;
}/* --- MODO CLARO (Padrão) --- */body:not(.bio-dark) .imuno-hero h1 {
  color: #004aad;
}body:not(.bio-dark) .imuno-hero p {
  color: #334155;
}/* --- MODO ESCURO (Correção do erro "esbranquiçado") --- *//* 1. Define fundo escuro no container principal */body.bio-dark .imuno-hub {
  background-color: #020617 !important;
  border: 1px solid rgba(148, 163, 184, 0.2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}/* 2. Texto claro com contraste alto */body.bio-dark .imuno-hero h1 {
  color: #f8fafc !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);
}body.bio-dark .imuno-hero p,
body.bio-dark .imuno-hero .imuno-aviso {
  color: #cbd5f5 !important;
}/* Destaque do "Importante:" nos dois modos */.imuno-aviso {
  margin-top: 20px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  border-left: 4px solid #dc2626;
  font-size: 0.95rem;
}body:not(.bio-dark) .imuno-aviso {
  background-color: #fff1f2;
}body.bio-dark .imuno-aviso {
  background-color: rgba(220, 38, 38, 0.1) !important;
  border-left-color: #fb7185;
  color: #e2e8f0 !important;
}.imuno-aviso strong {
  color: #b91c1c;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
}body.bio-dark .imuno-aviso strong {
  color: #fb7185;
}/* ============================================================
   CORREÇÃO FINAL: Botões de Capítulos no Dark Mode
   ============================================================ *//* Define o fundo escuro e borda para os links do sumário */body.bio-dark .toc-bio a {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
}/* Efeito Hover no Dark Mode */body.bio-dark .toc-bio a:hover {
  background-color: #334155 !important;
  color: #ffffff !important;
  border-color: #64748b !important;
  transform: translateY(-2px);
}/* ============================================================
   OTIMIZAÇÃO: BARRA SUPERIOR (LOGO + INSTAGRAM)
   ============================================================ *//* 1. ESTILO DO BLOCO LOGO/NOME */.bio-topbar-logo-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--bio-azul-esc);
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0;
  margin-right: auto;
}.bio-topbar-logo-brand:hover {
  color: var(--bio-azul);
}.bio-topbar-logo-brand .bio-small-logo {
  height: 20px;
  width: auto;
  margin-right: 6px;
}/* 2. ESTILO DO LINK SOCIAL (INSTAGRAM) */.bio-social-nav {
  display: flex;
  align-items: center;
}.bio-insta-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 6px 10px;
  border-radius: 8px;
  transition: all 0.25s ease;
  color: var(--bio-texto);
}.bio-insta-link:hover {
  background-color: var(--bio-destaque);
  color: var(--bio-azul-esc);
}.bio-insta-link .fab.fa-instagram {
  font-size: 1.25em;
  margin-right: 6px;
  color: #c13584;
}/* 3. MODO ESCURO (DARK MODE) */body.bio-dark .bio-topbar-logo-brand {
  color: #93c5fd;
}body.bio-dark .bio-insta-link {
  color: #e2e8f0;
}body.bio-dark .bio-insta-link:hover {
  background-color: #1e293b;
  color: #60a5fa;
}body.bio-dark .bio-insta-link .fab.fa-instagram {
  color: #ff9999;
}/* ============================================================
   CORREÇÃO URGENTE: Z-INDEX NAVEGAÇÃO MOBILE (TENTATIVA 2)
   Usamos seletores mais abrangentes e um z-index máximo.
   ============================================================ *//* Alvo 1: Seletores mais comuns de menu mobile *//* Alvo 2: Garantir que o conteúdo do hero não cause conflito *//* Já existe uma correção para 'Os Segredos da Vida' no child.css.
   Vamos garantir que qualquer bloco de conteúdo que comece a página não tenha um z-index desnecessário.
*/main > div,
.site-content > div {
  z-index: auto !important;
}/* Garante o fundo para leitura */.mobile-navigation-wrap,
#site-navigation-mobile,
#mobile-nav,
.off-canvas-sidebar,
.slideout-menu {
  background-color: #f9fafc !important;
  position: fixed !important;
  z-index: 9999999 !important;
}body.bio-dark .mobile-navigation-wrap,
body.bio-dark #site-navigation-mobile,
body.bio-dark #mobile-nav,
body.bio-dark .off-canvas-sidebar,
body.bio-dark .slideout-menu {
  background-color: #0f172a !important;
}/* ============================================================
   SOLUÇÃO COMPLETA: CONTAINERS E GRID RESPONSIVO
   Corrige o overflow no Desktop (5 cartões) e a quebra no Mobile.
   ============================================================ *//* 1. LIMITES DO CONTAINER (Correção Desktop/PC) */.bio-container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--bio-pad);
  background: #fff;
  border: 1px solid #e9eef5;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(12, 44, 76, 0.06);
}/* 2. OCULTAR TRANSBORDO HORIZONTAL (Desktop/Mobile Safety) */.chap {
  overflow-x: hidden;
}/* 3. BASE DO GRID (Aplicável a todos os .bio-grid) */.bio-grid {
  display: grid;
  gap: 20px;
  width: 100%;
}/* 4. CONFIGURAÇÃO DE COLUNAS RESPONSIVAS (Correção Mobile/Tablet) *//* Padrão Mobile First: 1 coluna em telas pequenas */.bio-grid-cols-3 {
  grid-template-columns: 1fr;
}/* Tablet / Telas Médias (acima de 640px) */@media (min-width: 640px) {.bio-grid-cols-3 {
  grid-template-columns: repeat(2, 1fr);
}}/* Desktop / Telas Grandes (acima de 1024px) */@media (min-width: 1024px) {.bio-grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}}/* ============================================================
   FIX – Menu mobile acima do conteúdo (WordPress navigation)
   ============================================================ *//* Painel responsivo do menu (hambúrguer) sempre sobre o conteúdo */.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10050 !important;
  background: #ffffff;
  overflow-y: auto;
  padding: 12px 16px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18);
}/* Variante em modo escuro */body.bio-dark .wp-block-navigation__responsive-container.is-menu-open {
  background: #020617;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.85);
}/* Garante que os itens de menu fiquem visíveis e legíveis */.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  gap: 10px;
}/* Cores dos links no modo claro */.wp-block-navigation__responsive-container.is-menu-open a {
  color: #0f172a;
  display: block;
  padding: 8px 10px;
  border-radius: 999px;
  text-decoration: none;
}/* Cores no modo escuro */body.bio-dark .wp-block-navigation__responsive-container.is-menu-open a {
  color: #e5e7eb;
}/* Pequeno realce ao tocar/clicar */.wp-block-navigation__responsive-container.is-menu-open a:hover {
  background: rgba(148, 163, 184, 0.18);
}/* Hover no dark mode (ajuste final) */body.bio-dark 

/* ============================================================
   BioSegredos – Paleta de títulos 2025 (Light Mode)
   (colocar este bloco no FINAL do child.css)
   ============================================================ */

/* ---------- Títulos dentro do conteúdo principal ---------- */

body:not(.bio-dark) .bio-content h1,
body:not(.bio-dark) .entry-content h1 {
  color: #0f4fae;
}body:not(.bio-dark) .bio-content h2,
body:not(.bio-dark) .entry-content h2 {
  color: #0f766e;
}body:not(.bio-dark) .bio-content h3,
body:not(.bio-dark) .entry-content h3 {
  color: #1d4ed8;
}body:not(.bio-dark) .bio-content h4,
body:not(.bio-dark) .entry-content h4 {
  color: #16a34a;
}/* ---------- Texto padrão (parágrafos e listas) ---------- */body:not(.bio-dark) .bio-content p,
body:not(.bio-dark) .entry-content p,
body:not(.bio-dark) .bio-content li,
body:not(.bio-dark) .entry-content li {
  color: #111827;
}/* ---------- Títulos de SUMÁRIO e RESUMO VISUAL (ciano) ---------- *//* Título do sumário (TOC premium) */body:not(.bio-dark) .toc-bio-title {
  color: #06b6d4;
}/* Título do Resumo Visual */body:not(.bio-dark) .biosegredos-resumo-header h2,
body:not(.bio-dark) section.biosegredos-resumo h2 {
  color: #06b6d4;
}/* ---- Correção dos cards dos capítulos de Imunologia (desktop) ---- */@media (min-width: 768px) {/* Garante que o grid cresça junto com o conteúdo dos cards */.imuno-chap-grid,
  .imuno-chap .imuno-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  align-items: stretch;
}/* Cards sem altura travada e sem corte de conteúdo */.imuno-card,
  .imuno-chap .card {
  height: auto;
  max-height: none;
  overflow: visible;
  display: flex;
  flex-direction: column;
}/* Faz o texto do card ocupar o espaço disponível e o botão ficar embaixo */.imuno-card p,
  .imuno-chap .card p {
  flex-grow: 1;
}}/* ============================================
   BioSegredos – Página de Imunologia
   Correção dos cards cortados (Cap. 2, 4 e 5)
   ============================================ *//* Garante que nada seja "podado" na área de Imunologia */.imuno-hub,
.imuno-hub .bio-container,
.imuno-hub .chap {
  overflow: visible !important;
}/* Ajusta o grid dos capítulos dentro da Imunologia */.imuno-hub .chap .bio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  overflow: visible;
}/* Impede que o card force largura maior que a coluna */.imuno-hub .chap .bio-card {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}/* Quebra responsiva só para garantir suavidade em telas médias */@media (max-width: 1100px) {.imuno-hub .chap .bio-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}}@media (max-width: 768px) {.imuno-hub .chap .bio-grid {
  grid-template-columns: 1fr;
}}/* ============================================================
   FIX – Topbar BioSegredos sempre no topo (todas as páginas)
   ============================================================ *//* ============================================================
   MENU MOBILE PREMIUM – CARD FLUTUANTE À DIREITA
   ============================================================ */@media (max-width: 960px) {/* Overlay do menu: fixa abaixo da topbar + header */.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  top: 110px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  z-index: 1000002 !important;
  background: transparent !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  overflow: visible !important;
}/* CARD que contém o menu (genérico: pega qualquer filho direto) */.wp-block-navigation__responsive-container.is-menu-open > * {
  width: 60vw;
  max-width: 380px;
  margin: 0 10px 16px 0;
  padding: 18px 16px 22px;
  border-radius: 18px 0 0 18px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.35);
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: calc(100vh - 130px);
  overflow-y: auto;
}/* Dark mode do card */body.bio-dark .wp-block-navigation__responsive-container.is-menu-open > * {
  background: #020617;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
}/* Garante que o container interno do menu ocupe toda a largura do card */.wp-block-navigation__responsive-container.is-menu-open > * > * {
  width: 100%;
}/* Links dentro do card */.wp-block-navigation__responsive-container.is-menu-open a {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: #ffffff;
  color: #0f172a;
  font-size: 0.95rem;
  text-decoration: none;
}.wp-block-navigation__responsive-container.is-menu-open a:hover {
  background: rgba(148, 163, 184, 0.10);
}body.bio-dark .wp-block-navigation__responsive-container.is-menu-open a {
  background: #020617;
  border-color: #1f2937;
  color: #e5e7eb;
}body.bio-dark .wp-block-navigation__responsive-container.is-menu-open a:hover {
  background: rgba(148, 163, 184, 0.25);
}}@media (max-width: 960px) {/* Container do menu empurra o card para a direita */.wp-block-navigation__responsive-container.is-menu-open {
  justify-content: flex-end !important;
}/* Card do menu — 60% alinhado à direita */.wp-block-navigation__responsive-container.is-menu-open > * {
  margin-left: auto !important;
  margin-right: 10px !important;
}}/* Imagem gigante no mobile — limitar largura sem afetar desktop */@media (max-width: 768px) {.wp-block-image img,
  .biosegredos-hero img,
  .biosegredos-main-img img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}}/* ==========================================================
   MAGNUS ACADEMY – CSS EXCLUSIVO (Página com .ma-hero)
   Escopo principal: body:has(.ma-hero)  (não afeta o resto do site)
   ========================================================== *//* (Opcional) Carregar fontes, se ainda não existirem no site *//* @import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Playfair+Display:wght@400;500;600&display=swap"); *//* ===== Fundo e tipografia global SOMENTE nesta página ===== */body:has(.ma-hero){
  background: radial-gradient(1200px 700px at 18% 10%, rgba(218,165,32,.10), transparent 60%),
    radial-gradient(900px 520px at 80% 30%, rgba(218,165,32,.07), transparent 55%),
    linear-gradient(180deg, var(--ma-bg-1), var(--ma-bg-0));
  color: var(--ma-text);
}/* Garante que o "modo claro" NÃO clareie essa página */body:has(.ma-hero) .site,
body:has(.ma-hero) .site-content,
body:has(.ma-hero) main,
body:has(.ma-hero) .content-area,
body:has(.ma-hero) .entry-content{
  background: transparent !important;
  color: var(--ma-text);
}/* Container e ritmo de leitura para os blocos Magnus */body:has(.ma-hero) .entry-content{
  max-width: var(--ma-max);
  margin: 0 auto;
  padding: clamp(22px, 3.2vw, 40px) clamp(16px, 2.4vw, 26px);
}/* Links dentro do conteúdo Magnus */body:has(.ma-hero) .entry-content a{
  color: var(--ma-gold-soft);
  text-decoration: none;
  transition: color var(--ma-trans), text-shadow var(--ma-trans);
}body:has(.ma-hero) .entry-content a:hover{
  color: #ffe7b8;
  text-shadow: 0 0 18px rgba(218,165,32,.20);
}/* Ajuste de parágrafos e listas no padrão premium */body:has(.ma-hero) .entry-content p{
  color: var(--ma-text-soft);
  line-height: 1.75;
  font-size: 1.02rem;
  margin: 0 0 14px;
}body:has(.ma-hero) .entry-content ul{
  color: var(--ma-text-soft);
  line-height: 1.7;
  margin: 10px 0 16px 18px;
}body:has(.ma-hero) .entry-content li{
  margin: 6px 0;
}/* ===== Títulos da página ===== *//* Títulos H2 e H3 dentro dos blocos Magnus */body:has(.ma-hero) .ma-section__title{
  font-family: "Cinzel", Georgia, "Times New Roman", serif;
  color: var(--ma-gold);
  font-weight: 600;
  letter-spacing: .4px;
  font-size: clamp(1.55rem, 2.6vw, 2.05rem);
  margin: 34px 0 14px;
  padding-top: 10px;
}body:has(.ma-hero) .ma-pilar__title,
body:has(.ma-hero) .ma-area__title,
body:has(.ma-hero) .ma-curso-card__title{
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  color: #ffe4ae;
  font-weight: 600;
  letter-spacing: .2px;
}/* ===== Painéis premium (cards) ===== */body:has(.ma-hero) .ma-manifesto,
body:has(.ma-hero) .ma-diferenciais,
body:has(.ma-hero) .ma-cursos,
body:has(.ma-hero) .ma-publico,
body:has(.ma-hero) .ma-curso-destaque,
body:has(.ma-hero) .ma-integracao,
body:has(.ma-hero) .ma-institucional{
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid rgba(218,165,32,.22);
  border-radius: var(--ma-radius);
  box-shadow: var(--ma-shadow);
  padding: clamp(16px, 2.4vw, 22px);
  margin: 18px 0 22px;
  overflow: hidden;
}body:has(.ma-hero) .ma-manifesto::before,
body:has(.ma-hero) .ma-diferenciais::before,
body:has(.ma-hero) .ma-cursos::before,
body:has(.ma-hero) .ma-publico::before,
body:has(.ma-hero) .ma-curso-destaque::before,
body:has(.ma-hero) .ma-integracao::before,
body:has(.ma-hero) .ma-institucional::before{
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(650px 260px at 22% 0%, rgba(218,165,32,.12), transparent 55%),
    radial-gradient(520px 240px at 90% 25%, rgba(218,165,32,.08), transparent 58%);
  pointer-events: none;
  opacity: .75;
}body:has(.ma-hero) .ma-manifesto > *,
body:has(.ma-hero) .ma-diferenciais > *,
body:has(.ma-hero) .ma-cursos > *,
body:has(.ma-hero) .ma-publico > *,
body:has(.ma-hero) .ma-curso-destaque > *,
body:has(.ma-hero) .ma-integracao > *,
body:has(.ma-hero) .ma-institucional > *{
  position: relative;
  z-index: 1;
}/* ===== Diferenciais (grid de pilares) ===== */body:has(.ma-hero) .ma-diferenciais__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 14px;
}@media (min-width: 780px){body:has(.ma-hero) .ma-diferenciais__grid{
  grid-template-columns: 1fr 1fr;
}body:has(.ma-hero) .ma-diferenciais__grid #ma-pilar-autoridade{
  grid-column: 1 / -1;
}}body:has(.ma-hero) .ma-pilar{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid rgba(218,165,32,.22);
  border-radius: var(--ma-radius-sm);
  padding: 16px 16px 14px;
  transition: transform var(--ma-trans), box-shadow var(--ma-trans), border-color var(--ma-trans);
}body:has(.ma-hero) .ma-pilar:hover{
  transform: translateY(-3px);
  border-color: rgba(218,165,32,.45);
  box-shadow: 0 18px 60px rgba(0,0,0,.62), 0 0 0 1px rgba(218,165,32,.12);
}/* ===== Nossos Cursos (2 colunas premium) ===== */body:has(.ma-hero) .ma-cursos__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 14px;
}@media (min-width: 780px){body:has(.ma-hero) .ma-cursos__grid{
  grid-template-columns: 1fr 1fr;
  align-items: start;
}}body:has(.ma-hero) .ma-area{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid rgba(218,165,32,.22);
  border-radius: var(--ma-radius-sm);
  padding: 16px;
  transition: transform var(--ma-trans), box-shadow var(--ma-trans), border-color var(--ma-trans);
}body:has(.ma-hero) .ma-area:hover{
  transform: translateY(-3px);
  border-color: rgba(218,165,32,.48);
  box-shadow: 0 18px 60px rgba(0,0,0,.62), 0 0 0 1px rgba(218,165,32,.10);
}body:has(.ma-hero) .ma-area__desc{
  color: var(--ma-text-soft);
  margin-top: 8px;
}/* ===== Botões/CTAs (premium interativo) ===== */body:has(.ma-hero) .ma-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  text-align: center;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(218,165,32,.35);
  background: linear-gradient(180deg, rgba(218,165,32,.12), rgba(218,165,32,.06));
  color: #ffe9bf;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: .2px;
  transition: transform var(--ma-trans), box-shadow var(--ma-trans), border-color var(--ma-trans), filter var(--ma-trans);
  user-select: none;
}body:has(.ma-hero) a.ma-cta:hover{
  transform: translateY(-2px);
  border-color: rgba(218,165,32,.70);
  box-shadow: 0 18px 60px rgba(0,0,0,.62), 0 0 24px rgba(218,165,32,.14);
  filter: brightness(1.06);
}body:has(.ma-hero) a.ma-cta:active{
  transform: translateY(0px) scale(.99);
}body:has(.ma-hero) .ma-cta--placeholder{
  cursor: default;
  opacity: .82;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  color: rgba(255,255,255,.72);
  border-color: rgba(218,165,32,.20);
}body:has(.ma-hero) .ma-area__cards{
  display: grid;
  gap: 10px;
  margin-top: 14px;
}/* ===== Curso destaque (card interno ainda mais premium) ===== */body:has(.ma-hero) .ma-curso-card{
  margin-top: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid rgba(218,165,32,.25);
  border-radius: var(--ma-radius);
  padding: clamp(14px, 2.2vw, 20px);
  transition: transform var(--ma-trans), box-shadow var(--ma-trans), border-color var(--ma-trans);
}body:has(.ma-hero) .ma-curso-card:hover{
  transform: translateY(-3px);
  border-color: rgba(218,165,32,.55);
  box-shadow: 0 20px 70px rgba(0,0,0,.65), 0 0 0 1px rgba(218,165,32,.10);
}body:has(.ma-hero) .ma-curso-card__subtitle{
  font-family: "Cinzel", Georgia, "Times New Roman", serif;
  color: var(--ma-gold);
  font-weight: 600;
  letter-spacing: .35px;
  margin: 16px 0 8px;
}body:has(.ma-hero) .ma-curso-card__lead{
  color: rgba(255,255,255,.82);
  font-size: 1.05rem;
}body:has(.ma-hero) .ma-curso-card__list{
  margin-left: 18px;
}body:has(.ma-hero) .ma-curso-card__cta{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(218,165,32,.25);
  background: radial-gradient(420px 140px at 25% 10%, rgba(218,165,32,.10), transparent 55%);
}body:has(.ma-hero) .ma-curso-card__cta-text{
  margin: 0;
  color: #ffe7b4;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight: 600;
}/* ===== Nota do bloco cursos ===== */body:has(.ma-hero) .ma-cursos__note{
  margin-top: 14px;
  font-size: .92rem;
  color: var(--ma-muted);
}/* ===== Imagens (se existir logo/hero) ===== */body:has(.ma-hero) .entry-content img{
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid rgba(218,165,32,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
}/* ===== Acessibilidade: foco visível em links/botões ===== */body:has(.ma-hero) .entry-content a:focus-visible{
  outline: 2px solid rgba(218,165,32,.65);
  outline-offset: 3px;
  border-radius: 12px;
}/* ===== Respeitar “reduzir movimento” ===== */@media (prefers-reduced-motion: reduce){body:has(.ma-hero) .ma-pilar,
  body:has(.ma-hero) .ma-area,
  body:has(.ma-hero) a.ma-cta,
  body:has(.ma-hero) .ma-curso-card{
  transition: none !important;
  transform: none !important;
}}/* ==========================================================
   PATCH – Corrigir conflito do <header> global do tema
   (o tema está tratando .ma-hero como header do site)
   ========================================================== *//* 1) O HERO NÃO PODE HERDAR O ESTILO DO header DO TEMA */body:has(.ma-hero) header.ma-hero{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: auto !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
}/* Em alguns temas, o header vem com padding/margens específicas */body:has(.ma-hero) .ma-hero{
  margin: 0 0 clamp(18px, 3vw, 28px) !important;
  padding: clamp(18px, 3vw, 30px) 0 clamp(10px, 2vw, 18px) !important;
  border-bottom: 1px solid rgba(218,165,32,.18) !important;
  margin-bottom: clamp(18px, 3vw, 28px);
}/* 2) GARANTIR DOURADO NO H1/H2 DO HERO EM QUALQUER MODO */body:has(.ma-hero) .ma-hero__title{
  color: #DAA520 !important;
  font-family: "Cinzel", Georgia, "Times New Roman", serif !important;
  font-weight: 700;
  letter-spacing: .6px;
  font-size: clamp(2.2rem, 4.2vw, 3.2rem);
  line-height: 1.08;
  margin: 0 0 10px;
  text-shadow: 0 10px 30px rgba(0,0,0,.55);
}body:has(.ma-hero) .ma-hero__subtitle{
  color: #f1d79a !important;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-weight: 500;
  letter-spacing: .2px;
  font-size: clamp(1.1rem, 2.1vw, 1.55rem);
  line-height: 1.35;
  margin: 0;
  opacity: .96;
}/* 3) OVERRIDE DOS TÍTULOS DO TEMA (azul/verde) DENTRO DOS BLOCOS MAGNUS */body:has(.ma-hero) .entry-content .ma-section__title{
  color: #DAA520 !important;
  font-family: "Cinzel", Georgia, "Times New Roman", serif !important;
}body:has(.ma-hero) .entry-content .ma-pilar__title,
body:has(.ma-hero) .entry-content .ma-area__title,
body:has(.ma-hero) .entry-content .ma-curso-card__title{
  color: #ffe4ae !important;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
}/* h4 estava puxando cor do tema (verde/azul) */body:has(.ma-hero) .entry-content .ma-curso-card__subtitle{
  color: #DAA520 !important;
  font-family: "Cinzel", Georgia, "Times New Roman", serif !important;
}/* 4) TEXTOS “AZULADOS” ILEGÍVEIS – FORÇAR COR DE TEXTO DENTRO DOS CARDS */body:has(.ma-hero) .entry-content .ma-curso-card p,
body:has(.ma-hero) .entry-content .ma-curso-card li,
body:has(.ma-hero) .entry-content .ma-pilar p,
body:has(.ma-hero) .entry-content .ma-area p{
  color: rgba(255,255,255,.80) !important;
}/* 5) Se algum bloco do Gutenberg estiver com fundo branco (ex.: group), neutralizar */body:has(.ma-hero) .entry-content .wp-block-group,
body:has(.ma-hero) .entry-content .wp-block-cover,
body:has(.ma-hero) .entry-content .wp-block-columns,
body:has(.ma-hero) .entry-content .wp-block-column{
  background: transparent !important;
}/* 6) Evitar que o tema pinte headings genéricos dentro da MA */body:has(.ma-hero) .entry-content h1,
body:has(.ma-hero) .entry-content h2,
body:has(.ma-hero) .entry-content h3,
body:has(.ma-hero) .entry-content h4{
  text-shadow: 0 10px 30px rgba(0,0,0,.55);
}/* ==========================================================
   MAGNUS ACADEMY – FIX MENU (HEADER DO SITE) + FIX DARK MODE
   Aplicação exclusiva: somente onde existir .ma-hero
   ========================================================== *//* 1) HEADER DO SITE: remover “branco + desfoque” só na MA
   (cobre masthead/site-header/main-header) */body:has(.ma-hero) #masthead,
body:has(.ma-hero) .site-header,
body:has(.ma-hero) header.site-header,
body:has(.ma-hero) .main-header,
body:has(.ma-hero) header.main-header{
  background: rgba(2, 4, 10, .88) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 14px 55px rgba(0,0,0,.55) !important;
  border-bottom: 1px solid rgba(218,165,32,.22) !important;
}/* Se o tema coloca o branco em um wrapper interno do header */body:has(.ma-hero) #masthead *[class*="container"],
body:has(.ma-hero) .site-header *[class*="container"],
body:has(.ma-hero) .main-header *[class*="container"]{
  background: transparent !important;
}/* Links do menu: manter legível no header escuro */body:has(.ma-hero) #masthead a,
body:has(.ma-hero) .site-header a,
body:has(.ma-hero) .main-header a{
  color: rgba(255,255,255,.86) !important;
}body:has(.ma-hero) #masthead a:hover,
body:has(.ma-hero) .site-header a:hover,
body:has(.ma-hero) .main-header a:hover{
  color: #f1d79a !important;
  text-shadow: 0 0 18px rgba(218,165,32,.18);
}/* Botão/ícone do tema (toggle) e ícones sociais no header */body:has(.ma-hero) #masthead button,
body:has(.ma-hero) .site-header button,
body:has(.ma-hero) .main-header button{
  border-color: rgba(218,165,32,.30) !important;
}/* 2) DARK MODE: impedir “skin azul” de dominar a página MA
   (força o mesmo visual do modo claro na MA) */body.bio-dark:has(.ma-hero),
body.dark:has(.ma-hero),
html.dark body:has(.ma-hero){
  background: radial-gradient(1200px 700px at 18% 10%, rgba(218,165,32,.10), transparent 60%),
    radial-gradient(900px 520px at 80% 30%, rgba(218,165,32,.07), transparent 55%),
    linear-gradient(180deg, #070812, #05060a) !important;
  color: rgba(255,255,255,.88) !important;
}/* Alguns temas aplicam fundo azul em wrappers no dark mode */body.bio-dark:has(.ma-hero) .site,
body.bio-dark:has(.ma-hero) .site-content,
body.bio-dark:has(.ma-hero) main,
body.bio-dark:has(.ma-hero) .content-area,
body.bio-dark:has(.ma-hero) .entry-content{
  background: transparent !important;
}/* Garantir que “cards” Magnus não puxem azul no dark */body.bio-dark:has(.ma-hero) .ma-manifesto,
body.bio-dark:has(.ma-hero) .ma-diferenciais,
body.bio-dark:has(.ma-hero) .ma-cursos,
body.bio-dark:has(.ma-hero) .ma-publico,
body.bio-dark:has(.ma-hero) .ma-curso-destaque,
body.bio-dark:has(.ma-hero) .ma-integracao,
body.bio-dark:has(.ma-hero) .ma-institucional{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)) !important;
  border-color: rgba(218,165,32,.22) !important;
}/* ==========================================================
   MAGNUS ACADEMY – REMOVER BLOCO GLOBAL GUTENBERG (HEADER FANTASMA)
   Elemento: .wp-block-group.alignfull.has-global-padding
   Aplicação: somente na página com .ma-hero
   ========================================================== *//* Remove o bloco global claro acima do conteúdo */body:has(.ma-hero) 
.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{
  display: none !important;
}/* Garantir que não reste espaçamento fantasma */body:has(.ma-hero) 
.wp-site-blocks > .wp-block-group:first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
}/* ==========================================================
   PATCH – Lista do Manifesto ficando escura no modo claro
   ========================================================== */body:has(.ma-hero) .ma-manifesto__list{
  margin: 10px 0 16px 18px;
  padding: 0;
  color: rgba(255,255,255,.82) !important;
}body:has(.ma-hero) .ma-manifesto__list li{
  color: rgba(255,255,255,.82) !important;
  opacity: 1 !important;
  filter: none !important;
}body:has(.ma-hero) .ma-manifesto__list li::marker{
  color: rgba(218,165,32,.85) !important;
}/* Se o tema estiver pintando listas internas com alguma cor “azulada” */body:has(.ma-hero) .ma-manifesto__content ul,
body:has(.ma-hero) .ma-manifesto__content ol{
  color: rgba(255,255,255,.82) !important;
  opacity: 1 !important;
}/* =========================================================
   BIOSEGREDOS — CURIOSIDADES (CPT: curiosidade | /curiosidades/)
   Escopo: Archive + Single (templates dcuv-*)
   ========================================================= *//* Tokens locais *//* Escopo do CPT *//* Background SPECIAL (igual ao HUB Da Célula ao Universo) */body:not(.bio-dark).post-type-archive-curiosidade,
body:not(.bio-dark).single-curiosidade{
  background-image: radial-gradient(1200px 800px at 15% 0%, rgba(30, 136, 229, 0.14), transparent 100%),
    radial-gradient(900px 700px at 85% 15%, rgba(16, 185, 129, 0.10), transparent 60%),
    var(--curio-img-light);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #eef6ff;
}/* Overlay de leitura por cima do background (legibilidade garantida) */body.post-type-archive-curiosidade::before,
body.single-curiosidade::before{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}body:not(.bio-dark).post-type-archive-curiosidade::before,
body:not(.bio-dark).single-curiosidade::before{
  background: radial-gradient(1200px 600px at 50% 10%, rgba(255,255,255,0.78), rgba(255,255,255,0.32) 55%, rgba(255,255,255,0.18) 100%),
    linear-gradient(to bottom, rgba(255,255,255,0.45), rgba(255,255,255,0.10));
}/* Tudo do CPT acima do overlay *//* Container central padrão (resolve o “vazado”) */body.post-type-archive-curiosidade .dcuv-wrap,
body.single-curiosidade .dcuv-wrap{
  max-width: var(--curio-max);
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}/* Espaçamento geral do main */body.post-type-archive-curiosidade .dcuv-main,
body.single-curiosidade .dcuv-main{
  padding: 26px 0 60px;
  position: relative;
  z-index: 1;
}/* Tipografia base */body.post-type-archive-curiosidade,
body.single-curiosidade{
  color: #0f172a;
  position: relative;
}body.bio-dark.post-type-archive-curiosidade,
body.bio-dark.single-curiosidade{
  color: #e2e8f0;
  background-image: radial-gradient(900px 640px at 20% 0%, rgba(96, 165, 250, 0.14), transparent 55%),
    radial-gradient(820px 620px at 85% 20%, rgba(52, 211, 153, 0.10), transparent 100%),
    var(--curio-img-dark);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: transparent;
}/* SINGLE: “card” de leitura do conteúdo *//* Leitura no single */body.single-curiosidade .dcuv-entry p{
  line-height: 1.85;
  margin: 0 0 14px;
}body.single-curiosidade .dcuv-entry h2,
body.single-curiosidade .dcuv-entry h3{
  margin: 22px 0 10px;
  letter-spacing: -0.01em;
}/* Imagens do single */body.single-curiosidade .dcuv-entry img{
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(2,6,23,0.18);
}/* ARCHIVE: grid de cards (caso já exista dcuv-grid/dcuv-card no template) */body.post-type-archive-curiosidade .dcuv-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
  margin-top: 22px;
}body.post-type-archive-curiosidade .dcuv-card{
  grid-column: span 12;
  border-radius: var(--curio-radius);
  overflow: hidden;
  box-shadow: var(--curio-shadow-soft);
  border: 1px solid var(--curio-border-light);
  background: transparent;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}body.bio-dark.post-type-archive-curiosidade .dcuv-card{
  border: 1px solid var(--curio-border-dark);
  background: transparent;
}@media (min-width: 720px){body.post-type-archive-curiosidade .dcuv-card{
  grid-column: span 6;
}}@media (min-width: 1040px){body.post-type-archive-curiosidade .dcuv-card{
  grid-column: span 4;
}}body.post-type-archive-curiosidade .dcuv-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--curio-shadow);
  border-color: rgba(30,136,229,0.30);
}/* Performance: evita fixed em mobile */@media (max-width: 820px){body.post-type-archive-curiosidade,
  body.single-curiosidade{
  background-attachment: scroll;
}}/* Single: card único envolvendo hero + conteúdo */body.single-curiosidade .dcuv-reading{
  border-radius: var(--curio-radius);
  box-shadow: var(--curio-shadow-soft);
  border: 1px solid var(--curio-border-light);
  background: transparent;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 22px 18px;
}body.bio-dark.single-curiosidade .dcuv-reading{
  border: 1px solid var(--curio-border-dark);
  background: transparent;
}/* Ajuste fino: hero dentro do card */body.single-curiosidade .dcuv-reading .dcuv-hero{
  margin-bottom: 14px;
}/* =========================================================
   Da Célula ao Universo — CSS (BioSegredos)
   Escopo: somente .bio-universo-page e a página HUB
   Compatível com Light/Dark Mode via body.bio-dark
   Background por imagem (Light/Dark) + overlays
   ========================================================= *//* ---------- Tokens locais ---------- */.bio-universo-page,
{
  --u-max: 1100px;
  --u-radius: 18px;
  --u-radius-sm: 14px;
  --u-gap: 22px;
  --u-text: #0f172a;
  --u-muted: #334155;
  --u-border: rgba(15, 23, 42, 0.14);
  --u-card: rgba(255, 255, 255, 0.90);
  --u-card-strong: rgba(255, 255, 255, 0.96);
  --u-shadow: 0 10px 28px rgba(2, 6, 23, 0.10);
  --u-shadow-soft: 0 8px 22px rgba(2, 6, 23, 0.08);
  --u-accent: #1e88e5;
  --u-accent-2: #10b981;
  position: relative;
  overflow: hidden;
  padding: clamp(18px, 3vw, 34px);
  border-radius: 24px;
  color: var(--u-text);
}/* Dark Mode tokens */body.bio-dark .bio-universo-page {
  --u-text: rgba(248, 250, 252, 0.96);
  --u-muted: rgba(226, 232, 240, 0.82);
  --u-border: rgba(226, 232, 240, 0.14);
  --u-card: rgba(2, 6, 23, 0.72);
  --u-card-strong: rgba(2, 6, 23, 0.86);
  --u-shadow: 0 14px 38px rgba(0, 0, 0, 0.42);
  --u-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.32);
  --u-accent: #60a5fa;
  --u-accent-2: #34d399;
}/* Evita que pseudo-elementos fiquem acima do conteúdo */.bio-universo-page > *,
*{
  position: relative;
  z-index: 2;
}.bio-universo-hero,
.bio-universo-nav,
.bio-universo-section{
  max-width: var(--u-max);
  margin-left: auto;
  margin-right: auto;
}/* =========================================================
   BACKGROUND (por imagem) — replicando CPT
   ========================================================= *//* ---------- LIGHT (imagem céu/nuvens) ---------- */body:not(.bio-dark) .bio-universo-page {
  background-image: radial-gradient(1200px 800px at 15% 0%, rgba(30,136,229,0.12), transparent 100%),
    radial-gradient(900px 700px at 85% 15%, rgba(16,185,129,0.08), transparent 100%),
    url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1009_Ceu-Dinamico-Tranquilo_simple_compose_01kdzd72hrfcds7kgzwb1dgzts.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  border: 1px solid rgba(15, 23, 42, 0.06);
}/* Nuvens/clima sutil (camadas) — somente no escopo */body:not(.bio-dark) .bio-universo-page::before,
{
  content: "";
  position: absolute;
  inset: -120px -160px -120px -160px;
  z-index: 1;
  pointer-events: none;
  opacity: 0.22;
  filter: blur(14px);
  background: radial-gradient(240px 140px at 10% 35%, rgba(255,255,255,0.80), transparent 70%),
    radial-gradient(300px 160px at 22% 55%, rgba(255,255,255,0.72), transparent 72%),
    radial-gradient(280px 150px at 40% 42%, rgba(255,255,255,0.66), transparent 72%),
    radial-gradient(340px 180px at 62% 52%, rgba(255,255,255,0.70), transparent 70%),
    radial-gradient(300px 160px at 78% 40%, rgba(255,255,255,0.72), transparent 72%),
    radial-gradient(260px 150px at 92% 58%, rgba(255,255,255,0.66), transparent 72%);
  animation: bioCloudMove 140s linear infinite;
}body:not(.bio-dark) .bio-universo-page::after,
{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.10;
  background: repeating-linear-gradient(
      115deg,
      rgba(15, 23, 42, 0.08) 0px,
      rgba(15, 23, 42, 0.08) 1px,
      transparent 2px,
      transparent 18px
    );
  mask-image: linear-gradient(180deg, transparent 100%, rgba(0,0,0,1) 30%, rgba(0,0,0,1) 85%, transparent 100%);
  animation: bioRainDrift 12s linear infinite, bioLightning 18s ease-in-out infinite;
}/* ---------- DARK (imagem cosmos) ---------- */body.bio-dark .bio-universo-page,
{
  background-image: radial-gradient(900px 640px at 20% 0%, rgba(96,165,250,0.12), transparent 100%),
    radial-gradient(820px 620px at 85% 20%, rgba(52,211,153,0.08), transparent 100%),
    url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1010_Elegancia-Cosmica_simple_compose_01kdzd81e7e89vqnedstya2g82.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  border: 1px solid rgba(226, 232, 240, 0.06);
}/* brilho/poeira + twinkle (camadas) — somente no escopo */body.bio-dark .bio-universo-page::before,
{
  content: "";
  position: absolute;
  inset: -40px;
  z-index: 1;
  pointer-events: none;
  opacity: 0.14;
  background: radial-gradient(700px 420px at 50% 10%, rgba(255,255,255,0.10), transparent 100%);
  animation: bioCosmosDrift 90s ease-in-out infinite;
}body.bio-dark .bio-universo-page::after,
{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.10;
  background: repeating-radial-gradient(circle at 20% 35%,
      rgba(255,255,255,0.14) 0 1px,
      transparent 1px 70px
    );
  animation: bioStarTwinkle 8s ease-in-out infinite;
}/* ---------- Animações ---------- */@keyframes bioCloudMove{
  0%   { transform: translateX(-2%); }
  50%  { transform: translateX(2%); }
  100% { transform: translateX(-2%); }
}@keyframes bioRainDrift{
  0%   { background-position: 0 0; }
  100% { background-position: 0 280px; }
}@keyframes bioLightning{
  0%, 86%, 100% { filter: brightness(1); opacity: 0.08; }
  88%           { filter: brightness(1.14); opacity: 0.16; }
  89%           { filter: brightness(1.02); opacity: 0.10; }
  92%           { filter: brightness(1.10); opacity: 0.14; }
  93%           { filter: brightness(1); opacity: 0.08; }
}@keyframes bioCosmosDrift{
  0%   { transform: translate3d(0,0,0); }
  50%  { transform: translate3d(-1.2%, 0.8%, 0); }
  100% { transform: translate3d(0,0,0); }
}@keyframes bioStarTwinkle{
  0%, 100% { opacity: 0.08; }
  50%      { opacity: 0.14; }
}/* Respeito a usuários com redução de movimento */@media (prefers-reduced-motion: reduce){.bio-universo-page::before,
  .bio-universo-page::after,
{
  animation: none !important;
}}/* =========================================================
   Tipografia e componentes (mantidos do seu CSS)
   ========================================================= */.bio-universo-kicker{
  margin: 0 0 10px 0;
  color: var(--u-muted);
  font-size: 0.98rem;
  line-height: 1.5;
}.bio-universo-title{
  margin: 0 0 10px 0;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 4vw, 2.75rem);
  line-height: 1.15;
}.bio-universo-subtitle{
  margin: 0 0 18px 0;
  color: var(--u-muted);
  font-weight: 600;
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  line-height: 1.35;
}.bio-universo-intro.biosegredos-card,
.bio-universo-nav.biosegredos-card,
.bio-universo-more.biosegredos-card,
.bio-universo-chips.biosegredos-card,
.bio-universo-note.biosegredos-card,
.bio-universo-manifesto.biosegredos-card{
  border: 1px solid var(--u-border);
  background: var(--u-card);
  box-shadow: var(--u-shadow-soft);
  border-radius: var(--u-radius);
}/* ---------- Grid e cards ---------- */.bio-universo-section{
  margin-top: 26px;
}.bio-universo-section-title{
  margin: 0 0 14px 0;
  font-size: 1.25rem;
  letter-spacing: -0.01em;
}.bio-universo-grid{
  display: grid;
  gap: var(--u-gap);
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}.bio-universo-card{
  border-radius: var(--u-radius);
  border: 1px solid var(--u-border);
  background: var(--u-card-strong);
  box-shadow: var(--u-shadow);
  overflow: hidden;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}.bio-universo-card:hover{
  transform: translateY(-2px);
  border-color: rgba(30, 136, 229, 0.32);
  box-shadow: 0 14px 40px rgba(2, 6, 23, 0.14);
}body.bio-dark .bio-universo-card:hover{
  border-color: rgba(96, 165, 250, 0.34);
  box-shadow: 0 18px 48px rgba(0,0,0,0.52);
}.bio-universo-card-link{
  display: block;
  text-decoration: none;
  color: inherit;
}.bio-universo-card-media{
  height: 150px;
  background: radial-gradient(520px 220px at 30% 20%, rgba(30,136,229,0.22), transparent 60%),
    radial-gradient(480px 220px at 70% 30%, rgba(16,185,129,0.14), transparent 62%),
    linear-gradient(135deg, rgba(15,23,42,0.06), rgba(15,23,42,0.02));
}body.bio-dark .bio-universo-card-media{
  background: radial-gradient(520px 220px at 30% 20%, rgba(96,165,250,0.22), transparent 60%),
    radial-gradient(480px 220px at 70% 30%, rgba(52,211,153,0.12), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
}.bio-universo-card-body{
  padding: 14px 14px 16px 14px;
}.bio-universo-card-tag{
  margin: 0 0 8px 0;
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  color: var(--u-muted);
}.bio-universo-card-title{
  margin: 0 0 8px 0;
  font-size: 1.05rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
}.bio-universo-card-subtitle{
  margin: 0 0 12px 0;
  color: var(--u-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}.bio-universo-card-meta{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  color: var(--u-muted);
  font-weight: 700;
  font-size: 0.82rem;
  margin-bottom: 10px;
}.bio-universo-card-cta{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  color: var(--u-accent);
}.bio-universo-card-placeholder{
  opacity: 0.72;
}/* ---------- Ajustes mobile ---------- */@media (max-width: 520px){.bio-universo-page,
 {
  border-radius: 18px;
  padding: 16px;
}.bio-universo-card-media{
  height: 138px;
}}/* =========================================================
   BioSegredos — Curiosidades / Da Célula ao Universo
   Escopo:
   - Archive CPT:  /curiosidades/        (post-type-archive-curiosidade)
   - Single CPT:   /curiosidades/slug/   (single-curiosidade)
   - HUB Page:     page-id-928
   Objetivo:
   - Aplicar background imagem (Light/Dark)
   - Garantir scroll normal (sem travar)
   - Remover comportamento "fixo/sticky" indevido do primeiro bloco
   - Eliminar “desfoque branco” no Dark Mode
   ========================================================= *//* 1) GARANTIA: nunca travar scroll da página */html body.post-type-archive-curiosidade,
html body.single-curiosidade,
html body.page-id-928{
  height: auto !important;
  min-height: 100% !important;
}/* 2) FUNDO POR IMAGEM (atrás de TODO o conteúdo) */body.post-type-archive-curiosidade,
body.single-curiosidade,
body.page-id-928{
  position: relative;
  background: transparent !important;
  overflow-y: auto !important;
}/* LIGHT */body.post-type-archive-curiosidade::before,
body.single-curiosidade::before,
body.page-id-928::before{
  background-image: url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1009_Ceu-Dinamico-Tranquilo_simple_compose_01kdzd72hrfcds7kgzwb1dgzts.png");
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}/* DARK */body.bio-dark.post-type-archive-curiosidade::before,
body.bio-dark.single-curiosidade::before,
body.bio-dark.page-id-928::before{
  background-image: url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1010_Elegancia-Cosmica_simple_compose_01kdzd81e7e89vqnedstya2g82.png");
}/* 3) CORREÇÃO: “primeiro bloco” travado / conteúdo passando por trás
   (a causa costuma ser position: sticky/fixed aplicado em algum wrapper)
   -> Forçamos seu HERO/primeiro bloco a ser normal na rolagem.
   Ajuste os seletores se seu bloco tiver outro nome, mas estes cobrem bem. */body.page-id-928 .bio-universo-hero,
body.page-id-928 .wp-block-group.bio-universo-hero,
body.page-id-928 .wp-block-cover.bio-universo-hero{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}/* Se algum wrapper estiver “fixando” o topo (bem comum em temas block) */body.page-id-928 .wp-site-blocks,
body.page-id-928 .site,
body.page-id-928 main{
  position: relative !important;
}/* 4) CORREÇÃO DO “DESFOQUE BRANCO” NO DARK (remove blur/backdrop) */body.bio-dark.page-id-928 .bio-universo-hero,
body.bio-dark.page-id-928 .bio-universo-page,
body.bio-dark.page-id-928 .biosegredos-card{
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}/* Se o seu topo (banner) for imagem dentro de um card e estiver “lavando” no dark */body.bio-dark.page-id-928 .biosegredos-card{
  background: rgba(2, 6, 23, 0.78) !important;
  border-color: rgba(226, 232, 240, 0.14) !important;
}/* 5) Ajuste fino: garantir legibilidade no conteúdo do HUB */body.page-id-928 .bio-universo-page{
  max-width: 1100px;
  margin: 0 auto;
}/* =========================================================
   HUB "Da Célula ao Universo" — Page ID 928
   Objetivo:
   1) Deixar o fundo (nuvens/cosmos) realmente visível
   2) Remover blocos sólidos que estão cobrindo o background
   3) Corrigir destaque estranho do item do menu desta página
   Escopo: SOMENTE body.page-id-928
   ========================================================= *//* ---------- 1) Garante que a página role normalmente ---------- */body.page-id-928,
body.page-id-928 #page,
body.page-id-928 .site,
body.page-id-928 .site-content{
  height: auto !important;
  overflow: visible !important;
}/* ---------- 2) Aplica o background final no "corpo" da página ---------- *//* (Usei o próprio body como tela, porque é o lugar mais estável) */body.page-id-928{
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
}body.page-id-928:not(.bio-dark){
  background-image: url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1009_Ceu-Dinamico-Tranquilo_simple_compose_01kdzd72hrfcds7kgzwb1dgzts.png");
}body.page-id-928.bio-dark{
  background-image: url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1010_Elegancia-Cosmica_simple_compose_01kdzd81e7e89vqnedstya2g82.png");
}/* ---------- 3) “Destampa” os wrappers que estão cobrindo o fundo ---------- *//* Header + containers principais */body.page-id-928 #page,
body.page-id-928 header,
body.page-id-928 .site-header,
body.page-id-928 .site-content,
body.page-id-928 main,
body.page-id-928 .content-area,
body.page-id-928 .entry-content,
body.page-id-928 .wp-site-blocks,
body.page-id-928 .wp-block-group,
body.page-id-928 .wp-block-cover{
  background: transparent !important;
}/* Alguns temas colocam “fundo sólido” no header/nav */body.page-id-928 .site-header,
body.page-id-928 .site-header *{
  background-color: transparent !important;
}/* ---------- 4) Mantém leitura boa: cards ficam com fundo (sem virar “transparente demais”) ---------- *//* Se você usa .biosegredos-card, preservamos. Se não, ignore. */body.page-id-928 .biosegredos-card{
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(15,23,42,0.10) !important;
}body.page-id-928.bio-dark .biosegredos-card{
  background: rgba(2,6,23,0.78) !important;
  border: 1px solid rgba(226,232,240,0.12) !important;
}/* ---------- 5) Corrige o “menu item desbotado / mini-bloco” desta página ---------- *//* Normaliza o item CURRENT (quando você está na página) */body.page-id-928 .current-menu-item > a,
body.page-id-928 .current_page_item > a{
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 999px;
  padding: .55rem .85rem;
}/* Hover/active mais alinhado com o resto (sem “badge cinza”) */body.page-id-928:not(.bio-dark) .current-menu-item > a,
body.page-id-928:not(.bio-dark) .current_page_item > a{
  background: rgba(30,136,229,0.12) !important;
  border: 1px solid rgba(30,136,229,0.18) !important;
}body.page-id-928.bio-dark .current-menu-item > a,
body.page-id-928.bio-dark .current_page_item > a{
  background: rgba(96,165,250,0.12) !important;
  border: 1px solid rgba(96,165,250,0.18) !important;
}/* ---------- 6) Evita que algum bloco específico fique “fixo/estático” ---------- *//* (Caso algum CSS anterior tenha aplicado position: fixed/sticky) */body.page-id-928 .entry-content,
body.page-id-928 .wp-block-group,
body.page-id-928 .wp-block-cover{
  position: relative !important;
}/* =========================================================
   FIX CIRÚRGICO — Menu "Da Célula ao Universo" não pode herdar fundo
   Escopo: qualquer página do site
   Alvo: link do menu que aponta para a HUB (ID 928)
   ========================================================= *//* 1) Zera qualquer “badge”/retângulo em torno do texto */a[href*="/da-celula-ao-universo/"],
a[href*="/da-celula-ao-universo/"] *{
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}/* 2) Mantém o item igual aos demais (sem padding extra inesperado) */a[href*="/da-celula-ao-universo/"]{
  border-radius: 0 !important;
  padding: 0 !important;
}/* 3) Quando estiver ATIVO na página 928, aí sim aplica o destaque “bonito” */body.page-id-928 .current-menu-item > a[href*="/da-celula-ao-universo/"],
body.page-id-928 .current_page_item > a[href*="/da-celula-ao-universo/"]{
  border-radius: 999px !important;
  padding: .55rem .85rem !important;
}body.page-id-928:not(.bio-dark) .current-menu-item > a[href*="/da-celula-ao-universo/"],
body.page-id-928:not(.bio-dark) .current_page_item > a[href*="/da-celula-ao-universo/"]{
  background: rgba(30,136,229,0.12) !important;
  border: 1px solid rgba(30,136,229,0.18) !important;
}body.page-id-928.bio-dark .current-menu-item > a[href*="/da-celula-ao-universo/"],
body.page-id-928.bio-dark .current_page_item > a[href*="/da-celula-ao-universo/"]{
  background: rgba(96,165,250,0.12) !important;
  border: 1px solid rgba(96,165,250,0.18) !important;
}/* ============================================================
   Barra Superior Real (antes do header) – BioSegredos
   ============================================================ */.bio-topbar {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid rgba(148, 163, 184, 0.35);
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 100000 !important;
}body.bio-dark .bio-topbar {
  background: #020617;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}.bio-topbar-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 4vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}.bio-topbar-instagram {
  text-decoration: none;
  font-size: 0.9rem;
  color: #1e88e5;
}body.bio-dark .bio-topbar-instagram {
  color: #93c5fd;
}.bio-topbar-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}/* =========================================================
   Top Bar fixo + Header NÃO fixo (BioSegredos)
   ========================================================= *//* Top Bar fixo (respeita barra do admin do WP) *//* Desativa sticky/fixed do header (tema Extendable / block themes) */header,
.site-header,
.wp-site-blocks > header,
.wp-block-template-part{
  position: relative !important;
  top: auto !important;
}/* Se o header tiver “grupo sticky” do Gutenberg */header .is-position-sticky,
.wp-site-blocks > header .is-position-sticky{
  position: static !important;
  top: auto !important;
}/* Se existir um wrapper com sticky no topo */header [style*="position:sticky"],
header [style*="position: fixed"]{
  position: static !important;
  top: auto !important;
}/* =========================================================
   Curiosidades — garantir que o background do BODY apareça
   ========================================================= */body.post-type-archive-curiosidade .dcuv-main,
body.single-curiosidade .dcuv-main,
body.post-type-archive-curiosidade #page,
body.single-curiosidade #page{
  background: transparent !important;
}body:not(.bio-dark).single-curiosidade,
body:not(.bio-dark).post-type-archive-curiosidade{
  background-color: transparent !important;
}body.bio-dark.single-curiosidade,
body.bio-dark.post-type-archive-curiosidade{
  background-color: transparent !important;
}/* =========================================================
   HUB (Da Célula ao Universo) — Featured card sem sobreposição
   ========================================================= */.bio-universo-card--featured{
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
}@media (min-width: 860px){.bio-universo-card--featured{
  grid-template-columns: 1.15fr 0.85fr;
  align-items: stretch;
}}/* A mídia do featured precisa ser “mídia de verdade”, não um wrapper estranho */.bio-universo-card-media--featured{
  display: block;
  width: 100%;
  height: 240px;
  position: relative;
  overflow: hidden;
}@media (min-width: 860px){.bio-universo-card-media--featured{
  height: 100%;
  min-height: 320px;
}}/* Gutenberg geralmente injeta <figure> + <img> dentro do post-featured-image */.bio-universo-card-media--featured img,
.bio-universo-card-media--featured .wp-block-post-featured-image__overlay,
.bio-universo-card-media--featured figure,
.bio-universo-card-media--featured .wp-block-post-featured-image{
  width: 100% !important;
  height: 100% !important;
  display: block;
}/* O que resolve “texto por cima” visualmente: a imagem ocupa 100% do slot */.bio-universo-card-media--featured img{
  object-fit: cover;
  object-position: center;
}/* Garante que o corpo fique sempre na sua coluna e nunca “flutue” */.bio-universo-card-body--featured{
  position: relative;
  z-index: 2;
  padding: 18px 18px 20px;
}/* Se o Gutenberg estiver colocando margin/padding estranho no featured image */.bio-universo-featured .wp-block-post-featured-image{
  margin: 0 !important;
}/* =========================================================
   SINGLE CURIOSIDADE — força background igual ao HUB
   ========================================================= *//* Background no BODY (igual HUB) */body.single-curiosidade:not(.bio-dark){
  background-image: radial-gradient(1200px 800px at 15% 0%, rgba(30, 136, 229, 0.14), transparent 55%),
    radial-gradient(900px 700px at 85% 15%, rgba(16, 185, 129, 0.10), transparent 60%),
    var(--dcuv-bg-light) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #eef6ff !important;
}body.bio-dark.single-curiosidade{
  background-image: radial-gradient(900px 640px at 20% 0%, rgba(96, 165, 250, 0.14), transparent 55%),
    radial-gradient(820px 620px at 85% 20%, rgba(52, 211, 153, 0.10), transparent 58%),
    var(--dcuv-bg-dark) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #020617 !important;
}/* Overlay de leitura (se o seu CPT usar ::before, mantém legibilidade) */body.single-curiosidade::before{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}body.single-curiosidade:not(.bio-dark)::before{
  background: radial-gradient(1200px 600px at 50% 10%, rgba(255,255,255,0.78), rgba(255,255,255,0.32) 55%, rgba(255,255,255,0.18) 100%),
    linear-gradient(to bottom, rgba(255,255,255,0.45), rgba(255,255,255,0.10));
}body.bio-dark.single-curiosidade::before{
  background: radial-gradient(1100px 620px at 50% 12%, rgba(2,6,23,0.60), rgba(2,6,23,0.82) 62%, rgba(2,6,23,0.92) 100%),
    linear-gradient(to bottom, rgba(2,6,23,0.35), rgba(2,6,23,0.65));
}/* Tudo acima do overlay */body.single-curiosidade .dcuv-main,
body.single-curiosidade #page,
body.single-curiosidade .wp-site-blocks{
  position: relative;
  z-index: 1;
}/* Mata qualquer fundo sólido do tema que esteja “apagando” o background do body */body.single-curiosidade #page,
body.single-curiosidade .wp-site-blocks,
body.single-curiosidade main,
body.single-curiosidade header{
  background: transparent !important;
}/* Performance no mobile */@media (max-width: 820px){body.single-curiosidade{
  background-attachment: scroll;
}}/* =========================================================
   Da Célula ao Universo — Transparência (Light Mode)
   Aplicar em HUB + Singles, mantendo elegância do background
   ========================================================= *//* Controle fino (ajuste entre 0.70 e 0.80) *//* HUB (página Da Célula ao Universo) — cards *//* Featured card do HUB (às vezes precisa de um pouquinho mais de contraste) */body:not(.bio-dark) .bio-universo-page .bio-universo-card--featured{
  background: transparent !important;
}/* SINGLE curiosidade — wrapper principal (o card que envolve o artigo todo) */body:not(.bio-dark).single-curiosidade .dcuv-reading{
  background: transparent !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}/* Se você ainda tiver algum “card interno” (nota, aviso, etc.) */body:not(.bio-dark).single-curiosidade .dcuv-entry,
body:not(.bio-dark).single-curiosidade .entry-content{
  background: transparent !important;
}/* Opcional: melhorar contraste de textos no light com transparência */body:not(.bio-dark) .bio-universo-page .bio-universo-card-title,
body:not(.bio-dark).single-curiosidade .dcuv-title{
  text-shadow: 0 1px 0 rgba(255,255,255,0.35);
}/* =========================================================
   BioSegredos — TRAVA GLOBAL ANTI-VAZAMENTO (container safe)
   Escopo: páginas + artigos + curiosidades + qualquer bloco
   Objetivo: nada sai do container / nada estoura horizontal
   ========================================================= *//* 1) Nunca permitir scroll horizontal por estouro */html, body {
  max-width: 100%;
  overflow-x: clip;
}@supports not (overflow-x: clip) {html, body {
  overflow-x: hidden;
}}/* 2) Regras responsivas universais (imagens/iframes/embeds) */img,
video,
iframe,
embed,
object,
svg {
  max-width: 100%;
  height: auto;
}/* 3) Blocos do Gutenberg e wrappers comuns: não podem ultrapassar o container */.entry-content,
.wp-site-blocks,
.wp-block-group,
.wp-block-cover,
.wp-block-media-text,
.wp-block-columns,
.wp-block-column,
.wp-block-image,
.wp-block-gallery,
.wp-block-post-content,
.wp-block-post-featured-image,
.wp-block-embed,
.wp-block-table {
  max-width: 100%;
}/* 4) Caso algum bloco filho esteja forçando largura maior */.entry-content * {
  max-width: 100%;
}/* 5) Imagens do Gutenberg: garantir que o figure e o img respeitem o container */.wp-block-image,
.wp-block-image figure,
.wp-block-image img {
  max-width: 100%;
}.wp-block-image img {
  display: block;
}/* 6) Evitar “estouro” por palavras/URLs longas e tabelas */.entry-content {
  overflow-wrap: anywhere;
}.wp-block-table {
  overflow-x: auto;
  display: block;
  max-width: 100%;
}/* 7) BLOQUEAR vazamento por alinhamento wide/full
   Se você quer que TUDO fique DENTRO do container, use as regras abaixo. */.entry-content .alignwide,
.entry-content .alignfull {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}/* 8) Se algum bloco estiver com width fixo inline, força a respeitar o container */.entry-content [style*="width"] {
  max-width: 100% !important;
}/* 9) Segurança extra para cards/containers com blur e radius
   (impede sombras e child elements de "vazarem" visualmente) */.biosegredos-card,
.biosegredos-resumo,
.biosegredos-referencias,
.bio-explica,
.single-artigo-container,
.dcuv-reading {
  overflow: hidden;
}/* =========================================================
   BioSegredos — PATCH Transparência (cards sim, footer não)
   Objetivo:
   1) Footer SEMPRE sólido e legível
   2) Transparência apenas nos wrappers/cards de leitura (70–80%)
   3) Nunca usar opacity no container (preserva texto nítido)
   ========================================================= *//* ---------- 1) FOOTER: força sólido (mata qualquer transparência herdada) ---------- *//* Links do footer legíveis */.biosegredos-footer a {
  color: #bfdbfe !important;
}.biosegredos-footer a:hover {
  text-decoration: underline;
}/* ---------- 2) TOKENS DE TRANSPARÊNCIA (Light / Dark) ---------- *//* ---------- 3) ALVOS PRINCIPAIS: wrapper do artigo + blocos de conteúdo ---------- *//* A) Curiosidades (single) — o wrapper que envolve tudo (título/meta + conteúdo) */body.single-curiosidade .dcuv-reading,
body.single-curiosidade .entry-content,
body.single-curiosidade .wp-block-group.is-layout-constrained{
  background: transparent;
  border: 1px solid var(--bio-card-border-light);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}/* Dark mode (curiosidades) */body.bio-dark.single-curiosidade .dcuv-reading,
body.bio-dark.single-curiosidade .entry-content,
body.bio-dark.single-curiosidade .wp-block-group.is-layout-constrained{
  background: transparent;
  border: 1px solid var(--bio-card-border-dark);
}/* B) HUB Da Célula ao Universo — cards e blocos internos (mantém fundo visível) */body:not(.bio-dark) .bio-universo-page .biosegredos-card,
body:not(.bio-dark) .bio-universo-page .bio-universo-card,
body:not(.bio-dark) .bio-universo-page .wp-block-group{
  background: transparent;
  border: 1px solid var(--bio-card-border-light);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}body.bio-dark .bio-universo-page .biosegredos-card,
body.bio-dark .bio-universo-page .bio-universo-card,
body.bio-dark .bio-universo-page .wp-block-group{
  background: transparent;
  border: 1px solid var(--bio-card-border-dark);
}/* C) Artigos científicos (se você quiser o mesmo efeito nos singles de artigo) */body.single-artigo .single-artigo-container,
body.single-artigo .entry-content{
  background: var(--bio-card-light);
  border: 1px solid var(--bio-card-border-light);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}body.bio-dark.single-artigo .single-artigo-container,
body.bio-dark.single-artigo .entry-content{
  background: var(--bio-card-dark);
  border: 1px solid var(--bio-card-border-dark);
}/* ---------- 4) GARANTIA: nada de opacity em wrappers de leitura ---------- */body.single-curiosidade .dcuv-reading,
body.single-curiosidade .entry-content,
body.single-artigo .single-artigo-container,
body.single-artigo .entry-content,
.bio-universo-page .biosegredos-card,
.bio-universo-page .bio-universo-card{
  opacity: 1 !important;
}/* =========================================================
   BIOSEGREDOS — PATCH FINAL (Curiosidades + HUB)
   Corrige:
   1) Footer transparente (ilegível)
   2) Containers sólidos (sem transparência)
   3) Topbar sumindo em single-curiosidade (camadas/z-index)
   ========================================================= *//* ---------- 1) TOPBAR sempre acima de tudo ---------- */.bio-topbar,
.biosegredos-topbar,
.biosegredos-theme-bar{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999999 !important;
}/* (se o seu layout usa algum header com z-index alto) */header,
.wp-site-blocks > header{
  z-index: 10 !important;
}/* ---------- 2) Footer SEMPRE sólido e legível ---------- *//* Isso neutraliza a regra antiga que deixava "footer { background: transparent }" */.biosegredos-footer{
  background: #020617 !important;
  color: #e5e7eb !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  margin-top: 40px;
  padding: 24px 4vw 28px;
  border-top: 1px solid rgba(148, 163, 184, 0.35);
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont,
    "Helvetica Neue", Arial, sans-serif;
}/* Se existir algum footer do tema pai, ele pode continuar transparente,
   mas NUNCA o seu .biosegredos-footer */body.single-curiosidade footer:not(.biosegredos-footer),
body.post-type-archive-curiosidade footer:not(.biosegredos-footer){
  background: transparent !important;
}/* ---------- 3) Transparência elegante (Light Mode) nos CARDS/WRAPPERS ---------- *//* Ajuste fino: 0.70–0.80 (use 0.76 como padrão premium) */:root{
  --bio-card-alpha: 0.76;
  --bio-azul: #004aad;
  --bio-azul-esc: #08397d;
  --bio-verde: #028090;
  --bio-destaque: #eaf3ff;
  --bio-texto: #1a1a1a;
  --bio-cinza: #5a6b7a;
  --bio-borda: #e3e9f2;
  --bio-sombra: 0 2px 10px rgba(0, 0, 0, 0.06);
  --bio-radius: 16px;
  --bio-pad: clamp(12px, 2vw, 24px);
  --ma-bg-0: #05060a;
  --ma-bg-1: #070812;
  --ma-panel: rgba(255,255,255,.03);
  --ma-panel-2: rgba(255,255,255,.05);
  --ma-border: rgba(218,165,32,.45);
  --ma-border-strong: rgba(218,165,32,.75);
  --ma-gold: #DAA520;
  --ma-gold-soft: #f1d79a;
  --ma-text: rgba(255,255,255,.88);
  --ma-text-soft: rgba(255,255,255,.76);
  --ma-muted: rgba(255,255,255,.62);
  --ma-shadow: 0 18px 55px rgba(0,0,0,.55);
  --ma-radius: 18px;
  --ma-radius-sm: 14px;
  --ma-trans: 220ms cubic-bezier(.2,.8,.2,1);
  --ma-max: 980px;
  --curio-max: 1100px;
  --curio-radius: 22px;
  --curio-shadow: 0 18px 55px rgba(2, 6, 23, 0.18);
  --curio-shadow-soft: 0 10px 30px rgba(2, 6, 23, 0.12);
  --curio-border-light: rgba(15, 23, 42, 0.10);
  --curio-border-dark: rgba(148, 163, 184, 0.14);
  --curio-img-light: url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1009_Ceu-Dinamico-Tranquilo_simple_compose_01kdzd72hrfcds7kgzwb1dgzts.png");
  --curio-img-dark: url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1010_Elegancia-Cosmica_simple_compose_01kdzd81e7e89vqnedstya2g82.png");
  --dcuv-bg-light: url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1009_Ceu-Dinamico-Tranquilo_simple_compose_01kdzd72hrfcds7kgzwb1dgzts.png");
  --dcuv-bg-dark: url("https://biosegredos.com.br/wp-content/uploads/2026/01/20260102_1010_Elegancia-Cosmica_simple_compose_01kdzd81e7e89vqnedstya2g82.png");
  --dcuv-card-alpha: 0.76;
  --dcuv-card-alpha-strong: 0.82;
  --bio-card-light: rgba(255,255,255,0.76);
  --bio-card-dark: rgba(2,6,23,0.72);
  --bio-card-border-light: rgba(15,23,42,0.10);
  --bio-card-border-dark: rgba(148,163,184,0.14);
}/* 3A) HUB (Da Célula ao Universo) — cards + blocos */body:not(.bio-dark) .bio-universo-page .biosegredos-card,
body:not(.bio-dark) .bio-universo-page .bio-universo-card,
body:not(.bio-dark) .bio-universo-page .bio-universo-intro,
body:not(.bio-dark) .bio-universo-page .bio-universo-nav,
body:not(.bio-dark) .bio-universo-page .bio-universo-more,
body:not(.bio-dark) .bio-universo-page .bio-universo-chips,
body:not(.bio-dark) .bio-universo-page .bio-universo-note,
body:not(.bio-dark) .bio-universo-page .bio-universo-manifesto{
  background: rgba(255,255,255,var(--bio-card-alpha)) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}/* 3B) SINGLE Curiosidade — wrapper do artigo + “cartão” de leitura + conteúdo */body:not(.bio-dark).single-curiosidade .dcuv-article,
body:not(.bio-dark).single-curiosidade .dcuv-hero,
body:not(.bio-dark).single-curiosidade .dcuv-reading,
body:not(.bio-dark).single-curiosidade .dcuv-reading-card,
body:not(.bio-dark).single-curiosidade .dcuv-card,
body:not(.bio-dark).single-curiosidade .entry-content{
  background: transparent !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}/* Importante: evita “cartão dentro de cartão” ficar mais branco ainda */body:not(.bio-dark).single-curiosidade .dcuv-reading .entry-content{
  background: transparent !important;
}/* 3C) ARCHIVE Curiosidade — container + cards */body:not(.bio-dark).post-type-archive-curiosidade .dcuv-archive-wrap,
body:not(.bio-dark).post-type-archive-curiosidade .dcuv-card{
  background: rgba(255,255,255,var(--bio-card-alpha)) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}/* ---------- 4) Não deixar imagens/blocos vazarem do container ---------- */.dcuv-article,
.dcuv-reading,
.entry-content,
.bio-universo-page,
.bio-universo-card,
.biosegredos-card{
  overflow: hidden;
}.entry-content img,
.wp-block-image img,
.wp-block-media-text img,
.wp-block-cover img{
  max-width: 100% !important;
  height: auto !important;
}/* ---------- 5) Dark mode: mantém leitura premium (sem forçar transparência no escuro) ---------- *//* Se quiser também transparência no dark, eu ajusto depois — por enquanto, estabilidade e legibilidade. *//* =========================================================
   FIX DEFINITIVO — Footer do CPT Curiosidades atrás do overlay
   Causa: body::before tem z-index e footer (wp_footer) fica fora do #page/main
   Solução: elevar footer + garantir fundo sólido e legível
   ========================================================= */body.single-curiosidade .biosegredos-footer,
body.post-type-archive-curiosidade .biosegredos-footer{
  position: relative !important;
  z-index: 5 !important;
  background: #020617 !important;
  color: #e5e7eb !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}/* garante que textos/links do footer mantenham contraste */body.single-curiosidade .biosegredos-footer .bio-footer-link,
body.post-type-archive-curiosidade .biosegredos-footer .bio-footer-link{
  color: #bfdbfe !important;
}/* se o overlay estiver “lavando” a parte final da página por stacking,
   isso garante que o wrapper final também fique acima */body.single-curiosidade #page,
body.post-type-archive-curiosidade #page{
  position: relative;
  z-index: 3;
}/* =========================================================
   FIX DEFINITIVO — Curiosidades (CPT) no Dark Mode
   Remove camadas sólidas globais que abafam o fundo cosmos
   + ajusta overlay para ficar igual ao HUB
   ========================================================= *//* 1) Mata fundos sólidos globais (apenas no CPT Curiosidades) */body.post-type-archive-curiosidade .site,
body.post-type-archive-curiosidade .wp-site-blocks,
body.post-type-archive-curiosidade #page,
body.post-type-archive-curiosidade main,
body.post-type-archive-curiosidade article,
body.single-curiosidade .site,
body.single-curiosidade .wp-site-blocks,
body.single-curiosidade #page,
body.single-curiosidade main,
body.single-curiosidade article{
  background: transparent !important;
  background-color: transparent !important;
}/* 3) Overlay do CPT no DARK — deixa o cosmos “perfeitamente visível”
      (reduz a opacidade que estava abafando o fundo) */body.bio-dark.post-type-archive-curiosidade::before,
body.bio-dark.single-curiosidade::before{
  background: radial-gradient(1100px 620px at 50% 12%,
      rgba(2,6,23,0.18),
      rgba(2,6,23,0.38) 62%,
      rgba(2,6,23,0.55) 100%
    ),
    linear-gradient(to bottom, rgba(2,6,23,0.14), rgba(2,6,23,0.28));
}/* 4) Garante que o overlay NÃO fique por cima dos conteúdos */body.post-type-archive-curiosidade #page,
body.single-curiosidade #page{
  position: relative;
  z-index: 1;
}/* =========================================================
   AJUSTES FINAIS — Curiosidades (CPT) | Dark Mode + Transparência total
   Escopo: apenas single/arquivo do post_type "curiosidade"
   ========================================================= *//* 1) H3 (e H2/H4, por segurança) com cor clara no Dark Mode */body.bio-dark.single-curiosidade .entry-content h2,
body.bio-dark.single-curiosidade .entry-content h3,
body.bio-dark.single-curiosidade .entry-content h4{
  color: #60a5fa !important;
}/* Se quiser verde ao invés de azul, troque por: #34d399 *//* 2) Transparência total de cards/containers/wrappers do CPT
      (mantém bordas/sombras, remove “placas sólidas” por cima do fundo) *//* Wrapper principal do artigo */body.single-curiosidade .bio-curio-wrap,
body.single-curiosidade .bio-curio-card{
  background: transparent !important;
  background-color: transparent !important;
}/* Conteúdo do post (card de leitura do single) */body.single-curiosidade .entry-content{
  background: rgba(2,6,23,0.00) !important;
  background-color: rgba(2,6,23,0.00) !important;
}/* Cards internos do artigo (BioSegredos Explica / Referências / etc.)
   — pega tanto a sua classe padrão quanto os grupos do editor */body.single-curiosidade .biosegredos-card,
body.single-curiosidade .bio-explica,
body.single-curiosidade .biosegredos-referencias,
body.single-curiosidade .wp-block-group,
body.single-curiosidade .wp-block-cover,
body.single-curiosidade .wp-block-media-text,
body.single-curiosidade .wp-block-columns,
body.single-curiosidade .wp-block-column{
  background: transparent !important;
  background-color: transparent !important;
}/* Archive (HUB/listagem) — remove fundos sólidos dos cards */body.post-type-archive-curiosidade .wp-block-post-template > li,
body.post-type-archive-curiosidade .bio-universo-card,
body.post-type-archive-curiosidade .biosegredos-card,
body.post-type-archive-curiosidade .wp-block-group{
  background: transparent !important;
  background-color: transparent !important;
}/* =========================================================
   PATCH FINAL — CURIOSIDADES (CPT curiosidade + HUB)
   - Corrige H3 no dark
   - Torna cards/wrappers translúcidos (sem cor sólida chapada)
   - Garante footer sólido e legível
   ========================================================= *//* ---------------------------
   1) H3 no Dark Mode (Curiosidades)
   --------------------------- */body.bio-dark.single-curiosidade .dcuv-entry h3,
body.bio-dark.single-curiosidade .dcuv-entry h3 a,
body.bio-dark.single-curiosidade .dcuv-entry .wp-block-heading h3,
body.bio-dark.single-curiosidade .dcuv-entry .wp-block-heading h3 a{
  color: #60a5fa !important;
}/* Opcional: também melhora H2 no dark (se quiser manter coerência) */body.bio-dark.single-curiosidade .dcuv-entry h2,
body.bio-dark.single-curiosidade .dcuv-entry h2 a{
  color: rgba(248,250,252,0.96) !important;
}/* ---------------------------
   2) Transparência real (sem “bloco sólido”) nos POSTS de curiosidade
   Alvos certos do seu template: dcuv-wrap / dcuv-article / dcuv-entry
   --------------------------- *//* Wrapper principal do artigo (onde fica o conteúdo) */body.single-curiosidade .dcuv-wrap.dcuv-article{
  border-radius: 24px;
  overflow: hidden;
}/* HERO (kicker + título + meta) também translúcido e legível */body.single-curiosidade .dcuv-hero .dcuv-wrap{
  border-radius: 24px;
  padding: 22px 22px 16px;
  border: 1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.74);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}/* Dark mode do HERO */body.bio-dark.single-curiosidade .dcuv-hero .dcuv-wrap{
  border-color: rgba(148,163,184,0.16);
  background: rgba(2,6,23,0.56);
}/* Área do conteúdo (o “card” grande do corpo do artigo) */body.single-curiosidade .dcuv-entry{
  border-radius: 24px;
  padding: 22px 22px;
  border: 1px solid rgba(15,23,42,0.10);
  background: transparent;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: var(--curio-shadow-soft);
}/* Dark mode do conteúdo */body.bio-dark.single-curiosidade .dcuv-entry{
  border-color: rgba(148,163,184,0.16);
  background: transparent;
  border: 1px solid var(--curio-border-dark);
}/* Qualquer bloco do WP que venha com background do tema (group/columns/cover/etc.) */body.single-curiosidade .dcuv-entry .wp-block-group,
body.single-curiosidade .dcuv-entry .wp-block-columns,
body.single-curiosidade .dcuv-entry .wp-block-column,
body.single-curiosidade .dcuv-entry .wp-block-cover,
body.single-curiosidade .dcuv-entry .wp-block-media-text,
body.single-curiosidade .dcuv-entry .wp-block-table{
  background: transparent !important;
}/* Ajuste fino: blocos “card” do seu site (se aparecerem dentro do post) */body.single-curiosidade .dcuv-entry .biosegredos-card{
  background: transparent !important;
  border: 1px solid rgba(15,23,42,0.10) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}body.bio-dark.single-curiosidade .dcuv-entry .biosegredos-card{
  background: transparent !important;
  border: 1px solid rgba(148,163,184,0.16) !important;
}/* ---------------------------
   3) HUB "Da Célula ao Universo" — manter translucidez no Light/Dark
   (se algum CSS anterior “solidificou” os cards)
   --------------------------- */body:not(.bio-dark) .bio-universo-page .biosegredos-card,
body:not(.bio-dark) .bio-universo-page .bio-universo-card{
  background: transparent !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}body.bio-dark .bio-universo-page .biosegredos-card,
body.bio-dark .bio-universo-page .bio-universo-card{
  background: transparent !important;
}/* ---------------------------
   4) Rodapé: SEMPRE sólido e legível (não pode herdar transparência)
   --------------------------- */body.post-type-archive-curiosidade .biosegredos-footer,
body.single-curiosidade .biosegredos-footer{
  background: #020617 !important;
  color: #e5e7eb !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}/* Links do footer continuam visíveis */body.post-type-archive-curiosidade .biosegredos-footer a,
body.single-curiosidade .biosegredos-footer a{
  color: #bfdbfe !important;
}
/* =========================================================
   PATCH — Curiosidades 100% transparentes (Light + Dark)
   Objetivo: eliminar “cartão dentro de cartão” e mostrar o cosmos/nuvem
   ========================================================= */

body.single-curiosidade .dcuv-reading,
body.single-curiosidade .dcuv-reading-card,
body.single-curiosidade .dcuv-article,
body.single-curiosidade .dcuv-hero,
body.single-curiosidade .dcuv-entry,
body.single-curiosidade .entry-content,
body.post-type-archive-curiosidade .dcuv-archive-wrap,
body.post-type-archive-curiosidade .dcuv-card,
body.single-curiosidade .dcuv-entry .biosegredos-card,
body.single-curiosidade .dcuv-entry .wp-block-group,
body.single-curiosidade .dcuv-entry .wp-block-columns,
body.single-curiosidade .dcuv-entry .wp-block-column,
body.single-curiosidade .dcuv-entry .wp-block-cover,
body.single-curiosidade .dcuv-entry .wp-block-media-text,
body.single-curiosidade .dcuv-entry .wp-block-table {
  background: transparent !important;
  box-shadow: none !important;
}

/* Borda semi-translúcida — Light */
body:not(.bio-dark).single-curiosidade .dcuv-reading,
body:not(.bio-dark).single-curiosidade .dcuv-entry,
body:not(.bio-dark).single-curiosidade .entry-content,
body:not(.bio-dark).post-type-archive-curiosidade .dcuv-card,
body:not(.bio-dark).single-curiosidade .dcuv-entry .biosegredos-card {
  border: 1px solid rgba(15,23,42,0.14) !important;
}

/* Borda semi-translúcida — Dark */
body.bio-dark.single-curiosidade .dcuv-reading,
body.bio-dark.single-curiosidade .dcuv-entry,
body.bio-dark.single-curiosidade .entry-content,
body.bio-dark.post-type-archive-curiosidade .dcuv-card,
body.bio-dark.single-curiosidade .dcuv-entry .biosegredos-card {
  border: 1px solid rgba(148,163,184,0.18) !important;
}
/* =========================================================
   Topbar — Ícone do Instagram ao lado do link
   ========================================================= */

.bio-topbar-inner a[href*="instagram"]{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Ícone via mask (herda currentColor) */
.bio-topbar-inner a[href*="instagram"]::before{
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-5 4.5A5.5 5.5 0 1 1 6.5 14A5.5 5.5 0 0 1 12 8.5Zm0 2A3.5 3.5 0 1 0 15.5 14A3.5 3.5 0 0 0 12 10.5ZM17.8 6.2a1 1 0 1 1-1 1a1 1 0 0 1 1-1Z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-5 4.5A5.5 5.5 0 1 1 6.5 14A5.5 5.5 0 0 1 12 8.5Zm0 2A3.5 3.5 0 1 0 15.5 14A3.5 3.5 0 0 0 12 10.5ZM17.8 6.2a1 1 0 1 1-1 1a1 1 0 0 1 1-1Z'/></svg>") no-repeat center / contain;
}
/* =========================================
   BioSegredos — HERO da Home (Mobile Fix)
   Classe: .bio-hero-cover
   ========================================= */

@media (max-width: 768px) {

  /* 1) Garante hero “limpo” e com altura mínima confortável no mobile */
  .bio-hero-cover {
    min-height: 72vh;
    padding: 18px 16px !important;
    box-sizing: border-box;
  }

  /* 2) Centraliza e limita a largura do conteúdo do texto */
  .bio-hero-cover .wp-block-cover__inner-container,
  .bio-hero-cover .wp-block-group__inner-container,
  .bio-hero-cover .wp-block-group {
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }

  /* 3) Remove qualquer sombra/efeito pesado no texto no mobile */
  .bio-hero-cover,
  .bio-hero-cover * {
    text-shadow: none !important;
    filter: none !important;
  }

  /* 4) Linha 1 (h4): “Ciência acessível...” — menor e com respiro */
  .bio-hero-cover h4.wp-block-heading {
    font-size: clamp(14px, 4.2vw, 16px) !important;
    line-height: 1.35 !important;
    margin: 0 0 10px 0 !important;
    opacity: 0.95;
  }

  /* 5) Título principal (h1): reduz, controla quebra e evita “bloco branco” */
  .bio-hero-cover h1.wp-block-heading {
    font-size: clamp(26px, 7.2vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 12px 0 !important;

    /* Quebra mais bonita no mobile */
    text-wrap: balance;
    word-break: normal !important;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  /* 6) Parágrafo (p): legível e sem “explodir” a altura */
  .bio-hero-cover p {
    font-size: clamp(14px, 4.1vw, 17px) !important;
    line-height: 1.55 !important;
    margin: 0 auto 16px auto !important;
    max-width: 38ch;
    opacity: 0.95;
  }

  /* 7) Botões: empilha, centraliza e evita “dois retângulos perdidos” */
  .bio-hero-cover .wp-block-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 14px !important;
  }

  .bio-hero-cover .wp-block-button,
  .bio-hero-cover .wp-block-button__link {
    width: 100% !important;
    max-width: 320px;
    text-align: center !important;
  }

  .bio-hero-cover .wp-block-button__link {
    padding: 12px 16px !important;
    border-radius: 999px !important;
    line-height: 1.1 !important;
    font-size: 16px !important;
  }

  /* 8) Se o cover tiver overlay escurecido, mantém contraste mais “premium” */
  .bio-hero-cover .wp-block-cover__background {
    opacity: 0.40 !important;
  }
}
/* =========================================
   BioSegredos — HERO cover crescendo com conteúdo (mobile)
   Classe: .bio-hero-cover
   ========================================= */

@media (max-width: 768px) {

  /* 1) O cover deixa de ser “altura fixa” e passa a crescer com o texto */
  .bio-hero-cover.wp-block-cover {
    min-height: unset !important;      /* remove a altura mínima que força “corte” */
    height: auto !important;           /* deixa o bloco crescer */
    padding: 22px 16px !important;     /* respiro interno */
    box-sizing: border-box;
  }

  /* 2) Garante que a imagem de fundo acompanhe a nova altura do cover */
  .bio-hero-cover.wp-block-cover .wp-block-cover__image-background,
  .bio-hero-cover.wp-block-cover .wp-block-cover__video-background {
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  /* 3) Overlay acompanha e melhora leitura sem “cinza fora do hero” */
  .bio-hero-cover.wp-block-cover .wp-block-cover__background {
    height: 100% !important;
    min-height: 100% !important;
    opacity: 0.45 !important;
  }

  /* 4) Container interno não pode estar com max-height / overflow “capando” */
  .bio-hero-cover .wp-block-cover__inner-container {
    max-height: none !important;
    overflow: visible !important;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
  }

  /* 5) Tipografia (agora com H2 como destaque principal) */
  .bio-hero-cover h4.wp-block-heading {
    font-size: clamp(14px, 4.2vw, 16px) !important;
    line-height: 1.35 !important;
    margin: 0 0 10px 0 !important;
  }

  .bio-hero-cover h2.wp-block-heading {
    font-size: clamp(22px, 6.4vw, 30px) !important;
    line-height: 1.15 !important;
    margin: 0 0 12px 0 !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
    hyphens: auto;
    letter-spacing: -0.15px;
  }

  .bio-hero-cover p {
    font-size: clamp(14px, 4.1vw, 17px) !important;
    line-height: 1.55 !important;
    margin: 0 auto 16px auto !important;
    max-width: 40ch;
  }

  /* 6) Botões continuam em coluna */
  .bio-hero-cover .wp-block-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 14px !important;
  }

  .bio-hero-cover .wp-block-button__link {
    width: 100% !important;
    max-width: 320px;
    padding: 12px 16px !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
}