/* ==========================================================================
   Bibliotecas (RevOps, Busca e IA, Sites) no desenho novo.
   Por cima das cascas page-revops-hub e page-revops-lib: tipografia leve,
   preto e branco, azul só em dado e em botão. Nada de conteúdo muda.
   ========================================================================== */

body.biblioteca-indice, body.biblioteca-verbete {
	--bib-preto: #0c0c0e; --bib-tinta: #18181b; --bib-9: #3f3f46; --bib-7: #52525b; --bib-5: #71717a;
	--bib-4: #a1a1aa; --bib-3: #d4d4d8; --bib-2: #e4e4e7; --bib-1: #f4f4f5;
	--bib-azul: #2b6bd9; --bib-azul-claro: #6ea0f5; --bib-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
}

/* ---------- índice: topo escuro ---------- */

.biblioteca-indice .bib-topo { position: relative; overflow: hidden; background: var(--bib-preto); color: #fff; }
body.biblioteca-indice .bib-topo[data-hero-section] { padding: 112px 0 56px; }
.biblioteca-indice .bib-topo::before {
	content: ''; position: absolute; right: -20%; top: -30%; width: 1100px; max-width: 220vw; height: 900px; pointer-events: none;
	background: radial-gradient(closest-side, rgba(43,107,217,.28), rgba(43,107,217,0));
}
.biblioteca-indice .bib-topo::after {
	content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .09; mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.biblioteca-indice .bib-topo__caixa { position: relative; z-index: 2; }
.biblioteca-indice .bib-topo .wp-block-post-content h1 {
	margin: 0 0 18px !important; font-size: clamp(2.5rem, 1.6rem + 4vw, 4.75rem) !important; font-weight: 300 !important;
	letter-spacing: -0.04em !important; line-height: 1.02 !important; color: #fff !important;
}
.biblioteca-indice .bib-topo .wp-block-post-content p { max-width: 680px; margin: 0 !important; font-size: 17px !important; line-height: 1.6 !important; color: var(--bib-4) !important; }
.biblioteca-indice .bib-topo .revops-docs-header { margin-top: 32px; background: transparent !important; border: 0 !important; }
.biblioteca-indice .bib-topo .revops-docs-header > div { padding-left: 0 !important; padding-right: 0 !important; }
.biblioteca-indice .bib-topo .revops-docs-header input[type="search"] {
	height: 60px; background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.16) !important; color: #fff !important;
	-webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); font-family: Montserrat, sans-serif; font-size: 16px;
}
.biblioteca-indice .bib-topo .revops-docs-header input[type="search"]::placeholder { color: var(--bib-5) !important; }
.biblioteca-indice .bib-topo .revops-docs-header input[type="search"]:focus { border-color: var(--bib-azul-claro) !important; box-shadow: 0 0 0 3px rgba(110,160,245,.2) !important; }

/* ---------- índice: cards dos verbetes ---------- */

.biblioteca-indice .revops-index h2, .biblioteca-indice .revops-index h3.text-xs {
	font-family: var(--bib-mono) !important; font-size: 11px !important; letter-spacing: .14em !important; color: var(--bib-5) !important; font-weight: 400 !important;
}
.biblioteca-indice .revops-index a.group {
	border: 0 !important; border-radius: 20px !important; padding: 22px !important; background: #fff !important;
	box-shadow: 0 0 0 1px rgba(24,24,27,.07); transition: transform .3s ease, box-shadow .3s ease !important;
}
.biblioteca-indice .revops-index a.group:hover { transform: translateY(-3px); box-shadow: 0 24px 50px rgba(24,24,27,.08), 0 0 0 1px rgba(24,24,27,.1); }
.biblioteca-indice .revops-index a.group :is(h3, h4, strong, span.font-semibold, span.font-bold) { font-weight: 500 !important; letter-spacing: -0.01em; color: var(--bib-tinta) !important; }
.biblioteca-indice .revops-index a.group p { color: var(--bib-7) !important; }
.biblioteca-indice .bib-indice { background: #fff; }

/* ---------- verbete: casca de documentação ---------- */

.biblioteca-verbete .revops-docs-header { background: rgba(255,255,255,.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.biblioteca-verbete .revops-docs-header a:hover { color: var(--bib-tinta) !important; }
.biblioteca-verbete .revops-docs-header input[type="search"] { border-radius: 999px; }
.biblioteca-verbete .revops-docs-header input[type="search"]:focus { border-color: var(--bib-tinta) !important; box-shadow: 0 0 0 3px rgba(24,24,27,.08) !important; }

.biblioteca-verbete .revops-cluster-nav > a:first-child, .biblioteca-verbete .revops-cluster-nav a.text-primary {
	font-family: var(--bib-mono) !important; font-weight: 400 !important; letter-spacing: .14em !important; color: var(--bib-tinta) !important;
}
.biblioteca-verbete .revops-cluster-nav [aria-current="page"], .biblioteca-verbete .revops-cluster-nav a.is-active, .biblioteca-verbete .revops-cluster-nav .border-l-primary {
	color: var(--bib-tinta) !important; border-left-color: var(--bib-tinta) !important; font-weight: 600 !important;
}
.biblioteca-verbete .revops-cluster-nav a:hover { color: var(--bib-tinta) !important; }
.biblioteca-verbete .revops-toc-link.is-active, .biblioteca-verbete .revops-toc-link[aria-current="true"], .biblioteca-verbete .revops-toc-link.text-primary {
	color: var(--bib-tinta) !important; border-left-color: var(--bib-tinta) !important; font-weight: 500;
}
.biblioteca-verbete .revops-cite { border-radius: 16px !important; background: var(--bib-1) !important; border: 0 !important; }

/* tipografia do artigo */
.biblioteca-verbete .revops-article h1 {
	font-size: clamp(2rem, 1.4rem + 2.6vw, 3.25rem) !important; font-weight: 400 !important; letter-spacing: -0.035em !important; line-height: 1.08 !important; color: var(--bib-tinta) !important;
	text-wrap: balance;
}
.biblioteca-verbete .revops-article h2 {
	margin-top: 56px !important; font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem) !important; font-weight: 400 !important; letter-spacing: -0.025em !important; line-height: 1.2 !important; color: var(--bib-tinta) !important;
}
.biblioteca-verbete .revops-article h3 { font-weight: 500 !important; letter-spacing: -0.01em !important; color: var(--bib-tinta) !important; }
.biblioteca-verbete .revops-article p, .biblioteca-verbete .revops-article li { color: var(--bib-9); }
.biblioteca-verbete .revops-article > .wp-block-post-content > p:first-of-type { font-size: 19px !important; line-height: 1.6 !important; color: var(--bib-7) !important; }
.biblioteca-verbete .revops-article a:not([class]) { color: var(--bib-tinta); text-decoration: underline; text-decoration-color: var(--bib-3); text-underline-offset: 3px; }
.biblioteca-verbete .revops-article a:not([class]):hover { text-decoration-color: var(--bib-tinta); }

/* resposta rápida: o cartão escuro, como a prioridade da semana no produto */
.biblioteca-verbete .revops-answer > div {
	border: 0 !important; border-radius: 22px !important; background: var(--bib-tinta) !important; box-shadow: 0 30px 60px rgba(24,24,27,.14) !important; padding: 26px 28px !important;
}
.biblioteca-verbete .revops-answer > div > div:first-child span:first-child { background: var(--bib-azul-claro) !important; }
.biblioteca-verbete .revops-answer > div > div:first-child span:last-child, .biblioteca-verbete .revops-answer .text-primary {
	font-family: var(--bib-mono); font-weight: 400 !important; letter-spacing: .14em !important; color: var(--bib-azul-claro) !important;
}
.biblioteca-verbete .revops-answer p, .biblioteca-verbete .revops-answer .text-zinc-900 { color: #fff !important; font-size: 18px !important; line-height: 1.6 !important; }
.biblioteca-verbete .revops-answer strong { color: #fff !important; }

/* fórmula */
.biblioteca-verbete .revops-formula > div { border: 0 !important; border-radius: 20px !important; background: var(--bib-1) !important; }
.biblioteca-verbete .revops-formula .font-mono { font-family: var(--bib-mono) !important; color: var(--bib-tinta) !important; }
.biblioteca-verbete .revops-formula .bg-emerald-50 { background: #fff !important; border: 1px solid var(--bib-2) !important; border-radius: 14px !important; color: var(--bib-7) !important; }

/* tabelas */
.biblioteca-verbete .revops-article table { border-collapse: separate !important; border-spacing: 0; width: 100%; font-size: 14.5px; }
.biblioteca-verbete .revops-article th { background: transparent !important; font-family: var(--bib-mono); font-size: 11px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--bib-5) !important; border: 0 !important; border-bottom: 1px solid var(--bib-tinta) !important; padding: 12px 14px !important; text-align: left; }
.biblioteca-verbete .revops-article td { border: 0 !important; border-bottom: 1px solid var(--bib-2) !important; padding: 14px !important; vertical-align: top; }
.biblioteca-verbete .revops-article figure.wp-block-table { border: 0 !important; overflow-x: auto; }

/* checklist */
.biblioteca-verbete .revops-checklist .bg-primary { background: var(--bib-tinta) !important; border-color: var(--bib-tinta) !important; }

/* meta e autoria */
.biblioteca-verbete .revops-meta dt, .biblioteca-verbete .revops-meta .text-zinc-500 { font-family: var(--bib-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.biblioteca-verbete .revops-author-bio img { filter: grayscale(1); }

/* perguntas frequentes dentro do verbete (faq-2 e details) */
.biblioteca-verbete .revops-article details { border-bottom: 1px solid var(--bib-2); }
.biblioteca-verbete .revops-article details summary { font-weight: 500; color: var(--bib-tinta); }

@media (min-width: 1024px) {
	body.biblioteca-indice .bib-topo[data-hero-section] { padding: 170px 0 88px; }
}