MediaWiki:Common.js

2026-09-01T22:52:46Z

Fernando: v23 fix: restaura polling com auto-limpeza para botoes de censura (VE + codigo-fonte)

/* ==========================================================================
VAMPIRO: A MÁSCARA — SCRIPTS GLOBAIS, VIEWPORT RESPONSIVO & SEGREDO DINÂMICO
========================================================================== */

(function () {
'use strict';

/* ------------------------------------------------------------------
UTILITÁRIO: POLLING LIMITADO (substitui setInterval infinito)
------------------------------------------------------------------ */
function pollUntilFound(checkFn, callback, maxAttempts) {
var attempts = 0;
var max = maxAttempts || 50;
var intervalId = setInterval(function () {
attempts++;
var result = checkFn();
if (result) {
clearInterval(intervalId);
callback(result);
} else if (attempts >= max) {
clearInterval(intervalId);
}
}, 400);
return intervalId;
}

/* ------------------------------------------------------------------
0. VIEWPORT RESPONSIVO REAL PARA MOBILE (SUBSTITUI WIDTH=1120)
------------------------------------------------------------------ */
function fixMobileViewport() {
var meta = document.querySelector('meta[name="viewport"]');
if (meta) {
meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover');
} else {
meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover';
document.head.appendChild(meta);
}
}
fixMobileViewport();

/* ------------------------------------------------------------------
1. CENSURA & REVELAÇÃO DINÂMICA (LEITURA)
------------------------------------------------------------------ */
function initVtmSecrets() {
var els = document.querySelectorAll('[data-vtm-secret="true"]');
if (!els || !els.length) return;
var now = new Date();

els.forEach(function (el) {
var lib = (el.getAttribute('data-liberado') || '').toLowerCase().trim();
var ds = (el.getAttribute('data-reveal-date') || '').trim();
var dica = (el.getAttribute('data-dica') || '').trim();
var revealed = false;
var tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA]';

if (lib === 'sim' || lib === 'true' || lib === '1') {
revealed = true;
} else if (lib === 'nao' || lib === 'false' || lib === '0') {
tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';
} else if (ds) {
var td = null;
if (ds.indexOf('/') !== -1) {
var p = ds.split('/');
if (p.length === 3) td = new Date(p[2], parseInt(p[1], 10) - 1, p[0]);
} else {
td = new Date(ds);
}
if (td && !isNaN(td.getTime())) {
if (now >= td) {
revealed = true;
} else {
var f = ('0' + td.getDate()).slice(-2) + '/' + ('0' + (td.getMonth() + 1)).slice(-2) + '/' + td.getFullYear();
tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ' - ' + f + ']';
}
}
}

if (revealed) {
el.classList.add('is-revealed');
el.classList.remove('is-redacted');
el.title = '[DESCLASSIFICADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';
} else {
el.classList.add('is-redacted');
el.classList.remove('is-revealed');
el.title = tip;
}
});
}

/* ------------------------------------------------------------------
2. INJEÇÃO DO BOTÃO "🔒 CENSURAR" NA BARRA DO VISUALEDITOR
------------------------------------------------------------------ */
function injectVisualEditorButton() {
var toolbar = document.querySelector('.ve-ui-toolbar-tools, .ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-tools');
if (!toolbar) return;

if (document.getElementById('vtm-ve-censor-button')) return;

var btnGroup = document.createElement('div');
btnGroup.id = 'vtm-ve-censor-button';
btnGroup.className = 'oo-ui-widget oo-ui-widget-enabled oo-ui-toolGroup';
btnGroup.style.cssText = 'display:inline-flex; align-items:center; margin:0 6px;';

var btn = document.createElement('button');
btn.type = 'button';
btn.innerHTML = '🔒 Censurar Trecho';
btn.title = 'Aplicar tarja de censura {{Segredo}} no texto selecionado';
btn.style.cssText = 'background:linear-gradient(180deg, #450810 0%, #1a0306 100%); color:#ffffff; border:1px solid #ff2a3f; border-radius:4px; padding:4px 10px; font-family:"Cinzel", Georgia, serif; font-size:0.82em; font-weight:700; cursor:pointer; box-shadow:0 0 8px rgba(255,42,63,0.4); display:flex; align-items:center; gap:4px; transition:all 0.2s ease; height:32px; line-height:1; outline:none;';

btn.onmouseover = function () {
btn.style.background = 'linear-gradient(180deg, #6b0c19 0%, #30050c 100%)';
btn.style.boxShadow = '0 0 14px rgba(255,42,63,0.85)';
};
btn.onmouseout = function () {
btn.style.background = 'linear-gradient(180deg, #450810 0%, #1a0306 100%)';
btn.style.boxShadow = '0 0 8px rgba(255,42,63,0.4)';
};

btn.onclick = function (e) {
e.preventDefault();
e.stopPropagation();

try {
var target = ve.init.target;
if (target && target.getSurface()) {
var surfaceModel = target.getSurface().getModel();
var fragment = surfaceModel.getFragment();
var selectedText = fragment.getText();

var contentToCensor = selectedText || 'Texto confidencial a ser censurado';

var transclusionNode = {
type: 'mwTransclusionInline',
attributes: {
mw: {
parts: [
{
template: {
target: { href: 'Template:Segredo', wt: 'Segredo' },
params: {
'1': { wt: contentToCensor },
'liberado': { wt: 'nao' }
}
}
}
]
}
}
};

fragment.insertContent([transclusionNode, { type: '/mwTransclusionInline' }]);
return;
}
} catch (err) {
if (window.console) console.warn('[VtM] Fallback de inserção:', err);
}

var tb = document.getElementById('wpTextbox1');
if (tb) {
var s = tb.selectionStart, end = tb.selectionEnd;
var t = tb.value, sel = t.substring(s, end) || 'Texto confidencial a ser censurado';
var rep = '{{Segredo|' + sel + '|liberado=nao}}';
tb.value = t.substring(0, s) + rep + t.substring(end);
tb.focus();
tb.setSelectionRange(s + 10, s + 10 + sel.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}
};

btnGroup.appendChild(btn);

var insertGroup = toolbar.querySelector('.ve-ui-toolbar-group-insert, .oo-ui-toolGroup:last-child');
if (insertGroup && insertGroup.parentNode) {
insertGroup.parentNode.insertBefore(btnGroup, insertGroup.nextSibling);
} else {
toolbar.appendChild(btnGroup);
}
}

/* ------------------------------------------------------------------
3. BOTÕES CENSURADO/LIBERADO NO MODAL DO VISUALEDITOR
------------------------------------------------------------------ */
function transformLiberadoInputs() {
var inputs = document.querySelectorAll(
'.oo-ui-windowManager input, .oo-ui-windowManager textarea, ' +
'.oo-ui-fieldLayout input, .oo-ui-fieldLayout textarea'
);
inputs.forEach(function (input) {
var container = input.closest('.oo-ui-fieldLayout') ||
input.closest('.ve-ui-mwParameterPage') ||
input.closest('.oo-ui-pageLayout') ||
input.parentElement;
if (!container) return;
var txt = (container.textContent || '').toLowerCase();
if (txt.indexOf('liberado') === -1) return;
if (container.querySelector('.vtm-toggle-box')) return;

var box = document.createElement('div');
box.className = 'vtm-toggle-box';
box.style.cssText = 'display:flex;gap:12px;margin:10px 0 16px;width:100%;max-width:460px;';

var btnC = mkToggle('CENSURADO');
var btnL = mkToggle('LIBERADO');

function paint(v) {
var isLib = (v === 'sim' || v === '1' || v === 'true');
btnC.style.background = isLib ? '#121218' : 'linear-gradient(180deg,#5c0f18,#2b060a)';
btnC.style.color = isLib ? '#7a7a88' : '#fff';
btnC.style.border = isLib ? '1px solid #2d2d38' : '2px solid #ff2a3f';
btnC.style.boxShadow = isLib ? 'none' : '0 0 12px rgba(255,42,63,.7)';
btnL.style.background = isLib ? 'linear-gradient(180deg,#1b5e20,#0d3814)' : '#121218';
btnL.style.color = isLib ? '#fff' : '#7a7a88';
btnL.style.border = isLib ? '2px solid #4caf50' : '1px solid #2d2d38';
btnL.style.boxShadow = isLib ? '0 0 12px rgba(76,175,80,.7)' : 'none';
}

btnC.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'nao'); paint('nao'); };
btnL.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'sim'); paint('sim'); };
input.addEventListener('input', function () { paint((input.value || '').toLowerCase().trim()); });
paint((input.value || 'nao').toLowerCase().trim());

box.appendChild(btnC);
box.appendChild(btnL);
var wrap = input.closest('.oo-ui-textInputWidget') || input.closest('.oo-ui-inputWidget') || input;
wrap.parentNode.insertBefore(box, wrap);
wrap.style.display = 'none';
});
}

function mkToggle(label) {
var b = document.createElement('button');
b.type = 'button';
b.textContent = (label === 'CENSURADO' ? '⬛ ' : '🔓 ') + label;
b.style.cssText = 'flex:1;padding:10px 16px;border-radius:4px;font-weight:800;font-size:.9em;cursor:pointer;font-family:"Cinzel",Georgia,serif;letter-spacing:1px;transition:all .25s ease;outline:none;';
return b;
}

function setVal(input, v) {
input.value = v;
input.dispatchEvent(new Event('input', { bubbles: true }));
input.dispatchEvent(new Event('change', { bubbles: true }));
if (window.$) { $(input).trigger('input').trigger('change'); }
}

/* --- MutationObserver para transformLiberadoInputs (substitui setInterval) --- */
function setupTransformObserver() {
if (!document.body) return;

var lastRun = 0;
var pending = false;

function throttledTransform() {
var now = Date.now();
if (now - lastRun < 300) {
if (!pending) {
pending = true;
setTimeout(function () {
pending = false;
lastRun = Date.now();
transformLiberadoInputs();
}, 300 - (now - lastRun));
}
return;
}
lastRun = now;
transformLiberadoInputs();
}

var observer = new MutationObserver(function (mutations) {
for (var i = 0; i < mutations.length; i++) {
var addedNodes = mutations[i].addedNodes;
for (var j = 0; j < addedNodes.length; j++) {
var node = addedNodes[j];
if (node.nodeType === 1) {
if (node.classList && (node.classList.contains('oo-ui-windowManager') || node.classList.contains('oo-ui-window-frame'))) {
throttledTransform();
return;
}
if (node.querySelector && (node.querySelector('.oo-ui-windowManager') || node.querySelector('.oo-ui-window-frame'))) {
throttledTransform();
return;
}
}
}
}
});

observer.observe(document.body, { childList: true, subtree: true });
}

/* ------------------------------------------------------------------
4. BARRA DE FERRAMENTAS NO EDITOR DE CÓDIGO-FONTE (#wpTextbox1)
------------------------------------------------------------------ */
function initVtmQuickToolbar() {
var tb = document.getElementById('wpTextbox1');
if (!tb || document.getElementById('vtm-editor-quickbar')) return;

var bar = document.createElement('div');
bar.id = 'vtm-editor-quickbar';
bar.style.cssText = 'display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;margin:10px 0;background:linear-gradient(90deg,#181014,#0d0d12);border:1px solid #3d0a12;border-left:4px solid #8b0000;border-radius:4px;font-family:"Cinzel",Georgia,serif;box-shadow:0 4px 14px rgba(0,0,0,.6);z-index:99;';

var lbl = document.createElement('span');
lbl.style.cssText = 'color:#c5a059;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:6px;';
lbl.textContent = '🩸 Ferramentas de Censura:';
bar.appendChild(lbl);

bar.appendChild(mkBtn('⬛ Censurar Trecho', '#240c12', '#ff2a3f', function () {
wrapSel(tb, '{{Segredo|', '|liberado=nao}}', 'Texto censurado');
}));
bar.appendChild(mkBtn('🔓 Inserir Liberado', '#0d2915', '#2e7d32', function () {
wrapSel(tb, '{{Segredo|', '|liberado=sim}}', 'Texto revelado');
}));
bar.appendChild(mkBtn('📁 Dossie Bloco', '#181822', '#3d0a12', function () {
wrapSel(tb, '\n{{Segredo|tipo=bloco|nivel=CONFIDENCIAL|data=AAAA-MM-DD|dica=Operacao|\n', '\n}}\n', 'Relatorio confidencial...');
}));
bar.appendChild(mkBtn('🗑 Remover Censura', '#1a1a22', '#4a4a58', function () {
removeSecret(tb);
}));

tb.parentNode.insertBefore(bar, tb);
}

function mkBtn(text, bg, border, fn) {
var b = document.createElement('button');
b.type = 'button'; b.textContent = text;
b.style.cssText = 'background:' + bg + ';color:#fff;border:1px solid ' + border + ';border-radius:3px;padding:6px 12px;font-size:.82em;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;';
b.onmouseover = function () { b.style.opacity = '.85'; };
b.onmouseout = function () { b.style.opacity = '1'; };
b.onclick = function (e) { e.preventDefault(); fn(); };
return b;
}

function wrapSel(tb, pre, post, ph) {
var s = tb.selectionStart, e = tb.selectionEnd;
var t = tb.value, sel = t.substring(s, e) || ph;
tb.value = t.substring(0, s) + pre + sel + post + t.substring(e);
tb.focus(); tb.setSelectionRange(s + pre.length, s + pre.length + sel.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}

function removeSecret(tb) {
var s = tb.selectionStart, text = tb.value;
var i = text.lastIndexOf('{{Segredo|', s);
if (i === -1) { alert('Nenhum {{Segredo|...}} encontrado.\nPosicione o cursor dentro do trecho.'); return; }
var depth = 0, j, end = -1;
for (j = i; j < text.length - 1; j++) {
if (text[j] === '{' && text[j + 1] === '{') { depth++; j++; }
else if (text[j] === '}' && text[j + 1] === '}') { depth--; if (depth === 0) { end = j + 2; break; } j++; }
}
if (end === -1) { alert('Fechamento }} nao encontrado.'); return; }
var inner = text.substring(i + '{{Segredo|'.length, end - 2);
var parts = [], cur = '', d = 0;
for (j = 0; j < inner.length; j++) {
if (inner[j] === '{' && j + 1 < inner.length && inner[j + 1] === '{') { d++; cur += '{{'; j++; }
else if (inner[j] === '}' && j + 1 < inner.length && inner[j + 1] === '}') { d--; cur += '}}'; j++; }
else if (inner[j] === '|' && d === 0) { parts.push(cur); cur = ''; }
else { cur += inner[j]; }
}
parts.push(cur);
var content = '';
for (var k = 0; k < parts.length; k++) {
if (parts[k].trim().indexOf('=') === -1) { content = parts[k].trim(); break; }
}
tb.value = text.substring(0, i) + content + text.substring(end);
tb.focus(); tb.setSelectionRange(i, i + content.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}

/* ------------------------------------------------------------------
5. ANIMAÇÃO DE CASCATA DAS SEÇÕES
------------------------------------------------------------------ */
function initSectionAnimation() {
var c = document.querySelector('.mw-parser-output');
if (!c || c.dataset.vtmAnimated === 'true') return;
if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
c.dataset.vtmAnimated = 'true';
var kids = Array.from(c.children), secs = [], cur = [];
kids.forEach(function (ch) {
if (ch.classList.contains('catlinks') || ch.classList.contains('mw-category-generated') ||
ch.tagName === 'SCRIPT' || ch.tagName === 'STYLE' || ch.id === 'vtm-editor-quickbar') {
if (cur.length) { secs.push(cur); cur = []; }
return;
}
if ((ch.tagName === 'H2' || ch.classList.contains('mw-heading2')) && cur.length) { secs.push(cur); cur = []; }
cur.push(ch);
});
if (cur.length) secs.push(cur);
secs.forEach(function (items, idx) {
var w = document.createElement('div');
w.className = 'vtm-section-block';
w.style.animationDelay = (0.12 + idx * 0.42).toFixed(2) + 's';
var f = items[0];
if (f && f.parentNode) { f.parentNode.insertBefore(w, f); items.forEach(function (el) { w.appendChild(el); }); }
});
}

/* ------------------------------------------------------------------
6. SUPORTE A TOQUE PARA MENU HAMBÚRGUER NO MOBILE
------------------------------------------------------------------ */
function initMobileMenuHelper() {
var dropdown = document.getElementById('vector-main-menu-dropdown');
var checkbox = document.getElementById('vector-main-menu-dropdown-checkbox');
var label = document.getElementById('vector-main-menu-dropdown-label');
if (!dropdown || !checkbox) return;

if (label && !label.dataset.vtmBound) {
label.dataset.vtmBound = 'true';
label.addEventListener('click', function () {
setTimeout(function () {
if (checkbox.checked) {
dropdown.classList.add('vector-dropdown--open');
} else {
dropdown.classList.remove('vector-dropdown--open');
}
}, 10);
});
}

document.addEventListener('click', function (e) {
if (checkbox.checked && !dropdown.contains(e.target)) {
checkbox.checked = false;
dropdown.classList.remove('vector-dropdown--open');
}
});
}

/* ------------------------------------------------------------------
INICIALIZAÇÃO GERAL
------------------------------------------------------------------ */
function initAll() {
fixMobileViewport();
initVtmSecrets();
initSectionAnimation();
initVtmQuickToolbar();
injectVisualEditorButton();
initMobileMenuHelper();
setupTransformObserver();
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initAll);
} else {
initAll();
}

/* --- Polling com auto-limpeza para botões de censura nos editores --- */
var veButtonInterval = setInterval(function () {
if (!document.querySelector('.ve-ui-toolbar-tools, .ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-tools')) return;
injectVisualEditorButton();
if (document.getElementById('vtm-ve-censor-button')) {
clearInterval(veButtonInterval);
}
}, 400);

var quickbarInterval = setInterval(function () {
if (!document.getElementById('wpTextbox1')) return;
initVtmQuickToolbar();
if (document.getElementById('vtm-editor-quickbar')) {
clearInterval(quickbarInterval);
}
}, 400);

/* --- Hooks do MediaWiki para recarregamento de conteúdo --- */
function registerHooks() {
if (!window.mw || !window.mw.hook) return;
window.mw.hook('wikipage.content').add(function () {
initVtmSecrets();
initSectionAnimation();
initMobileMenuHelper();
});
window.mw.hook('ve.activationComplete').add(function () {
pollUntilFound(function () {
return document.querySelector('.ve-ui-toolbar-tools');
}, function () {
injectVisualEditorButton();
});
});
window.mw.hook('wikipage.editform').add(function () {
initVtmQuickToolbar();
});
}

if (window.mw && window.mw.hook) {
registerHooks();
} else {
pollUntilFound(function () {
return window.mw && window.mw.hook;
}, function () {
registerHooks();
});
}
})();

MediaWiki:Common.css

2026-09-01T22:49:41Z

Fernando: v23 passo 2/2: +Seções 19-24 (infobox, breakpoints 768/480/360, safe areas, touch, performance, scroll)

MediaWiki:Common.css

2026-09-01T22:49:41Z

Fernando: v23 passo 1/2: restaura seções 1-18 originais com header v23

MediaWiki:Common.css

2026-09-01T22:48:06Z

Fernando: v23 PARCIAL: restaurando seção 1 (cascata) como teste de tamanho

Template:Citacao

2026-09-01T22:43:34Z

Fernando: v23: Remove estilos inline redundantes do blockquote — agora depende da classe .vtm-quote (CSS responsivo)

<blockquote class="vtm-quote">
<div style="text-align: left; font-family: 'Special Elite', 'Courier New', monospace; color: #c8c3b8; margin-bottom: 6px;">{{{1|{{{texto}}}}}}</div>
<div style="text-align: right; margin-top: 10px; font-family: 'Cinzel', 'Playfair Display', Georgia, serif; font-size: 0.85em; color: #c5a059; letter-spacing: 1px; font-style: normal;">— {{{2|{{{autor|O Livro de Nod}}}}}}</div>
</blockquote><noinclude>
== Uso ==
<pre>
{{Citacao|O sangue é a vida, e a vida pertence à noite.|Caim}}
</pre>
[[Categoria:Predefinições]]
</noinclude>

MediaWiki:Common.js

2026-09-01T22:43:29Z

Fernando: v23: Performance — substitui 3 setInterval infinitos por MutationObserver + pollUntilFound + mw.hook; adiciona viewport-fit:cover

/* ==========================================================================
VAMPIRO: A MÁSCARA — SCRIPTS GLOBAIS, VIEWPORT RESPONSIVO & SEGREDO DINÂMICO
========================================================================== */

(function () {
'use strict';

/* ------------------------------------------------------------------
UTILITÁRIO: POLLING LIMITADO (substitui setInterval infinito)
------------------------------------------------------------------ */
function pollUntilFound(checkFn, callback, maxAttempts) {
var attempts = 0;
var max = maxAttempts || 50;
var intervalId = setInterval(function () {
attempts++;
var result = checkFn();
if (result) {
clearInterval(intervalId);
callback(result);
} else if (attempts >= max) {
clearInterval(intervalId);
}
}, 400);
return intervalId;
}

/* ------------------------------------------------------------------
0. VIEWPORT RESPONSIVO REAL PARA MOBILE (SUBSTITUI WIDTH=1120)
------------------------------------------------------------------ */
function fixMobileViewport() {
var meta = document.querySelector('meta[name="viewport"]');
if (meta) {
meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover');
} else {
meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover';
document.head.appendChild(meta);
}
}
fixMobileViewport();

/* ------------------------------------------------------------------
1. CENSURA & REVELAÇÃO DINÂMICA (LEITURA)
------------------------------------------------------------------ */
function initVtmSecrets() {
var els = document.querySelectorAll('[data-vtm-secret="true"]');
if (!els || !els.length) return;
var now = new Date();

els.forEach(function (el) {
var lib = (el.getAttribute('data-liberado') || '').toLowerCase().trim();
var ds = (el.getAttribute('data-reveal-date') || '').trim();
var dica = (el.getAttribute('data-dica') || '').trim();
var revealed = false;
var tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA]';

if (lib === 'sim' || lib === 'true' || lib === '1') {
revealed = true;
} else if (lib === 'nao' || lib === 'false' || lib === '0') {
tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';
} else if (ds) {
var td = null;
if (ds.indexOf('/') !== -1) {
var p = ds.split('/');
if (p.length === 3) td = new Date(p[2], parseInt(p[1], 10) - 1, p[0]);
} else {
td = new Date(ds);
}
if (td && !isNaN(td.getTime())) {
if (now >= td) {
revealed = true;
} else {
var f = ('0' + td.getDate()).slice(-2) + '/' + ('0' + (td.getMonth() + 1)).slice(-2) + '/' + td.getFullYear();
tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ' - ' + f + ']';
}
}
}

if (revealed) {
el.classList.add('is-revealed');
el.classList.remove('is-redacted');
el.title = '[DESCLASSIFICADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';
} else {
el.classList.add('is-redacted');
el.classList.remove('is-revealed');
el.title = tip;
}
});
}

/* ------------------------------------------------------------------
2. INJEÇÃO DO BOTÃO "🔒 CENSURAR" NA BARRA DO VISUALEDITOR
------------------------------------------------------------------ */
function injectVisualEditorButton() {
var toolbar = document.querySelector('.ve-ui-toolbar-tools, .ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-tools');
if (!toolbar) return;

if (document.getElementById('vtm-ve-censor-button')) return;

var btnGroup = document.createElement('div');
btnGroup.id = 'vtm-ve-censor-button';
btnGroup.className = 'oo-ui-widget oo-ui-widget-enabled oo-ui-toolGroup';
btnGroup.style.cssText = 'display:inline-flex; align-items:center; margin:0 6px;';

var btn = document.createElement('button');
btn.type = 'button';
btn.innerHTML = '🔒 Censurar Trecho';
btn.title = 'Aplicar tarja de censura {{Segredo}} no texto selecionado';
btn.style.cssText = 'background:linear-gradient(180deg, #450810 0%, #1a0306 100%); color:#ffffff; border:1px solid #ff2a3f; border-radius:4px; padding:4px 10px; font-family:"Cinzel", Georgia, serif; font-size:0.82em; font-weight:700; cursor:pointer; box-shadow:0 0 8px rgba(255,42,63,0.4); display:flex; align-items:center; gap:4px; transition:all 0.2s ease; height:32px; line-height:1; outline:none;';

btn.onmouseover = function () {
btn.style.background = 'linear-gradient(180deg, #6b0c19 0%, #30050c 100%)';
btn.style.boxShadow = '0 0 14px rgba(255,42,63,0.85)';
};
btn.onmouseout = function () {
btn.style.background = 'linear-gradient(180deg, #450810 0%, #1a0306 100%)';
btn.style.boxShadow = '0 0 8px rgba(255,42,63,0.4)';
};

btn.onclick = function (e) {
e.preventDefault();
e.stopPropagation();

try {
var target = ve.init.target;
if (target && target.getSurface()) {
var surfaceModel = target.getSurface().getModel();
var fragment = surfaceModel.getFragment();
var selectedText = fragment.getText();

var contentToCensor = selectedText || 'Texto confidencial a ser censurado';

var transclusionNode = {
type: 'mwTransclusionInline',
attributes: {
mw: {
parts: [
{
template: {
target: { href: 'Template:Segredo', wt: 'Segredo' },
params: {
'1': { wt: contentToCensor },
'liberado': { wt: 'nao' }
}
}
}
]
}
}
};

fragment.insertContent([transclusionNode, { type: '/mwTransclusionInline' }]);
return;
}
} catch (err) {
if (window.console) console.warn('[VtM] Fallback de inserção:', err);
}

var tb = document.getElementById('wpTextbox1');
if (tb) {
var s = tb.selectionStart, end = tb.selectionEnd;
var t = tb.value, sel = t.substring(s, end) || 'Texto confidencial a ser censurado';
var rep = '{{Segredo|' + sel + '|liberado=nao}}';
tb.value = t.substring(0, s) + rep + t.substring(end);
tb.focus();
tb.setSelectionRange(s + 10, s + 10 + sel.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}
};

btnGroup.appendChild(btn);

var insertGroup = toolbar.querySelector('.ve-ui-toolbar-group-insert, .oo-ui-toolGroup:last-child');
if (insertGroup && insertGroup.parentNode) {
insertGroup.parentNode.insertBefore(btnGroup, insertGroup.nextSibling);
} else {
toolbar.appendChild(btnGroup);
}
}

/* ------------------------------------------------------------------
3. BOTÕES CENSURADO/LIBERADO NO MODAL DO VISUALEDITOR
------------------------------------------------------------------ */
function transformLiberadoInputs() {
var inputs = document.querySelectorAll(
'.oo-ui-windowManager input, .oo-ui-windowManager textarea, ' +
'.oo-ui-fieldLayout input, .oo-ui-fieldLayout textarea'
);
inputs.forEach(function (input) {
var container = input.closest('.oo-ui-fieldLayout') ||
input.closest('.ve-ui-mwParameterPage') ||
input.closest('.oo-ui-pageLayout') ||
input.parentElement;
if (!container) return;
var txt = (container.textContent || '').toLowerCase();
if (txt.indexOf('liberado') === -1) return;
if (container.querySelector('.vtm-toggle-box')) return;

var box = document.createElement('div');
box.className = 'vtm-toggle-box';
box.style.cssText = 'display:flex;gap:12px;margin:10px 0 16px;width:100%;max-width:460px;';

var btnC = mkToggle('CENSURADO');
var btnL = mkToggle('LIBERADO');

function paint(v) {
var isLib = (v === 'sim' || v === '1' || v === 'true');
btnC.style.background = isLib ? '#121218' : 'linear-gradient(180deg,#5c0f18,#2b060a)';
btnC.style.color = isLib ? '#7a7a88' : '#fff';
btnC.style.border = isLib ? '1px solid #2d2d38' : '2px solid #ff2a3f';
btnC.style.boxShadow = isLib ? 'none' : '0 0 12px rgba(255,42,63,.7)';
btnL.style.background = isLib ? 'linear-gradient(180deg,#1b5e20,#0d3814)' : '#121218';
btnL.style.color = isLib ? '#fff' : '#7a7a88';
btnL.style.border = isLib ? '2px solid #4caf50' : '1px solid #2d2d38';
btnL.style.boxShadow = isLib ? '0 0 12px rgba(76,175,80,.7)' : 'none';
}

btnC.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'nao'); paint('nao'); };
btnL.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'sim'); paint('sim'); };
input.addEventListener('input', function () { paint((input.value || '').toLowerCase().trim()); });
paint((input.value || 'nao').toLowerCase().trim());

box.appendChild(btnC);
box.appendChild(btnL);
var wrap = input.closest('.oo-ui-textInputWidget') || input.closest('.oo-ui-inputWidget') || input;
wrap.parentNode.insertBefore(box, wrap);
wrap.style.display = 'none';
});
}

function mkToggle(label) {
var b = document.createElement('button');
b.type = 'button';
b.textContent = (label === 'CENSURADO' ? '⬛ ' : '🔓 ') + label;
b.style.cssText = 'flex:1;padding:10px 16px;border-radius:4px;font-weight:800;font-size:.9em;cursor:pointer;font-family:"Cinzel",Georgia,serif;letter-spacing:1px;transition:all .25s ease;outline:none;';
return b;
}

function setVal(input, v) {
input.value = v;
input.dispatchEvent(new Event('input', { bubbles: true }));
input.dispatchEvent(new Event('change', { bubbles: true }));
if (window.$) { $(input).trigger('input').trigger('change'); }
}

/* --- MutationObserver para transformLiberadoInputs (substitui setInterval) --- */
function setupTransformObserver() {
if (!document.body) return;

var lastRun = 0;
var pending = false;

function throttledTransform() {
var now = Date.now();
if (now - lastRun < 300) {
if (!pending) {
pending = true;
setTimeout(function () {
pending = false;
lastRun = Date.now();
transformLiberadoInputs();
}, 300 - (now - lastRun));
}
return;
}
lastRun = now;
transformLiberadoInputs();
}

var observer = new MutationObserver(function (mutations) {
for (var i = 0; i < mutations.length; i++) {
var addedNodes = mutations[i].addedNodes;
for (var j = 0; j < addedNodes.length; j++) {
var node = addedNodes[j];
if (node.nodeType === 1) {
if (node.classList && (node.classList.contains('oo-ui-windowManager') || node.classList.contains('oo-ui-window-frame'))) {
throttledTransform();
return;
}
if (node.querySelector && (node.querySelector('.oo-ui-windowManager') || node.querySelector('.oo-ui-window-frame'))) {
throttledTransform();
return;
}
}
}
}
});

observer.observe(document.body, { childList: true, subtree: true });
}

/* ------------------------------------------------------------------
4. BARRA DE FERRAMENTAS NO EDITOR DE CÓDIGO-FONTE (#wpTextbox1)
------------------------------------------------------------------ */
function initVtmQuickToolbar() {
var tb = document.getElementById('wpTextbox1');
if (!tb || document.getElementById('vtm-editor-quickbar')) return;

var bar = document.createElement('div');
bar.id = 'vtm-editor-quickbar';
bar.style.cssText = 'display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;margin:10px 0;background:linear-gradient(90deg,#181014,#0d0d12);border:1px solid #3d0a12;border-left:4px solid #8b0000;border-radius:4px;font-family:"Cinzel",Georgia,serif;box-shadow:0 4px 14px rgba(0,0,0,.6);z-index:99;';

var lbl = document.createElement('span');
lbl.style.cssText = 'color:#c5a059;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:6px;';
lbl.textContent = '🩸 Ferramentas de Censura:';
bar.appendChild(lbl);

bar.appendChild(mkBtn('⬛ Censurar Trecho', '#240c12', '#ff2a3f', function () {
wrapSel(tb, '{{Segredo|', '|liberado=nao}}', 'Texto censurado');
}));
bar.appendChild(mkBtn('🔓 Inserir Liberado', '#0d2915', '#2e7d32', function () {
wrapSel(tb, '{{Segredo|', '|liberado=sim}}', 'Texto revelado');
}));
bar.appendChild(mkBtn('📁 Dossie Bloco', '#181822', '#3d0a12', function () {
wrapSel(tb, '\n{{Segredo|tipo=bloco|nivel=CONFIDENCIAL|data=AAAA-MM-DD|dica=Operacao|\n', '\n}}\n', 'Relatorio confidencial...');
}));
bar.appendChild(mkBtn('🗑 Remover Censura', '#1a1a22', '#4a4a58', function () {
removeSecret(tb);
}));

tb.parentNode.insertBefore(bar, tb);
}

function mkBtn(text, bg, border, fn) {
var b = document.createElement('button');
b.type = 'button'; b.textContent = text;
b.style.cssText = 'background:' + bg + ';color:#fff;border:1px solid ' + border + ';border-radius:3px;padding:6px 12px;font-size:.82em;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;';
b.onmouseover = function () { b.style.opacity = '.85'; };
b.onmouseout = function () { b.style.opacity = '1'; };
b.onclick = function (e) { e.preventDefault(); fn(); };
return b;
}

function wrapSel(tb, pre, post, ph) {
var s = tb.selectionStart, e = tb.selectionEnd;
var t = tb.value, sel = t.substring(s, e) || ph;
tb.value = t.substring(0, s) + pre + sel + post + t.substring(e);
tb.focus(); tb.setSelectionRange(s + pre.length, s + pre.length + sel.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}

function removeSecret(tb) {
var s = tb.selectionStart, text = tb.value;
var i = text.lastIndexOf('{{Segredo|', s);
if (i === -1) { alert('Nenhum {{Segredo|...}} encontrado.\nPosicione o cursor dentro do trecho.'); return; }
var depth = 0, j, end = -1;
for (j = i; j < text.length - 1; j++) {
if (text[j] === '{' && text[j + 1] === '{') { depth++; j++; }
else if (text[j] === '}' && text[j + 1] === '}') { depth--; if (depth === 0) { end = j + 2; break; } j++; }
}
if (end === -1) { alert('Fechamento }} nao encontrado.'); return; }
var inner = text.substring(i + '{{Segredo|'.length, end - 2);
var parts = [], cur = '', d = 0;
for (j = 0; j < inner.length; j++) {
if (inner[j] === '{' && j + 1 < inner.length && inner[j + 1] === '{') { d++; cur += '{{'; j++; }
else if (inner[j] === '}' && j + 1 < inner.length && inner[j + 1] === '}') { d--; cur += '}}'; j++; }
else if (inner[j] === '|' && d === 0) { parts.push(cur); cur = ''; }
else { cur += inner[j]; }
}
parts.push(cur);
var content = '';
for (var k = 0; k < parts.length; k++) {
if (parts[k].trim().indexOf('=') === -1) { content = parts[k].trim(); break; }
}
tb.value = text.substring(0, i) + content + text.substring(end);
tb.focus(); tb.setSelectionRange(i, i + content.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}

/* ------------------------------------------------------------------
5. ANIMAÇÃO DE CASCATA DAS SEÇÕES
------------------------------------------------------------------ */
function initSectionAnimation() {
var c = document.querySelector('.mw-parser-output');
if (!c || c.dataset.vtmAnimated === 'true') return;
if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
c.dataset.vtmAnimated = 'true';
var kids = Array.from(c.children), secs = [], cur = [];
kids.forEach(function (ch) {
if (ch.classList.contains('catlinks') || ch.classList.contains('mw-category-generated') ||
ch.tagName === 'SCRIPT' || ch.tagName === 'STYLE' || ch.id === 'vtm-editor-quickbar') {
if (cur.length) { secs.push(cur); cur = []; }
return;
}
if ((ch.tagName === 'H2' || ch.classList.contains('mw-heading2')) && cur.length) { secs.push(cur); cur = []; }
cur.push(ch);
});
if (cur.length) secs.push(cur);
secs.forEach(function (items, idx) {
var w = document.createElement('div');
w.className = 'vtm-section-block';
w.style.animationDelay = (0.12 + idx * 0.42).toFixed(2) + 's';
var f = items[0];
if (f && f.parentNode) { f.parentNode.insertBefore(w, f); items.forEach(function (el) { w.appendChild(el); }); }
});
}

/* ------------------------------------------------------------------
6. SUPORTE A TOQUE PARA MENU HAMBÚRGUER NO MOBILE
------------------------------------------------------------------ */
function initMobileMenuHelper() {
var dropdown = document.getElementById('vector-main-menu-dropdown');
var checkbox = document.getElementById('vector-main-menu-dropdown-checkbox');
var label = document.getElementById('vector-main-menu-dropdown-label');
if (!dropdown || !checkbox) return;

if (label && !label.dataset.vtmBound) {
label.dataset.vtmBound = 'true';
label.addEventListener('click', function () {
setTimeout(function () {
if (checkbox.checked) {
dropdown.classList.add('vector-dropdown--open');
} else {
dropdown.classList.remove('vector-dropdown--open');
}
}, 10);
});
}

document.addEventListener('click', function (e) {
if (checkbox.checked && !dropdown.contains(e.target)) {
checkbox.checked = false;
dropdown.classList.remove('vector-dropdown--open');
}
});
}

/* ------------------------------------------------------------------
INICIALIZAÇÃO GERAL
------------------------------------------------------------------ */
function initAll() {
fixMobileViewport();
initVtmSecrets();
initSectionAnimation();
initVtmQuickToolbar();
injectVisualEditorButton();
initMobileMenuHelper();
setupTransformObserver();
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initAll);
} else {
initAll();
}

if (window.mw && window.mw.hook) {
window.mw.hook('wikipage.content').add(function () {
initVtmSecrets();
initSectionAnimation();
initMobileMenuHelper();
});
window.mw.hook('ve.activationComplete').add(function () {
pollUntilFound(function () {
return document.querySelector('.ve-ui-toolbar-tools');
}, function () {
injectVisualEditorButton();
});
});
window.mw.hook('wikipage.editform').add(function () {
initVtmQuickToolbar();
});
} else {
pollUntilFound(function () {
return document.getElementById('wpTextbox1');
}, function () {
initVtmQuickToolbar();
});
}
})();

MediaWiki:Common.css

2026-09-01T22:42:27Z

Fernando: v23: +Seções 19-24: estilos .vtm-infobox, breakpoints 768/480/360px, safe areas, touch 44px, performance mobile, indicador scroll abas

/* ==========================================================================
19. ESTILOS BASE — .vtm-infobox (Dossiê da Camarilla)
========================================================================== */

.vtm-infobox {
float: right !important;
width: 340px !important;
max-width: 340px !important;
margin: 0 0 18px 22px !important;
padding: 0 !important;
background: var(--vtm-obsidian) !important;
border: 1.5px solid var(--vtm-border-blood) !important;
border-top: 3px solid var(--vtm-blood) !important;
border-radius: 6px !important;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(197, 160, 89, 0.04) !important;
font-family: var(--vtm-font-body) !important;
font-size: 0.92em !important;
color: var(--vtm-text) !important;
line-height: 1.55 !important;
overflow: hidden !important;
}

.vtm-infobox-header {
display: block !important;
width: 100% !important;
padding: 14px 18px 10px !important;
margin: 0 !important;
background: linear-gradient(180deg, rgba(139, 0, 0, 0.18) 0%, transparent 100%) !important;
font-family: var(--vtm-font-title) !important;
font-size: 1.35em !important;
font-weight: 700 !important;
color: var(--vtm-blood-vivid) !important;
text-align: center !important;
letter-spacing: 0.04em !important;
line-height: 1.3 !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
}

.vtm-infobox-subheader {
display: block !important;
width: 100% !important;
padding: 6px 18px 10px !important;
margin: 0 !important;
font-family: var(--vtm-font-body) !important;
font-size: 0.88em !important;
font-style: italic !important;
color: var(--vtm-text-dim) !important;
text-align: center !important;
letter-spacing: 0.02em !important;
border-bottom: 1px solid var(--vtm-border) !important;
}

.vtm-infobox-section {
display: block !important;
width: 100% !important;
padding: 8px 18px !important;
margin: 0 !important;
background: rgba(139, 0, 0, 0.08) !important;
font-family: var(--vtm-font-title) !important;
font-size: 0.82em !important;
font-weight: 600 !important;
color: var(--vtm-gold) !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
border-top: 1px solid var(--vtm-border-blood) !important;
border-bottom: 1px solid var(--vtm-border) !important;
}

.vtm-infobox-row {
display: flex !important;
flex-wrap: wrap !important;
padding: 6px 18px !important;
margin: 0 !important;
border-bottom: 1px solid rgba(37, 37, 48, 0.6) !important;
}

.vtm-infobox-row:last-child {
border-bottom: none !important;
}

.vtm-infobox-label {
flex: 0 0 38% !important;
max-width: 38% !important;
padding-right: 8px !important;
font-family: var(--vtm-font-body) !important;
font-size: 0.78em !important;
font-weight: 600 !important;
color: var(--vtm-gold) !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
line-height: 1.7 !important;
}

.vtm-infobox-data {
flex: 1 1 62% !important;
max-width: 62% !important;
font-family: var(--vtm-font-body) !important;
font-size: 0.92em !important;
color: var(--vtm-text) !important;
line-height: 1.55 !important;
}

.vtm-infobox-data a {
color: var(--vtm-blood-vivid) !important;
text-decoration: none !important;
border-bottom: 1px dotted rgba(201, 24, 43, 0.35) !important;
}

.vtm-infobox-data a:hover {
color: var(--vtm-blood-neon) !important;
border-bottom-color: var(--vtm-blood-neon) !important;
}

.vtm-infobox img {
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}

/* ==========================================================================
20. BREAKPOINTS ADICIONAIS
========================================================================== */

/* --- 20a. Tablets e telefones landscape (max-width: 768px) -------------- */
@media screen and (max-width: 768px) {

.mw-body-content,
#bodyContent,
.mw-parser-output {
padding-left: 10px !important;
padding-right: 10px !important;
}

h1.firstHeading,
.mw-first-heading,
#firstHeading,
.mw-body h1 {
font-size: 1.7em !important;
}

h2,
.mw-heading2 h2 {
font-size: 1.35em !important;
}

h3,
.mw-heading3 h3 {
font-size: 1.15em !important;
}

#vector-main-menu-dropdown .vector-dropdown-content {
width: 280px !important;
}

.vtm-infobox {
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 14px 0 !important;
}

.wikitable td[style*="width:50%"],
.wikitable td[style*="width: 50%"],
.wikitable td[style*="width:50"],
.mw-parser-output table td[style*="width:50%"],
.mw-parser-output table td[style*="width: 50%"] {
display: block !important;
width: 100% !important;
}

blockquote,
.vtm-quote,
.mw-parser-output blockquote,
.mw-parser-output .vtm-quote {
padding: 16px 14px !important;
margin: 12px 0 !important;
}

.mw-logo {
height: 56px !important;
min-height: 56px !important;
}

.mw-logo::before {
height: 52px !important;
width: 180px !important;
max-height: 52px !important;
max-width: 180px !important;
}
}

/* --- 20b. Telefones portrait (max-width: 480px) ------------------------ */
@media screen and (max-width: 480px) {

.mw-body-content,
#bodyContent,
.mw-parser-output {
padding-left: 8px !important;
padding-right: 8px !important;
}

h1.firstHeading,
.mw-first-heading,
#firstHeading,
.mw-body h1 {
font-size: 1.5em !important;
}

h2,
.mw-heading2 h2 {
font-size: 1.25em !important;
}

h3,
.mw-heading3 h3 {
font-size: 1.1em !important;
}

h4,
.mw-heading4 h4 {
font-size: 1em !important;
}

.mw-parser-output p,
.mw-parser-output li,
.mw-body-content p,
.mw-body-content li {
font-size: 1em !important;
line-height: 1.6 !important;
}

#vector-main-menu-dropdown .vector-dropdown-content {
width: 260px !important;
max-width: 85vw !important;
}

.vector-menu-tabs li a,
.vector-menu-tabs-legacy li a,
.vector-tab-noicon a,
.mw-portlet-views li a,
.mw-portlet-namespaces li a {
padding: 8px 12px !important;
font-size: 0.85em !important;
}

blockquote,
.vtm-quote,
.mw-parser-output blockquote,
.mw-parser-output .vtm-quote {
padding: 14px 12px !important;
font-size: 0.95em !important;
}

.mw-special-Userlogin .mw-htmlform,
.mw-special-Userlogin .mw-htmlform-codex,
#userloginForm form,
.mw-htmlform.mw-htmlform-codex {
padding: 16px 14px !important;
}

#vtm-editor-quickbar {
flex-direction: column !important;
gap: 6px !important;
padding: 8px 10px !important;
}

#vtm-editor-quickbar button {
width: 100% !important;
justify-content: center !important;
}

table.wikitable th,
table.wikitable td {
padding: 8px 10px !important;
font-size: 0.9em !important;
min-width: 70px !important;
}
}

/* --- 20c. Telefones compactos (max-width: 360px) ----------------------- */
@media screen and (max-width: 360px) {

.mw-body-content,
#bodyContent,
.mw-parser-output {
padding-left: 6px !important;
padding-right: 6px !important;
}

h1.firstHeading,
.mw-first-heading,
#firstHeading,
.mw-body h1 {
font-size: 1.35em !important;
}

#vector-main-menu-dropdown .vector-dropdown-content {
width: 240px !important;
}

.mw-logo {
height: 48px !important;
min-height: 48px !important;
}

.mw-logo::before {
height: 44px !important;
width: 150px !important;
max-height: 44px !important;
max-width: 150px !important;
}
}

/* ==========================================================================
21. SAFE AREAS — DISPOSITIVOS MODERNOS (NOTCH / DYNAMIC ISLAND)
========================================================================== */

@supports (padding: env(safe-area-inset-top)) {

body {
padding-left: env(safe-area-inset-left) !important;
padding-right: env(safe-area-inset-right) !important;
}

#footer,
.mw-footer,
.vector-footer-container,
footer.mw-footer {
padding-bottom: env(safe-area-inset-bottom) !important;
}
}

/* ==========================================================================
22. TOUCH & ACESSIBILIDADE
========================================================================== */

@media (hover: none) and (pointer: coarse) {

.vector-pinnable-element a,
.vector-pinnable-element li a,
.vector-page-tools a,
.vector-main-menu a,
.vector-dropdown-content a,
.vector-menu-content a,
#mw-panel .portal .body li a {
min-height: 44px !important;
display: flex !important;
align-items: center !important;
}

button,
.cdx-button,
input[type="submit"],
input[type="button"] {
min-height: 44px !important;
}

.vector-menu-tabs li a,
.vector-menu-tabs-legacy li a,
.mw-portlet-views li a,
.mw-portlet-namespaces li a {
min-height: 44px !important;
padding: 12px 16px !important;
}

.vector-pinnable-element a:hover,
.vector-page-tools a:hover,
.vector-main-menu a:hover,
.vector-dropdown-content a:hover,
#mw-panel .portal .body li a:hover {
padding-left: 0 !important;
}
}

/* ==========================================================================
23. PERFORMANCE MOBILE
========================================================================== */

@media screen and (max-width: 768px) {

.vtm-infobox {
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35) !important;
}

blockquote,
.vtm-quote,
.mw-parser-output blockquote {
box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.mw-logo::before {
filter: drop-shadow(0 0 6px rgba(139, 0, 0, 0.5)) drop-shadow(0 0 14px rgba(139, 0, 0, 0.25)) !important;
}

.vtm-section-block {
animation-duration: 0.5s !important;
}

.vtm-section-block,
#firstHeading,
.mw-first-heading {
will-change: auto !important;
}
}

/* ==========================================================================
24. INDICADOR VISUAL DE SCROLL HORIZONTAL NAS ABAS
========================================================================== */

@media screen and (max-width: 1200px) {

.vector-menu-tabs,
.vector-menu-tabs-legacy,
.mw-portlet-views,
.mw-portlet-namespaces {
position: relative !important;
}

.mw-portlet-views::after,
.mw-portlet-namespaces::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 36px !important;
height: 100% !important;
background: linear-gradient(to right, transparent 0%, var(--vtm-obsidian) 85%) !important;
pointer-events: none !important;
z-index: 2 !important;
}
}

MediaWiki:Vector-2022.css

2026-09-01T21:47:05Z

Fernando: Restauração e garantia visual dos botões de censura no editor (v22)

/* ==========================================================================
TEMA DARK GÓTICO-PUNK — VAMPIRO: A MÁSCARA (v22 - RESTORED CENSOR TOOLBAR BUTTONS)
========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Special+Elite&display=swap');

/* ==========================================================================
1. CASCATA PROGRESSIVA SINCRONIZADA (.vtm-section-block)
========================================================================== */
@keyframes vtm-section-slide {
0% {
opacity: 0;
transform: translateX(-45px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

#firstHeading,
.mw-first-heading {
animation: vtm-section-slide 0.55s cubic-bezier(0.2, 1, 0.3, 1) both !important;
animation-delay: 0.04s !important;
margin-bottom: 16px !important;
padding-bottom: 8px !important;
will-change: transform, opacity;
}

.vtm-section-block {
opacity: 0;
animation: vtm-section-slide 0.80s cubic-bezier(0.2, 1, 0.3, 1) forwards !important;
margin-bottom: 26px !important;
padding: 4px 0 !important;
will-change: transform, opacity;
}

#content,
.mw-body {
overflow-x: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
#firstHeading,
.mw-first-heading,
.vtm-section-block {
animation: none !important;
transform: none !important;
opacity: 1 !important;
}
}

/* ==========================================================================
2. CODEX & VECTOR DESIGN TOKENS (VARIÁVEIS NATIVAS)
========================================================================== */
:root,
html,
body,
.skin-vector-2022,
.skin-vector,
.mw-special-Userlogin {
--background-color-base: #101015 !important;
--background-color-base--hover: #181822 !important;
--background-color-base--active: #22222e !important;
--background-color-interactive-subtle: #16161d !important;
--background-color-interactive: #1a1a24 !important;
--background-color-disabled: #121217 !important;
--background-color-neutral: #101015 !important;
--background-color-neutral-subtle: #16161d !important;
--background-color-backdrop: rgba(0, 0, 0, 0.85) !important;
--background-color-container: #101015 !important;
--background-color-surface: #16161d !important;
--background-color-input: #121218 !important;
--background-color-input--hover: #1a1a24 !important;

--color-base: #ddd9d0 !important;
--color-base--hover: #ffffff !important;
--color-base-fixed: #ddd9d0 !important;
--color-subtle: #9e9a91 !important;
--color-placeholder: #6e6b65 !important;
--color-disabled: #55534e !important;
--color-inverted: #08080b !important;
--color-progressive: #e55353 !important;
--color-progressive--hover: #ff2a3f !important;
--color-destructive: #c9182b !important;

--border-color-base: #252530 !important;
--border-color-subtle: #1c1c25 !important;
--border-color-interactive: #3d0a12 !important;
--border-color-muted: #20202a !important;
--border-color-progressive: #8b0000 !important;

--vtm-void: #08080b;
--vtm-abyss: #0c0c10;
--vtm-obsidian: #101015;
--vtm-onyx: #16161d;
--vtm-slate: #1c1c25;
--vtm-charcoal: #22222d;
--vtm-text: #ddd9d0;
--vtm-text-dim: #9e9a91;
--vtm-text-ghost: #5e5b55;
--vtm-blood: #8b0000;
--vtm-blood-vivid: #c9182b;
--vtm-blood-neon: #ff2a3f;
--vtm-blood-glow: rgba(201, 24, 43, 0.45);
--vtm-gold: #c5a059;
--vtm-gold-bright: #e5be75;
--vtm-border: #252530;
--vtm-border-blood: #3d0a12;
--vtm-font-title: 'Cinzel', 'Playfair Display', Georgia, serif;
--vtm-font-body: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
--vtm-font-mono: 'Consolas', 'Fira Code', 'Courier New', monospace;
--vtm-font-typewriter: 'Special Elite', 'Courier New', 'American Typewriter', monospace;
}

/* ==========================================================================
3. ESTRUTURA GLOBAL & CONTAINERS
========================================================================== */
html,
html body,
body.skin-vector-2022,
body.skin-vector,
body.mediawiki,
.mw-special-Userlogin {
background: var(--vtm-void) !important;
background-color: var(--vtm-void) !important;
color: var(--vtm-text) !important;
font-family: var(--vtm-font-body) !important;
}

.mw-page-container,
.mw-page-container-inner,
.vector-column-start,
.vector-column-end,
.vector-page-toolbar,
.vector-page-toolbar-container {
background: var(--vtm-void) !important;
background-color: var(--vtm-void) !important;
border-color: var(--vtm-border) !important;
}

.mw-body,
.vector-body,
.mw-body-content,
.mw-content-container,
#content,
#bodyContent,
#mw-content-text,
.mw-parser-output,
main.mw-body,
.mw-special-Userlogin #content {
background: var(--vtm-obsidian) !important;
background-color: var(--vtm-obsidian) !important;
color: var(--vtm-text) !important;
border-color: var(--vtm-border) !important;
}

.mw-body-content,
#bodyContent,
.mw-parser-output {
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 15px !important;
padding-bottom: 25px !important;
box-sizing: border-box !important;
}

.vector-header,
.vector-header-container,
.mw-header,
#mw-head,
.vector-sticky-header,
.vector-sticky-header-container {
background: var(--vtm-abyss) !important;
background-color: var(--vtm-abyss) !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
}

.vector-sticky-header {
background: rgba(8, 8, 11, 0.97) !important;
}

#footer,
.mw-footer,
.vector-footer-container,
footer.mw-footer {
background: var(--vtm-void) !important;
background-color: var(--vtm-void) !important;
color: var(--vtm-text-ghost) !important;
border-top: 1px solid var(--vtm-border) !important;
}

/* ==========================================================================
4. TELA DE LOGIN (SPECIAL:USERLOGIN & FORMULÁRIO CODEX)
========================================================================== */
.mw-special-Userlogin .mw-htmlform,
.mw-special-Userlogin .mw-htmlform-codex,
#userloginForm form,
.mw-htmlform.mw-htmlform-codex {
max-width: 440px !important;
background: linear-gradient(135deg, rgba(22, 22, 29, 0.96) 0%, rgba(14, 14, 19, 0.98) 100%) !important;
border: 1px solid var(--vtm-border-blood) !important;
border-left: 4px solid var(--vtm-blood) !important;
border-radius: 4px !important;
padding: 24px 28px !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85), inset 0 0 20px rgba(0, 0, 0, 0.5) !important;
margin-top: 20px !important;
}

.mw-special-Userlogin .cdx-label__label__text,
.mw-special-Userlogin .cdx-label,
#userloginForm label {
color: var(--vtm-gold) !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
font-size: 0.92em !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
}

.mw-special-Userlogin .cdx-text-input,
.mw-special-Userlogin .cdx-text-input__input,
#userloginForm input.loginText,
#userloginForm input[type="text"],
#userloginForm input[type="password"] {
background: #0b0b10 !important;
background-color: #0b0b10 !important;
color: #ffffff !important;
border: 1px solid var(--vtm-border-blood) !important;
border-radius: 4px !important;
padding: 10px 14px !important;
font-size: 1em !important;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
transition: all 0.25s ease !important;
}

.mw-special-Userlogin .cdx-text-input__input:focus,
#userloginForm input.loginText:focus,
#userloginForm input[type="text"]:focus,
#userloginForm input[type="password"]:focus {
border-color: var(--vtm-blood-neon) !important;
box-shadow: 0 0 10px rgba(201, 24, 43, 0.6), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
outline: none !important;
}

.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary,
button#wpLoginAttempt,
#wpLoginAttempt,
#userloginForm .cdx-button {
background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;
background-color: #660e1a !important;
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-size: 1.05em !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
border: 1px solid var(--vtm-blood-neon) !important;
border-radius: 4px !important;
padding: 12px 20px !important;
cursor: pointer !important;
box-shadow: 0 4px 16px rgba(201, 24, 43, 0.5) !important;
transition: all 0.25s ease !important;
margin-top: 18px !important;
width: 100% !important;
}

.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary:hover,
button#wpLoginAttempt:hover,
#wpLoginAttempt:hover {
background: linear-gradient(180deg, #b31529 0%, #5a0a15 100%) !important;
box-shadow: 0 0 22px rgba(255, 42, 63, 0.85) !important;
transform: translateY(-1px) !important;
}

.mw-special-Userlogin .cdx-checkbox__label,
#userloginForm .mw-userlogin-rememberme {
color: var(--vtm-text-dim) !important;
font-size: 0.95em !important;
}

.mw-special-Userlogin .cdx-checkbox__input {
accent-color: var(--vtm-blood) !important;
}

.mw-special-Userlogin a,
#userloginForm a {
color: #e55353 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}

.mw-special-Userlogin a:hover,
#userloginForm a:hover {
color: var(--vtm-blood-neon) !important;
text-shadow: 0 0 8px var(--vtm-blood-glow) !important;
}

/* ==========================================================================
5. VISUALEDITOR & OOUI TOOLBAR
========================================================================== */
.ve-ui-toolbar,
.oo-ui-toolbar,
.oo-ui-toolbar-bar,
.ve-init-mw-desktopArticleTarget-toolbar,
.ve-ui-toolbar-floating {
background: #14141c !important;
background-color: #14141c !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
}

.oo-ui-iconElement-icon,
.oo-ui-toolbar .oo-ui-iconElement-icon,
.ve-ui-toolbar .oo-ui-iconElement-icon,
.oo-ui-indicatorElement-indicator {
filter: brightness(0) invert(1) !important;
opacity: 0.95 !important;
}

.oo-ui-widget-disabled .oo-ui-iconElement-icon,
.oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon {
filter: brightness(0) invert(1) !important;
opacity: 0.28 !important;
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
background: #251218 !important;
background-color: #251218 !important;
border-radius: 3px !important;
}

.oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {
filter: brightness(0) invert(1) drop-shadow(0 0 6px rgba(255, 42, 63, 0.8)) !important;
opacity: 1 !important;
}

.oo-ui-labelElement-label,
.oo-ui-tool-title,
.oo-ui-toolGroup-tools .oo-ui-tool-title,
.oo-ui-popupToolGroup-title,
.ve-ui-toolbar .oo-ui-labelElement-label {
color: #ffffff !important;
font-weight: 700 !important;
font-size: 0.92em !important;
}

.oo-ui-widget-disabled .oo-ui-labelElement-label {
color: #66635c !important;
}

.oo-ui-tool.oo-ui-tool-active > .oo-ui-tool-link,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
background: #3d0a12 !important;
background-color: #3d0a12 !important;
border-radius: 3px !important;
}

.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-buttonElement-button {
background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;
background-color: #660e1a !important;
border: 1px solid var(--vtm-blood-neon) !important;
border-radius: 4px !important;
box-shadow: 0 0 12px rgba(201, 24, 43, 0.6) !important;
}

.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-labelElement-label {
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 800 !important;
}

.ve-ui-toolbar-saveButton.oo-ui-widget-disabled .oo-ui-buttonElement-button {
background: #181822 !important;
border: 1px solid #282836 !important;
opacity: 0.55 !important;
}

.oo-ui-popupWidget-popup,
.oo-ui-menuSelectWidget,
.oo-ui-menuOptionWidget,
.oo-ui-window-frame,
.oo-ui-dialog,
.oo-ui-panelLayout-padded {
background: #161620 !important;
background-color: #161620 !important;
color: #f0ece3 !important;
border: 1px solid var(--vtm-border-blood) !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.9) !important;
}

.oo-ui-optionWidget-highlighted {
background: #2b0e15 !important;
color: #ff3b3b !important;
}

.oo-ui-optionWidget-selected {
background: #420b14 !important;
color: #ffffff !important;
font-weight: 700 !important;
}

.ve-ui-surface,
.ve-ce-surface,
.ve-ce-documentNode,
.ve-ui-surface-paste {
background: #0b0b10 !important;
background-color: #0b0b10 !important;
color: #f0ece3 !important;
caret-color: var(--vtm-blood-neon) !important;
}

/* ==========================================================================
6. PAINEIS FIXOS & DROPDOWNS
========================================================================== */
.vector-pinnable-element,
.vector-pinned-container,
.vector-dropdown-content,
.vector-dropdown .vector-dropdown-content,
.vector-menu-content,
.vector-page-tools,
.vector-page-tools-pinned-container,
.vector-main-menu,
.vector-main-menu-pinned-container,
.vector-appearance,
.vector-appearance-pinned-container,
.vector-toc,
.vector-toc-pinned-container,
#vector-main-menu-pinned-container,
#vector-page-tools-pinned-container,
#vector-appearance-pinned-container,
#vector-toc-pinned-container,
aside.vector-pinnable-element,
nav.vector-pinnable-element,
div.vector-pinnable-element,
.vector-settings {
background: var(--vtm-obsidian) !important;
background-color: var(--vtm-obsidian) !important;
color: var(--vtm-text) !important;
border-color: var(--vtm-border) !important;
}

.vector-pinnable-header {
background: var(--vtm-abyss) !important;
background-color: var(--vtm-abyss) !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
padding: 8px 12px !important;
}

.vector-pinnable-header-label {
color: var(--vtm-gold) !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-size: 0.9em !important;
}

.vector-pinnable-header-toggle-button,
.cdx-button--weight-quiet {
background: var(--vtm-slate) !important;
background-color: var(--vtm-slate) !important;
color: var(--vtm-gold) !important;
border: 1px solid var(--vtm-border) !important;
border-radius: 3px !important;
padding: 2px 8px !important;
font-size: 0.8em !important;
}

.vector-pinnable-header-toggle-button:hover,
.cdx-button--weight-quiet:hover {
background: #2a0e14 !important;
background-color: #2a0e14 !important;
color: var(--vtm-blood-neon) !important;
border-color: var(--vtm-blood) !important;
}

.vector-menu-heading,
.vector-menu-heading-label,
.sidebar-heading,
.vector-page-tools .vector-menu-heading,
.vector-main-menu .vector-menu-heading,
#mw-panel .portal h3 {
color: var(--vtm-gold) !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
font-size: 0.82em !important;
text-transform: uppercase !important;
letter-spacing: 1.2px !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
margin-top: 14px !important;
padding-bottom: 4px !important;
}

.vector-pinnable-element a,
.vector-pinnable-element li a,
.vector-page-tools a,
.vector-main-menu a,
.vector-dropdown-content a,
.vector-menu-content a,
#mw-panel .portal .body li a {
color: var(--vtm-text-dim) !important;
transition: all 0.15s ease !important;
}

.vector-pinnable-element a:hover,
.vector-page-tools a:hover,
.vector-main-menu a:hover,
.vector-dropdown-content a:hover,
#mw-panel .portal .body li a:hover {
color: var(--vtm-blood-neon) !important;
text-shadow: 0 0 8px var(--vtm-blood-glow) !important;
padding-left: 4px !important;
}

/* ==========================================================================
7. ABAS DE NAVEGAÇÃO & AÇÃO
========================================================================== */
.vector-menu-tabs,
.vector-menu-tabs-legacy,
.mw-portlet-views,
.mw-portlet-namespaces {
background: transparent !important;
}

.vector-menu-tabs li,
.vector-menu-tabs-legacy li,
.vector-tab-noicon,
.mw-portlet-views li,
.mw-portlet-namespaces li {
background: var(--vtm-onyx) !important;
background-color: var(--vtm-onyx) !important;
border: 1px solid var(--vtm-border) !important;
border-bottom: none !important;
border-radius: 4px 4px 0 0 !important;
margin-right: 3px !important;
}

.vector-menu-tabs li a,
.vector-menu-tabs-legacy li a,
.vector-tab-noicon a,
.mw-portlet-views li a,
.mw-portlet-namespaces li a {
color: var(--vtm-gold) !important;
font-family: var(--vtm-font-title) !important;
font-size: 0.85em !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 8px 14px !important;
}

.vector-menu-tabs li a:hover,
.vector-menu-tabs-legacy li a:hover,
.mw-portlet-views li a:hover,
.mw-portlet-namespaces li a:hover {
color: #ffffff !important;
background: #22141a !important;
}

.vector-menu-tabs li.selected,
.vector-menu-tabs-legacy li.selected,
.mw-portlet-views li.selected,
.mw-portlet-namespaces li.selected,
.vector-tab-noicon.selected {
background: linear-gradient(180deg, #420b14 0%, #1e0508 100%) !important;
background-color: #2b080d !important;
border: 1px solid #8b0000 !important;
border-top: 3px solid #ff2a3f !important;
border-bottom: none !important;
box-shadow: 0 -2px 10px rgba(201, 24, 43, 0.4) !important;
}

.vector-menu-tabs li.selected a,
.vector-menu-tabs-legacy li.selected a,
.mw-portlet-views li.selected a,
.mw-portlet-namespaces li.selected a,
.vector-tab-noicon.selected a,
.vector-menu-tabs li.selected span,
.mw-portlet-views li.selected span {
color: #ffffff !important;
font-weight: 800 !important;
text-shadow: 0 0 8px rgba(255, 42, 63, 0.6) !important;
}

/* ==========================================================================
8. CAIXAS DE AVISO & FORMULÁRIOS WIKITEXT
========================================================================== */
.warningbox,
.mw-warning-with-logexcerpt,
.mw-anon-edit-warning,
.anon-edit-warning,
.cdx-message--warning,
.cdx-message,
.mw-message-box {
background: linear-gradient(90deg, rgba(77, 16, 24, 0.5) 0%, rgba(22, 14, 18, 0.9) 100%) !important;
background-color: #1f0d12 !important;
border: 1px solid #5a1420 !important;
border-left: 5px solid var(--vtm-blood-vivid) !important;
border-radius: 4px !important;
color: #ede9e1 !important;
padding: 12px 18px !important;
margin: 1.2em 0 !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.7) !important;
}

.cdx-message__content,
.mw-message-box p,
.mw-anon-edit-warning p {
color: #ede9e1 !important;
}

textarea#wpTextbox1,
#wpTextbox1,
.mw-editform textarea {
background: #0b0b10 !important;
background-color: #0b0b10 !important;
color: #f0ece3 !important;
font-family: var(--vtm-font-mono) !important;
border: 1px solid #3d0a12 !important;
border-radius: 4px !important;
padding: 14px 16px !important;
box-shadow: inset 0 2px 12px rgba(0, 0, 0, 0.95) !important;
}

/* ==========================================================================
9. BUSCA & BOTÃO "INVESTIGAR"
========================================================================== */
#simpleSearch,
.cdx-text-input__input,
.vector-search-box-input,
.cdx-search-input .cdx-text-input__input,
input[type="search"] {
background: var(--vtm-onyx) !important;
background-color: var(--vtm-onyx) !important;
color: #ffffff !important;
border: 1px solid var(--vtm-border-blood) !important;
border-radius: 4px 0 0 4px !important;
}

button.cdx-search-input__end-button,
.cdx-search-input__end-button,
.vector-search-box .cdx-button,
.vector-search-box-vue .cdx-button,
.vector-search-box-vue button,
#searchButton,
#mw-searchButton {
background: #000000 !important;
background-color: #000000 !important;
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 800 !important;
border: 1px solid var(--vtm-border-blood) !important;
border-left: none !important;
border-radius: 0 4px 4px 0 !important;
}

button.cdx-search-input__end-button *,
.cdx-search-input__end-button span,
.cdx-search-input__end-button .cdx-button__label,
.vector-search-box .cdx-button__label {
color: #ffffff !important;
font-weight: 800 !important;
}

button.cdx-search-input__end-button:hover,
.cdx-search-input__end-button:hover {
background: #15151e !important;
color: var(--vtm-blood-neon) !important;
border-color: var(--vtm-blood-vivid) !important;
}

/* ==========================================================================
10. TIPOGRAFIA & CABEÇALHOS GÓTICOS
========================================================================== */
h1, h2, h3, h4, h5, h6,
.mw-heading, .mw-heading1, .mw-heading2, .mw-heading3, .mw-heading4,
.mw-heading h1, .mw-heading h2, .mw-heading h3 {
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
color: var(--vtm-text) !important;
clear: both !important;
}

h1.firstHeading,
.mw-first-heading,
#firstHeading,
.mw-body h1 {
font-family: var(--vtm-font-title) !important;
font-size: 2.3em !important;
color: var(--vtm-blood-vivid) !important;
text-shadow: 0 0 14px var(--vtm-blood-glow) !important;
border-bottom: 2px solid var(--vtm-blood) !important;
padding-bottom: 8px !important;
}

h2, .mw-heading2 h2 {
font-size: 1.55em !important;
color: #f0ece5 !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
padding-bottom: 6px !important;
margin-top: 20px !important;
}

h3, .mw-heading3 h3 {
font-size: 1.2em !important;
color: var(--vtm-gold) !important;
margin-top: 14px !important;
}

h4, .mw-heading4 h4 {
font-size: 1.05em !important;
color: #c9182b !important;
}

a, a:visited,
.mw-body a, .mw-body a:visited,
.mw-parser-output a {
color: #e55353 !important;
text-decoration: none !important;
}

a:hover, a:focus,
.mw-body a:hover {
color: var(--vtm-blood-neon) !important;
text-shadow: 0 0 8px var(--vtm-blood-glow) !important;
}

/* ==========================================================================
11. CITAÇÕES / BLOCKQUOTES (.vtm-quote)
========================================================================== */
blockquote,
.vtm-quote,
.mw-parser-output blockquote,
.mw-parser-output .vtm-quote,
.mw-body blockquote,
.mw-body .vtm-quote {
font-family: var(--vtm-font-typewriter) !important;
font-size: 1.05em !important;
line-height: 1.6 !important;
color: #c8c3b8 !important;
text-align: left !important;
background: linear-gradient(135deg, rgba(22, 22, 29, 0.95) 0%, rgba(12, 12, 16, 0.98) 100%) !important;
border: none !important;
border-left: 3px solid var(--vtm-blood) !important;
border-radius: 0 4px 4px 0 !important;
padding: 25px 15px 15px 15px !important;
margin: 1.2em 0.8em !important;
position: relative !important;
box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4), 0 4px 20px rgba(0, 0, 0, 0.5) !important;
letter-spacing: 0.3px !important;
clear: both !important;
}

blockquote p,
.vtm-quote p,
.mw-parser-output blockquote p,
.mw-parser-output .vtm-quote p {
font-family: var(--vtm-font-typewriter) !important;
color: #c8c3b8 !important;
text-align: left !important;
margin: 0 0 6px 0 !important;
}

blockquote p:last-child,
.vtm-quote p:last-child,
.mw-parser-output blockquote p:last-child,
.mw-parser-output .vtm-quote p:last-child {
margin-bottom: 0 !important;
}

blockquote cite,
blockquote footer,
blockquote .quote-source,
.vtm-quote cite,
.vtm-quote footer,
.vtm-quote .quote-source {
display: block !important;
font-family: var(--vtm-font-title) !important;
font-size: 0.85em !important;
color: var(--vtm-gold) !important;
margin-top: 8px !important;
text-align: right !important;
font-style: normal !important;
letter-spacing: 1px !important;
}

/* ==========================================================================
12. LOGO VETORIAL SVG COM AURA RUBRA (RENDERIZAÇÃO GARANTIDA)
========================================================================== */
.mw-logo {
display: inline-flex !important;
align-items: center !important;
height: 96px !important;
min-height: 96px !important;
min-width: 260px !important;
max-height: none !important;
padding: 4px 0 !important;
text-decoration: none !important;
border: none !important;
}

.mw-logo::before {
content: "" !important;
display: block !important;
background-image: url('/images/b/be/Wiki_Logo.svg') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center left !important;
height: 96px !important;
width: 270px !important;
max-height: 96px !important;
max-width: 320px !important;
filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;
transition: filter 0.3s ease, transform 0.2s ease !important;
}

.mw-logo:hover::before {
filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;
transform: scale(1.02) !important;
}

.mw-logo-icon,
.mw-logo-container,
.mw-logo-wordmark,
.mw-logo-tagline {
display: none !important;
}

.mw-wiki-logo {
background-image: url('/images/b/be/Wiki_Logo.svg') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
border: none !important;
}

/* ==========================================================================
13. MENU HAMBÚRGUER (AURA RUBRA & DROPDOWN SOBREPOSTO)
========================================================================== */
.vector-header,
.vector-header-container,
.mw-header,
.vector-header-start {
overflow: visible !important;
z-index: 10000 !important;
}

#vector-main-menu-dropdown,
.vector-main-menu-dropdown {
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
position: relative !important;
overflow: visible !important;
z-index: 10001 !important;
}

#vector-main-menu-dropdown .vector-icon,
.vector-main-menu-dropdown .vector-icon,
#vector-main-menu-dropdown .cdx-button__icon,
.mw-ui-icon-wikimedia-menu,
#vector-main-menu-dropdown-label .vector-icon,
#vector-main-menu-dropdown-label::before,
.vector-main-menu-dropdown-checkbox + label .vector-icon {
color: #f5f5f5 !important;
background-color: #f5f5f5 !important;
filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;
transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) !important;
}

#vector-main-menu-dropdown:hover .vector-icon,
.vector-main-menu-dropdown:hover .vector-icon,
#vector-main-menu-dropdown:hover .cdx-button__icon,
#vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,
.vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,
#vector-main-menu-dropdown:hover .mw-ui-icon-wikimedia-menu,
#vector-main-menu-dropdown-label:hover .vector-icon,
.vector-main-menu-dropdown-checkbox + label:hover .vector-icon {
color: #ffffff !important;
background-color: #ffffff !important;
filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;
transform: scale(1.08) !important;
}

#vector-main-menu-dropdown .vector-dropdown-label,
.vector-main-menu-dropdown .vector-dropdown-label,
#vector-main-menu-dropdown-label,
.vector-main-menu-dropdown-checkbox + label {
filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;
transition: filter 0.3s ease, transform 0.2s ease !important;
border-radius: 4px !important;
cursor: pointer !important;
}

#vector-main-menu-dropdown .vector-dropdown-label:hover,
.vector-main-menu-dropdown .vector-dropdown-label:hover,
#vector-main-menu-dropdown-label:hover,
.vector-main-menu-dropdown-checkbox + label:hover {
filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;
}

#vector-main-menu-dropdown .vector-dropdown-label:focus,
#vector-main-menu-dropdown .vector-dropdown-label:active,
#vector-main-menu-dropdown-checkbox:focus + .vector-dropdown-label,
#vector-main-menu-dropdown-checkbox:focus + label {
outline: none !important;
border: none !important;
box-shadow: none !important;
}

/* ==========================================================================
14. TARJA DE CENSURA & SEGREDO DINÂMICO (.vtm-segredo)
========================================================================== */

.vtm-segredo {
transition: all 0.3s ease;
}

/* --- CENSURADO: tarja preta pura e limpa --- */
.vtm-segredo.is-redacted {
background: #0a0a0e !important;
color: transparent !important;
user-select: none !important;
-webkit-user-select: none !important;
border-radius: 2px !important;
padding: 1px 6px !important;
cursor: help !important;
}

.vtm-segredo.is-redacted * {
color: transparent !important;
user-select: none !important;
-webkit-user-select: none !important;
}

.vtm-segredo.is-redacted:hover {
background: #141418 !important;
}

/* --- REVELADO / DESCLASSIFICADO --- */
.vtm-segredo.is-revealed {
background: rgba(45, 12, 18, 0.4) !important;
color: #f5f0e6 !important;
font-family: 'Special Elite', 'Courier New', monospace !important;
border-radius: 3px !important;
padding: 1px 6px !important;
user-select: text !important;
}

.vtm-segredo.is-revealed * {
color: #f5f0e6 !important;
}

/* --- FORMATO BLOCO (tipo=bloco) --- */
.vtm-segredo[data-tipo="bloco"] {
display: block !important;
margin: 1.2em 0 !important;
padding: 16px 20px !important;
border-radius: 4px !important;
}

.vtm-segredo[data-tipo="bloco"].is-redacted {
background: #0a0a0e !important;
min-height: 60px !important;
border-left: 4px solid #2a2a30 !important;
}

.vtm-segredo[data-tipo="bloco"].is-revealed {
background: linear-gradient(135deg, rgba(22, 16, 20, 0.92) 0%, rgba(12, 10, 14, 0.96) 100%) !important;
border-left: 4px solid #c5a059 !important;
}

/* ==========================================================================
15. CONTRASTE & LEGIBILIDADE NOS MODAIS OOUI DO VISUALEDITOR
========================================================================== */
.oo-ui-window-frame,
.oo-ui-dialog,
.oo-ui-panelLayout-padded,
.oo-ui-processDialog-content,
.ve-ui-mwTransclusionDialog {
background: #121218 !important;
background-color: #121218 !important;
color: #ede9e1 !important;
border: 1px solid #4a101a !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.95) !important;
}

.oo-ui-window-head,
.oo-ui-processDialog-title,
.oo-ui-processDialog-navigation {
background: #0c0c10 !important;
border-bottom: 1px solid #3d0a12 !important;
color: #c5a059 !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
}

.oo-ui-processDialog-title .oo-ui-labelElement-label {
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 800 !important;
letter-spacing: 0.5px !important;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input,
.ve-ui-mwTransclusionDialog input,
.ve-ui-mwTransclusionDialog textarea {
background: #08080c !important;
background-color: #08080c !important;
color: #ffffff !important;
font-family: var(--vtm-font-body) !important;
font-size: 0.95em !important;
border: 1px solid #3d0a12 !important;
border-radius: 4px !important;
padding: 8px 12px !important;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,
.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input:focus {
border-color: #ff2a3f !important;
box-shadow: 0 0 10px rgba(201, 24, 43, 0.5), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
outline: none !important;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder,
.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input::placeholder {
color: #7a766e !important;
opacity: 1 !important;
}

.oo-ui-fieldLayout-header .oo-ui-labelElement-label,
.ve-ui-mwParameterPage-label,
.ve-ui-mwTemplateTitleInputWidget-label {
color: #c5a059 !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
font-size: 0.92em !important;
}

.oo-ui-fieldLayout-helpText,
.ve-ui-mwParameterPage-description,
.oo-ui-fieldLayout-help {
color: #b0aca4 !important;
font-size: 0.85em !important;
line-height: 1.4 !important;
}

.oo-ui-bookletLayout-outline,
.oo-ui-outlineSelectWidget,
.oo-ui-outlineOptionWidget {
background: #0d0d12 !important;
color: #ddd9d0 !important;
border-right: 1px solid #3d0a12 !important;
}

.oo-ui-outlineOptionWidget-selected {
background: #3d0a12 !important;
color: #ffffff !important;
font-weight: 700 !important;
}

.oo-ui-outlineOptionWidget-highlighted {
background: #251016 !important;
color: #ff2a3f !important;
}

.oo-ui-processDialog-actions-primary .oo-ui-buttonElement-button {
background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;
border: 1px solid #ff2a3f !important;
border-radius: 4px !important;
}

.oo-ui-processDialog-actions-primary .oo-ui-labelElement-label {
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 800 !important;
}

/* ==========================================================================
16. VISUALEDITOR — VISIBILIDADE TOTAL & EDIÇÃO DE SEGREDO
========================================================================== */
.ve-ui-surface,
.ve-ce-surface,
.ve-ce-documentNode,
.ve-init-mw-desktopArticleTarget-surface {
background: #101015 !important;
background-color: #101015 !important;
color: #ede9e1 !important;
caret-color: #ff2a3f !important;
}

.ve-ce-documentNode p,
.ve-ce-documentNode h1,
.ve-ce-documentNode h2,
.ve-ce-documentNode h3,
.ve-ce-documentNode h4,
.ve-ce-documentNode li,
.ve-ce-documentNode td,
.ve-ce-documentNode div,
.ve-ce-surface .vtm-section-block {
opacity: 1 !important;
visibility: visible !important;
animation: none !important;
transform: none !important;
}

.ve-ce-surface .vtm-segredo,
.ve-ui-surface .vtm-segredo,
.ve-ce-documentNode .vtm-segredo,
.ve-ce-leafNode.ve-ce-mwTransclusionInlineNode,
.ve-ce-leafNode.ve-ce-mwTransclusionBlockNode {
background: rgba(60, 15, 25, 0.45) !important;
color: #ffffff !important;
border: 1px dashed #ff2a3f !important;
border-radius: 3px !important;
padding: 2px 6px !important;
user-select: text !important;
-webkit-user-select: text !important;
}

.ve-ce-surface .vtm-segredo .vtm-segredo-conteudo,
.ve-ui-surface .vtm-segredo .vtm-segredo-conteudo,
.ve-ce-documentNode .vtm-segredo .vtm-segredo-conteudo {
opacity: 1 !important;
visibility: visible !important;
color: #ffffff !important;
pointer-events: auto !important;
}

.ve-ce-surface .vtm-segredo::after,
.ve-ui-surface .vtm-segredo::after,
.ve-ce-documentNode .vtm-segredo::after {
display: none !important;
}

.ve-ui-contextItemWidget,
.ve-ui-mwTransclusionContextItem {
background: #161622 !important;
border: 1px solid #4a101a !important;
border-left: 4px solid #8b0000 !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.9) !important;
border-radius: 4px !important;
}

.ve-ui-contextItemWidget .oo-ui-labelElement-label {
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
}

.ve-ui-contextItemWidget .oo-ui-buttonElement-button {
background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;
border: 1px solid #ff2a3f !important;
border-radius: 3px !important;
}

.ve-ui-contextItemWidget .oo-ui-buttonElement-button .oo-ui-labelElement-label {
color: #ffffff !important;
font-weight: 800 !important;
}

/* ==========================================================================
17. BOTÕES DE CENSURA NOS EDITORES (VISUAL & CÓDIGO-FONTE)
========================================================================== */
#vtm-ve-censor-button {
display: inline-flex !important;
align-items: center !important;
margin: 0 6px !important;
}

#vtm-ve-censor-button button {
background: linear-gradient(180deg, #450810 0%, #1a0306 100%) !important;
color: #ffffff !important;
border: 1px solid #ff2a3f !important;
border-radius: 4px !important;
padding: 4px 10px !important;
font-family: 'Cinzel', Georgia, serif !important;
font-size: 0.82em !important;
font-weight: 700 !important;
cursor: pointer !important;
box-shadow: 0 0 8px rgba(255, 42, 63, 0.4) !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
height: 32px !important;
line-height: 1 !important;
}

#vtm-ve-censor-button button:hover {
background: linear-gradient(180deg, #6b0c19 0%, #30050c 100%) !important;
box-shadow: 0 0 14px rgba(255, 42, 63, 0.85) !important;
}

#vtm-editor-quickbar {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
align-items: center !important;
padding: 10px 14px !important;
margin: 10px 0 !important;
background: linear-gradient(90deg, #181014, #0d0d12) !important;
border: 1px solid #3d0a12 !important;
border-left: 4px solid #8b0000 !important;
border-radius: 4px !important;
font-family: 'Cinzel', Georgia, serif !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6) !important;
z-index: 99 !important;
}

/* ==========================================================================
18. RESPONSIVIDADE MOBILE & FLUID UI (@media screen and (max-width: 1200px))
========================================================================== */
@media screen and (max-width: 1200px) {
@keyframes vtm-section-slide {
0% {
opacity: 0;
transform: translateX(-15px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

html, body, .mw-page-container, #content, .mw-body {
overflow-x: hidden !important;
}

.mw-page-container-inner {
display: block !important;
grid-template-columns: 100% !important;
grid-template-areas: "content" !important;
width: 100% !important;
max-width: 100% !important;
}

.vector-column-start,
.vector-column-end,
.vector-main-menu-container,
.vector-sticky-pinned-container,
.vector-main-menu-pinned-container,
.vector-page-tools-pinned-container,
.vector-toc-pinned-container,
.vector-appearance-pinned-container,
#vector-main-menu-pinned-container,
#vector-page-tools-pinned-container,
#vector-toc-pinned-container,
#vector-appearance-pinned-container,
#vector-appearance,
#vector-toc,
#mw-panel,
#mw-panel-wrapper,
#mw-navigation,
.mw-navigation,
.vector-sidebar-container,
.vector-pinned-container,
.mw-sidebar {
display: none !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
left: -9999px !important;
}

.mw-page-container-inner > #vector-main-menu,
.vector-column-start #vector-main-menu,
#mw-panel #vector-main-menu {
display: none !important;
}

.mw-page-container-inner,
.vector-body,
.mw-content-container,
#content,
.mw-body,
#bodyContent,
#mw-content-text {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}

#vector-main-menu-dropdown .vector-dropdown-content {
position: absolute !important;
top: 100% !important;
left: 0 !important;
background: #101015 !important;
background-color: #101015 !important;
border: 1px solid #3d0a12 !important;
border-top: 2px solid #ff2a3f !important;
border-radius: 0 0 6px 6px !important;
box-shadow: 0 16px 50px rgba(0, 0, 0, 0.98), 0 0 20px rgba(201, 24, 43, 0.5) !important;
max-width: 90vw !important;
width: 310px !important;
z-index: 999999 !important;
padding: 12px 10px !important;
max-height: 80vh !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
}

#vector-main-menu-dropdown .vector-unpinned-container,
#vector-main-menu-dropdown #vector-main-menu-unpinned-container,
#vector-main-menu-dropdown #vector-main-menu,
#vector-main-menu-dropdown .vector-main-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: static !important;
width: 100% !important;
height: auto !important;
left: auto !important;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
}

#vector-main-menu-dropdown .vector-dropdown-content a,
.vector-menu-content a,
#vector-main-menu a {
font-size: 1.05em !important;
font-weight: 500 !important;
padding: 10px 14px !important;
line-height: 1.55 !important;
display: block !important;
color: var(--vtm-text) !important;
}

.vector-menu-heading,
.sidebar-heading {
font-size: 0.92em !important;
letter-spacing: 1.3px !important;
padding-bottom: 6px !important;
margin-top: 16px !important;
}

#vector-main-menu-dropdown-checkbox:not(:checked) ~ .vector-dropdown-content,
#vector-main-menu-dropdown:not(.vector-dropdown--open) .vector-dropdown-content {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}

#vector-main-menu-dropdown-checkbox:checked ~ .vector-dropdown-content,
#vector-main-menu-dropdown.vector-dropdown--open .vector-dropdown-content {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}

.vampire-infobox,
.vtm-infobox,
.infobox,
.thumb.tright,
.thumb.tleft,
.floatright,
.floatleft,
div.tright,
div.tleft,
div[style*="float: right"],
div[style*="float:right"],
div[style*="float: left"],
div[style*="float:left"],
table[style*="float: right"],
table[style*="float:right"],
table[style*="float: left"],
table[style*="float:left"],
table.wikitable[style*="float"],
.mw-parser-output table[style*="float"] {
float: none !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 16px 0 !important;
box-sizing: border-box !important;
clear: both !important;
}

.vampire-infobox img,
.vtm-infobox img,
.infobox img,
.thumbinner,
.thumbinner img,
.mw-parser-output img {
max-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}

.thumbinner {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
text-align: center !important;
background-color: var(--vtm-onyx) !important;
border: 1px solid var(--vtm-border-blood) !important;
}

blockquote,
.vtm-quote,
.mw-parser-output blockquote,
.mw-parser-output .vtm-quote {
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding: 18px 16px !important;
margin: 14px 0 !important;
font-size: 1.05em !important;
line-height: 1.65 !important;
clear: both !important;
float: none !important;
box-sizing: border-box !important;
}

h1.firstHeading,
.mw-first-heading,
#firstHeading,
.mw-body h1 {
font-size: 1.95em !important;
line-height: 1.28 !important;
padding-bottom: 8px !important;
margin-bottom: 16px !important;
word-break: break-word !important;
clear: both !important;
}

h2, .mw-heading2 h2, .mw-heading h2 {
font-size: 1.52em !important;
line-height: 1.35 !important;
margin-top: 22px !important;
padding-bottom: 6px !important;
clear: both !important;
}

h3, .mw-heading3 h3, .mw-heading h3 {
font-size: 1.28em !important;
margin-top: 16px !important;
line-height: 1.35 !important;
clear: both !important;
}

h4, .mw-heading4 h4, .mw-heading h4 {
font-size: 1.15em !important;
clear: both !important;
}

html,
body,
.mw-parser-output,
.mw-body-content,
#bodyContent,
p,
li {
font-size: 1.05em !important;
line-height: 1.68 !important;
}

.vector-menu-tabs,
.vector-menu-tabs-legacy,
.mw-portlet-views,
.mw-portlet-namespaces,
#p-views ul,
#p-namespaces ul {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
margin-bottom: 12px !important;
padding-bottom: 4px !important;
}

.vector-menu-tabs::-webkit-scrollbar,
.mw-portlet-views ul::-webkit-scrollbar {
display: none !important;
}

.vector-menu-tabs li,
.vector-menu-tabs-legacy li,
.vector-tab-noicon,
.mw-portlet-views li,
.mw-portlet-namespaces li {
flex: 0 0 auto !important;
margin-right: 6px !important;
}

.vector-menu-tabs li a,
.vector-menu-tabs-legacy li a,
.vector-tab-noicon a,
.mw-portlet-views li a,
.mw-portlet-namespaces li a {
padding: 10px 16px !important;
font-size: 0.92em !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
white-space: nowrap !important;
display: inline-block !important;
}

.mw-logo {
height: 68px !important;
min-height: 68px !important;
min-width: 190px !important;
max-width: 230px !important;
}

.mw-logo::before {
height: 64px !important;
width: 210px !important;
max-height: 64px !important;
max-width: 210px !important;
}

.mw-parser-output table[style*="background:transparent"],
.mw-parser-output table[style*="border:none"],
.mw-parser-output table[style*="border: none"] {
display: block !important;
width: 100% !important;
}

.mw-parser-output table[style*="background:transparent"] > tbody,
.mw-parser-output table[style*="border:none"] > tbody,
.mw-parser-output table[style*="border: none"] > tbody {
display: block !important;
width: 100% !important;
}

.mw-parser-output table[style*="background:transparent"] tr,
.mw-parser-output table[style*="border:none"] tr,
.mw-parser-output table[style*="border: none"] tr {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}

.mw-parser-output table[style*="background:transparent"] td,
.mw-parser-output table[style*="border:none"] td,
.mw-parser-output table[style*="border: none"] td {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 16px !important;
padding: 16px 14px !important;
box-sizing: border-box !important;
}

table.wikitable {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
margin: 1.2em 0 !important;
border-collapse: collapse !important;
box-sizing: border-box !important;
}

table.wikitable th,
table.wikitable td {
padding: 10px 14px !important;
font-size: 0.95em !important;
line-height: 1.5 !important;
min-width: 90px !important;
}

.mw-special-Userlogin .mw-htmlform,
.mw-special-Userlogin .mw-htmlform-codex,
#userloginForm form,
.mw-htmlform.mw-htmlform-codex {
max-width: 100% !important;
padding: 20px 18px !important;
margin: 14px auto !important;
}
}

MediaWiki:Common.css

2026-09-01T21:46:35Z

Fernando: Restauração e garantia visual dos botões de censura no editor (v22)

MediaWiki:Common.js

2026-09-01T21:45:48Z

Fernando: Correção de erro de sintaxe e restauração imediata do botão de censura nos editores

/* ==========================================================================
VAMPIRO: A MÁSCARA — SCRIPTS GLOBAIS, VIEWPORT RESPONSIVO & SEGREDO DINÂMICO
========================================================================== */

(function () {
'use strict';

/* ------------------------------------------------------------------
0. VIEWPORT RESPONSIVO REAL PARA MOBILE (SUBSTITUI WIDTH=1120)
------------------------------------------------------------------ */
function fixMobileViewport() {
var meta = document.querySelector('meta[name="viewport"]');
if (meta) {
meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0');
} else {
meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=5.0';
document.head.appendChild(meta);
}
}
fixMobileViewport();

/* ------------------------------------------------------------------
1. CENSURA & REVELAÇÃO DINÂMICA (LEITURA)
------------------------------------------------------------------ */
function initVtmSecrets() {
var els = document.querySelectorAll('[data-vtm-secret="true"]');
if (!els || !els.length) return;
var now = new Date();

els.forEach(function (el) {
var lib = (el.getAttribute('data-liberado') || '').toLowerCase().trim();
var ds = (el.getAttribute('data-reveal-date') || '').trim();
var dica = (el.getAttribute('data-dica') || '').trim();
var revealed = false;
var tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA]';

if (lib === 'sim' || lib === 'true' || lib === '1') {
revealed = true;
} else if (lib === 'nao' || lib === 'false' || lib === '0') {
tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';
} else if (ds) {
var td = null;
if (ds.indexOf('/') !== -1) {
var p = ds.split('/');
if (p.length === 3) td = new Date(p[2], parseInt(p[1], 10) - 1, p[0]);
} else {
td = new Date(ds);
}
if (td && !isNaN(td.getTime())) {
if (now >= td) {
revealed = true;
} else {
var f = ('0' + td.getDate()).slice(-2) + '/' + ('0' + (td.getMonth() + 1)).slice(-2) + '/' + td.getFullYear();
tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ' - ' + f + ']';
}
}
}

if (revealed) {
el.classList.add('is-revealed');
el.classList.remove('is-redacted');
el.title = '[DESCLASSIFICADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';
} else {
el.classList.add('is-redacted');
el.classList.remove('is-revealed');
el.title = tip;
}
});
}

/* ------------------------------------------------------------------
2. INJEÇÃO DO BOTÃO "🔒 CENSURAR" NA BARRA DO VISUALEDITOR
------------------------------------------------------------------ */
function injectVisualEditorButton() {
var toolbar = document.querySelector('.ve-ui-toolbar-tools, .ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-tools');
if (!toolbar) return;

if (document.getElementById('vtm-ve-censor-button')) return;

var btnGroup = document.createElement('div');
btnGroup.id = 'vtm-ve-censor-button';
btnGroup.className = 'oo-ui-widget oo-ui-widget-enabled oo-ui-toolGroup';
btnGroup.style.cssText = 'display:inline-flex; align-items:center; margin:0 6px;';

var btn = document.createElement('button');
btn.type = 'button';
btn.innerHTML = '🔒 Censurar Trecho';
btn.title = 'Aplicar tarja de censura {{Segredo}} no texto selecionado';
btn.style.cssText = 'background:linear-gradient(180deg, #450810 0%, #1a0306 100%); color:#ffffff; border:1px solid #ff2a3f; border-radius:4px; padding:4px 10px; font-family:"Cinzel", Georgia, serif; font-size:0.82em; font-weight:700; cursor:pointer; box-shadow:0 0 8px rgba(255,42,63,0.4); display:flex; align-items:center; gap:4px; transition:all 0.2s ease; height:32px; line-height:1; outline:none;';

btn.onmouseover = function () {
btn.style.background = 'linear-gradient(180deg, #6b0c19 0%, #30050c 100%)';
btn.style.boxShadow = '0 0 14px rgba(255,42,63,0.85)';
};
btn.onmouseout = function () {
btn.style.background = 'linear-gradient(180deg, #450810 0%, #1a0306 100%)';
btn.style.boxShadow = '0 0 8px rgba(255,42,63,0.4)';
};

btn.onclick = function (e) {
e.preventDefault();
e.stopPropagation();

try {
var target = ve.init.target;
if (target && target.getSurface()) {
var surfaceModel = target.getSurface().getModel();
var fragment = surfaceModel.getFragment();
var selectedText = fragment.getText();

var contentToCensor = selectedText || 'Texto confidencial a ser censurado';

var transclusionNode = {
type: 'mwTransclusionInline',
attributes: {
mw: {
parts: [
{
template: {
target: { href: 'Template:Segredo', wt: 'Segredo' },
params: {
'1': { wt: contentToCensor },
'liberado': { wt: 'nao' }
}
}
}
]
}
}
};

fragment.insertContent([transclusionNode, { type: '/mwTransclusionInline' }]);
return;
}
} catch (err) {
if (window.console) console.warn('[VtM] Fallback de inserção:', err);
}

var tb = document.getElementById('wpTextbox1');
if (tb) {
var s = tb.selectionStart, end = tb.selectionEnd;
var t = tb.value, sel = t.substring(s, end) || 'Texto confidencial a ser censurado';
var rep = '{{Segredo|' + sel + '|liberado=nao}}';
tb.value = t.substring(0, s) + rep + t.substring(end);
tb.focus();
tb.setSelectionRange(s + 10, s + 10 + sel.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}
};

btnGroup.appendChild(btn);

var insertGroup = toolbar.querySelector('.ve-ui-toolbar-group-insert, .oo-ui-toolGroup:last-child');
if (insertGroup && insertGroup.parentNode) {
insertGroup.parentNode.insertBefore(btnGroup, insertGroup.nextSibling);
} else {
toolbar.appendChild(btnGroup);
}
}

setInterval(injectVisualEditorButton, 400);

/* ------------------------------------------------------------------
3. BOTÕES CENSURADO/LIBERADO NO MODAL DO VISUALEDITOR
------------------------------------------------------------------ */
function transformLiberadoInputs() {
var inputs = document.querySelectorAll(
'.oo-ui-windowManager input, .oo-ui-windowManager textarea, ' +
'.oo-ui-fieldLayout input, .oo-ui-fieldLayout textarea'
);
inputs.forEach(function (input) {
var container = input.closest('.oo-ui-fieldLayout') ||
input.closest('.ve-ui-mwParameterPage') ||
input.closest('.oo-ui-pageLayout') ||
input.parentElement;
if (!container) return;
var txt = (container.textContent || '').toLowerCase();
if (txt.indexOf('liberado') === -1) return;
if (container.querySelector('.vtm-toggle-box')) return;

var box = document.createElement('div');
box.className = 'vtm-toggle-box';
box.style.cssText = 'display:flex;gap:12px;margin:10px 0 16px;width:100%;max-width:460px;';

var btnC = mkToggle('CENSURADO');
var btnL = mkToggle('LIBERADO');

function paint(v) {
var isLib = (v === 'sim' || v === '1' || v === 'true');
btnC.style.background = isLib ? '#121218' : 'linear-gradient(180deg,#5c0f18,#2b060a)';
btnC.style.color = isLib ? '#7a7a88' : '#fff';
btnC.style.border = isLib ? '1px solid #2d2d38' : '2px solid #ff2a3f';
btnC.style.boxShadow = isLib ? 'none' : '0 0 12px rgba(255,42,63,.7)';
btnL.style.background = isLib ? 'linear-gradient(180deg,#1b5e20,#0d3814)' : '#121218';
btnL.style.color = isLib ? '#fff' : '#7a7a88';
btnL.style.border = isLib ? '2px solid #4caf50' : '1px solid #2d2d38';
btnL.style.boxShadow = isLib ? '0 0 12px rgba(76,175,80,.7)' : 'none';
}

btnC.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'nao'); paint('nao'); };
btnL.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'sim'); paint('sim'); };
input.addEventListener('input', function () { paint((input.value || '').toLowerCase().trim()); });
paint((input.value || 'nao').toLowerCase().trim());

box.appendChild(btnC);
box.appendChild(btnL);
var wrap = input.closest('.oo-ui-textInputWidget') || input.closest('.oo-ui-inputWidget') || input;
wrap.parentNode.insertBefore(box, wrap);
wrap.style.display = 'none';
});
}

function mkToggle(label) {
var b = document.createElement('button');
b.type = 'button';
b.textContent = (label === 'CENSURADO' ? '\u2B1B ' : '\uD83D\uDD13 ') + label;
b.style.cssText = 'flex:1;padding:10px 16px;border-radius:4px;font-weight:800;font-size:.9em;cursor:pointer;font-family:"Cinzel",Georgia,serif;letter-spacing:1px;transition:all .25s ease;outline:none;';
return b;
}

function setVal(input, v) {
input.value = v;
input.dispatchEvent(new Event('input', { bubbles: true }));
input.dispatchEvent(new Event('change', { bubbles: true }));
if (window.$) { $(input).trigger('input').trigger('change'); }
}

setInterval(transformLiberadoInputs, 400);

/* ------------------------------------------------------------------
4. BARRA DE FERRAMENTAS NO EDITOR DE CÓDIGO-FONTE (#wpTextbox1)
------------------------------------------------------------------ */
function initVtmQuickToolbar() {
var tb = document.getElementById('wpTextbox1');
if (!tb || document.getElementById('vtm-editor-quickbar')) return;

var bar = document.createElement('div');
bar.id = 'vtm-editor-quickbar';
bar.style.cssText = 'display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;margin:10px 0;background:linear-gradient(90deg,#181014,#0d0d12);border:1px solid #3d0a12;border-left:4px solid #8b0000;border-radius:4px;font-family:"Cinzel",Georgia,serif;box-shadow:0 4px 14px rgba(0,0,0,.6);z-index:99;';

var lbl = document.createElement('span');
lbl.style.cssText = 'color:#c5a059;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:6px;';
lbl.textContent = '🩸 Ferramentas de Censura:';
bar.appendChild(lbl);

bar.appendChild(mkBtn('\u2B1B Censurar Trecho', '#240c12', '#ff2a3f', function () {
wrapSel(tb, '{{Segredo|', '|liberado=nao}}', 'Texto censurado');
}));
bar.appendChild(mkBtn('\uD83D\uDD13 Inserir Liberado', '#0d2915', '#2e7d32', function () {
wrapSel(tb, '{{Segredo|', '|liberado=sim}}', 'Texto revelado');
}));
bar.appendChild(mkBtn('\uD83D\uDCC1 Dossie Bloco', '#181822', '#3d0a12', function () {
wrapSel(tb, '\n{{Segredo|tipo=bloco|nivel=CONFIDENCIAL|data=AAAA-MM-DD|dica=Operacao|\n', '\n}}\n', 'Relatorio confidencial...');
}));
bar.appendChild(mkBtn('\uD83D\uDDD1 Remover Censura', '#1a1a22', '#4a4a58', function () {
removeSecret(tb);
}));

tb.parentNode.insertBefore(bar, tb);
}

function mkBtn(text, bg, border, fn) {
var b = document.createElement('button');
b.type = 'button'; b.textContent = text;
b.style.cssText = 'background:' + bg + ';color:#fff;border:1px solid ' + border + ';border-radius:3px;padding:6px 12px;font-size:.82em;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;';
b.onmouseover = function () { b.style.opacity = '.85'; };
b.onmouseout = function () { b.style.opacity = '1'; };
b.onclick = function (e) { e.preventDefault(); fn(); };
return b;
}

function wrapSel(tb, pre, post, ph) {
var s = tb.selectionStart, e = tb.selectionEnd;
var t = tb.value, sel = t.substring(s, e) || ph;
tb.value = t.substring(0, s) + pre + sel + post + t.substring(e);
tb.focus(); tb.setSelectionRange(s + pre.length, s + pre.length + sel.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}

function removeSecret(tb) {
var s = tb.selectionStart, text = tb.value;
var i = text.lastIndexOf('{{Segredo|', s);
if (i === -1) { alert('Nenhum {{Segredo|...}} encontrado.\nPosicione o cursor dentro do trecho.'); return; }
var depth = 0, j, end = -1;
for (j = i; j < text.length - 1; j++) {
if (text[j] === '{' && text[j + 1] === '{') { depth++; j++; }
else if (text[j] === '}' && text[j + 1] === '}') { depth--; if (depth === 0) { end = j + 2; break; } j++; }
}
if (end === -1) { alert('Fechamento }} nao encontrado.'); return; }
var inner = text.substring(i + '{{Segredo|'.length, end - 2);
var parts = [], cur = '', d = 0;
for (j = 0; j < inner.length; j++) {
if (inner[j] === '{' && j + 1 < inner.length && inner[j + 1] === '{') { d++; cur += '{{'; j++; }
else if (inner[j] === '}' && j + 1 < inner.length && inner[j + 1] === '}') { d--; cur += '}}'; j++; }
else if (inner[j] === '|' && d === 0) { parts.push(cur); cur = ''; }
else { cur += inner[j]; }
}
parts.push(cur);
var content = '';
for (var k = 0; k < parts.length; k++) {
if (parts[k].trim().indexOf('=') === -1) { content = parts[k].trim(); break; }
}
tb.value = text.substring(0, i) + content + text.substring(end);
tb.focus(); tb.setSelectionRange(i, i + content.length);
if (window.$) { $(tb).trigger('input').trigger('change'); }
}

setInterval(initVtmQuickToolbar, 400);

/* ------------------------------------------------------------------
5. ANIMAÇÃO DE CASCATA DAS SEÇÕES
------------------------------------------------------------------ */
function initSectionAnimation() {
var c = document.querySelector('.mw-parser-output');
if (!c || c.dataset.vtmAnimated === 'true') return;
if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
c.dataset.vtmAnimated = 'true';
var kids = Array.from(c.children), secs = [], cur = [];
kids.forEach(function (ch) {
if (ch.classList.contains('catlinks') || ch.classList.contains('mw-category-generated') ||
ch.tagName === 'SCRIPT' || ch.tagName === 'STYLE' || ch.id === 'vtm-editor-quickbar') {
if (cur.length) { secs.push(cur); cur = []; }
return;
}
if ((ch.tagName === 'H2' || ch.classList.contains('mw-heading2')) && cur.length) { secs.push(cur); cur = []; }
cur.push(ch);
});
if (cur.length) secs.push(cur);
secs.forEach(function (items, idx) {
var w = document.createElement('div');
w.className = 'vtm-section-block';
w.style.animationDelay = (0.12 + idx * 0.42).toFixed(2) + 's';
var f = items[0];
if (f && f.parentNode) { f.parentNode.insertBefore(w, f); items.forEach(function (el) { w.appendChild(el); }); }
});
}

/* ------------------------------------------------------------------
6. SUPORTE A TOQUE PARA MENU HAMBÚRGUER NO MOBILE
------------------------------------------------------------------ */
function initMobileMenuHelper() {
var dropdown = document.getElementById('vector-main-menu-dropdown');
var checkbox = document.getElementById('vector-main-menu-dropdown-checkbox');
var label = document.getElementById('vector-main-menu-dropdown-label');
if (!dropdown || !checkbox) return;

if (label && !label.dataset.vtmBound) {
label.dataset.vtmBound = 'true';
label.addEventListener('click', function () {
setTimeout(function () {
if (checkbox.checked) {
dropdown.classList.add('vector-dropdown--open');
} else {
dropdown.classList.remove('vector-dropdown--open');
}
}, 10);
});
}

document.addEventListener('click', function (e) {
if (checkbox.checked && !dropdown.contains(e.target)) {
checkbox.checked = false;
dropdown.classList.remove('vector-dropdown--open');
}
});
}

/* ------------------------------------------------------------------
INICIALIZAÇÃO GERAL
------------------------------------------------------------------ */
function initAll() {
fixMobileViewport();
initVtmSecrets();
initSectionAnimation();
initVtmQuickToolbar();
injectVisualEditorButton();
initMobileMenuHelper();
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initAll);
} else {
initAll();
}

if (window.mw && window.mw.hook) {
window.mw.hook('wikipage.content').add(function () {
initVtmSecrets();
initSectionAnimation();
initMobileMenuHelper();
initVtmQuickToolbar();
});
window.mw.hook('ve.activationComplete').add(injectVisualEditorButton);
}
})();

MediaWiki:Common.js

2026-09-01T21:28:54Z

2026-09-01T21:03:33Z

Fernando: Restaurando exatamente rev 401 original

/* ==========================================================================
TEMA DARK GÓTICO-PUNK — VAMPIRO: A MÁSCARA (v14 - MASTER SYNC & LOGIN)
========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Special+Elite&display=swap');

/* ==========================================================================
1. CASCATA PROGRESSIVA SINCRONIZADA (.vtm-section-block)
========================================================================== */
@keyframes vtm-section-slide {
0% {
opacity: 0;
transform: translateX(-45px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

#firstHeading,
.mw-first-heading {
animation: vtm-section-slide 0.55s cubic-bezier(0.2, 1, 0.3, 1) both !important;
animation-delay: 0.04s !important;
margin-bottom: 16px !important;
padding-bottom: 8px !important;
will-change: transform, opacity;
}

.vtm-section-block {
opacity: 0;
animation: vtm-section-slide 0.80s cubic-bezier(0.2, 1, 0.3, 1) forwards !important;
margin-bottom: 26px !important;
padding: 4px 0 !important;
will-change: transform, opacity;
}

#content,
.mw-body {
overflow-x: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
#firstHeading,
.mw-first-heading,
.vtm-section-block {
animation: none !important;
transform: none !important;
opacity: 1 !important;
}
}

/* ==========================================================================
2. CODEX & VECTOR DESIGN TOKENS (VARIÁVEIS NATIVAS)
========================================================================== */
:root,
html,
body,
.skin-vector-2022,
.skin-vector,
.mw-special-Userlogin {
--background-color-base: #101015 !important;
--background-color-base--hover: #181822 !important;
--background-color-base--active: #22222e !important;
--background-color-interactive-subtle: #16161d !important;
--background-color-interactive: #1a1a24 !important;
--background-color-disabled: #121217 !important;
--background-color-neutral: #101015 !important;
--background-color-neutral-subtle: #16161d !important;
--background-color-backdrop: rgba(0, 0, 0, 0.85) !important;
--background-color-container: #101015 !important;
--background-color-surface: #16161d !important;
--background-color-input: #121218 !important;
--background-color-input--hover: #1a1a24 !important;

--color-base: #ddd9d0 !important;
--color-base--hover: #ffffff !important;
--color-base-fixed: #ddd9d0 !important;
--color-subtle: #9e9a91 !important;
--color-placeholder: #6e6b65 !important;
--color-disabled: #55534e !important;
--color-inverted: #08080b !important;
--color-progressive: #e55353 !important;
--color-progressive--hover: #ff2a3f !important;
--color-destructive: #c9182b !important;

--border-color-base: #252530 !important;
--border-color-subtle: #1c1c25 !important;
--border-color-interactive: #3d0a12 !important;
--border-color-muted: #20202a !important;
--border-color-progressive: #8b0000 !important;

--vtm-void: #08080b;
--vtm-abyss: #0c0c10;
--vtm-obsidian: #101015;
--vtm-onyx: #16161d;
--vtm-slate: #1c1c25;
--vtm-charcoal: #22222d;
--vtm-text: #ddd9d0;
--vtm-text-dim: #9e9a91;
--vtm-text-ghost: #5e5b55;
--vtm-blood: #8b0000;
--vtm-blood-vivid: #c9182b;
--vtm-blood-neon: #ff2a3f;
--vtm-blood-glow: rgba(201, 24, 43, 0.45);
--vtm-gold: #c5a059;
--vtm-gold-bright: #e5be75;
--vtm-border: #252530;
--vtm-border-blood: #3d0a12;
--vtm-font-title: 'Cinzel', 'Playfair Display', Georgia, serif;
--vtm-font-body: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
--vtm-font-mono: 'Consolas', 'Fira Code', 'Courier New', monospace;
--vtm-font-typewriter: 'Special Elite', 'Courier New', 'American Typewriter', monospace;
}

/* ==========================================================================
3. ESTRUTURA GLOBAL & CONTAINERS
========================================================================== */
html,
html body,
body.skin-vector-2022,
body.skin-vector,
body.mediawiki,
.mw-special-Userlogin {
background: var(--vtm-void) !important;
background-color: var(--vtm-void) !important;
color: var(--vtm-text) !important;
font-family: var(--vtm-font-body) !important;
}

.mw-page-container,
.mw-page-container-inner,
.vector-column-start,
.vector-column-end,
.vector-page-toolbar,
.vector-page-toolbar-container {
background: var(--vtm-void) !important;
background-color: var(--vtm-void) !important;
border-color: var(--vtm-border) !important;
}

.mw-body,
.vector-body,
.mw-body-content,
.mw-content-container,
#content,
#bodyContent,
#mw-content-text,
.mw-parser-output,
main.mw-body,
.mw-special-Userlogin #content {
background: var(--vtm-obsidian) !important;
background-color: var(--vtm-obsidian) !important;
color: var(--vtm-text) !important;
border-color: var(--vtm-border) !important;
}

/* Padding interno confortável */
.mw-body-content,
#bodyContent,
.mw-parser-output {
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 15px !important;
padding-bottom: 25px !important;
box-sizing: border-box !important;
}

.vector-header,
.vector-header-container,
.mw-header,
#mw-head,
.vector-sticky-header,
.vector-sticky-header-container {
background: var(--vtm-abyss) !important;
background-color: var(--vtm-abyss) !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
}

.vector-sticky-header {
background: rgba(8, 8, 11, 0.97) !important;
}

#footer,
.mw-footer,
.vector-footer-container,
footer.mw-footer {
background: var(--vtm-void) !important;
background-color: var(--vtm-void) !important;
color: var(--vtm-text-ghost) !important;
border-top: 1px solid var(--vtm-border) !important;
}

/* ==========================================================================
4. TELA DE LOGIN (SPECIAL:USERLOGIN & FORMULÁRIO CODEX)
========================================================================== */
.mw-special-Userlogin .mw-htmlform,
.mw-special-Userlogin .mw-htmlform-codex,
#userloginForm form,
.mw-htmlform.mw-htmlform-codex {
max-width: 440px !important;
background: linear-gradient(135deg, rgba(22, 22, 29, 0.96) 0%, rgba(14, 14, 19, 0.98) 100%) !important;
border: 1px solid var(--vtm-border-blood) !important;
border-left: 4px solid var(--vtm-blood) !important;
border-radius: 4px !important;
padding: 24px 28px !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85), inset 0 0 20px rgba(0, 0, 0, 0.5) !important;
margin-top: 20px !important;
}

.mw-special-Userlogin .cdx-label__label__text,
.mw-special-Userlogin .cdx-label,
#userloginForm label {
color: var(--vtm-gold) !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
font-size: 0.92em !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
}

.mw-special-Userlogin .cdx-text-input,
.mw-special-Userlogin .cdx-text-input__input,
#userloginForm input.loginText,
#userloginForm input[type="text"],
#userloginForm input[type="password"] {
background: #0b0b10 !important;
background-color: #0b0b10 !important;
color: #ffffff !important;
border: 1px solid var(--vtm-border-blood) !important;
border-radius: 4px !important;
padding: 10px 14px !important;
font-size: 1em !important;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
transition: all 0.25s ease !important;
}

.mw-special-Userlogin .cdx-text-input__input:focus,
#userloginForm input.loginText:focus,
#userloginForm input[type="text"]:focus,
#userloginForm input[type="password"]:focus {
border-color: var(--vtm-blood-neon) !important;
box-shadow: 0 0 10px rgba(201, 24, 43, 0.6), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
outline: none !important;
}

.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary,
button#wpLoginAttempt,
#wpLoginAttempt,
#userloginForm .cdx-button {
background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;
background-color: #660e1a !important;
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-size: 1.05em !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
border: 1px solid var(--vtm-blood-neon) !important;
border-radius: 4px !important;
padding: 12px 20px !important;
cursor: pointer !important;
box-shadow: 0 4px 16px rgba(201, 24, 43, 0.5) !important;
transition: all 0.25s ease !important;
margin-top: 18px !important;
width: 100% !important;
}

.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary:hover,
button#wpLoginAttempt:hover,
#wpLoginAttempt:hover {
background: linear-gradient(180deg, #b31529 0%, #5a0a15 100%) !important;
box-shadow: 0 0 22px rgba(255, 42, 63, 0.85) !important;
transform: translateY(-1px) !important;
}

.mw-special-Userlogin .cdx-checkbox__label,
#userloginForm .mw-userlogin-rememberme {
color: var(--vtm-text-dim) !important;
font-size: 0.95em !important;
}

.mw-special-Userlogin .cdx-checkbox__input {
accent-color: var(--vtm-blood) !important;
}

.mw-special-Userlogin a,
#userloginForm a {
color: #e55353 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}

.mw-special-Userlogin a:hover,
#userloginForm a:hover {
color: var(--vtm-blood-neon) !important;
text-shadow: 0 0 8px var(--vtm-blood-glow) !important;
}

/* ==========================================================================
5. VISUALEDITOR & OOUI TOOLBAR
========================================================================== */
.ve-ui-toolbar,
.oo-ui-toolbar,
.oo-ui-toolbar-bar,
.ve-init-mw-desktopArticleTarget-toolbar,
.ve-ui-toolbar-floating {
background: #14141c !important;
background-color: #14141c !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
}

.oo-ui-iconElement-icon,
.oo-ui-toolbar .oo-ui-iconElement-icon,
.ve-ui-toolbar .oo-ui-iconElement-icon,
.oo-ui-indicatorElement-indicator {
filter: brightness(0) invert(1) !important;
opacity: 0.95 !important;
}

.oo-ui-widget-disabled .oo-ui-iconElement-icon,
.oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon {
filter: brightness(0) invert(1) !important;
opacity: 0.28 !important;
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
background: #251218 !important;
background-color: #251218 !important;
border-radius: 3px !important;
}

.oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {
filter: brightness(0) invert(1) drop-shadow(0 0 6px rgba(255, 42, 63, 0.8)) !important;
opacity: 1 !important;
}

.oo-ui-labelElement-label,
.oo-ui-tool-title,
.oo-ui-toolGroup-tools .oo-ui-tool-title,
.oo-ui-popupToolGroup-title,
.ve-ui-toolbar .oo-ui-labelElement-label {
color: #ffffff !important;
font-weight: 700 !important;
font-size: 0.92em !important;
}

.oo-ui-widget-disabled .oo-ui-labelElement-label {
color: #66635c !important;
}

.oo-ui-tool.oo-ui-tool-active > .oo-ui-tool-link,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
background: #3d0a12 !important;
background-color: #3d0a12 !important;
border-radius: 3px !important;
}

.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-buttonElement-button {
background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;
background-color: #660e1a !important;
border: 1px solid var(--vtm-blood-neon) !important;
border-radius: 4px !important;
box-shadow: 0 0 12px rgba(201, 24, 43, 0.6) !important;
}

.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-labelElement-label {
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 800 !important;
}

.ve-ui-toolbar-saveButton.oo-ui-widget-disabled .oo-ui-buttonElement-button {
background: #181822 !important;
border: 1px solid #282836 !important;
opacity: 0.55 !important;
}

.oo-ui-popupWidget-popup,
.oo-ui-menuSelectWidget,
.oo-ui-menuOptionWidget,
.oo-ui-window-frame,
.oo-ui-dialog,
.oo-ui-panelLayout-padded {
background: #161620 !important;
background-color: #161620 !important;
color: #f0ece3 !important;
border: 1px solid var(--vtm-border-blood) !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.9) !important;
}

.oo-ui-optionWidget-highlighted {
background: #2b0e15 !important;
color: #ff3b3b !important;
}

.oo-ui-optionWidget-selected {
background: #420b14 !important;
color: #ffffff !important;
font-weight: 700 !important;
}

.ve-ui-surface,
.ve-ce-surface,
.ve-ce-documentNode,
.ve-ui-surface-paste {
background: #0b0b10 !important;
background-color: #0b0b10 !important;
color: #f0ece3 !important;
caret-color: var(--vtm-blood-neon) !important;
}

/* ==========================================================================
6. PAINEIS FIXOS & DROPDOWNS
========================================================================== */
.vector-pinnable-element,
.vector-pinned-container,
.vector-dropdown-content,
.vector-dropdown .vector-dropdown-content,
.vector-menu-content,
.vector-page-tools,
.vector-page-tools-pinned-container,
.vector-main-menu,
.vector-main-menu-pinned-container,
.vector-appearance,
.vector-appearance-pinned-container,
.vector-toc,
.vector-toc-pinned-container,
#vector-main-menu-pinned-container,
#vector-page-tools-pinned-container,
#vector-appearance-pinned-container,
#vector-toc-pinned-container,
aside.vector-pinnable-element,
nav.vector-pinnable-element,
div.vector-pinnable-element,
.vector-settings {
background: var(--vtm-obsidian) !important;
background-color: var(--vtm-obsidian) !important;
color: var(--vtm-text) !important;
border-color: var(--vtm-border) !important;
}

.vector-pinnable-header {
background: var(--vtm-abyss) !important;
background-color: var(--vtm-abyss) !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
padding: 8px 12px !important;
}

.vector-pinnable-header-label {
color: var(--vtm-gold) !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-size: 0.9em !important;
}

.vector-pinnable-header-toggle-button,
.cdx-button--weight-quiet {
background: var(--vtm-slate) !important;
background-color: var(--vtm-slate) !important;
color: var(--vtm-gold) !important;
border: 1px solid var(--vtm-border) !important;
border-radius: 3px !important;
padding: 2px 8px !important;
font-size: 0.8em !important;
}

.vector-pinnable-header-toggle-button:hover,
.cdx-button--weight-quiet:hover {
background: #2a0e14 !important;
background-color: #2a0e14 !important;
color: var(--vtm-blood-neon) !important;
border-color: var(--vtm-blood) !important;
}

.vector-menu-heading,
.vector-menu-heading-label,
.sidebar-heading,
.vector-page-tools .vector-menu-heading,
.vector-main-menu .vector-menu-heading,
#mw-panel .portal h3 {
color: var(--vtm-gold) !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
font-size: 0.82em !important;
text-transform: uppercase !important;
letter-spacing: 1.2px !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
margin-top: 14px !important;
padding-bottom: 4px !important;
}

.vector-pinnable-element a,
.vector-pinnable-element li a,
.vector-page-tools a,
.vector-main-menu a,
.vector-dropdown-content a,
.vector-menu-content a,
#mw-panel .portal .body li a {
color: var(--vtm-text-dim) !important;
transition: all 0.15s ease !important;
}

.vector-pinnable-element a:hover,
.vector-page-tools a:hover,
.vector-main-menu a:hover,
.vector-dropdown-content a:hover,
#mw-panel .portal .body li a:hover {
color: var(--vtm-blood-neon) !important;
text-shadow: 0 0 8px var(--vtm-blood-glow) !important;
padding-left: 4px !important;
}

/* ==========================================================================
7. ABAS DE NAVEGAÇÃO & AÇÃO
========================================================================== */
.vector-menu-tabs,
.vector-menu-tabs-legacy,
.mw-portlet-views,
.mw-portlet-namespaces {
background: transparent !important;
}

.vector-menu-tabs li,
.vector-menu-tabs-legacy li,
.vector-tab-noicon,
.mw-portlet-views li,
.mw-portlet-namespaces li {
background: var(--vtm-onyx) !important;
background-color: var(--vtm-onyx) !important;
border: 1px solid var(--vtm-border) !important;
border-bottom: none !important;
border-radius: 4px 4px 0 0 !important;
margin-right: 3px !important;
}

.vector-menu-tabs li a,
.vector-menu-tabs-legacy li a,
.vector-tab-noicon a,
.mw-portlet-views li a,
.mw-portlet-namespaces li a {
color: var(--vtm-gold) !important;
font-family: var(--vtm-font-title) !important;
font-size: 0.85em !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 8px 14px !important;
}

.vector-menu-tabs li a:hover,
.vector-menu-tabs-legacy li a:hover,
.mw-portlet-views li a:hover,
.mw-portlet-namespaces li a:hover {
color: #ffffff !important;
background: #22141a !important;
}

.vector-menu-tabs li.selected,
.vector-menu-tabs-legacy li.selected,
.mw-portlet-views li.selected,
.mw-portlet-namespaces li.selected,
.vector-tab-noicon.selected {
background: linear-gradient(180deg, #420b14 0%, #1e0508 100%) !important;
background-color: #2b080d !important;
border: 1px solid #8b0000 !important;
border-top: 3px solid #ff2a3f !important;
border-bottom: none !important;
box-shadow: 0 -2px 10px rgba(201, 24, 43, 0.4) !important;
}

.vector-menu-tabs li.selected a,
.vector-menu-tabs-legacy li.selected a,
.mw-portlet-views li.selected a,
.mw-portlet-namespaces li.selected a,
.vector-tab-noicon.selected a,
.vector-menu-tabs li.selected span,
.mw-portlet-views li.selected span {
color: #ffffff !important;
font-weight: 800 !important;
text-shadow: 0 0 8px rgba(255, 42, 63, 0.6) !important;
}

/* ==========================================================================
8. CAIXAS DE AVISO & FORMULÁRIOS WIKITEXT
========================================================================== */
.warningbox,
.mw-warning-with-logexcerpt,
.mw-anon-edit-warning,
.anon-edit-warning,
.cdx-message--warning,
.cdx-message,
.mw-message-box {
background: linear-gradient(90deg, rgba(77, 16, 24, 0.5) 0%, rgba(22, 14, 18, 0.9) 100%) !important;
background-color: #1f0d12 !important;
border: 1px solid #5a1420 !important;
border-left: 5px solid var(--vtm-blood-vivid) !important;
border-radius: 4px !important;
color: #ede9e1 !important;
padding: 12px 18px !important;
margin: 1.2em 0 !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.7) !important;
}

.cdx-message__content,
.mw-message-box p,
.mw-anon-edit-warning p {
color: #ede9e1 !important;
}

textarea#wpTextbox1,
#wpTextbox1,
.mw-editform textarea {
background: #0b0b10 !important;
background-color: #0b0b10 !important;
color: #f0ece3 !important;
font-family: var(--vtm-font-mono) !important;
border: 1px solid #3d0a12 !important;
border-radius: 4px !important;
padding: 14px 16px !important;
box-shadow: inset 0 2px 12px rgba(0, 0, 0, 0.95) !important;
}

/* ==========================================================================
9. BUSCA & BOTÃO "INVESTIGAR"
========================================================================== */
#simpleSearch,
.cdx-text-input__input,
.vector-search-box-input,
.cdx-search-input .cdx-text-input__input,
input[type="search"] {
background: var(--vtm-onyx) !important;
background-color: var(--vtm-onyx) !important;
color: #ffffff !important;
border: 1px solid var(--vtm-border-blood) !important;
border-radius: 4px 0 0 4px !important;
}

button.cdx-search-input__end-button,
.cdx-search-input__end-button,
.vector-search-box .cdx-button,
.vector-search-box-vue .cdx-button,
.vector-search-box-vue button,
#searchButton,
#mw-searchButton {
background: #000000 !important;
background-color: #000000 !important;
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 800 !important;
border: 1px solid var(--vtm-border-blood) !important;
border-left: none !important;
border-radius: 0 4px 4px 0 !important;
}

button.cdx-search-input__end-button *,
.cdx-search-input__end-button span,
.cdx-search-input__end-button .cdx-button__label,
.vector-search-box .cdx-button__label {
color: #ffffff !important;
font-weight: 800 !important;
}

button.cdx-search-input__end-button:hover,
.cdx-search-input__end-button:hover {
background: #15151e !important;
color: var(--vtm-blood-neon) !important;
border-color: var(--vtm-blood-vivid) !important;
}

/* ==========================================================================
10. TIPOGRAFIA & CABEÇALHOS GÓTICOS
========================================================================== */
h1, h2, h3, h4, h5, h6,
.mw-heading h1, .mw-heading h2, .mw-heading h3 {
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
color: var(--vtm-text) !important;
}

h1.firstHeading,
.mw-first-heading,
#firstHeading,
.mw-body h1 {
font-family: var(--vtm-font-title) !important;
font-size: 2.3em !important;
color: var(--vtm-blood-vivid) !important;
text-shadow: 0 0 14px var(--vtm-blood-glow) !important;
border-bottom: 2px solid var(--vtm-blood) !important;
padding-bottom: 8px !important;
}

h2, .mw-heading2 h2 {
font-size: 1.55em !important;
color: #f0ece5 !important;
border-bottom: 1px solid var(--vtm-border-blood) !important;
padding-bottom: 6px !important;
margin-top: 20px !important;
}

h3, .mw-heading3 h3 {
font-size: 1.2em !important;
color: var(--vtm-gold) !important;
margin-top: 14px !important;
}

h4, .mw-heading4 h4 {
font-size: 1.05em !important;
color: #c9182b !important;
}

a, a:visited,
.mw-body a, .mw-body a:visited,
.mw-parser-output a {
color: #e55353 !important;
text-decoration: none !important;
}

a:hover, a:focus,
.mw-body a:hover {
color: var(--vtm-blood-neon) !important;
text-shadow: 0 0 8px var(--vtm-blood-glow) !important;
}

/* ==========================================================================
11. CITAÇÕES / BLOCKQUOTES (.vtm-quote)
========================================================================== */
blockquote,
.vtm-quote,
.mw-parser-output blockquote,
.mw-parser-output .vtm-quote,
.mw-body blockquote,
.mw-body .vtm-quote {
font-family: var(--vtm-font-typewriter) !important;
font-size: 1.05em !important;
line-height: 1.6 !important;
color: #c8c3b8 !important;
text-align: left !important;
background: linear-gradient(135deg, rgba(22, 22, 29, 0.95) 0%, rgba(12, 12, 16, 0.98) 100%) !important;
border: none !important;
border-left: 3px solid var(--vtm-blood) !important;
border-radius: 0 4px 4px 0 !important;
padding: 25px 15px 15px 15px !important;
margin: 1.2em 0.8em !important;
position: relative !important;
box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4), 0 4px 20px rgba(0, 0, 0, 0.5) !important;
letter-spacing: 0.3px !important;
}

blockquote p,
.vtm-quote p,
.mw-parser-output blockquote p,
.mw-parser-output .vtm-quote p {
font-family: var(--vtm-font-typewriter) !important;
color: #c8c3b8 !important;
text-align: left !important;
margin: 0 0 6px 0 !important;
}

blockquote p:last-child,
.vtm-quote p:last-child,
.mw-parser-output blockquote p:last-child,
.mw-parser-output .vtm-quote p:last-child {
margin-bottom: 0 !important;
}

blockquote cite,
blockquote footer,
blockquote .quote-source,
.vtm-quote cite,
.vtm-quote footer,
.vtm-quote .quote-source {
display: block !important;
font-family: var(--vtm-font-title) !important;
font-size: 0.85em !important;
color: var(--vtm-gold) !important;
margin-top: 8px !important;
text-align: right !important;
font-style: normal !important;
letter-spacing: 1px !important;
}

/* ==========================================================================
12. LOGO VETORIAL SVG COM AURA RUBRA (RENDERIZAÇÃO GARANTIDA)
========================================================================== */
.mw-logo {
display: inline-flex !important;
align-items: center !important;
height: 96px !important;
min-height: 96px !important;
min-width: 260px !important;
max-height: none !important;
padding: 4px 0 !important;
text-decoration: none !important;
border: none !important;
}

/* Pseudo-elemento no container do logo: garante exibição sempre */
.mw-logo::before {
content: "" !important;
display: block !important;
background-image: url('/images/b/be/Wiki_Logo.svg') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center left !important;
height: 96px !important;
width: 270px !important;
max-height: 96px !important;
max-width: 320px !important;
/* Sombra vermelha nos contornos do vetor */
filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;
transition: filter 0.3s ease, transform 0.2s ease !important;
}

.mw-logo:hover::before {
filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;
transform: scale(1.02) !important;
}

/* Se existir tag img nativa, estiliza da mesma forma ou oculta duplicata */
.mw-logo-icon {
display: none !important;
}

.mw-logo-container,
.mw-logo-wordmark,
.mw-logo-tagline {
display: none !important;
}

.mw-wiki-logo {
background-image: url('/images/b/be/Wiki_Logo.svg') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
border: none !important;
}

/* ==========================================================================
13. MENU HAMBÚRGUER (AURA RUBRA & HOVER EFFECT)
========================================================================== */
#vector-main-menu-dropdown,
.vector-main-menu-dropdown,
#vector-main-menu-dropdown .vector-dropdown-label,
.vector-main-menu-dropdown .vector-dropdown-label,
#vector-main-menu-dropdown-label,
.vector-header .vector-main-menu-dropdown .cdx-button,
#vector-main-menu-dropdown .cdx-button,
.vector-main-menu-dropdown-checkbox + label {
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}

#vector-main-menu-dropdown .vector-icon,
.vector-main-menu-dropdown .vector-icon,
#vector-main-menu-dropdown .cdx-button__icon,
.mw-ui-icon-wikimedia-menu,
#vector-main-menu-dropdown-label .vector-icon,
#vector-main-menu-dropdown-label::before,
.vector-main-menu-dropdown-checkbox + label .vector-icon {
color: #f5f5f5 !important;
background-color: #f5f5f5 !important;
filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;
transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) !important;
}

#vector-main-menu-dropdown:hover .vector-icon,
.vector-main-menu-dropdown:hover .vector-icon,
#vector-main-menu-dropdown:hover .cdx-button__icon,
#vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,
.vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,
#vector-main-menu-dropdown:hover .mw-ui-icon-wikimedia-menu,
#vector-main-menu-dropdown-label:hover .vector-icon,
.vector-main-menu-dropdown-checkbox + label:hover .vector-icon {
color: #ffffff !important;
background-color: #ffffff !important;
filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;
transform: scale(1.08) !important;
}

#vector-main-menu-dropdown .vector-dropdown-label,
.vector-main-menu-dropdown .vector-dropdown-label,
#vector-main-menu-dropdown-label,
.vector-main-menu-dropdown-checkbox + label {
filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;
transition: filter 0.3s ease, transform 0.2s ease !important;
border-radius: 4px !important;
cursor: pointer !important;
}

#vector-main-menu-dropdown .vector-dropdown-label:hover,
.vector-main-menu-dropdown .vector-dropdown-label:hover,
#vector-main-menu-dropdown-label:hover,
.vector-main-menu-dropdown-checkbox + label:hover {
filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;
}

#vector-main-menu-dropdown .vector-dropdown-label:focus,
#vector-main-menu-dropdown .vector-dropdown-label:active,
#vector-main-menu-dropdown-checkbox:focus + .vector-dropdown-label,
#vector-main-menu-dropdown-checkbox:focus + label {
outline: none !important;
border: none !important;
box-shadow: none !important;
}

/* ==========================================================================
14. TARJA DE CENSURA & SEGREDO DINÂMICO (.vtm-segredo)
========================================================================== */

.vtm-segredo {
transition: all 0.3s ease;
}

/* --- CENSURADO: tarja preta pura e limpa --- */
.vtm-segredo.is-redacted {
background: #0a0a0e !important;
color: transparent !important;
user-select: none !important;
-webkit-user-select: none !important;
border-radius: 2px !important;
padding: 1px 6px !important;
cursor: help !important;
}

.vtm-segredo.is-redacted * {
color: transparent !important;
user-select: none !important;
-webkit-user-select: none !important;
}

.vtm-segredo.is-redacted:hover {
background: #141418 !important;
}

/* --- REVELADO / DESCLASSIFICADO --- */
.vtm-segredo.is-revealed {
background: rgba(45, 12, 18, 0.4) !important;
color: #f5f0e6 !important;
font-family: 'Special Elite', 'Courier New', monospace !important;
border-radius: 3px !important;
padding: 1px 6px !important;
user-select: text !important;
}

.vtm-segredo.is-revealed * {
color: #f5f0e6 !important;
}

/* --- FORMATO BLOCO (tipo=bloco) --- */
.vtm-segredo[data-tipo="bloco"] {
display: block !important;
margin: 1.2em 0 !important;
padding: 16px 20px !important;
border-radius: 4px !important;
}

.vtm-segredo[data-tipo="bloco"].is-redacted {
background: #0a0a0e !important;
min-height: 60px !important;
border-left: 4px solid #2a2a30 !important;
}

.vtm-segredo[data-tipo="bloco"].is-revealed {
background: linear-gradient(135deg, rgba(22, 16, 20, 0.92) 0%, rgba(12, 10, 14, 0.96) 100%) !important;
border-left: 4px solid #c5a059 !important;
}
/* ==========================================================================
15. CONTRASTE & LEGIBILIDADE NOS MODAIS OOUI DO VISUALEDITOR
========================================================================== */
.oo-ui-window-frame,
.oo-ui-dialog,
.oo-ui-panelLayout-padded,
.oo-ui-processDialog-content,
.ve-ui-mwTransclusionDialog {
background: #121218 !important;
background-color: #121218 !important;
color: #ede9e1 !important;
border: 1px solid #4a101a !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.95) !important;
}

.oo-ui-window-head,
.oo-ui-processDialog-title,
.oo-ui-processDialog-navigation {
background: #0c0c10 !important;
border-bottom: 1px solid #3d0a12 !important;
color: #c5a059 !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
}

.oo-ui-processDialog-title .oo-ui-labelElement-label {
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 800 !important;
letter-spacing: 0.5px !important;
}

/* Campos de entrada dentro do modal */
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input,
.ve-ui-mwTransclusionDialog input,
.ve-ui-mwTransclusionDialog textarea {
background: #08080c !important;
background-color: #08080c !important;
color: #ffffff !important;
font-family: var(--vtm-font-body) !important;
font-size: 0.95em !important;
border: 1px solid #3d0a12 !important;
border-radius: 4px !important;
padding: 8px 12px !important;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,
.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input:focus {
border-color: #ff2a3f !important;
box-shadow: 0 0 10px rgba(201, 24, 43, 0.5), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
outline: none !important;
}

/* Placeholders claros */
.oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder,
.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input::placeholder {
color: #7a766e !important;
opacity: 1 !important;
}

/* Rótulos e descrições dos parâmetros */
.oo-ui-fieldLayout-header .oo-ui-labelElement-label,
.ve-ui-mwParameterPage-label,
.ve-ui-mwTemplateTitleInputWidget-label {
color: #c5a059 !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
font-size: 0.92em !important;
}

.oo-ui-fieldLayout-helpText,
.ve-ui-mwParameterPage-description,
.oo-ui-fieldLayout-help {
color: #b0aca4 !important;
font-size: 0.85em !important;
line-height: 1.4 !important;
}

/* Painel lateral de seleção de parâmetros */
.oo-ui-bookletLayout-outline,
.oo-ui-outlineSelectWidget,
.oo-ui-outlineOptionWidget {
background: #0d0d12 !important;
color: #ddd9d0 !important;
border-right: 1px solid #3d0a12 !important;
}

.oo-ui-outlineOptionWidget-selected {
background: #3d0a12 !important;
color: #ffffff !important;
font-weight: 700 !important;
}

.oo-ui-outlineOptionWidget-highlighted {
background: #251016 !important;
color: #ff2a3f !important;
}

/* Botão Aplicar Mudanças */
.oo-ui-processDialog-actions-primary .oo-ui-buttonElement-button {
background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;
border: 1px solid #ff2a3f !important;
border-radius: 4px !important;
}

.oo-ui-processDialog-actions-primary .oo-ui-labelElement-label {
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 800 !important;
}

/* ==========================================================================
16. VISUALEDITOR — VISIBILIDADE TOTAL & EDIÇÃO DE SEGREDO
========================================================================== */
.ve-ui-surface,
.ve-ce-surface,
.ve-ce-documentNode,
.ve-init-mw-desktopArticleTarget-surface {
background: #101015 !important;
background-color: #101015 !important;
color: #ede9e1 !important;
caret-color: #ff2a3f !important;
}

.ve-ce-documentNode p,
.ve-ce-documentNode h1,
.ve-ce-documentNode h2,
.ve-ce-documentNode h3,
.ve-ce-documentNode h4,
.ve-ce-documentNode li,
.ve-ce-documentNode td,
.ve-ce-documentNode div,
.ve-ce-surface .vtm-section-block {
opacity: 1 !important;
visibility: visible !important;
animation: none !important;
transform: none !important;
}

/* Dentro do editor, o Segredo DEVE ser visível para o editor poder ler e modificar */
.ve-ce-surface .vtm-segredo,
.ve-ui-surface .vtm-segredo,
.ve-ce-documentNode .vtm-segredo,
.ve-ce-leafNode.ve-ce-mwTransclusionInlineNode,
.ve-ce-leafNode.ve-ce-mwTransclusionBlockNode {
background: rgba(60, 15, 25, 0.45) !important;
color: #ffffff !important;
border: 1px dashed #ff2a3f !important;
border-radius: 3px !important;
padding: 2px 6px !important;
user-select: text !important;
-webkit-user-select: text !important;
}

.ve-ce-surface .vtm-segredo .vtm-segredo-conteudo,
.ve-ui-surface .vtm-segredo .vtm-segredo-conteudo,
.ve-ce-documentNode .vtm-segredo .vtm-segredo-conteudo {
opacity: 1 !important;
visibility: visible !important;
color: #ffffff !important;
pointer-events: auto !important;
}

.ve-ce-surface .vtm-segredo::after,
.ve-ui-surface .vtm-segredo::after,
.ve-ce-documentNode .vtm-segredo::after {
display: none !important;
}

/* Balão pop-up de predefinição no VisualEditor */
.ve-ui-contextItemWidget,
.ve-ui-mwTransclusionContextItem {
background: #161622 !important;
border: 1px solid #4a101a !important;
border-left: 4px solid #8b0000 !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.9) !important;
border-radius: 4px !important;
}

.ve-ui-contextItemWidget .oo-ui-labelElement-label {
color: #ffffff !important;
font-family: var(--vtm-font-title) !important;
font-weight: 700 !important;
}

.ve-ui-contextItemWidget .oo-ui-buttonElement-button {
background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;
border: 1px solid #ff2a3f !important;
border-radius: 3px !important;
}

.ve-ui-contextItemWidget .oo-ui-buttonElement-button .oo-ui-labelElement-label {
color: #ffffff !important;
font-weight: 800 !important;
}

MediaWiki:Common.js

2026-09-01T21:01:26Z

Fernando: Restaurando MediaWiki:Common.js para versao exata original (Rev 403)

/* ==========================================================================\n VAMPIRO: A MÁSCARA — SCRIPTS GLOBAIS, BOTÃO DE CENSURA & SEGREDO DINÂMICO\n ========================================================================== */\n\n(function () {\n 'use strict';\n\n /* ------------------------------------------------------------------\n 1. CENSURA & REVELAÇÃO DINÂMICA (LEITURA)\n ------------------------------------------------------------------ */\n function initVtmSecrets() {\n var els = document.querySelectorAll('[data-vtm-secret=\"true\"]');\n if (!els || !els.length) return;\n var now = new Date();\n\n els.forEach(function (el) {\n var lib = (el.getAttribute('data-liberado') || '').toLowerCase().trim();\n var ds = (el.getAttribute('data-reveal-date') || '').trim();\n var dica = (el.getAttribute('data-dica') || '').trim();\n var revealed = false;\n var tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA]';\n\n if (lib === 'sim' || lib === 'true' || lib === '1') {\n revealed = true;\n } else if (lib === 'nao' || lib === 'false' || lib === '0') {\n tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';\n } else if (ds) {\n var td = null;\n if (ds.indexOf('/') !== -1) {\n var p = ds.split('/');\n if (p.length === 3) td = new Date(p[2], parseInt(p[1], 10) - 1, p[0]);\n } else {\n td = new Date(ds);\n }\n if (td && !isNaN(td.getTime())) {\n if (now >= td) {\n revealed = true;\n } else {\n var f = ('0' + td.getDate()).slice(-2) + '/' + ('0' + (td.getMonth() + 1)).slice(-2) + '/' + td.getFullYear();\n tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ' - ' + f + ']';\n }\n }\n }\n\n if (revealed) {\n el.classList.add('is-revealed');\n el.classList.remove('is-redacted');\n el.title = '[DESCLASSIFICADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';\n } else {\n el.classList.add('is-redacted');\n el.classList.remove('is-revealed');\n el.title = tip;\n }\n });\n }\n\n /* ------------------------------------------------------------------\n 2. INJEÇÃO DO BOTÃO \"🔒 CENSURAR\" DIRETAMENTE NA BARRA DO VISUALEDITOR\n ------------------------------------------------------------------ */\n function injectVisualEditorButton() {\n // Procura a barra de ferramentas ativa do VisualEditor\n var toolbar = document.querySelector('.ve-ui-toolbar-tools, .ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-tools');\n if (!toolbar) return;\n\n if (document.getElementById('vtm-ve-censor-button')) return;\n\n var btnGroup = document.createElement('div');\n btnGroup.id = 'vtm-ve-censor-button';\n btnGroup.className = 'oo-ui-widget oo-ui-widget-enabled oo-ui-toolGroup';\n btnGroup.style.cssText = 'display:inline-flex; align-items:center; margin:0 6px;';\n\n var btn = document.createElement('button');\n btn.type = 'button';\n btn.innerHTML = '🔒 Censurar Trecho';\n btn.title = 'Aplicar tarja de censura {{Segredo}} no texto selecionado';\n btn.style.cssText = 'background:linear-gradient(180deg, #450810 0%, #1a0306 100%); color:#ffffff; border:1px solid #ff2a3f; border-radius:4px; padding:4px 10px; font-family:\"Cinzel\", Georgia, serif; font-size:0.82em; font-weight:700; cursor:pointer; box-shadow:0 0 8px rgba(255,42,63,0.4); display:flex; align-items:center; gap:4px; transition:all 0.2s ease; height:32px; line-height:1; outline:none;';\n\n btn.onmouseover = function () {\n btn.style.background = 'linear-gradient(180deg, #6b0c19 0%, #30050c 100%)';\n btn.style.boxShadow = '0 0 14px rgba(255,42,63,0.85)';\n };\n btn.onmouseout = function () {\n btn.style.background = 'linear-gradient(180deg, #450810 0%, #1a0306 100%)';\n btn.style.boxShadow = '0 0 8px rgba(255,42,63,0.4)';\n };\n\n btn.onclick = function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n try {\n // Tenta usar a API nativa do VisualEditor para inserir a predefinição\n var target = ve.init.target;\n if (target && target.getSurface()) {\n var surfaceModel = target.getSurface().getModel();\n var fragment = surfaceModel.getFragment();\n var selectedText = fragment.getText();\n\n var contentToCensor = selectedText || 'Texto confidencial a ser censurado';\n\n var transclusionNode = {\n type: 'mwTransclusionInline',\n attributes: {\n mw: {\n parts: [\n {\n template: {\n target: { href: 'Template:Segredo', wt: 'Segredo' },\n params: {\n '1': { wt: contentToCensor },\n 'liberado': { wt: 'nao' }\n }\n }\n }\n ]\n }\n }\n };\n\n fragment.insertContent([transclusionNode, { type: '/mwTransclusionInline' }]);\n return;\n }\n } catch (err) {\n if (window.console) console.warn('[VtM] Fallback de inserção:', err);\n }\n\n // Fallback: se estiver no modo código-fonte do VE ou textarea\n var tb = document.getElementById('wpTextbox1');\n if (tb) {\n var s = tb.selectionStart, end = tb.selectionEnd;\n var t = tb.value, sel = t.substring(s, end) || 'Texto confidencial a ser censurado';\n var rep = '{{Segredo|' + sel + '|liberado=nao}}';\n tb.value = t.substring(0, s) + rep + t.substring(end);\n tb.focus();\n tb.setSelectionRange(s + 10, s + 10 + sel.length);\n if (window.$) { $(tb).trigger('input').trigger('change'); }\n }\n };\n\n btnGroup.appendChild(btn);\n\n // Injeta após o grupo de inserção ou no final da barra de ferramentas\n var insertGroup = toolbar.querySelector('.ve-ui-toolbar-group-insert, .oo-ui-toolGroup:last-child');\n if (insertGroup && insertGroup.parentNode) {\n insertGroup.parentNode.insertBefore(btnGroup, insertGroup.nextSibling);\n } else {\n toolbar.appendChild(btnGroup);\n }\n }\n\n // Monitora a abertura do VisualEditor para injetar o botão no topo\n setInterval(injectVisualEditorButton, 300);\n\n /* ------------------------------------------------------------------\n 3. BOTÕES CENSURADO/LIBERADO NO MODAL DO VISUALEDITOR\n ------------------------------------------------------------------ */\n function transformLiberadoInputs() {\n var inputs = document.querySelectorAll(\n '.oo-ui-windowManager input, .oo-ui-windowManager textarea, ' +\n '.oo-ui-fieldLayout input, .oo-ui-fieldLayout textarea'\n );\n inputs.forEach(function (input) {\n var container = input.closest('.oo-ui-fieldLayout') ||\n input.closest('.ve-ui-mwParameterPage') ||\n input.closest('.oo-ui-pageLayout') ||\n input.parentElement;\n if (!container) return;\n var txt = (container.textContent || '').toLowerCase();\n if (txt.indexOf('liberado') === -1) return;\n if (container.querySelector('.vtm-toggle-box')) return;\n\n var box = document.createElement('div');\n box.className = 'vtm-toggle-box';\n box.style.cssText = 'display:flex;gap:12px;margin:10px 0 16px;width:100%;max-width:460px;';\n\n var btnC = mkToggle('CENSURADO');\n var btnL = mkToggle('LIBERADO');\n\n function paint(v) {\n var isLib = (v === 'sim' || v === '1' || v === 'true');\n btnC.style.background = isLib ? '#121218' : 'linear-gradient(180deg,#5c0f18,#2b060a)';\n btnC.style.color = isLib ? '#7a7a88' : '#fff';\n btnC.style.border = isLib ? '1px solid #2d2d38' : '2px solid #ff2a3f';\n btnC.style.boxShadow = isLib ? 'none' : '0 0 12px rgba(255,42,63,.7)';\n btnL.style.background = isLib ? 'linear-gradient(180deg,#1b5e20,#0d3814)' : '#121218';\n btnL.style.color = isLib ? '#fff' : '#7a7a88';\n btnL.style.border = isLib ? '2px solid #4caf50' : '1px solid #2d2d38';\n btnL.style.boxShadow = isLib ? '0 0 12px rgba(76,175,80,.7)' : 'none';\n }\n\n btnC.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'nao'); paint('nao'); };\n btnL.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'sim'); paint('sim'); };\n input.addEventListener('input', function () { paint((input.value || '').toLowerCase().trim()); });\n paint((input.value || 'nao').toLowerCase().trim());\n\n box.appendChild(btnC);\n box.appendChild(btnL);\n var wrap = input.closest('.oo-ui-textInputWidget') || input.closest('.oo-ui-inputWidget') || input;\n wrap.parentNode.insertBefore(box, wrap);\n wrap.style.display = 'none';\n });\n }\n\n function mkToggle(label) {\n var b = document.createElement('button');\n b.type = 'button';\n b.textContent = (label === 'CENSURADO' ? '\\u2B1B ' : '\\uD83D\\uDD13 ') + label;\n b.style.cssText = 'flex:1;padding:10px 16px;border-radius:4px;font-weight:800;font-size:.9em;cursor:pointer;font-family:\"Cinzel\",Georgia,serif;letter-spacing:1px;transition:all .25s ease;outline:none;';\n return b;\n }\n\n function setVal(input, v) {\n input.value = v;\n input.dispatchEvent(new Event('input', { bubbles: true }));\n input.dispatchEvent(new Event('change', { bubbles: true }));\n if (window.$) { $(input).trigger('input').trigger('change'); }\n }\n\n setInterval(transformLiberadoInputs, 300);\n\n /* ------------------------------------------------------------------\n 4. BARRA DE FERRAMENTAS NO EDITOR DE CÓDIGO-FONTE (#wpTextbox1)\n ------------------------------------------------------------------ */\n function initVtmQuickToolbar() {\n var tb = document.getElementById('wpTextbox1');\n if (!tb || document.getElementById('vtm-editor-quickbar')) return;\n\n var bar = document.createElement('div');\n bar.id = 'vtm-editor-quickbar';\n bar.style.cssText = 'display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;margin:10px 0;background:linear-gradient(90deg,#181014,#0d0d12);border:1px solid #3d0a12;border-left:4px solid #8b0000;border-radius:4px;font-family:\"Cinzel\",Georgia,serif;box-shadow:0 4px 14px rgba(0,0,0,.6);z-index:99;';\n\n var lbl = document.createElement('span');\n lbl.style.cssText = 'color:#c5a059;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:6px;';\n lbl.textContent = '🩸 Ferramentas:';\n bar.appendChild(lbl);\n\n bar.appendChild(mkBtn('\\u2B1B Censurar Trecho', '#240c12', '#ff2a3f', function () {\n wrapSel(tb, '{{Segredo|', '|liberado=nao}}', 'Texto censurado');\n }));\n bar.appendChild(mkBtn('\\uD83D\\uDD13 Inserir Liberado', '#0d2915', '#2e7d32', function () {\n wrapSel(tb, '{{Segredo|', '|liberado=sim}}', 'Texto revelado');\n }));\n bar.appendChild(mkBtn('\\uD83D\\uDCC1 Dossie Bloco', '#181822', '#3d0a12', function () {\n wrapSel(tb, '\\n{{Segredo|tipo=bloco|nivel=CONFIDENCIAL|data=AAAA-MM-DD|dica=Operacao|\\n', '\\n}}\\n', 'Relatorio confidencial...');\n }));\n bar.appendChild(mkBtn('\\uD83D\\uDDD1 Remover Censura', '#1a1a22', '#4a4a58', function () {\n removeSecret(tb);\n }));\n\n tb.parentNode.insertBefore(bar, tb);\n }\n\n function mkBtn(text, bg, border, fn) {\n var b = document.createElement('button');\n b.type = 'button'; b.textContent = text;\n b.style.cssText = 'background:' + bg + ';color:#fff;border:1px solid ' + border + ';border-radius:3px;padding:6px 12px;font-size:.82em;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;';\n b.onmouseover = function () { b.style.opacity = '.85'; };\n b.onmouseout = function () { b.style.opacity = '1'; };\n b.onclick = function (e) { e.preventDefault(); fn(); };\n return b;\n }\n\n function wrapSel(tb, pre, post, ph) {\n var s = tb.selectionStart, e = tb.selectionEnd;\n var t = tb.value, sel = t.substring(s, e) || ph;\n tb.value = t.substring(0, s) + pre + sel + post + t.substring(e);\n tb.focus(); tb.setSelectionRange(s + pre.length, s + pre.length + sel.length);\n if (window.$) { $(tb).trigger('input').trigger('change'); }\n }\n\n function removeSecret(tb) {\n var s = tb.selectionStart, text = tb.value;\n var i = text.lastIndexOf('{{Segredo|', s);\n if (i === -1) { alert('Nenhum {{Segredo|...}} encontrado.\\nPosicione o cursor dentro do trecho.'); return; }\n var depth = 0, j, end = -1;\n for (j = i; j < text.length - 1; j++) {\n if (text[j] === '{' && text[j + 1] === '{') { depth++; j++; }\n else if (text[j] === '}' && text[j + 1] === '}') { depth--; if (depth === 0) { end = j + 2; break; } j++; }\n }\n if (end === -1) { alert('Fechamento }} nao encontrado.'); return; }\n var inner = text.substring(i + '{{Segredo|'.length, end - 2);\n var parts = [], cur = '', d = 0;\n for (j = 0; j < inner.length; j++) {\n if (inner[j] === '{' && j + 1 < inner.length && inner[j + 1] === '{') { d++; cur += '{{'; j++; }\n else if (inner[j] === '}' && j + 1 < inner.length && inner[j + 1] === '}') { d--; cur += '}}'; j++; }\n else if (inner[j] === '|' && d === 0) { parts.push(cur); cur = ''; }\n else { cur += inner[j]; }\n }\n parts.push(cur);\n var content = '';\n for (var k = 0; k < parts.length; k++) {\n if (parts[k].trim().indexOf('=') === -1) { content = parts[k].trim(); break; }\n }\n tb.value = text.substring(0, i) + content + text.substring(end);\n tb.focus(); tb.setSelectionRange(i, i + content.length);\n if (window.$) { $(tb).trigger('input').trigger('change'); }\n }\n\n /* ------------------------------------------------------------------\n 5. ANIMAÇÃO DE CASCATA DAS SEÇÕES\n ------------------------------------------------------------------ */\n function initSectionAnimation() {\n var c = document.querySelector('.mw-parser-output');\n if (!c || c.dataset.vtmAnimated === 'true') return;\n if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n c.dataset.vtmAnimated = 'true';\n var kids = Array.from(c.children), secs = [], cur = [];\n kids.forEach(function (ch) {\n if (ch.classList.contains('catlinks') || ch.classList.contains('mw-category-generated') ||\n ch.tagName === 'SCRIPT' || ch.tagName === 'STYLE' || ch.id === 'vtm-editor-quickbar') {\n if (cur.length) { secs.push(cur); cur = []; }\n return;\n }\n if ((ch.tagName === 'H2' || ch.classList.contains('mw-heading2')) && cur.length) { secs.push(cur); cur = []; }\n cur.push(ch);\n });\n if (cur.length) secs.push(cur);\n secs.forEach(function (items, idx) {\n var w = document.createElement('div');\n w.className = 'vtm-section-block';\n w.style.animationDelay = (0.12 + idx * 0.42).toFixed(2) + 's';\n var f = items[0];\n if (f && f.parentNode) { f.parentNode.insertBefore(w, f); items.forEach(function (el) { w.appendChild(el); }); }\n });\n }\n\n /* ------------------------------------------------------------------\n INICIALIZAÇÃO\n ------------------------------------------------------------------ */\n function initAll() {\n initVtmSecrets();\n initSectionAnimation();\n initVtmQuickToolbar();\n injectVisualEditorButton();\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initAll);\n } else {\n initAll();\n }\n\n if (window.mw && window.mw.hook) {\n window.mw.hook('wikipage.content').add(function () {\n initVtmSecrets();\n initSectionAnimation();\n });\n window.mw.hook('ve.activationComplete').add(injectVisualEditorButton);\n }\n})();\n

MediaWiki:Common.css

2026-09-01T21:00:51Z

Fernando: Restaurando MediaWiki:Common.css para versao exata original (Rev 401)

/* ==========================================================================\n TEMA DARK GÓTICO-PUNK — VAMPIRO: A MÁSCARA (v14 - MASTER SYNC & LOGIN)\n ========================================================================== */\n\n@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Special+Elite&display=swap');\n\n/* ==========================================================================\n 1. CASCATA PROGRESSIVA SINCRONIZADA (.vtm-section-block)\n ========================================================================== */\n@keyframes vtm-section-slide {\n 0% {\n opacity: 0;\n transform: translateX(-45px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n#firstHeading,\n.mw-first-heading {\n animation: vtm-section-slide 0.55s cubic-bezier(0.2, 1, 0.3, 1) both !important;\n animation-delay: 0.04s !important;\n margin-bottom: 16px !important;\n padding-bottom: 8px !important;\n will-change: transform, opacity;\n}\n\n.vtm-section-block {\n opacity: 0;\n animation: vtm-section-slide 0.80s cubic-bezier(0.2, 1, 0.3, 1) forwards !important;\n margin-bottom: 26px !important;\n padding: 4px 0 !important;\n will-change: transform, opacity;\n}\n\n#content,\n.mw-body {\n overflow-x: hidden !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n #firstHeading,\n .mw-first-heading,\n .vtm-section-block {\n animation: none !important;\n transform: none !important;\n opacity: 1 !important;\n }\n}\n\n/* ==========================================================================\n 2. CODEX & VECTOR DESIGN TOKENS (VARIÁVEIS NATIVAS)\n ========================================================================== */\n:root,\nhtml,\nbody,\n.skin-vector-2022,\n.skin-vector,\n.mw-special-Userlogin {\n --background-color-base: #101015 !important;\n --background-color-base--hover: #181822 !important;\n --background-color-base--active: #22222e !important;\n --background-color-interactive-subtle: #16161d !important;\n --background-color-interactive: #1a1a24 !important;\n --background-color-disabled: #121217 !important;\n --background-color-neutral: #101015 !important;\n --background-color-neutral-subtle: #16161d !important;\n --background-color-backdrop: rgba(0, 0, 0, 0.85) !important;\n --background-color-container: #101015 !important;\n --background-color-surface: #16161d !important;\n --background-color-input: #121218 !important;\n --background-color-input--hover: #1a1a24 !important;\n\n --color-base: #ddd9d0 !important;\n --color-base--hover: #ffffff !important;\n --color-base-fixed: #ddd9d0 !important;\n --color-subtle: #9e9a91 !important;\n --color-placeholder: #6e6b65 !important;\n --color-disabled: #55534e !important;\n --color-inverted: #08080b !important;\n --color-progressive: #e55353 !important;\n --color-progressive--hover: #ff2a3f !important;\n --color-destructive: #c9182b !important;\n\n --border-color-base: #252530 !important;\n --border-color-subtle: #1c1c25 !important;\n --border-color-interactive: #3d0a12 !important;\n --border-color-muted: #20202a !important;\n --border-color-progressive: #8b0000 !important;\n\n --vtm-void: #08080b;\n --vtm-abyss: #0c0c10;\n --vtm-obsidian: #101015;\n --vtm-onyx: #16161d;\n --vtm-slate: #1c1c25;\n --vtm-charcoal: #22222d;\n --vtm-text: #ddd9d0;\n --vtm-text-dim: #9e9a91;\n --vtm-text-ghost: #5e5b55;\n --vtm-blood: #8b0000;\n --vtm-blood-vivid: #c9182b;\n --vtm-blood-neon: #ff2a3f;\n --vtm-blood-glow: rgba(201, 24, 43, 0.45);\n --vtm-gold: #c5a059;\n --vtm-gold-bright: #e5be75;\n --vtm-border: #252530;\n --vtm-border-blood: #3d0a12;\n --vtm-font-title: 'Cinzel', 'Playfair Display', Georgia, serif;\n --vtm-font-body: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;\n --vtm-font-mono: 'Consolas', 'Fira Code', 'Courier New', monospace;\n --vtm-font-typewriter: 'Special Elite', 'Courier New', 'American Typewriter', monospace;\n}\n\n/* ==========================================================================\n 3. ESTRUTURA GLOBAL & CONTAINERS\n ========================================================================== */\nhtml,\nhtml body,\nbody.skin-vector-2022,\nbody.skin-vector,\nbody.mediawiki,\n.mw-special-Userlogin {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n color: var(--vtm-text) !important;\n font-family: var(--vtm-font-body) !important;\n}\n\n.mw-page-container,\n.mw-page-container-inner,\n.vector-column-start,\n.vector-column-end,\n.vector-page-toolbar,\n.vector-page-toolbar-container {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n border-color: var(--vtm-border) !important;\n}\n\n.mw-body,\n.vector-body,\n.mw-body-content,\n.mw-content-container,\n#content,\n#bodyContent,\n#mw-content-text,\n.mw-parser-output,\nmain.mw-body,\n.mw-special-Userlogin #content {\n background: var(--vtm-obsidian) !important;\n background-color: var(--vtm-obsidian) !important;\n color: var(--vtm-text) !important;\n border-color: var(--vtm-border) !important;\n}\n\n/* Padding interno confortável */\n.mw-body-content,\n#bodyContent,\n.mw-parser-output {\n padding-left: 20px !important;\n padding-right: 20px !important;\n padding-top: 15px !important;\n padding-bottom: 25px !important;\n box-sizing: border-box !important;\n}\n\n.vector-header,\n.vector-header-container,\n.mw-header,\n#mw-head,\n.vector-sticky-header,\n.vector-sticky-header-container {\n background: var(--vtm-abyss) !important;\n background-color: var(--vtm-abyss) !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n}\n\n.vector-sticky-header {\n background: rgba(8, 8, 11, 0.97) !important;\n}\n\n#footer,\n.mw-footer,\n.vector-footer-container,\nfooter.mw-footer {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n color: var(--vtm-text-ghost) !important;\n border-top: 1px solid var(--vtm-border) !important;\n}\n\n/* ==========================================================================\n 4. TELA DE LOGIN (SPECIAL:USERLOGIN & FORMULÁRIO CODEX)\n ========================================================================== */\n.mw-special-Userlogin .mw-htmlform,\n.mw-special-Userlogin .mw-htmlform-codex,\n#userloginForm form,\n.mw-htmlform.mw-htmlform-codex {\n max-width: 440px !important;\n background: linear-gradient(135deg, rgba(22, 22, 29, 0.96) 0%, rgba(14, 14, 19, 0.98) 100%) !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-left: 4px solid var(--vtm-blood) !important;\n border-radius: 4px !important;\n padding: 24px 28px !important;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85), inset 0 0 20px rgba(0, 0, 0, 0.5) !important;\n margin-top: 20px !important;\n}\n\n.mw-special-Userlogin .cdx-label__label__text,\n.mw-special-Userlogin .cdx-label,\n#userloginForm label {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n letter-spacing: 0.8px !important;\n text-transform: uppercase !important;\n}\n\n.mw-special-Userlogin .cdx-text-input,\n.mw-special-Userlogin .cdx-text-input__input,\n#userloginForm input.loginText,\n#userloginForm input[type=\"text\"],\n#userloginForm input[type=\"password\"] {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #ffffff !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-radius: 4px !important;\n padding: 10px 14px !important;\n font-size: 1em !important;\n box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n transition: all 0.25s ease !important;\n}\n\n.mw-special-Userlogin .cdx-text-input__input:focus,\n#userloginForm input.loginText:focus,\n#userloginForm input[type=\"text\"]:focus,\n#userloginForm input[type=\"password\"]:focus {\n border-color: var(--vtm-blood-neon) !important;\n box-shadow: 0 0 10px rgba(201, 24, 43, 0.6), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n outline: none !important;\n}\n\n.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary,\nbutton#wpLoginAttempt,\n#wpLoginAttempt,\n#userloginForm .cdx-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n background-color: #660e1a !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 1.05em !important;\n font-weight: 800 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n border: 1px solid var(--vtm-blood-neon) !important;\n border-radius: 4px !important;\n padding: 12px 20px !important;\n cursor: pointer !important;\n box-shadow: 0 4px 16px rgba(201, 24, 43, 0.5) !important;\n transition: all 0.25s ease !important;\n margin-top: 18px !important;\n width: 100% !important;\n}\n\n.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary:hover,\nbutton#wpLoginAttempt:hover,\n#wpLoginAttempt:hover {\n background: linear-gradient(180deg, #b31529 0%, #5a0a15 100%) !important;\n box-shadow: 0 0 22px rgba(255, 42, 63, 0.85) !important;\n transform: translateY(-1px) !important;\n}\n\n.mw-special-Userlogin .cdx-checkbox__label,\n#userloginForm .mw-userlogin-rememberme {\n color: var(--vtm-text-dim) !important;\n font-size: 0.95em !important;\n}\n\n.mw-special-Userlogin .cdx-checkbox__input {\n accent-color: var(--vtm-blood) !important;\n}\n\n.mw-special-Userlogin a,\n#userloginForm a {\n color: #e55353 !important;\n text-decoration: none !important;\n transition: all 0.2s ease !important;\n}\n\n.mw-special-Userlogin a:hover,\n#userloginForm a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n}\n\n/* ==========================================================================\n 5. VISUALEDITOR & OOUI TOOLBAR\n ========================================================================== */\n.ve-ui-toolbar,\n.oo-ui-toolbar,\n.oo-ui-toolbar-bar,\n.ve-init-mw-desktopArticleTarget-toolbar,\n.ve-ui-toolbar-floating {\n background: #14141c !important;\n background-color: #14141c !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n}\n\n.oo-ui-iconElement-icon,\n.oo-ui-toolbar .oo-ui-iconElement-icon,\n.ve-ui-toolbar .oo-ui-iconElement-icon,\n.oo-ui-indicatorElement-indicator {\n filter: brightness(0) invert(1) !important;\n opacity: 0.95 !important;\n}\n\n.oo-ui-widget-disabled .oo-ui-iconElement-icon,\n.oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon {\n filter: brightness(0) invert(1) !important;\n opacity: 0.28 !important;\n}\n\n.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {\n background: #251218 !important;\n background-color: #251218 !important;\n border-radius: 3px !important;\n}\n\n.oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {\n filter: brightness(0) invert(1) drop-shadow(0 0 6px rgba(255, 42, 63, 0.8)) !important;\n opacity: 1 !important;\n}\n\n.oo-ui-labelElement-label,\n.oo-ui-tool-title,\n.oo-ui-toolGroup-tools .oo-ui-tool-title,\n.oo-ui-popupToolGroup-title,\n.ve-ui-toolbar .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n}\n\n.oo-ui-widget-disabled .oo-ui-labelElement-label {\n color: #66635c !important;\n}\n\n.oo-ui-tool.oo-ui-tool-active > .oo-ui-tool-link,\n.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {\n background: #3d0a12 !important;\n background-color: #3d0a12 !important;\n border-radius: 3px !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n background-color: #660e1a !important;\n border: 1px solid var(--vtm-blood-neon) !important;\n border-radius: 4px !important;\n box-shadow: 0 0 12px rgba(201, 24, 43, 0.6) !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-disabled .oo-ui-buttonElement-button {\n background: #181822 !important;\n border: 1px solid #282836 !important;\n opacity: 0.55 !important;\n}\n\n.oo-ui-popupWidget-popup,\n.oo-ui-menuSelectWidget,\n.oo-ui-menuOptionWidget,\n.oo-ui-window-frame,\n.oo-ui-dialog,\n.oo-ui-panelLayout-padded {\n background: #161620 !important;\n background-color: #161620 !important;\n color: #f0ece3 !important;\n border: 1px solid var(--vtm-border-blood) !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.9) !important;\n}\n\n.oo-ui-optionWidget-highlighted {\n background: #2b0e15 !important;\n color: #ff3b3b !important;\n}\n\n.oo-ui-optionWidget-selected {\n background: #420b14 !important;\n color: #ffffff !important;\n font-weight: 700 !important;\n}\n\n.ve-ui-surface,\n.ve-ce-surface,\n.ve-ce-documentNode,\n.ve-ui-surface-paste {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #f0ece3 !important;\n caret-color: var(--vtm-blood-neon) !important;\n}\n\n/* ==========================================================================\n 6. PAINEIS FIXOS & DROPDOWNS\n ========================================================================== */\n.vector-pinnable-element,\n.vector-pinned-container,\n.vector-dropdown-content,\n.vector-dropdown .vector-dropdown-content,\n.vector-menu-content,\n.vector-page-tools,\n.vector-page-tools-pinned-container,\n.vector-main-menu,\n.vector-main-menu-pinned-container,\n.vector-appearance,\n.vector-appearance-pinned-container,\n.vector-toc,\n.vector-toc-pinned-container,\n#vector-main-menu-pinned-container,\n#vector-page-tools-pinned-container,\n#vector-appearance-pinned-container,\n#vector-toc-pinned-container,\naside.vector-pinnable-element,\nnav.vector-pinnable-element,\ndiv.vector-pinnable-element,\n.vector-settings {\n background: var(--vtm-obsidian) !important;\n background-color: var(--vtm-obsidian) !important;\n color: var(--vtm-text) !important;\n border-color: var(--vtm-border) !important;\n}\n\n.vector-pinnable-header {\n background: var(--vtm-abyss) !important;\n background-color: var(--vtm-abyss) !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n padding: 8px 12px !important;\n}\n\n.vector-pinnable-header-label {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-size: 0.9em !important;\n}\n\n.vector-pinnable-header-toggle-button,\n.cdx-button--weight-quiet {\n background: var(--vtm-slate) !important;\n background-color: var(--vtm-slate) !important;\n color: var(--vtm-gold) !important;\n border: 1px solid var(--vtm-border) !important;\n border-radius: 3px !important;\n padding: 2px 8px !important;\n font-size: 0.8em !important;\n}\n\n.vector-pinnable-header-toggle-button:hover,\n.cdx-button--weight-quiet:hover {\n background: #2a0e14 !important;\n background-color: #2a0e14 !important;\n color: var(--vtm-blood-neon) !important;\n border-color: var(--vtm-blood) !important;\n}\n\n.vector-menu-heading,\n.vector-menu-heading-label,\n.sidebar-heading,\n.vector-page-tools .vector-menu-heading,\n.vector-main-menu .vector-menu-heading,\n#mw-panel .portal h3 {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.82em !important;\n text-transform: uppercase !important;\n letter-spacing: 1.2px !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n margin-top: 14px !important;\n padding-bottom: 4px !important;\n}\n\n.vector-pinnable-element a,\n.vector-pinnable-element li a,\n.vector-page-tools a,\n.vector-main-menu a,\n.vector-dropdown-content a,\n.vector-menu-content a,\n#mw-panel .portal .body li a {\n color: var(--vtm-text-dim) !important;\n transition: all 0.15s ease !important;\n}\n\n.vector-pinnable-element a:hover,\n.vector-page-tools a:hover,\n.vector-main-menu a:hover,\n.vector-dropdown-content a:hover,\n#mw-panel .portal .body li a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n padding-left: 4px !important;\n}\n\n/* ==========================================================================\n 7. ABAS DE NAVEGAÇÃO & AÇÃO\n ========================================================================== */\n.vector-menu-tabs,\n.vector-menu-tabs-legacy,\n.mw-portlet-views,\n.mw-portlet-namespaces {\n background: transparent !important;\n}\n\n.vector-menu-tabs li,\n.vector-menu-tabs-legacy li,\n.vector-tab-noicon,\n.mw-portlet-views li,\n.mw-portlet-namespaces li {\n background: var(--vtm-onyx) !important;\n background-color: var(--vtm-onyx) !important;\n border: 1px solid var(--vtm-border) !important;\n border-bottom: none !important;\n border-radius: 4px 4px 0 0 !important;\n margin-right: 3px !important;\n}\n\n.vector-menu-tabs li a,\n.vector-menu-tabs-legacy li a,\n.vector-tab-noicon a,\n.mw-portlet-views li a,\n.mw-portlet-namespaces li a {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 0.85em !important;\n font-weight: 600 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.5px !important;\n padding: 8px 14px !important;\n}\n\n.vector-menu-tabs li a:hover,\n.vector-menu-tabs-legacy li a:hover,\n.mw-portlet-views li a:hover,\n.mw-portlet-namespaces li a:hover {\n color: #ffffff !important;\n background: #22141a !important;\n}\n\n.vector-menu-tabs li.selected,\n.vector-menu-tabs-legacy li.selected,\n.mw-portlet-views li.selected,\n.mw-portlet-namespaces li.selected,\n.vector-tab-noicon.selected {\n background: linear-gradient(180deg, #420b14 0%, #1e0508 100%) !important;\n background-color: #2b080d !important;\n border: 1px solid #8b0000 !important;\n border-top: 3px solid #ff2a3f !important;\n border-bottom: none !important;\n box-shadow: 0 -2px 10px rgba(201, 24, 43, 0.4) !important;\n}\n\n.vector-menu-tabs li.selected a,\n.vector-menu-tabs-legacy li.selected a,\n.mw-portlet-views li.selected a,\n.mw-portlet-namespaces li.selected a,\n.vector-tab-noicon.selected a,\n.vector-menu-tabs li.selected span,\n.mw-portlet-views li.selected span {\n color: #ffffff !important;\n font-weight: 800 !important;\n text-shadow: 0 0 8px rgba(255, 42, 63, 0.6) !important;\n}\n\n/* ==========================================================================\n 8. CAIXAS DE AVISO & FORMULÁRIOS WIKITEXT\n ========================================================================== */\n.warningbox,\n.mw-warning-with-logexcerpt,\n.mw-anon-edit-warning,\n.anon-edit-warning,\n.cdx-message--warning,\n.cdx-message,\n.mw-message-box {\n background: linear-gradient(90deg, rgba(77, 16, 24, 0.5) 0%, rgba(22, 14, 18, 0.9) 100%) !important;\n background-color: #1f0d12 !important;\n border: 1px solid #5a1420 !important;\n border-left: 5px solid var(--vtm-blood-vivid) !important;\n border-radius: 4px !important;\n color: #ede9e1 !important;\n padding: 12px 18px !important;\n margin: 1.2em 0 !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.7) !important;\n}\n\n.cdx-message__content,\n.mw-message-box p,\n.mw-anon-edit-warning p {\n color: #ede9e1 !important;\n}\n\ntextarea#wpTextbox1,\n#wpTextbox1,\n.mw-editform textarea {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #f0ece3 !important;\n font-family: var(--vtm-font-mono) !important;\n border: 1px solid #3d0a12 !important;\n border-radius: 4px !important;\n padding: 14px 16px !important;\n box-shadow: inset 0 2px 12px rgba(0, 0, 0, 0.95) !important;\n}\n\n/* ==========================================================================\n 9. BUSCA & BOTÃO \"INVESTIGAR\"\n ========================================================================== */\n#simpleSearch,\n.cdx-text-input__input,\n.vector-search-box-input,\n.cdx-search-input .cdx-text-input__input,\ninput[type=\"search\"] {\n background: var(--vtm-onyx) !important;\n background-color: var(--vtm-onyx) !important;\n color: #ffffff !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-radius: 4px 0 0 4px !important;\n}\n\nbutton.cdx-search-input__end-button,\n.cdx-search-input__end-button,\n.vector-search-box .cdx-button,\n.vector-search-box-vue .cdx-button,\n.vector-search-box-vue button,\n#searchButton,\n#mw-searchButton {\n background: #000000 !important;\n background-color: #000000 !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-left: none !important;\n border-radius: 0 4px 4px 0 !important;\n}\n\nbutton.cdx-search-input__end-button *,\n.cdx-search-input__end-button span,\n.cdx-search-input__end-button .cdx-button__label,\n.vector-search-box .cdx-button__label {\n color: #ffffff !important;\n font-weight: 800 !important;\n}\n\nbutton.cdx-search-input__end-button:hover,\n.cdx-search-input__end-button:hover {\n background: #15151e !important;\n color: var(--vtm-blood-neon) !important;\n border-color: var(--vtm-blood-vivid) !important;\n}\n\n/* ==========================================================================\n 10. TIPOGRAFIA & CABEÇALHOS GÓTICOS\n ========================================================================== */\nh1, h2, h3, h4, h5, h6,\n.mw-heading h1, .mw-heading h2, .mw-heading h3 {\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n letter-spacing: 0.5px !important;\n color: var(--vtm-text) !important;\n}\n\nh1.firstHeading,\n.mw-first-heading,\n#firstHeading,\n.mw-body h1 {\n font-family: var(--vtm-font-title) !important;\n font-size: 2.3em !important;\n color: var(--vtm-blood-vivid) !important;\n text-shadow: 0 0 14px var(--vtm-blood-glow) !important;\n border-bottom: 2px solid var(--vtm-blood) !important;\n padding-bottom: 8px !important;\n}\n\nh2, .mw-heading2 h2 {\n font-size: 1.55em !important;\n color: #f0ece5 !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n padding-bottom: 6px !important;\n margin-top: 20px !important;\n}\n\nh3, .mw-heading3 h3 {\n font-size: 1.2em !important;\n color: var(--vtm-gold) !important;\n margin-top: 14px !important;\n}\n\nh4, .mw-heading4 h4 {\n font-size: 1.05em !important;\n color: #c9182b !important;\n}\n\na, a:visited,\n.mw-body a, .mw-body a:visited,\n.mw-parser-output a {\n color: #e55353 !important;\n text-decoration: none !important;\n}\n\na:hover, a:focus,\n.mw-body a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n}\n\n/* ==========================================================================\n 11. CITAÇÕES / BLOCKQUOTES (.vtm-quote)\n ========================================================================== */\nblockquote,\n.vtm-quote,\n.mw-parser-output blockquote,\n.mw-parser-output .vtm-quote,\n.mw-body blockquote,\n.mw-body .vtm-quote {\n font-family: var(--vtm-font-typewriter) !important;\n font-size: 1.05em !important;\n line-height: 1.6 !important;\n color: #c8c3b8 !important;\n text-align: left !important;\n background: linear-gradient(135deg, rgba(22, 22, 29, 0.95) 0%, rgba(12, 12, 16, 0.98) 100%) !important;\n border: none !important;\n border-left: 3px solid var(--vtm-blood) !important;\n border-radius: 0 4px 4px 0 !important;\n padding: 25px 15px 15px 15px !important;\n margin: 1.2em 0.8em !important;\n position: relative !important;\n box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4), 0 4px 20px rgba(0, 0, 0, 0.5) !important;\n letter-spacing: 0.3px !important;\n}\n\nblockquote p,\n.vtm-quote p,\n.mw-parser-output blockquote p,\n.mw-parser-output .vtm-quote p {\n font-family: var(--vtm-font-typewriter) !important;\n color: #c8c3b8 !important;\n text-align: left !important;\n margin: 0 0 6px 0 !important;\n}\n\nblockquote p:last-child,\n.vtm-quote p:last-child,\n.mw-parser-output blockquote p:last-child,\n.mw-parser-output .vtm-quote p:last-child {\n margin-bottom: 0 !important;\n}\n\nblockquote cite,\nblockquote footer,\nblockquote .quote-source,\n.vtm-quote cite,\n.vtm-quote footer,\n.vtm-quote .quote-source {\n display: block !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 0.85em !important;\n color: var(--vtm-gold) !important;\n margin-top: 8px !important;\n text-align: right !important;\n font-style: normal !important;\n letter-spacing: 1px !important;\n}\n\n/* ==========================================================================\n 12. LOGO VETORIAL SVG COM AURA RUBRA (RENDERIZAÇÃO GARANTIDA)\n ========================================================================== */\n.mw-logo {\n display: inline-flex !important;\n align-items: center !important;\n height: 96px !important;\n min-height: 96px !important;\n min-width: 260px !important;\n max-height: none !important;\n padding: 4px 0 !important;\n text-decoration: none !important;\n border: none !important;\n}\n\n/* Pseudo-elemento no container do logo: garante exibição sempre */\n.mw-logo::before {\n content: \"\" !important;\n display: block !important;\n background-image: url('/images/b/be/Wiki_Logo.svg') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center left !important;\n height: 96px !important;\n width: 270px !important;\n max-height: 96px !important;\n max-width: 320px !important;\n /* Sombra vermelha nos contornos do vetor */\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: filter 0.3s ease, transform 0.2s ease !important;\n}\n\n.mw-logo:hover::before {\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n transform: scale(1.02) !important;\n}\n\n/* Se existir tag img nativa, estiliza da mesma forma ou oculta duplicata */\n.mw-logo-icon {\n display: none !important;\n}\n\n.mw-logo-container,\n.mw-logo-wordmark,\n.mw-logo-tagline {\n display: none !important;\n}\n\n.mw-wiki-logo {\n background-image: url('/images/b/be/Wiki_Logo.svg') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n border: none !important;\n}\n\n/* ==========================================================================\n 13. MENU HAMBÚRGUER (AURA RUBRA & HOVER EFFECT)\n ========================================================================== */\n#vector-main-menu-dropdown,\n.vector-main-menu-dropdown,\n#vector-main-menu-dropdown .vector-dropdown-label,\n.vector-main-menu-dropdown .vector-dropdown-label,\n#vector-main-menu-dropdown-label,\n.vector-header .vector-main-menu-dropdown .cdx-button,\n#vector-main-menu-dropdown .cdx-button,\n.vector-main-menu-dropdown-checkbox + label {\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n#vector-main-menu-dropdown .vector-icon,\n.vector-main-menu-dropdown .vector-icon,\n#vector-main-menu-dropdown .cdx-button__icon,\n.mw-ui-icon-wikimedia-menu,\n#vector-main-menu-dropdown-label .vector-icon,\n#vector-main-menu-dropdown-label::before,\n.vector-main-menu-dropdown-checkbox + label .vector-icon {\n color: #f5f5f5 !important;\n background-color: #f5f5f5 !important;\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) !important;\n}\n\n#vector-main-menu-dropdown:hover .vector-icon,\n.vector-main-menu-dropdown:hover .vector-icon,\n#vector-main-menu-dropdown:hover .cdx-button__icon,\n#vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,\n.vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,\n#vector-main-menu-dropdown:hover .mw-ui-icon-wikimedia-menu,\n#vector-main-menu-dropdown-label:hover .vector-icon,\n.vector-main-menu-dropdown-checkbox + label:hover .vector-icon {\n color: #ffffff !important;\n background-color: #ffffff !important;\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n transform: scale(1.08) !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label,\n.vector-main-menu-dropdown .vector-dropdown-label,\n#vector-main-menu-dropdown-label,\n.vector-main-menu-dropdown-checkbox + label {\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: filter 0.3s ease, transform 0.2s ease !important;\n border-radius: 4px !important;\n cursor: pointer !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label:hover,\n.vector-main-menu-dropdown .vector-dropdown-label:hover,\n#vector-main-menu-dropdown-label:hover,\n.vector-main-menu-dropdown-checkbox + label:hover {\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label:focus,\n#vector-main-menu-dropdown .vector-dropdown-label:active,\n#vector-main-menu-dropdown-checkbox:focus + .vector-dropdown-label,\n#vector-main-menu-dropdown-checkbox:focus + label {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n\n/* ==========================================================================\n 14. TARJA DE CENSURA & SEGREDO DINÂMICO (.vtm-segredo)\n ========================================================================== */\n\n.vtm-segredo {\n transition: all 0.3s ease;\n}\n\n/* --- CENSURADO: tarja preta pura e limpa --- */\n.vtm-segredo.is-redacted {\n background: #0a0a0e !important;\n color: transparent !important;\n user-select: none !important;\n -webkit-user-select: none !important;\n border-radius: 2px !important;\n padding: 1px 6px !important;\n cursor: help !important;\n}\n\n.vtm-segredo.is-redacted * {\n color: transparent !important;\n user-select: none !important;\n -webkit-user-select: none !important;\n}\n\n.vtm-segredo.is-redacted:hover {\n background: #141418 !important;\n}\n\n/* --- REVELADO / DESCLASSIFICADO --- */\n.vtm-segredo.is-revealed {\n background: rgba(45, 12, 18, 0.4) !important;\n color: #f5f0e6 !important;\n font-family: 'Special Elite', 'Courier New', monospace !important;\n border-radius: 3px !important;\n padding: 1px 6px !important;\n user-select: text !important;\n}\n\n.vtm-segredo.is-revealed * {\n color: #f5f0e6 !important;\n}\n\n/* --- FORMATO BLOCO (tipo=bloco) --- */\n.vtm-segredo[data-tipo=\"bloco\"] {\n display: block !important;\n margin: 1.2em 0 !important;\n padding: 16px 20px !important;\n border-radius: 4px !important;\n}\n\n.vtm-segredo[data-tipo=\"bloco\"].is-redacted {\n background: #0a0a0e !important;\n min-height: 60px !important;\n border-left: 4px solid #2a2a30 !important;\n}\n\n.vtm-segredo[data-tipo=\"bloco\"].is-revealed {\n background: linear-gradient(135deg, rgba(22, 16, 20, 0.92) 0%, rgba(12, 10, 14, 0.96) 100%) !important;\n border-left: 4px solid #c5a059 !important;\n}\n/* ==========================================================================\n 15. CONTRASTE & LEGIBILIDADE NOS MODAIS OOUI DO VISUALEDITOR\n ========================================================================== */\n.oo-ui-window-frame,\n.oo-ui-dialog,\n.oo-ui-panelLayout-padded,\n.oo-ui-processDialog-content,\n.ve-ui-mwTransclusionDialog {\n background: #121218 !important;\n background-color: #121218 !important;\n color: #ede9e1 !important;\n border: 1px solid #4a101a !important;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.95) !important;\n}\n\n.oo-ui-window-head,\n.oo-ui-processDialog-title,\n.oo-ui-processDialog-navigation {\n background: #0c0c10 !important;\n border-bottom: 1px solid #3d0a12 !important;\n color: #c5a059 !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n}\n\n.oo-ui-processDialog-title .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n letter-spacing: 0.5px !important;\n}\n\n/* Campos de entrada dentro do modal */\n.oo-ui-textInputWidget .oo-ui-inputWidget-input,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input,\n.ve-ui-mwTransclusionDialog input,\n.ve-ui-mwTransclusionDialog textarea {\n background: #08080c !important;\n background-color: #08080c !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-body) !important;\n font-size: 0.95em !important;\n border: 1px solid #3d0a12 !important;\n border-radius: 4px !important;\n padding: 8px 12px !important;\n box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n}\n\n.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input:focus {\n border-color: #ff2a3f !important;\n box-shadow: 0 0 10px rgba(201, 24, 43, 0.5), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n outline: none !important;\n}\n\n/* Placeholders claros */\n.oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input::placeholder {\n color: #7a766e !important;\n opacity: 1 !important;\n}\n\n/* Rótulos e descrições dos parâmetros */\n.oo-ui-fieldLayout-header .oo-ui-labelElement-label,\n.ve-ui-mwParameterPage-label,\n.ve-ui-mwTemplateTitleInputWidget-label {\n color: #c5a059 !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n}\n\n.oo-ui-fieldLayout-helpText,\n.ve-ui-mwParameterPage-description,\n.oo-ui-fieldLayout-help {\n color: #b0aca4 !important;\n font-size: 0.85em !important;\n line-height: 1.4 !important;\n}\n\n/* Painel lateral de seleção de parâmetros */\n.oo-ui-bookletLayout-outline,\n.oo-ui-outlineSelectWidget,\n.oo-ui-outlineOptionWidget {\n background: #0d0d12 !important;\n color: #ddd9d0 !important;\n border-right: 1px solid #3d0a12 !important;\n}\n\n.oo-ui-outlineOptionWidget-selected {\n background: #3d0a12 !important;\n color: #ffffff !important;\n font-weight: 700 !important;\n}\n\n.oo-ui-outlineOptionWidget-highlighted {\n background: #251016 !important;\n color: #ff2a3f !important;\n}\n\n/* Botão Aplicar Mudanças */\n.oo-ui-processDialog-actions-primary .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n border: 1px solid #ff2a3f !important;\n border-radius: 4px !important;\n}\n\n.oo-ui-processDialog-actions-primary .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n}\n\n/* ==========================================================================\n 16. VISUALEDITOR — VISIBILIDADE TOTAL & EDIÇÃO DE SEGREDO\n ========================================================================== */\n.ve-ui-surface,\n.ve-ce-surface,\n.ve-ce-documentNode,\n.ve-init-mw-desktopArticleTarget-surface {\n background: #101015 !important;\n background-color: #101015 !important;\n color: #ede9e1 !important;\n caret-color: #ff2a3f !important;\n}\n\n.ve-ce-documentNode p,\n.ve-ce-documentNode h1,\n.ve-ce-documentNode h2,\n.ve-ce-documentNode h3,\n.ve-ce-documentNode h4,\n.ve-ce-documentNode li,\n.ve-ce-documentNode td,\n.ve-ce-documentNode div,\n.ve-ce-surface .vtm-section-block {\n opacity: 1 !important;\n visibility: visible !important;\n animation: none !important;\n transform: none !important;\n}\n\n/* Dentro do editor, o Segredo DEVE ser visível para o editor poder ler e modificar */\n.ve-ce-surface .vtm-segredo,\n.ve-ui-surface .vtm-segredo,\n.ve-ce-documentNode .vtm-segredo,\n.ve-ce-leafNode.ve-ce-mwTransclusionInlineNode,\n.ve-ce-leafNode.ve-ce-mwTransclusionBlockNode {\n background: rgba(60, 15, 25, 0.45) !important;\n color: #ffffff !important;\n border: 1px dashed #ff2a3f !important;\n border-radius: 3px !important;\n padding: 2px 6px !important;\n user-select: text !important;\n -webkit-user-select: text !important;\n}\n\n.ve-ce-surface .vtm-segredo .vtm-segredo-conteudo,\n.ve-ui-surface .vtm-segredo .vtm-segredo-conteudo,\n.ve-ce-documentNode .vtm-segredo .vtm-segredo-conteudo {\n opacity: 1 !important;\n visibility: visible !important;\n color: #ffffff !important;\n pointer-events: auto !important;\n}\n\n.ve-ce-surface .vtm-segredo::after,\n.ve-ui-surface .vtm-segredo::after,\n.ve-ce-documentNode .vtm-segredo::after {\n display: none !important;\n}\n\n/* Balão pop-up de predefinição no VisualEditor */\n.ve-ui-contextItemWidget,\n.ve-ui-mwTransclusionContextItem {\n background: #161622 !important;\n border: 1px solid #4a101a !important;\n border-left: 4px solid #8b0000 !important;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.9) !important;\n border-radius: 4px !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n border: 1px solid #ff2a3f !important;\n border-radius: 3px !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-buttonElement-button .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-weight: 800 !important;\n}

MediaWiki:Common.js

2026-09-01T20:55:48Z

Fernando: Remoção da manipulação de DOM de cascata para garantir estabilidade e renderização imediata

/* ==========================================================================\n VAMPIRO: A MÁSCARA — SCRIPTS GLOBAIS, BOTÃO DE CENSURA & SEGREDO DINÂMICO\n ========================================================================== */\n\n(function () {\n 'use strict';\n\n /* ------------------------------------------------------------------\n 1. CENSURA & REVELAÇÃO DINÂMICA (LEITURA)\n ------------------------------------------------------------------ */\n function initVtmSecrets() {\n var els = document.querySelectorAll('[data-vtm-secret=\"true\"]');\n if (!els || !els.length) return;\n var now = new Date();\n\n els.forEach(function (el) {\n var lib = (el.getAttribute('data-liberado') || '').toLowerCase().trim();\n var ds = (el.getAttribute('data-reveal-date') || '').trim();\n var dica = (el.getAttribute('data-dica') || '').trim();\n var revealed = false;\n var tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA]';\n\n if (lib === 'sim' || lib === 'true' || lib === '1') {\n revealed = true;\n } else if (lib === 'nao' || lib === 'false' || lib === '0') {\n tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';\n } else if (ds) {\n var td = null;\n if (ds.indexOf('/') !== -1) {\n var p = ds.split('/');\n if (p.length === 3) td = new Date(p[2], parseInt(p[1], 10) - 1, p[0]);\n } else {\n td = new Date(ds);\n }\n if (td && !isNaN(td.getTime())) {\n if (now >= td) {\n revealed = true;\n } else {\n var f = ('0' + td.getDate()).slice(-2) + '/' + ('0' + (td.getMonth() + 1)).slice(-2) + '/' + td.getFullYear();\n tip = '[INFORMAÇÃO SENSÍVEL - BLOQUEADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ' - ' + f + ']';\n }\n }\n }\n\n if (revealed) {\n el.classList.add('is-revealed');\n el.classList.remove('is-redacted');\n el.title = '[DESCLASSIFICADO PELA CAMARILLA' + (dica ? ' // ' + dica : '') + ']';\n } else {\n el.classList.add('is-redacted');\n el.classList.remove('is-revealed');\n el.title = tip;\n }\n });\n }\n\n /* ------------------------------------------------------------------\n 2. INJEÇÃO DO BOTÃO \"🔒 CENSURAR\" DIRETAMENTE NA BARRA DO VISUALEDITOR\n ------------------------------------------------------------------ */\n function injectVisualEditorButton() {\n var toolbar = document.querySelector('.ve-ui-toolbar-tools, .ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-tools');\n if (!toolbar) return;\n\n if (document.getElementById('vtm-ve-censor-button')) return;\n\n var btnGroup = document.createElement('div');\n btnGroup.id = 'vtm-ve-censor-button';\n btnGroup.className = 'oo-ui-widget oo-ui-widget-enabled oo-ui-toolGroup';\n btnGroup.style.cssText = 'display:inline-flex; align-items:center; margin:0 6px;';\n\n var btn = document.createElement('button');\n btn.type = 'button';\n btn.innerHTML = '🔒 Censurar Trecho';\n btn.title = 'Aplicar tarja de censura {{Segredo}} no texto selecionado';\n btn.style.cssText = 'background:linear-gradient(180deg, #450810 0%, #1a0306 100%); color:#ffffff; border:1px solid #ff2a3f; border-radius:4px; padding:4px 10px; font-family:\"Cinzel\", Georgia, serif; font-size:0.82em; font-weight:700; cursor:pointer; box-shadow:0 0 8px rgba(255,42,63,0.4); display:flex; align-items:center; gap:4px; transition:all 0.2s ease; height:32px; line-height:1; outline:none;';\n\n btn.onmouseover = function () {\n btn.style.background = 'linear-gradient(180deg, #6b0c19 0%, #30050c 100%)';\n btn.style.boxShadow = '0 0 14px rgba(255,42,63,0.85)';\n };\n btn.onmouseout = function () {\n btn.style.background = 'linear-gradient(180deg, #450810 0%, #1a0306 100%)';\n btn.style.boxShadow = '0 0 8px rgba(255,42,63,0.4)';\n };\n\n btn.onclick = function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n try {\n var target = ve.init.target;\n if (target && target.getSurface()) {\n var surfaceModel = target.getSurface().getModel();\n var fragment = surfaceModel.getFragment();\n var selectedText = fragment.getText();\n var contentToCensor = selectedText || 'Texto confidencial a ser censurado';\n\n var transclusionNode = {\n type: 'mwTransclusionInline',\n attributes: {\n mw: {\n parts: [\n {\n template: {\n target: { href: 'Template:Segredo', wt: 'Segredo' },\n params: {\n '1': { wt: contentToCensor },\n 'liberado': { wt: 'nao' }\n }\n }\n }\n ]\n }\n }\n };\n\n fragment.insertContent([transclusionNode, { type: '/mwTransclusionInline' }]);\n return;\n }\n } catch (err) {\n if (window.console) console.warn('[VtM] Fallback de inserção:', err);\n }\n\n var tb = document.getElementById('wpTextbox1');\n if (tb) {\n var s = tb.selectionStart, end = tb.selectionEnd;\n var t = tb.value, sel = t.substring(s, end) || 'Texto confidencial a ser censurado';\n var rep = '{{Segredo|' + sel + '|liberado=nao}}';\n tb.value = t.substring(0, s) + rep + t.substring(end);\n tb.focus();\n tb.setSelectionRange(s + 10, s + 10 + sel.length);\n if (window.$) { $(tb).trigger('input').trigger('change'); }\n }\n };\n\n btnGroup.appendChild(btn);\n\n var insertGroup = toolbar.querySelector('.ve-ui-toolbar-group-insert, .oo-ui-toolGroup:last-child');\n if (insertGroup && insertGroup.parentNode) {\n insertGroup.parentNode.insertBefore(btnGroup, insertGroup.nextSibling);\n } else {\n toolbar.appendChild(btnGroup);\n }\n }\n\n setInterval(injectVisualEditorButton, 300);\n\n /* ------------------------------------------------------------------\n 3. BOTÕES CENSURADO/LIBERADO NO MODAL DO VISUALEDITOR\n ------------------------------------------------------------------ */\n function transformLiberadoInputs() {\n var inputs = document.querySelectorAll(\n '.oo-ui-windowManager input, .oo-ui-windowManager textarea, ' +\n '.oo-ui-fieldLayout input, .oo-ui-fieldLayout textarea'\n );\n inputs.forEach(function (input) {\n var container = input.closest('.oo-ui-fieldLayout') ||\n input.closest('.ve-ui-mwParameterPage') ||\n input.closest('.oo-ui-pageLayout') ||\n input.parentElement;\n if (!container) return;\n var txt = (container.textContent || '').toLowerCase();\n if (txt.indexOf('liberado') === -1) return;\n if (container.querySelector('.vtm-toggle-box')) return;\n\n var box = document.createElement('div');\n box.className = 'vtm-toggle-box';\n box.style.cssText = 'display:flex;gap:12px;margin:10px 0 16px;width:100%;max-width:460px;';\n\n var btnC = mkToggle('CENSURADO');\n var btnL = mkToggle('LIBERADO');\n\n function paint(v) {\n var isLib = (v === 'sim' || v === '1' || v === 'true');\n btnC.style.background = isLib ? '#121218' : 'linear-gradient(180deg,#5c0f18,#2b060a)';\n btnC.style.color = isLib ? '#7a7a88' : '#fff';\n btnC.style.border = isLib ? '1px solid #2d2d38' : '2px solid #ff2a3f';\n btnC.style.boxShadow = isLib ? 'none' : '0 0 12px rgba(255,42,63,.7)';\n btnL.style.background = isLib ? 'linear-gradient(180deg,#1b5e20,#0d3814)' : '#121218';\n btnL.style.color = isLib ? '#fff' : '#7a7a88';\n btnL.style.border = isLib ? '2px solid #4caf50' : '1px solid #2d2d38';\n btnL.style.boxShadow = isLib ? '0 0 12px rgba(76,175,80,.7)' : 'none';\n }\n\n btnC.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'nao'); paint('nao'); };\n btnL.onclick = function (e) { e.preventDefault(); e.stopPropagation(); setVal(input, 'sim'); paint('sim'); };\n input.addEventListener('input', function () { paint((input.value || '').toLowerCase().trim()); });\n paint((input.value || 'nao').toLowerCase().trim());\n\n box.appendChild(btnC);\n box.appendChild(btnL);\n var wrap = input.closest('.oo-ui-textInputWidget') || input.closest('.oo-ui-inputWidget') || input;\n wrap.parentNode.insertBefore(box, wrap);\n wrap.style.display = 'none';\n });\n }\n\n function mkToggle(label) {\n var b = document.createElement('button');\n b.type = 'button';\n b.textContent = (label === 'CENSURADO' ? '\\u2B1B ' : '\\uD83D\\uDD13 ') + label;\n b.style.cssText = 'flex:1;padding:10px 16px;border-radius:4px;font-weight:800;font-size:.9em;cursor:pointer;font-family:\"Cinzel\",Georgia,serif;letter-spacing:1px;transition:all .25s ease;outline:none;';\n return b;\n }\n\n function setVal(input, v) {\n input.value = v;\n input.dispatchEvent(new Event('input', { bubbles: true }));\n input.dispatchEvent(new Event('change', { bubbles: true }));\n if (window.$) { $(input).trigger('input').trigger('change'); }\n }\n\n setInterval(transformLiberadoInputs, 300);\n\n /* ------------------------------------------------------------------\n 4. BARRA DE FERRAMENTAS NO EDITOR DE CÓDIGO-FONTE (#wpTextbox1)\n ------------------------------------------------------------------ */\n function initVtmQuickToolbar() {\n var tb = document.getElementById('wpTextbox1');\n if (!tb || document.getElementById('vtm-editor-quickbar')) return;\n\n var bar = document.createElement('div');\n bar.id = 'vtm-editor-quickbar';\n bar.style.cssText = 'display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;margin:10px 0;background:linear-gradient(90deg,#181014,#0d0d12);border:1px solid #3d0a12;border-left:4px solid #8b0000;border-radius:4px;font-family:\"Cinzel\",Georgia,serif;box-shadow:0 4px 14px rgba(0,0,0,.6);z-index:99;';\n\n var lbl = document.createElement('span');\n lbl.style.cssText = 'color:#c5a059;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:6px;';\n lbl.textContent = '🩸 Ferramentas:';\n bar.appendChild(lbl);\n\n bar.appendChild(mkBtn('\\u2B1B Censurar Trecho', '#240c12', '#ff2a3f', function () {\n wrapSel(tb, '{{Segredo|', '|liberado=nao}}', 'Texto censurado');\n }));\n bar.appendChild(mkBtn('\\uD83D\\uDD13 Inserir Liberado', '#0d2915', '#2e7d32', function () {\n wrapSel(tb, '{{Segredo|', '|liberado=sim}}', 'Texto revelado');\n }));\n bar.appendChild(mkBtn('\\uD83D\\uDCC1 Dossie Bloco', '#181822', '#3d0a12', function () {\n wrapSel(tb, '\\n{{Segredo|tipo=bloco|nivel=CONFIDENCIAL|data=AAAA-MM-DD|dica=Operacao|\\n', '\\n}}\\n', 'Relatorio confidencial...');\n }));\n bar.appendChild(mkBtn('\\uD83D\\uDDD1 Remover Censura', '#1a1a22', '#4a4a58', function () {\n removeSecret(tb);\n }));\n\n tb.parentNode.insertBefore(bar, tb);\n }\n\n function mkBtn(text, bg, border, fn) {\n var b = document.createElement('button');\n b.type = 'button'; b.textContent = text;\n b.style.cssText = 'background:' + bg + ';color:#fff;border:1px solid ' + border + ';border-radius:3px;padding:6px 12px;font-size:.82em;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;';\n b.onmouseover = function () { b.style.opacity = '.85'; };\n b.onmouseout = function () { b.style.opacity = '1'; };\n b.onclick = function (e) { e.preventDefault(); fn(); };\n return b;\n }\n\n function wrapSel(tb, pre, post, ph) {\n var s = tb.selectionStart, e = tb.selectionEnd;\n var t = tb.value, sel = t.substring(s, e) || ph;\n tb.value = t.substring(0, s) + pre + sel + post + t.substring(e);\n tb.focus(); tb.setSelectionRange(s + pre.length, s + pre.length + sel.length);\n if (window.$) { $(tb).trigger('input').trigger('change'); }\n }\n\n function removeSecret(tb) {\n var s = tb.selectionStart, text = tb.value;\n var i = text.lastIndexOf('{{Segredo|', s);\n if (i === -1) { alert('Nenhum {{Segredo|...}} encontrado.\\nPosicione o cursor dentro do trecho.'); return; }\n var depth = 0, j, end = -1;\n for (j = i; j < text.length - 1; j++) {\n if (text[j] === '{' && text[j + 1] === '{') { depth++; j++; }\n else if (text[j] === '}' && text[j + 1] === '}') { depth--; if (depth === 0) { end = j + 2; break; } j++; }\n }\n if (end === -1) { alert('Fechamento }} nao encontrado.'); return; }\n var inner = text.substring(i + '{{Segredo|'.length, end - 2);\n var parts = [], cur = '', d = 0;\n for (j = 0; j < inner.length; j++) {\n if (inner[j] === '{' && j + 1 < inner.length && inner[j + 1] === '{') { d++; cur += '{{'; j++; }\n else if (inner[j] === '}' && j + 1 < inner.length && inner[j + 1] === '}') { d--; cur += '}}'; j++; }\n else if (inner[j] === '|' && d === 0) { parts.push(cur); cur = ''; }\n else { cur += inner[j]; }\n }\n parts.push(cur);\n var content = '';\n for (var k = 0; k < parts.length; k++) {\n if (parts[k].trim().indexOf('=') === -1) { content = parts[k].trim(); break; }\n }\n tb.value = text.substring(0, i) + content + text.substring(end);\n tb.focus(); tb.setSelectionRange(i, i + content.length);\n if (window.$) { $(tb).trigger('input').trigger('change'); }\n }\n\n /* ------------------------------------------------------------------\n INICIALIZAÇÃO\n ------------------------------------------------------------------ */\n function initAll() {\n initVtmSecrets();\n initVtmQuickToolbar();\n injectVisualEditorButton();\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initAll);\n } else {\n initAll();\n }\n\n if (window.mw && window.mw.hook) {\n window.mw.hook('wikipage.content').add(function () {\n initVtmSecrets();\n });\n window.mw.hook('ve.activationComplete').add(injectVisualEditorButton);\n }\n})();\n

MediaWiki:Common.css

2026-09-01T20:55:32Z

Fernando: Correção de visibilidade total imediata e remoção de restrições de overflow (v16)

/* ==========================================================================\n TEMA DARK GÓTICO-PUNK — VAMPIRO: A MÁSCARA (v16 - VISIBILIDADE TOTAL & RESPONSIVO)\n ========================================================================== */\n\n@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Special+Elite&display=swap');\n\n/* ==========================================================================\n 1. SEÇÕES E CONTEÚDO (GARANTIA DE VISIBILIDADE IMEDIATA)\n ========================================================================== */\n#firstHeading,\n.mw-first-heading {\n margin-bottom: 16px !important;\n padding-bottom: 8px !important;\n opacity: 1 !important;\n visibility: visible !important;\n}\n\n.vtm-section-block,\n.mw-parser-output > *,\n.mw-body-content,\n#bodyContent,\n#mw-content-text,\n.mw-parser-output {\n opacity: 1 !important;\n visibility: visible !important;\n}\n\n.vtm-section-block {\n margin-bottom: 24px !important;\n padding: 4px 0 !important;\n}\n\n/* ==========================================================================\n 2. CODEX & VECTOR DESIGN TOKENS (VARIÁVEIS NATIVAS)\n ========================================================================== */\n:root,\nhtml,\nbody,\n.skin-vector-2022,\n.skin-vector,\n.mw-special-Userlogin {\n --background-color-base: #101015 !important;\n --background-color-base--hover: #181822 !important;\n --background-color-base--active: #22222e !important;\n --background-color-interactive-subtle: #16161d !important;\n --background-color-interactive: #1a1a24 !important;\n --background-color-disabled: #121217 !important;\n --background-color-neutral: #101015 !important;\n --background-color-neutral-subtle: #16161d !important;\n --background-color-backdrop: rgba(0, 0, 0, 0.85) !important;\n --background-color-container: #101015 !important;\n --background-color-surface: #16161d !important;\n --background-color-input: #121218 !important;\n --background-color-input--hover: #1a1a24 !important;\n\n --color-base: #ddd9d0 !important;\n --color-base--hover: #ffffff !important;\n --color-base-fixed: #ddd9d0 !important;\n --color-subtle: #9e9a91 !important;\n --color-placeholder: #6e6b65 !important;\n --color-disabled: #55534e !important;\n --color-inverted: #08080b !important;\n --color-progressive: #e55353 !important;\n --color-progressive--hover: #ff2a3f !important;\n --color-destructive: #c9182b !important;\n\n --border-color-base: #252530 !important;\n --border-color-subtle: #1c1c25 !important;\n --border-color-interactive: #3d0a12 !important;\n --border-color-muted: #20202a !important;\n --border-color-progressive: #8b0000 !important;\n\n --vtm-void: #08080b;\n --vtm-abyss: #0c0c10;\n --vtm-obsidian: #101015;\n --vtm-onyx: #16161d;\n --vtm-slate: #1c1c25;\n --vtm-charcoal: #22222d;\n --vtm-text: #ddd9d0;\n --vtm-text-dim: #9e9a91;\n --vtm-text-ghost: #5e5b55;\n --vtm-blood: #8b0000;\n --vtm-blood-vivid: #c9182b;\n --vtm-blood-neon: #ff2a3f;\n --vtm-blood-glow: rgba(201, 24, 43, 0.45);\n --vtm-gold: #c5a059;\n --vtm-gold-bright: #e5be75;\n --vtm-border: #252530;\n --vtm-border-blood: #3d0a12;\n --vtm-font-title: 'Cinzel', 'Playfair Display', Georgia, serif;\n --vtm-font-body: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;\n --vtm-font-mono: 'Consolas', 'Fira Code', 'Courier New', monospace;\n --vtm-font-typewriter: 'Special Elite', 'Courier New', 'American Typewriter', monospace;\n}\n\n/* ==========================================================================\n 3. ESTRUTURA GLOBAL & CONTAINERS\n ========================================================================== */\nhtml,\nhtml body,\nbody.skin-vector-2022,\nbody.skin-vector,\nbody.mediawiki,\n.mw-special-Userlogin {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n color: var(--vtm-text) !important;\n font-family: var(--vtm-font-body) !important;\n}\n\n.mw-page-container,\n.mw-page-container-inner,\n.vector-column-start,\n.vector-column-end,\n.vector-page-toolbar,\n.vector-page-toolbar-container {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n border-color: var(--vtm-border) !important;\n}\n\n.mw-body,\n.vector-body,\n.mw-body-content,\n.mw-content-container,\n#content,\n#bodyContent,\n#mw-content-text,\n.mw-parser-output,\nmain.mw-body,\n.mw-special-Userlogin #content {\n background: var(--vtm-obsidian) !important;\n background-color: var(--vtm-obsidian) !important;\n color: var(--vtm-text) !important;\n border-color: var(--vtm-border) !important;\n}\n\n/* Padding interno */\n.mw-body-content,\n#bodyContent,\n.mw-parser-output {\n padding-left: 20px !important;\n padding-right: 20px !important;\n padding-top: 15px !important;\n padding-bottom: 25px !important;\n box-sizing: border-box !important;\n}\n\n.vector-header,\n.vector-header-container,\n.mw-header,\n#mw-head,\n.vector-sticky-header,\n.vector-sticky-header-container {\n background: var(--vtm-abyss) !important;\n background-color: var(--vtm-abyss) !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n}\n\n.vector-sticky-header {\n background: rgba(8, 8, 11, 0.97) !important;\n}\n\n#footer,\n.mw-footer,\n.vector-footer-container,\nfooter.mw-footer {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n color: var(--vtm-text-ghost) !important;\n border-top: 1px solid var(--vtm-border) !important;\n}\n\n/* ==========================================================================\n 4. TELA DE LOGIN (SPECIAL:USERLOGIN & FORMULÁRIO CODEX)\n ========================================================================== */\n.mw-special-Userlogin .mw-htmlform,\n.mw-special-Userlogin .mw-htmlform-codex,\n#userloginForm form,\n.mw-htmlform.mw-htmlform-codex {\n max-width: 440px !important;\n width: 100% !important;\n box-sizing: border-box !important;\n background: linear-gradient(135deg, rgba(22, 22, 29, 0.96) 0%, rgba(14, 14, 19, 0.98) 100%) !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-left: 4px solid var(--vtm-blood) !important;\n border-radius: 4px !important;\n padding: 24px 28px !important;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85), inset 0 0 20px rgba(0, 0, 0, 0.5) !important;\n margin-top: 20px !important;\n}\n\n.mw-special-Userlogin .cdx-label__label__text,\n.mw-special-Userlogin .cdx-label,\n#userloginForm label {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n letter-spacing: 0.8px !important;\n text-transform: uppercase !important;\n}\n\n.mw-special-Userlogin .cdx-text-input,\n.mw-special-Userlogin .cdx-text-input__input,\n#userloginForm input.loginText,\n#userloginForm input[type=\"text\"],\n#userloginForm input[type=\"password\"] {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #ffffff !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-radius: 4px !important;\n padding: 10px 14px !important;\n font-size: 1em !important;\n box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n transition: all 0.25s ease !important;\n}\n\n.mw-special-Userlogin .cdx-text-input__input:focus,\n#userloginForm input.loginText:focus,\n#userloginForm input[type=\"text\"]:focus,\n#userloginForm input[type=\"password\"]:focus {\n border-color: var(--vtm-blood-neon) !important;\n box-shadow: 0 0 10px rgba(201, 24, 43, 0.6), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n outline: none !important;\n}\n\n.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary,\nbutton#wpLoginAttempt,\n#wpLoginAttempt,\n#userloginForm .cdx-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n background-color: #660e1a !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 1.05em !important;\n font-weight: 800 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n border: 1px solid var(--vtm-blood-neon) !important;\n border-radius: 4px !important;\n padding: 12px 20px !important;\n cursor: pointer !important;\n box-shadow: 0 4px 16px rgba(201, 24, 43, 0.5) !important;\n transition: all 0.25s ease !important;\n margin-top: 18px !important;\n width: 100% !important;\n}\n\n.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary:hover,\nbutton#wpLoginAttempt:hover,\n#wpLoginAttempt:hover {\n background: linear-gradient(180deg, #b31529 0%, #5a0a15 100%) !important;\n box-shadow: 0 0 22px rgba(255, 42, 63, 0.85) !important;\n transform: translateY(-1px) !important;\n}\n\n.mw-special-Userlogin .cdx-checkbox__label,\n#userloginForm .mw-userlogin-rememberme {\n color: var(--vtm-text-dim) !important;\n font-size: 0.95em !important;\n}\n\n.mw-special-Userlogin .cdx-checkbox__input {\n accent-color: var(--vtm-blood) !important;\n}\n\n.mw-special-Userlogin a,\n#userloginForm a {\n color: #e55353 !important;\n text-decoration: none !important;\n transition: all 0.2s ease !important;\n}\n\n.mw-special-Userlogin a:hover,\n#userloginForm a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n}\n\n/* ==========================================================================\n 5. VISUALEDITOR & OOUI TOOLBAR\n ========================================================================== */\n.ve-ui-toolbar,\n.oo-ui-toolbar,\n.oo-ui-toolbar-bar,\n.ve-init-mw-desktopArticleTarget-toolbar,\n.ve-ui-toolbar-floating {\n background: #14141c !important;\n background-color: #14141c !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n}\n\n.oo-ui-iconElement-icon,\n.oo-ui-toolbar .oo-ui-iconElement-icon,\n.ve-ui-toolbar .oo-ui-iconElement-icon,\n.oo-ui-indicatorElement-indicator {\n filter: brightness(0) invert(1) !important;\n opacity: 0.95 !important;\n}\n\n.oo-ui-widget-disabled .oo-ui-iconElement-icon,\n.oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon {\n filter: brightness(0) invert(1) !important;\n opacity: 0.28 !important;\n}\n\n.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {\n background: #251218 !important;\n background-color: #251218 !important;\n border-radius: 3px !important;\n}\n\n.oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {\n filter: brightness(0) invert(1) drop-shadow(0 0 6px rgba(255, 42, 63, 0.8)) !important;\n opacity: 1 !important;\n}\n\n.oo-ui-labelElement-label,\n.oo-ui-tool-title,\n.oo-ui-toolGroup-tools .oo-ui-tool-title,\n.oo-ui-popupToolGroup-title,\n.ve-ui-toolbar .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n}\n\n.oo-ui-widget-disabled .oo-ui-labelElement-label {\n color: #66635c !important;\n}\n\n.oo-ui-tool.oo-ui-tool-active > .oo-ui-tool-link,\n.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {\n background: #3d0a12 !important;\n background-color: #3d0a12 !important;\n border-radius: 3px !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n background-color: #660e1a !important;\n border: 1px solid var(--vtm-blood-neon) !important;\n border-radius: 4px !important;\n box-shadow: 0 0 12px rgba(201, 24, 43, 0.6) !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-disabled .oo-ui-buttonElement-button {\n background: #181822 !important;\n border: 1px solid #282836 !important;\n opacity: 0.55 !important;\n}\n\n.oo-ui-popupWidget-popup,\n.oo-ui-menuSelectWidget,\n.oo-ui-menuOptionWidget,\n.oo-ui-window-frame,\n.oo-ui-dialog,\n.oo-ui-panelLayout-padded {\n background: #161620 !important;\n background-color: #161620 !important;\n color: #f0ece3 !important;\n border: 1px solid var(--vtm-border-blood) !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.9) !important;\n}\n\n.oo-ui-optionWidget-highlighted {\n background: #2b0e15 !important;\n color: #ff3b3b !important;\n}\n\n.oo-ui-optionWidget-selected {\n background: #420b14 !important;\n color: #ffffff !important;\n font-weight: 700 !important;\n}\n\n.ve-ui-surface,\n.ve-ce-surface,\n.ve-ce-documentNode,\n.ve-ui-surface-paste {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #f0ece3 !important;\n caret-color: var(--vtm-blood-neon) !important;\n}\n\n/* ==========================================================================\n 6. PAINEIS FIXOS & DROPDOWNS\n ========================================================================== */\n.vector-pinnable-element,\n.vector-pinned-container,\n.vector-dropdown-content,\n.vector-dropdown .vector-dropdown-content,\n.vector-menu-content,\n.vector-page-tools,\n.vector-page-tools-pinned-container,\n.vector-main-menu,\n.vector-main-menu-pinned-container,\n.vector-appearance,\n.vector-appearance-pinned-container,\n.vector-toc,\n.vector-toc-pinned-container,\n#vector-main-menu-pinned-container,\n#vector-page-tools-pinned-container,\n#vector-appearance-pinned-container,\n#vector-toc-pinned-container,\naside.vector-pinnable-element,\nnav.vector-pinnable-element,\ndiv.vector-pinnable-element,\n.vector-settings {\n background: var(--vtm-obsidian) !important;\n background-color: var(--vtm-obsidian) !important;\n color: var(--vtm-text) !important;\n border-color: var(--vtm-border) !important;\n}\n\n.vector-pinnable-header {\n background: var(--vtm-abyss) !important;\n background-color: var(--vtm-abyss) !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n padding: 8px 12px !important;\n}\n\n.vector-pinnable-header-label {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-size: 0.9em !important;\n}\n\n.vector-pinnable-header-toggle-button,\n.cdx-button--weight-quiet {\n background: var(--vtm-slate) !important;\n background-color: var(--vtm-slate) !important;\n color: var(--vtm-gold) !important;\n border: 1px solid var(--vtm-border) !important;\n border-radius: 3px !important;\n padding: 2px 8px !important;\n font-size: 0.8em !important;\n}\n\n.vector-pinnable-header-toggle-button:hover,\n.cdx-button--weight-quiet:hover {\n background: #2a0e14 !important;\n background-color: #2a0e14 !important;\n color: var(--vtm-blood-neon) !important;\n border-color: var(--vtm-blood) !important;\n}\n\n.vector-menu-heading,\n.vector-menu-heading-label,\n.sidebar-heading,\n.vector-page-tools .vector-menu-heading,\n.vector-main-menu .vector-menu-heading,\n#mw-panel .portal h3 {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.82em !important;\n text-transform: uppercase !important;\n letter-spacing: 1.2px !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n margin-top: 14px !important;\n padding-bottom: 4px !important;\n}\n\n.vector-pinnable-element a,\n.vector-pinnable-element li a,\n.vector-page-tools a,\n.vector-main-menu a,\n.vector-dropdown-content a,\n.vector-menu-content a,\n#mw-panel .portal .body li a {\n color: var(--vtm-text-dim) !important;\n transition: all 0.15s ease !important;\n}\n\n.vector-pinnable-element a:hover,\n.vector-page-tools a:hover,\n.vector-main-menu a:hover,\n.vector-dropdown-content a:hover,\n#mw-panel .portal .body li a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n padding-left: 4px !important;\n}\n\n/* ==========================================================================\n 7. ABAS DE NAVEGAÇÃO & AÇÃO\n ========================================================================== */\n.vector-menu-tabs,\n.vector-menu-tabs-legacy,\n.mw-portlet-views,\n.mw-portlet-namespaces {\n background: transparent !important;\n}\n\n.vector-menu-tabs li,\n.vector-menu-tabs-legacy li,\n.vector-tab-noicon,\n.mw-portlet-views li,\n.mw-portlet-namespaces li {\n background: var(--vtm-onyx) !important;\n background-color: var(--vtm-onyx) !important;\n border: 1px solid var(--vtm-border) !important;\n border-bottom: none !important;\n border-radius: 4px 4px 0 0 !important;\n margin-right: 3px !important;\n}\n\n.vector-menu-tabs li a,\n.vector-menu-tabs-legacy li a,\n.vector-tab-noicon a,\n.mw-portlet-views li a,\n.mw-portlet-namespaces li a {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 0.85em !important;\n font-weight: 600 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.5px !important;\n padding: 8px 14px !important;\n}\n\n.vector-menu-tabs li a:hover,\n.vector-menu-tabs-legacy li a:hover,\n.mw-portlet-views li a:hover,\n.mw-portlet-namespaces li a:hover {\n color: #ffffff !important;\n background: #22141a !important;\n}\n\n.vector-menu-tabs li.selected,\n.vector-menu-tabs-legacy li.selected,\n.mw-portlet-views li.selected,\n.mw-portlet-namespaces li.selected,\n.vector-tab-noicon.selected {\n background: linear-gradient(180deg, #420b14 0%, #1e0508 100%) !important;\n background-color: #2b080d !important;\n border: 1px solid #8b0000 !important;\n border-top: 3px solid #ff2a3f !important;\n border-bottom: none !important;\n box-shadow: 0 -2px 10px rgba(201, 24, 43, 0.4) !important;\n}\n\n.vector-menu-tabs li.selected a,\n.vector-menu-tabs-legacy li.selected a,\n.mw-portlet-views li.selected a,\n.mw-portlet-namespaces li.selected a,\n.vector-tab-noicon.selected a,\n.vector-menu-tabs li.selected span,\n.mw-portlet-views li.selected span {\n color: #ffffff !important;\n font-weight: 800 !important;\n text-shadow: 0 0 8px rgba(255, 42, 63, 0.6) !important;\n}\n\n/* ==========================================================================\n 8. CAIXAS DE AVISO & FORMULÁRIOS WIKITEXT\n ========================================================================== */\n.warningbox,\n.mw-warning-with-logexcerpt,\n.mw-anon-edit-warning,\n.anon-edit-warning,\n.cdx-message--warning,\n.cdx-message,\n.mw-message-box {\n background: linear-gradient(90deg, rgba(77, 16, 24, 0.5) 0%, rgba(22, 14, 18, 0.9) 100%) !important;\n background-color: #1f0d12 !important;\n border: 1px solid #5a1420 !important;\n border-left: 5px solid var(--vtm-blood-vivid) !important;\n border-radius: 4px !important;\n color: #ede9e1 !important;\n padding: 12px 18px !important;\n margin: 1.2em 0 !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.7) !important;\n}\n\n.cdx-message__content,\n.mw-message-box p,\n.mw-anon-edit-warning p {\n color: #ede9e1 !important;\n}\n\ntextarea#wpTextbox1,\n#wpTextbox1,\n.mw-editform textarea {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #f0ece3 !important;\n font-family: var(--vtm-font-mono) !important;\n border: 1px solid #3d0a12 !important;\n border-radius: 4px !important;\n padding: 14px 16px !important;\n box-shadow: inset 0 2px 12px rgba(0, 0, 0, 0.95) !important;\n}\n\n/* ==========================================================================\n 9. BUSCA & BOTÃO \"INVESTIGAR\"\n ========================================================================== */\n#simpleSearch,\n.cdx-text-input__input,\n.vector-search-box-input,\n.cdx-search-input .cdx-text-input__input,\ninput[type=\"search\"] {\n background: var(--vtm-onyx) !important;\n background-color: var(--vtm-onyx) !important;\n color: #ffffff !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-radius: 4px 0 0 4px !important;\n}\n\nbutton.cdx-search-input__end-button,\n.cdx-search-input__end-button,\n.vector-search-box .cdx-button,\n.vector-search-box-vue .cdx-button,\n.vector-search-box-vue button,\n#searchButton,\n#mw-searchButton {\n background: #000000 !important;\n background-color: #000000 !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-left: none !important;\n border-radius: 0 4px 4px 0 !important;\n}\n\nbutton.cdx-search-input__end-button *,\n.cdx-search-input__end-button span,\n.cdx-search-input__end-button .cdx-button__label,\n.vector-search-box .cdx-button__label {\n color: #ffffff !important;\n font-weight: 800 !important;\n}\n\nbutton.cdx-search-input__end-button:hover,\n.cdx-search-input__end-button:hover {\n background: #15151e !important;\n color: var(--vtm-blood-neon) !important;\n border-color: var(--vtm-blood-vivid) !important;\n}\n\n/* ==========================================================================\n 10. TIPOGRAFIA & CABEÇALHOS GÓTICOS\n ========================================================================== */\nh1, h2, h3, h4, h5, h6,\n.mw-heading h1, .mw-heading h2, .mw-heading h3 {\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n letter-spacing: 0.5px !important;\n color: var(--vtm-text) !important;\n}\n\nh1.firstHeading,\n.mw-first-heading,\n#firstHeading,\n.mw-body h1 {\n font-family: var(--vtm-font-title) !important;\n font-size: clamp(1.6em, 3.5vw + 0.5em, 2.3em) !important;\n color: var(--vtm-blood-vivid) !important;\n text-shadow: 0 0 14px var(--vtm-blood-glow) !important;\n border-bottom: 2px solid var(--vtm-blood) !important;\n padding-bottom: 8px !important;\n word-break: break-word !important;\n}\n\nh2, .mw-heading2 h2 {\n font-size: clamp(1.25em, 2.5vw + 0.4em, 1.55em) !important;\n color: #f0ece5 !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n padding-bottom: 6px !important;\n margin-top: 20px !important;\n word-break: break-word !important;\n}\n\nh3, .mw-heading3 h3 {\n font-size: clamp(1.05em, 2vw + 0.3em, 1.25em) !important;\n color: var(--vtm-gold) !important;\n margin-top: 14px !important;\n}\n\nh4, .mw-heading4 h4 {\n font-size: 1.05em !important;\n color: #c9182b !important;\n}\n\na, a:visited,\n.mw-body a, .mw-body a:visited,\n.mw-parser-output a {\n color: #e55353 !important;\n text-decoration: none !important;\n}\n\na:hover, a:focus,\n.mw-body a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n}\n\n/* ==========================================================================\n 11. CITAÇÕES / BLOCKQUOTES (.vtm-quote)\n ========================================================================== */\nblockquote,\n.vtm-quote,\n.mw-parser-output blockquote,\n.mw-parser-output .vtm-quote,\n.mw-body blockquote,\n.mw-body .vtm-quote {\n font-family: var(--vtm-font-typewriter) !important;\n font-size: 1.05em !important;\n line-height: 1.6 !important;\n color: #c8c3b8 !important;\n text-align: left !important;\n background: linear-gradient(135deg, rgba(22, 22, 29, 0.95) 0%, rgba(12, 12, 16, 0.98) 100%) !important;\n border: none !important;\n border-left: 3px solid var(--vtm-blood) !important;\n border-radius: 0 4px 4px 0 !important;\n padding: 22px 18px 16px 18px !important;\n margin: 1.2em 0.8em !important;\n position: relative !important;\n box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4), 0 4px 20px rgba(0, 0, 0, 0.5) !important;\n letter-spacing: 0.3px !important;\n box-sizing: border-box !important;\n}\n\nblockquote p,\n.vtm-quote p,\n.mw-parser-output blockquote p,\n.mw-parser-output .vtm-quote p {\n font-family: var(--vtm-font-typewriter) !important;\n color: #c8c3b8 !important;\n text-align: left !important;\n margin: 0 0 6px 0 !important;\n}\n\nblockquote p:last-child,\n.vtm-quote p:last-child,\n.mw-parser-output blockquote p:last-child,\n.mw-parser-output .vtm-quote p:last-child {\n margin-bottom: 0 !important;\n}\n\nblockquote cite,\nblockquote footer,\nblockquote .quote-source,\n.vtm-quote cite,\n.vtm-quote footer,\n.vtm-quote .quote-source {\n display: block !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 0.85em !important;\n color: var(--vtm-gold) !important;\n margin-top: 8px !important;\n text-align: right !important;\n font-style: normal !important;\n letter-spacing: 1px !important;\n}\n\n/* ==========================================================================\n 12. LOGO VETORIAL SVG COM AURA RUBRA (ADAPTÁVEL)\n ========================================================================== */\n.mw-logo {\n display: inline-flex !important;\n align-items: center !important;\n height: 96px !important;\n min-height: 96px !important;\n min-width: 260px !important;\n max-height: none !important;\n padding: 4px 0 !important;\n text-decoration: none !important;\n border: none !important;\n}\n\n.mw-logo::before {\n content: \"\" !important;\n display: block !important;\n background-image: url('/images/b/be/Wiki_Logo.svg') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center left !important;\n height: 96px !important;\n width: 270px !important;\n max-height: 96px !important;\n max-width: 320px !important;\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: filter 0.3s ease, transform 0.2s ease !important;\n}\n\n.mw-logo:hover::before {\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n transform: scale(1.02) !important;\n}\n\n.mw-logo-icon {\n display: none !important;\n}\n\n.mw-logo-container,\n.mw-logo-wordmark,\n.mw-logo-tagline {\n display: none !important;\n}\n\n.mw-wiki-logo {\n background-image: url('/images/b/be/Wiki_Logo.svg') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n border: none !important;\n}\n\n/* ==========================================================================\n 13. MENU HAMBÚRGUER (AURA RUBRA & HOVER EFFECT)\n ========================================================================== */\n#vector-main-menu-dropdown,\n.vector-main-menu-dropdown,\n#vector-main-menu-dropdown .vector-dropdown-label,\n.vector-main-menu-dropdown .vector-dropdown-label,\n#vector-main-menu-dropdown-label,\n.vector-header .vector-main-menu-dropdown .cdx-button,\n#vector-main-menu-dropdown .cdx-button,\n.vector-main-menu-dropdown-checkbox + label {\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n#vector-main-menu-dropdown .vector-icon,\n.vector-main-menu-dropdown .vector-icon,\n#vector-main-menu-dropdown .cdx-button__icon,\n.mw-ui-icon-wikimedia-menu,\n#vector-main-menu-dropdown-label .vector-icon,\n#vector-main-menu-dropdown-label::before,\n.vector-main-menu-dropdown-checkbox + label .vector-icon {\n color: #f5f5f5 !important;\n background-color: #f5f5f5 !important;\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) !important;\n}\n\n#vector-main-menu-dropdown:hover .vector-icon,\n.vector-main-menu-dropdown:hover .vector-icon,\n#vector-main-menu-dropdown:hover .cdx-button__icon,\n#vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,\n.vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,\n#vector-main-menu-dropdown:hover .mw-ui-icon-wikimedia-menu,\n#vector-main-menu-dropdown-label:hover .vector-icon,\n.vector-main-menu-dropdown-checkbox + label:hover .vector-icon {\n color: #ffffff !important;\n background-color: #ffffff !important;\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n transform: scale(1.08) !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label,\n.vector-main-menu-dropdown .vector-dropdown-label,\n#vector-main-menu-dropdown-label,\n.vector-main-menu-dropdown-checkbox + label {\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: filter 0.3s ease, transform 0.2s ease !important;\n border-radius: 4px !important;\n cursor: pointer !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label:hover,\n.vector-main-menu-dropdown .vector-dropdown-label:hover,\n#vector-main-menu-dropdown-label:hover,\n.vector-main-menu-dropdown-checkbox + label:hover {\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label:focus,\n#vector-main-menu-dropdown .vector-dropdown-label:active,\n#vector-main-menu-dropdown-checkbox:focus + .vector-dropdown-label,\n#vector-main-menu-dropdown-checkbox:focus + label {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n\n/* ==========================================================================\n 14. TARJA DE CENSURA & SEGREDO DINÂMICO (.vtm-segredo)\n ========================================================================== */\n.vtm-segredo {\n transition: all 0.3s ease;\n}\n\n/* --- CENSURADO: tarja preta pura e limpa --- */\n.vtm-segredo.is-redacted {\n background: #0a0a0e !important;\n color: transparent !important;\n user-select: none !important;\n -webkit-user-select: none !important;\n border-radius: 2px !important;\n padding: 1px 6px !important;\n cursor: help !important;\n}\n\n.vtm-segredo.is-redacted * {\n color: transparent !important;\n user-select: none !important;\n -webkit-user-select: none !important;\n}\n\n.vtm-segredo.is-redacted:hover {\n background: #141418 !important;\n}\n\n/* --- REVELADO / DESCLASSIFICADO --- */\n.vtm-segredo.is-revealed {\n background: rgba(45, 12, 18, 0.4) !important;\n color: #f5f0e6 !important;\n font-family: 'Special Elite', 'Courier New', monospace !important;\n border-radius: 3px !important;\n padding: 1px 6px !important;\n user-select: text !important;\n}\n\n.vtm-segredo.is-revealed * {\n color: #f5f0e6 !important;\n}\n\n/* --- FORMATO BLOCO (tipo=bloco) --- */\n.vtm-segredo[data-tipo=\"bloco\"] {\n display: block !important;\n margin: 1.2em 0 !important;\n padding: 16px 20px !important;\n border-radius: 4px !important;\n}\n\n.vtm-segredo[data-tipo=\"bloco\"].is-redacted {\n background: #0a0a0e !important;\n min-height: 60px !important;\n border-left: 4px solid #2a2a30 !important;\n}\n\n.vtm-segredo[data-tipo=\"bloco\"].is-revealed {\n background: linear-gradient(135deg, rgba(22, 16, 20, 0.92) 0%, rgba(12, 10, 14, 0.96) 100%) !important;\n border-left: 4px solid #c5a059 !important;\n}\n\n/* ==========================================================================\n 15. CONTRASTE & LEGIBILIDADE NOS MODAIS OOUI DO VISUALEDITOR\n ========================================================================== */\n.oo-ui-window-frame,\n.oo-ui-dialog,\n.oo-ui-panelLayout-padded,\n.oo-ui-processDialog-content,\n.ve-ui-mwTransclusionDialog {\n background: #121218 !important;\n background-color: #121218 !important;\n color: #ede9e1 !important;\n border: 1px solid #4a101a !important;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.95) !important;\n}\n\n.oo-ui-window-head,\n.oo-ui-processDialog-title,\n.oo-ui-processDialog-navigation {\n background: #0c0c10 !important;\n border-bottom: 1px solid #3d0a12 !important;\n color: #c5a059 !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n}\n\n.oo-ui-processDialog-title .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n letter-spacing: 0.5px !important;\n}\n\n/* Campos de entrada dentro do modal */\n.oo-ui-textInputWidget .oo-ui-inputWidget-input,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input,\n.ve-ui-mwTransclusionDialog input,\n.ve-ui-mwTransclusionDialog textarea {\n background: #08080c !important;\n background-color: #08080c !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-body) !important;\n font-size: 0.95em !important;\n border: 1px solid #3d0a12 !important;\n border-radius: 4px !important;\n padding: 8px 12px !important;\n box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n}\n\n.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input:focus {\n border-color: #ff2a3f !important;\n box-shadow: 0 0 10px rgba(201, 24, 43, 0.5), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n outline: none !important;\n}\n\n.oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input::placeholder {\n color: #7a766e !important;\n opacity: 1 !important;\n}\n\n.oo-ui-fieldLayout-header .oo-ui-labelElement-label,\n.ve-ui-mwParameterPage-label,\n.ve-ui-mwTemplateTitleInputWidget-label {\n color: #c5a059 !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n}\n\n.oo-ui-fieldLayout-helpText,\n.ve-ui-mwParameterPage-description,\n.oo-ui-fieldLayout-help {\n color: #b0aca4 !important;\n font-size: 0.85em !important;\n line-height: 1.4 !important;\n}\n\n.oo-ui-bookletLayout-outline,\n.oo-ui-outlineSelectWidget,\n.oo-ui-outlineOptionWidget {\n background: #0d0d12 !important;\n color: #ddd9d0 !important;\n border-right: 1px solid #3d0a12 !important;\n}\n\n.oo-ui-outlineOptionWidget-selected {\n background: #3d0a12 !important;\n color: #ffffff !important;\n font-weight: 700 !important;\n}\n\n.oo-ui-outlineOptionWidget-highlighted {\n background: #251016 !important;\n color: #ff2a3f !important;\n}\n\n.oo-ui-processDialog-actions-primary .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n border: 1px solid #ff2a3f !important;\n border-radius: 4px !important;\n}\n\n.oo-ui-processDialog-actions-primary .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n}\n\n/* ==========================================================================\n 16. VISUALEDITOR — VISIBILIDADE TOTAL & EDIÇÃO DE SEGREDO\n ========================================================================== */\n.ve-ui-surface,\n.ve-ce-surface,\n.ve-ce-documentNode,\n.ve-init-mw-desktopArticleTarget-surface {\n background: #101015 !important;\n background-color: #101015 !important;\n color: #ede9e1 !important;\n caret-color: #ff2a3f !important;\n}\n\n.ve-ce-documentNode p,\n.ve-ce-documentNode h1,\n.ve-ce-documentNode h2,\n.ve-ce-documentNode h3,\n.ve-ce-documentNode h4,\n.ve-ce-documentNode li,\n.ve-ce-documentNode td,\n.ve-ce-documentNode div,\n.ve-ce-surface .vtm-section-block {\n opacity: 1 !important;\n visibility: visible !important;\n animation: none !important;\n transform: none !important;\n}\n\n.ve-ce-surface .vtm-segredo,\n.ve-ui-surface .vtm-segredo,\n.ve-ce-documentNode .vtm-segredo,\n.ve-ce-leafNode.ve-ce-mwTransclusionInlineNode,\n.ve-ce-leafNode.ve-ce-mwTransclusionBlockNode {\n background: rgba(60, 15, 25, 0.45) !important;\n color: #ffffff !important;\n border: 1px dashed #ff2a3f !important;\n border-radius: 3px !important;\n padding: 2px 6px !important;\n user-select: text !important;\n -webkit-user-select: text !important;\n}\n\n.ve-ce-surface .vtm-segredo .vtm-segredo-conteudo,\n.ve-ui-surface .vtm-segredo .vtm-segredo-conteudo,\n.ve-ce-documentNode .vtm-segredo .vtm-segredo-conteudo {\n opacity: 1 !important;\n visibility: visible !important;\n color: #ffffff !important;\n pointer-events: auto !important;\n}\n\n.ve-ce-surface .vtm-segredo::after,\n.ve-ui-surface .vtm-segredo::after,\n.ve-ce-documentNode .vtm-segredo::after {\n display: none !important;\n}\n\n.ve-ui-contextItemWidget,\n.ve-ui-mwTransclusionContextItem {\n background: #161622 !important;\n border: 1px solid #4a101a !important;\n border-left: 4px solid #8b0000 !important;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.9) !important;\n border-radius: 4px !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n border: 1px solid #ff2a3f !important;\n border-radius: 3px !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-buttonElement-button .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-weight: 800 !important;\n}\n\n/* ==========================================================================\n 17. INFOBOXES DE PERSONAGEM & CARDS (.vtm-infobox)\n ========================================================================== */\n.vtm-infobox {\n float: right;\n clear: right;\n width: 320px;\n margin: 0 0 1.4em 1.5em;\n background: linear-gradient(135deg, rgba(22, 22, 30, 0.98) 0%, rgba(12, 12, 17, 0.99) 100%) !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-top: 3px solid var(--vtm-blood-vivid) !important;\n border-radius: 4px !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.85), inset 0 0 15px rgba(0, 0, 0, 0.5) !important;\n padding: 0 !important;\n overflow: hidden !important;\n font-size: 0.92em !important;\n color: var(--vtm-text) !important;\n box-sizing: border-box !important;\n}\n\n.vtm-infobox-header {\n background: linear-gradient(180deg, #5a0a14 0%, #200408 100%) !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n font-size: 1.25em !important;\n text-align: center !important;\n padding: 10px 14px !important;\n border-bottom: 1px solid var(--vtm-blood) !important;\n letter-spacing: 1px !important;\n text-shadow: 0 0 10px rgba(255, 42, 63, 0.6) !important;\n}\n\n.vtm-infobox-subheader {\n background: #0d0d12 !important;\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 0.82em !important;\n text-align: center !important;\n padding: 4px 10px !important;\n text-transform: uppercase !important;\n letter-spacing: 0.8px !important;\n border-bottom: 1px solid var(--vtm-border) !important;\n}\n\n.vtm-infobox-section {\n background: #14141c !important;\n color: var(--vtm-gold-bright) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.85em !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n padding: 6px 12px !important;\n border-top: 1px solid var(--vtm-border-blood) !important;\n border-bottom: 1px solid var(--vtm-border) !important;\n}\n\n.vtm-infobox-row {\n display: flex !important;\n justify-content: space-between !important;\n align-items: baseline !important;\n padding: 6px 12px !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;\n gap: 10px !important;\n}\n\n.vtm-infobox-label {\n font-weight: 600 !important;\n color: var(--vtm-text-dim) !important;\n flex-shrink: 0 !important;\n min-width: 80px !important;\n}\n\n.vtm-infobox-data {\n color: #ede9e1 !important;\n text-align: right !important;\n word-break: break-word !important;\n}\n\n/* ==========================================================================\n 18. TABELAS RESPONSIVAS (.wikitable & .vtm-table)\n ========================================================================== */\ntable.wikitable,\n.vtm-table,\n.mw-parser-output table.wikitable {\n background: #0f0f15 !important;\n color: var(--vtm-text) !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-collapse: collapse !important;\n margin: 1.2em 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n display: block !important;\n overflow-x: auto !important;\n -webkit-overflow-scrolling: touch !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;\n border-radius: 4px !important;\n}\n\ntable.wikitable th,\n.vtm-table th,\n.mw-parser-output table.wikitable th {\n background: linear-gradient(180deg, #38080f 0%, #1a0407 100%) !important;\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n letter-spacing: 0.6px !important;\n border: 1px solid var(--vtm-border-blood) !important;\n padding: 8px 12px !important;\n text-align: left !important;\n}\n\ntable.wikitable td,\n.vtm-table td,\n.mw-parser-output table.wikitable td {\n border: 1px solid var(--vtm-border) !important;\n padding: 8px 12px !important;\n background: #111118 !important;\n}\n\ntable.wikitable tr:nth-child(even) td,\n.vtm-table tr:nth-child(even) td {\n background: #15151e !important;\n}\n\n/* ==========================================================================\n 19. MÍDIAS, IMAGENS & MINIATURAS RESPONSIVAS\n ========================================================================== */\n.mw-parser-output img,\n.mw-parser-output .thumb,\n.mw-parser-output .thumbinner,\n.mw-parser-output figure,\n.mw-parser-output .mw-default-size {\n max-width: 100% !important;\n height: auto !important;\n box-sizing: border-box !important;\n}\n\n.thumbinner {\n background: #14141c !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-radius: 4px !important;\n padding: 6px !important;\n}\n\n.thumbimage {\n border: 1px solid #20202c !important;\n}\n\n.thumbcaption {\n color: var(--vtm-text-dim) !important;\n font-size: 0.85em !important;\n padding: 4px 2px !important;\n}\n\n/* ==========================================================================\n 20. MEDIA QUERIES RESPONSIVAS — MOBILE & TABLET OPTIMIZATIONS\n ========================================================================== */\n\n/* --- TABLET & SMARTPHONE (< 900px) --- */\n@media (max-width: 900px) {\n .mw-body-content,\n #bodyContent,\n .mw-parser-output {\n padding-left: 14px !important;\n padding-right: 14px !important;\n }\n}\n\n/* --- SMARTPHONE (< 768px) --- */\n@media (max-width: 768px) {\n .mw-logo {\n height: 56px !important;\n min-height: 56px !important;\n min-width: 180px !important;\n width: 180px !important;\n }\n\n .mw-logo::before {\n height: 56px !important;\n width: 180px !important;\n max-height: 56px !important;\n max-width: 180px !important;\n }\n\n .vtm-infobox {\n float: none !important;\n width: 100% !important;\n margin: 1.2em 0 !important;\n clear: both !important;\n }\n\n .tright,\n .tleft,\n .floatright,\n .floatleft,\n .mw-halign-right,\n .mw-halign-left {\n float: none !important;\n margin: 1.2em auto !important;\n text-align: center !important;\n display: block !important;\n }\n\n .thumbinner {\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 auto !important;\n }\n\n blockquote,\n .vtm-quote,\n .mw-parser-output blockquote,\n .mw-parser-output .vtm-quote {\n margin: 1em 0 !important;\n padding: 16px 12px 12px 12px !important;\n font-size: 0.95em !important;\n }\n\n .vtm-segredo[data-tipo=\"bloco\"] {\n padding: 12px 14px !important;\n margin: 1em 0 !important;\n }\n\n .vector-menu-tabs li a,\n .vector-menu-tabs-legacy li a,\n .vector-tab-noicon a,\n .mw-portlet-views li a,\n .mw-portlet-namespaces li a {\n padding: 6px 9px !important;\n font-size: 0.76em !important;\n letter-spacing: 0.2px !important;\n }\n\n .mw-special-Userlogin .mw-htmlform,\n .mw-special-Userlogin .mw-htmlform-codex,\n #userloginForm form,\n .mw-htmlform.mw-htmlform-codex {\n padding: 18px 16px !important;\n margin: 10px auto !important;\n }\n}\n\n/* --- SMARTPHONE PEQUENO (< 480px) --- */\n@media (max-width: 480px) {\n .mw-logo {\n height: 44px !important;\n min-height: 44px !important;\n min-width: 140px !important;\n width: 140px !important;\n }\n\n .mw-logo::before {\n height: 44px !important;\n width: 140px !important;\n max-height: 44px !important;\n max-width: 140px !important;\n }\n\n .mw-body-content,\n #bodyContent,\n .mw-parser-output {\n padding-left: 8px !important;\n padding-right: 8px !important;\n padding-top: 8px !important;\n }\n\n .vtm-infobox-header {\n font-size: 1.1em !important;\n padding: 8px 10px !important;\n }\n\n .vtm-infobox-row {\n padding: 5px 8px !important;\n font-size: 0.9em !important;\n }\n\n .vector-menu-tabs li a,\n .vector-menu-tabs-legacy li a,\n .mw-portlet-views li a,\n .mw-portlet-namespaces li a {\n padding: 5px 6px !important;\n font-size: 0.7em !important;\n }\n}\n

MediaWiki:Common.css

2026-09-01T20:52:27Z

Fernando: Implementação de arquitetura CSS 100% responsiva para Mobile e Tablet (v15)

/* ==========================================================================\n TEMA DARK GÓTICO-PUNK — VAMPIRO: A MÁSCARA (v15 - RESPONSIVE & MOBILE-READY)\n ========================================================================== */\n\n@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Special+Elite&display=swap');\n\n/* ==========================================================================\n 1. CASCATA PROGRESSIVA SINCRONIZADA (.vtm-section-block)\n ========================================================================== */\n@keyframes vtm-section-slide {\n 0% {\n opacity: 0;\n transform: translateX(-30px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n#firstHeading,\n.mw-first-heading {\n animation: vtm-section-slide 0.55s cubic-bezier(0.2, 1, 0.3, 1) both !important;\n animation-delay: 0.04s !important;\n margin-bottom: 16px !important;\n padding-bottom: 8px !important;\n will-change: transform, opacity;\n}\n\n.vtm-section-block {\n opacity: 0;\n animation: vtm-section-slide 0.80s cubic-bezier(0.2, 1, 0.3, 1) forwards !important;\n margin-bottom: 26px !important;\n padding: 4px 0 !important;\n will-change: transform, opacity;\n}\n\n#content,\n.mw-body {\n overflow-x: hidden !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n #firstHeading,\n .mw-first-heading,\n .vtm-section-block {\n animation: none !important;\n transform: none !important;\n opacity: 1 !important;\n }\n}\n\n/* ==========================================================================\n 2. CODEX & VECTOR DESIGN TOKENS (VARIÁVEIS NATIVAS)\n ========================================================================== */\n:root,\nhtml,\nbody,\n.skin-vector-2022,\n.skin-vector,\n.mw-special-Userlogin {\n --background-color-base: #101015 !important;\n --background-color-base--hover: #181822 !important;\n --background-color-base--active: #22222e !important;\n --background-color-interactive-subtle: #16161d !important;\n --background-color-interactive: #1a1a24 !important;\n --background-color-disabled: #121217 !important;\n --background-color-neutral: #101015 !important;\n --background-color-neutral-subtle: #16161d !important;\n --background-color-backdrop: rgba(0, 0, 0, 0.85) !important;\n --background-color-container: #101015 !important;\n --background-color-surface: #16161d !important;\n --background-color-input: #121218 !important;\n --background-color-input--hover: #1a1a24 !important;\n\n --color-base: #ddd9d0 !important;\n --color-base--hover: #ffffff !important;\n --color-base-fixed: #ddd9d0 !important;\n --color-subtle: #9e9a91 !important;\n --color-placeholder: #6e6b65 !important;\n --color-disabled: #55534e !important;\n --color-inverted: #08080b !important;\n --color-progressive: #e55353 !important;\n --color-progressive--hover: #ff2a3f !important;\n --color-destructive: #c9182b !important;\n\n --border-color-base: #252530 !important;\n --border-color-subtle: #1c1c25 !important;\n --border-color-interactive: #3d0a12 !important;\n --border-color-muted: #20202a !important;\n --border-color-progressive: #8b0000 !important;\n\n --vtm-void: #08080b;\n --vtm-abyss: #0c0c10;\n --vtm-obsidian: #101015;\n --vtm-onyx: #16161d;\n --vtm-slate: #1c1c25;\n --vtm-charcoal: #22222d;\n --vtm-text: #ddd9d0;\n --vtm-text-dim: #9e9a91;\n --vtm-text-ghost: #5e5b55;\n --vtm-blood: #8b0000;\n --vtm-blood-vivid: #c9182b;\n --vtm-blood-neon: #ff2a3f;\n --vtm-blood-glow: rgba(201, 24, 43, 0.45);\n --vtm-gold: #c5a059;\n --vtm-gold-bright: #e5be75;\n --vtm-border: #252530;\n --vtm-border-blood: #3d0a12;\n --vtm-font-title: 'Cinzel', 'Playfair Display', Georgia, serif;\n --vtm-font-body: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;\n --vtm-font-mono: 'Consolas', 'Fira Code', 'Courier New', monospace;\n --vtm-font-typewriter: 'Special Elite', 'Courier New', 'American Typewriter', monospace;\n}\n\n/* ==========================================================================\n 3. ESTRUTURA GLOBAL & CONTAINERS\n ========================================================================== */\nhtml,\nhtml body,\nbody.skin-vector-2022,\nbody.skin-vector,\nbody.mediawiki,\n.mw-special-Userlogin {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n color: var(--vtm-text) !important;\n font-family: var(--vtm-font-body) !important;\n}\n\n.mw-page-container,\n.mw-page-container-inner,\n.vector-column-start,\n.vector-column-end,\n.vector-page-toolbar,\n.vector-page-toolbar-container {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n border-color: var(--vtm-border) !important;\n}\n\n.mw-body,\n.vector-body,\n.mw-body-content,\n.mw-content-container,\n#content,\n#bodyContent,\n#mw-content-text,\n.mw-parser-output,\nmain.mw-body,\n.mw-special-Userlogin #content {\n background: var(--vtm-obsidian) !important;\n background-color: var(--vtm-obsidian) !important;\n color: var(--vtm-text) !important;\n border-color: var(--vtm-border) !important;\n}\n\n/* Padding interno */\n.mw-body-content,\n#bodyContent,\n.mw-parser-output {\n padding-left: 20px !important;\n padding-right: 20px !important;\n padding-top: 15px !important;\n padding-bottom: 25px !important;\n box-sizing: border-box !important;\n}\n\n.vector-header,\n.vector-header-container,\n.mw-header,\n#mw-head,\n.vector-sticky-header,\n.vector-sticky-header-container {\n background: var(--vtm-abyss) !important;\n background-color: var(--vtm-abyss) !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n}\n\n.vector-sticky-header {\n background: rgba(8, 8, 11, 0.97) !important;\n}\n\n#footer,\n.mw-footer,\n.vector-footer-container,\nfooter.mw-footer {\n background: var(--vtm-void) !important;\n background-color: var(--vtm-void) !important;\n color: var(--vtm-text-ghost) !important;\n border-top: 1px solid var(--vtm-border) !important;\n}\n\n/* ==========================================================================\n 4. TELA DE LOGIN (SPECIAL:USERLOGIN & FORMULÁRIO CODEX)\n ========================================================================== */\n.mw-special-Userlogin .mw-htmlform,\n.mw-special-Userlogin .mw-htmlform-codex,\n#userloginForm form,\n.mw-htmlform.mw-htmlform-codex {\n max-width: 440px !important;\n width: 100% !important;\n box-sizing: border-box !important;\n background: linear-gradient(135deg, rgba(22, 22, 29, 0.96) 0%, rgba(14, 14, 19, 0.98) 100%) !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-left: 4px solid var(--vtm-blood) !important;\n border-radius: 4px !important;\n padding: 24px 28px !important;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85), inset 0 0 20px rgba(0, 0, 0, 0.5) !important;\n margin-top: 20px !important;\n}\n\n.mw-special-Userlogin .cdx-label__label__text,\n.mw-special-Userlogin .cdx-label,\n#userloginForm label {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n letter-spacing: 0.8px !important;\n text-transform: uppercase !important;\n}\n\n.mw-special-Userlogin .cdx-text-input,\n.mw-special-Userlogin .cdx-text-input__input,\n#userloginForm input.loginText,\n#userloginForm input[type=\"text\"],\n#userloginForm input[type=\"password\"] {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #ffffff !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-radius: 4px !important;\n padding: 10px 14px !important;\n font-size: 1em !important;\n box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n transition: all 0.25s ease !important;\n}\n\n.mw-special-Userlogin .cdx-text-input__input:focus,\n#userloginForm input.loginText:focus,\n#userloginForm input[type=\"text\"]:focus,\n#userloginForm input[type=\"password\"]:focus {\n border-color: var(--vtm-blood-neon) !important;\n box-shadow: 0 0 10px rgba(201, 24, 43, 0.6), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n outline: none !important;\n}\n\n.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary,\nbutton#wpLoginAttempt,\n#wpLoginAttempt,\n#userloginForm .cdx-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n background-color: #660e1a !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 1.05em !important;\n font-weight: 800 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n border: 1px solid var(--vtm-blood-neon) !important;\n border-radius: 4px !important;\n padding: 12px 20px !important;\n cursor: pointer !important;\n box-shadow: 0 4px 16px rgba(201, 24, 43, 0.5) !important;\n transition: all 0.25s ease !important;\n margin-top: 18px !important;\n width: 100% !important;\n}\n\n.mw-special-Userlogin .cdx-button--action-progressive.cdx-button--weight-primary:hover,\nbutton#wpLoginAttempt:hover,\n#wpLoginAttempt:hover {\n background: linear-gradient(180deg, #b31529 0%, #5a0a15 100%) !important;\n box-shadow: 0 0 22px rgba(255, 42, 63, 0.85) !important;\n transform: translateY(-1px) !important;\n}\n\n.mw-special-Userlogin .cdx-checkbox__label,\n#userloginForm .mw-userlogin-rememberme {\n color: var(--vtm-text-dim) !important;\n font-size: 0.95em !important;\n}\n\n.mw-special-Userlogin .cdx-checkbox__input {\n accent-color: var(--vtm-blood) !important;\n}\n\n.mw-special-Userlogin a,\n#userloginForm a {\n color: #e55353 !important;\n text-decoration: none !important;\n transition: all 0.2s ease !important;\n}\n\n.mw-special-Userlogin a:hover,\n#userloginForm a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n}\n\n/* ==========================================================================\n 5. VISUALEDITOR & OOUI TOOLBAR\n ========================================================================== */\n.ve-ui-toolbar,\n.oo-ui-toolbar,\n.oo-ui-toolbar-bar,\n.ve-init-mw-desktopArticleTarget-toolbar,\n.ve-ui-toolbar-floating {\n background: #14141c !important;\n background-color: #14141c !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n}\n\n.oo-ui-iconElement-icon,\n.oo-ui-toolbar .oo-ui-iconElement-icon,\n.ve-ui-toolbar .oo-ui-iconElement-icon,\n.oo-ui-indicatorElement-indicator {\n filter: brightness(0) invert(1) !important;\n opacity: 0.95 !important;\n}\n\n.oo-ui-widget-disabled .oo-ui-iconElement-icon,\n.oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon {\n filter: brightness(0) invert(1) !important;\n opacity: 0.28 !important;\n}\n\n.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {\n background: #251218 !important;\n background-color: #251218 !important;\n border-radius: 3px !important;\n}\n\n.oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {\n filter: brightness(0) invert(1) drop-shadow(0 0 6px rgba(255, 42, 63, 0.8)) !important;\n opacity: 1 !important;\n}\n\n.oo-ui-labelElement-label,\n.oo-ui-tool-title,\n.oo-ui-toolGroup-tools .oo-ui-tool-title,\n.oo-ui-popupToolGroup-title,\n.ve-ui-toolbar .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n}\n\n.oo-ui-widget-disabled .oo-ui-labelElement-label {\n color: #66635c !important;\n}\n\n.oo-ui-tool.oo-ui-tool-active > .oo-ui-tool-link,\n.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {\n background: #3d0a12 !important;\n background-color: #3d0a12 !important;\n border-radius: 3px !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n background-color: #660e1a !important;\n border: 1px solid var(--vtm-blood-neon) !important;\n border-radius: 4px !important;\n box-shadow: 0 0 12px rgba(201, 24, 43, 0.6) !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-enabled .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n}\n\n.ve-ui-toolbar-saveButton.oo-ui-widget-disabled .oo-ui-buttonElement-button {\n background: #181822 !important;\n border: 1px solid #282836 !important;\n opacity: 0.55 !important;\n}\n\n.oo-ui-popupWidget-popup,\n.oo-ui-menuSelectWidget,\n.oo-ui-menuOptionWidget,\n.oo-ui-window-frame,\n.oo-ui-dialog,\n.oo-ui-panelLayout-padded {\n background: #161620 !important;\n background-color: #161620 !important;\n color: #f0ece3 !important;\n border: 1px solid var(--vtm-border-blood) !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.9) !important;\n}\n\n.oo-ui-optionWidget-highlighted {\n background: #2b0e15 !important;\n color: #ff3b3b !important;\n}\n\n.oo-ui-optionWidget-selected {\n background: #420b14 !important;\n color: #ffffff !important;\n font-weight: 700 !important;\n}\n\n.ve-ui-surface,\n.ve-ce-surface,\n.ve-ce-documentNode,\n.ve-ui-surface-paste {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #f0ece3 !important;\n caret-color: var(--vtm-blood-neon) !important;\n}\n\n/* ==========================================================================\n 6. PAINEIS FIXOS & DROPDOWNS\n ========================================================================== */\n.vector-pinnable-element,\n.vector-pinned-container,\n.vector-dropdown-content,\n.vector-dropdown .vector-dropdown-content,\n.vector-menu-content,\n.vector-page-tools,\n.vector-page-tools-pinned-container,\n.vector-main-menu,\n.vector-main-menu-pinned-container,\n.vector-appearance,\n.vector-appearance-pinned-container,\n.vector-toc,\n.vector-toc-pinned-container,\n#vector-main-menu-pinned-container,\n#vector-page-tools-pinned-container,\n#vector-appearance-pinned-container,\n#vector-toc-pinned-container,\naside.vector-pinnable-element,\nnav.vector-pinnable-element,\ndiv.vector-pinnable-element,\n.vector-settings {\n background: var(--vtm-obsidian) !important;\n background-color: var(--vtm-obsidian) !important;\n color: var(--vtm-text) !important;\n border-color: var(--vtm-border) !important;\n}\n\n.vector-pinnable-header {\n background: var(--vtm-abyss) !important;\n background-color: var(--vtm-abyss) !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n padding: 8px 12px !important;\n}\n\n.vector-pinnable-header-label {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-size: 0.9em !important;\n}\n\n.vector-pinnable-header-toggle-button,\n.cdx-button--weight-quiet {\n background: var(--vtm-slate) !important;\n background-color: var(--vtm-slate) !important;\n color: var(--vtm-gold) !important;\n border: 1px solid var(--vtm-border) !important;\n border-radius: 3px !important;\n padding: 2px 8px !important;\n font-size: 0.8em !important;\n}\n\n.vector-pinnable-header-toggle-button:hover,\n.cdx-button--weight-quiet:hover {\n background: #2a0e14 !important;\n background-color: #2a0e14 !important;\n color: var(--vtm-blood-neon) !important;\n border-color: var(--vtm-blood) !important;\n}\n\n.vector-menu-heading,\n.vector-menu-heading-label,\n.sidebar-heading,\n.vector-page-tools .vector-menu-heading,\n.vector-main-menu .vector-menu-heading,\n#mw-panel .portal h3 {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.82em !important;\n text-transform: uppercase !important;\n letter-spacing: 1.2px !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n margin-top: 14px !important;\n padding-bottom: 4px !important;\n}\n\n.vector-pinnable-element a,\n.vector-pinnable-element li a,\n.vector-page-tools a,\n.vector-main-menu a,\n.vector-dropdown-content a,\n.vector-menu-content a,\n#mw-panel .portal .body li a {\n color: var(--vtm-text-dim) !important;\n transition: all 0.15s ease !important;\n}\n\n.vector-pinnable-element a:hover,\n.vector-page-tools a:hover,\n.vector-main-menu a:hover,\n.vector-dropdown-content a:hover,\n#mw-panel .portal .body li a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n padding-left: 4px !important;\n}\n\n/* ==========================================================================\n 7. ABAS DE NAVEGAÇÃO & AÇÃO\n ========================================================================== */\n.vector-menu-tabs,\n.vector-menu-tabs-legacy,\n.mw-portlet-views,\n.mw-portlet-namespaces {\n background: transparent !important;\n}\n\n.vector-menu-tabs li,\n.vector-menu-tabs-legacy li,\n.vector-tab-noicon,\n.mw-portlet-views li,\n.mw-portlet-namespaces li {\n background: var(--vtm-onyx) !important;\n background-color: var(--vtm-onyx) !important;\n border: 1px solid var(--vtm-border) !important;\n border-bottom: none !important;\n border-radius: 4px 4px 0 0 !important;\n margin-right: 3px !important;\n}\n\n.vector-menu-tabs li a,\n.vector-menu-tabs-legacy li a,\n.vector-tab-noicon a,\n.mw-portlet-views li a,\n.mw-portlet-namespaces li a {\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 0.85em !important;\n font-weight: 600 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.5px !important;\n padding: 8px 14px !important;\n}\n\n.vector-menu-tabs li a:hover,\n.vector-menu-tabs-legacy li a:hover,\n.mw-portlet-views li a:hover,\n.mw-portlet-namespaces li a:hover {\n color: #ffffff !important;\n background: #22141a !important;\n}\n\n.vector-menu-tabs li.selected,\n.vector-menu-tabs-legacy li.selected,\n.mw-portlet-views li.selected,\n.mw-portlet-namespaces li.selected,\n.vector-tab-noicon.selected {\n background: linear-gradient(180deg, #420b14 0%, #1e0508 100%) !important;\n background-color: #2b080d !important;\n border: 1px solid #8b0000 !important;\n border-top: 3px solid #ff2a3f !important;\n border-bottom: none !important;\n box-shadow: 0 -2px 10px rgba(201, 24, 43, 0.4) !important;\n}\n\n.vector-menu-tabs li.selected a,\n.vector-menu-tabs-legacy li.selected a,\n.mw-portlet-views li.selected a,\n.mw-portlet-namespaces li.selected a,\n.vector-tab-noicon.selected a,\n.vector-menu-tabs li.selected span,\n.mw-portlet-views li.selected span {\n color: #ffffff !important;\n font-weight: 800 !important;\n text-shadow: 0 0 8px rgba(255, 42, 63, 0.6) !important;\n}\n\n/* ==========================================================================\n 8. CAIXAS DE AVISO & FORMULÁRIOS WIKITEXT\n ========================================================================== */\n.warningbox,\n.mw-warning-with-logexcerpt,\n.mw-anon-edit-warning,\n.anon-edit-warning,\n.cdx-message--warning,\n.cdx-message,\n.mw-message-box {\n background: linear-gradient(90deg, rgba(77, 16, 24, 0.5) 0%, rgba(22, 14, 18, 0.9) 100%) !important;\n background-color: #1f0d12 !important;\n border: 1px solid #5a1420 !important;\n border-left: 5px solid var(--vtm-blood-vivid) !important;\n border-radius: 4px !important;\n color: #ede9e1 !important;\n padding: 12px 18px !important;\n margin: 1.2em 0 !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.7) !important;\n}\n\n.cdx-message__content,\n.mw-message-box p,\n.mw-anon-edit-warning p {\n color: #ede9e1 !important;\n}\n\ntextarea#wpTextbox1,\n#wpTextbox1,\n.mw-editform textarea {\n background: #0b0b10 !important;\n background-color: #0b0b10 !important;\n color: #f0ece3 !important;\n font-family: var(--vtm-font-mono) !important;\n border: 1px solid #3d0a12 !important;\n border-radius: 4px !important;\n padding: 14px 16px !important;\n box-shadow: inset 0 2px 12px rgba(0, 0, 0, 0.95) !important;\n}\n\n/* ==========================================================================\n 9. BUSCA & BOTÃO \"INVESTIGAR\"\n ========================================================================== */\n#simpleSearch,\n.cdx-text-input__input,\n.vector-search-box-input,\n.cdx-search-input .cdx-text-input__input,\ninput[type=\"search\"] {\n background: var(--vtm-onyx) !important;\n background-color: var(--vtm-onyx) !important;\n color: #ffffff !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-radius: 4px 0 0 4px !important;\n}\n\nbutton.cdx-search-input__end-button,\n.cdx-search-input__end-button,\n.vector-search-box .cdx-button,\n.vector-search-box-vue .cdx-button,\n.vector-search-box-vue button,\n#searchButton,\n#mw-searchButton {\n background: #000000 !important;\n background-color: #000000 !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-left: none !important;\n border-radius: 0 4px 4px 0 !important;\n}\n\nbutton.cdx-search-input__end-button *,\n.cdx-search-input__end-button span,\n.cdx-search-input__end-button .cdx-button__label,\n.vector-search-box .cdx-button__label {\n color: #ffffff !important;\n font-weight: 800 !important;\n}\n\nbutton.cdx-search-input__end-button:hover,\n.cdx-search-input__end-button:hover {\n background: #15151e !important;\n color: var(--vtm-blood-neon) !important;\n border-color: var(--vtm-blood-vivid) !important;\n}\n\n/* ==========================================================================\n 10. TIPOGRAFIA & CABEÇALHOS GÓTICOS (COM SCALING RESPONSIVO)\n ========================================================================== */\nh1, h2, h3, h4, h5, h6,\n.mw-heading h1, .mw-heading h2, .mw-heading h3 {\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n letter-spacing: 0.5px !important;\n color: var(--vtm-text) !important;\n}\n\nh1.firstHeading,\n.mw-first-heading,\n#firstHeading,\n.mw-body h1 {\n font-family: var(--vtm-font-title) !important;\n font-size: clamp(1.6em, 3.5vw + 0.5em, 2.3em) !important;\n color: var(--vtm-blood-vivid) !important;\n text-shadow: 0 0 14px var(--vtm-blood-glow) !important;\n border-bottom: 2px solid var(--vtm-blood) !important;\n padding-bottom: 8px !important;\n word-break: break-word !important;\n}\n\nh2, .mw-heading2 h2 {\n font-size: clamp(1.25em, 2.5vw + 0.4em, 1.55em) !important;\n color: #f0ece5 !important;\n border-bottom: 1px solid var(--vtm-border-blood) !important;\n padding-bottom: 6px !important;\n margin-top: 20px !important;\n word-break: break-word !important;\n}\n\nh3, .mw-heading3 h3 {\n font-size: clamp(1.05em, 2vw + 0.3em, 1.25em) !important;\n color: var(--vtm-gold) !important;\n margin-top: 14px !important;\n}\n\nh4, .mw-heading4 h4 {\n font-size: 1.05em !important;\n color: #c9182b !important;\n}\n\na, a:visited,\n.mw-body a, .mw-body a:visited,\n.mw-parser-output a {\n color: #e55353 !important;\n text-decoration: none !important;\n}\n\na:hover, a:focus,\n.mw-body a:hover {\n color: var(--vtm-blood-neon) !important;\n text-shadow: 0 0 8px var(--vtm-blood-glow) !important;\n}\n\n/* ==========================================================================\n 11. CITAÇÕES / BLOCKQUOTES (.vtm-quote)\n ========================================================================== */\nblockquote,\n.vtm-quote,\n.mw-parser-output blockquote,\n.mw-parser-output .vtm-quote,\n.mw-body blockquote,\n.mw-body .vtm-quote {\n font-family: var(--vtm-font-typewriter) !important;\n font-size: 1.05em !important;\n line-height: 1.6 !important;\n color: #c8c3b8 !important;\n text-align: left !important;\n background: linear-gradient(135deg, rgba(22, 22, 29, 0.95) 0%, rgba(12, 12, 16, 0.98) 100%) !important;\n border: none !important;\n border-left: 3px solid var(--vtm-blood) !important;\n border-radius: 0 4px 4px 0 !important;\n padding: 22px 18px 16px 18px !important;\n margin: 1.2em 0.8em !important;\n position: relative !important;\n box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4), 0 4px 20px rgba(0, 0, 0, 0.5) !important;\n letter-spacing: 0.3px !important;\n box-sizing: border-box !important;\n}\n\nblockquote p,\n.vtm-quote p,\n.mw-parser-output blockquote p,\n.mw-parser-output .vtm-quote p {\n font-family: var(--vtm-font-typewriter) !important;\n color: #c8c3b8 !important;\n text-align: left !important;\n margin: 0 0 6px 0 !important;\n}\n\nblockquote p:last-child,\n.vtm-quote p:last-child,\n.mw-parser-output blockquote p:last-child,\n.mw-parser-output .vtm-quote p:last-child {\n margin-bottom: 0 !important;\n}\n\nblockquote cite,\nblockquote footer,\nblockquote .quote-source,\n.vtm-quote cite,\n.vtm-quote footer,\n.vtm-quote .quote-source {\n display: block !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 0.85em !important;\n color: var(--vtm-gold) !important;\n margin-top: 8px !important;\n text-align: right !important;\n font-style: normal !important;\n letter-spacing: 1px !important;\n}\n\n/* ==========================================================================\n 12. LOGO VETORIAL SVG COM AURA RUBRA (ADAPTÁVEL)\n ========================================================================== */\n.mw-logo {\n display: inline-flex !important;\n align-items: center !important;\n height: 96px !important;\n min-height: 96px !important;\n min-width: 260px !important;\n max-height: none !important;\n padding: 4px 0 !important;\n text-decoration: none !important;\n border: none !important;\n}\n\n.mw-logo::before {\n content: \"\" !important;\n display: block !important;\n background-image: url('/images/b/be/Wiki_Logo.svg') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center left !important;\n height: 96px !important;\n width: 270px !important;\n max-height: 96px !important;\n max-width: 320px !important;\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: filter 0.3s ease, transform 0.2s ease !important;\n}\n\n.mw-logo:hover::before {\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n transform: scale(1.02) !important;\n}\n\n.mw-logo-icon {\n display: none !important;\n}\n\n.mw-logo-container,\n.mw-logo-wordmark,\n.mw-logo-tagline {\n display: none !important;\n}\n\n.mw-wiki-logo {\n background-image: url('/images/b/be/Wiki_Logo.svg') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n border: none !important;\n}\n\n/* ==========================================================================\n 13. MENU HAMBÚRGUER (AURA RUBRA & HOVER EFFECT)\n ========================================================================== */\n#vector-main-menu-dropdown,\n.vector-main-menu-dropdown,\n#vector-main-menu-dropdown .vector-dropdown-label,\n.vector-main-menu-dropdown .vector-dropdown-label,\n#vector-main-menu-dropdown-label,\n.vector-header .vector-main-menu-dropdown .cdx-button,\n#vector-main-menu-dropdown .cdx-button,\n.vector-main-menu-dropdown-checkbox + label {\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n#vector-main-menu-dropdown .vector-icon,\n.vector-main-menu-dropdown .vector-icon,\n#vector-main-menu-dropdown .cdx-button__icon,\n.mw-ui-icon-wikimedia-menu,\n#vector-main-menu-dropdown-label .vector-icon,\n#vector-main-menu-dropdown-label::before,\n.vector-main-menu-dropdown-checkbox + label .vector-icon {\n color: #f5f5f5 !important;\n background-color: #f5f5f5 !important;\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) !important;\n}\n\n#vector-main-menu-dropdown:hover .vector-icon,\n.vector-main-menu-dropdown:hover .vector-icon,\n#vector-main-menu-dropdown:hover .cdx-button__icon,\n#vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,\n.vector-main-menu-dropdown .vector-dropdown-label:hover .vector-icon,\n#vector-main-menu-dropdown:hover .mw-ui-icon-wikimedia-menu,\n#vector-main-menu-dropdown-label:hover .vector-icon,\n.vector-main-menu-dropdown-checkbox + label:hover .vector-icon {\n color: #ffffff !important;\n background-color: #ffffff !important;\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n transform: scale(1.08) !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label,\n.vector-main-menu-dropdown .vector-dropdown-label,\n#vector-main-menu-dropdown-label,\n.vector-main-menu-dropdown-checkbox + label {\n filter: drop-shadow(0 0 2px #ff2a3f) drop-shadow(0 0 8px rgba(201, 24, 43, 0.85)) drop-shadow(0 0 18px rgba(139, 0, 0, 0.6)) !important;\n transition: filter 0.3s ease, transform 0.2s ease !important;\n border-radius: 4px !important;\n cursor: pointer !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label:hover,\n.vector-main-menu-dropdown .vector-dropdown-label:hover,\n#vector-main-menu-dropdown-label:hover,\n.vector-main-menu-dropdown-checkbox + label:hover {\n filter: drop-shadow(0 0 3px #ff2a3f) drop-shadow(0 0 12px rgba(255, 42, 63, 0.95)) drop-shadow(0 0 26px rgba(201, 24, 43, 0.85)) !important;\n}\n\n#vector-main-menu-dropdown .vector-dropdown-label:focus,\n#vector-main-menu-dropdown .vector-dropdown-label:active,\n#vector-main-menu-dropdown-checkbox:focus + .vector-dropdown-label,\n#vector-main-menu-dropdown-checkbox:focus + label {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n\n/* ==========================================================================\n 14. TARJA DE CENSURA & SEGREDO DINÂMICO (.vtm-segredo)\n ========================================================================== */\n.vtm-segredo {\n transition: all 0.3s ease;\n}\n\n/* --- CENSURADO: tarja preta pura e limpa --- */\n.vtm-segredo.is-redacted {\n background: #0a0a0e !important;\n color: transparent !important;\n user-select: none !important;\n -webkit-user-select: none !important;\n border-radius: 2px !important;\n padding: 1px 6px !important;\n cursor: help !important;\n}\n\n.vtm-segredo.is-redacted * {\n color: transparent !important;\n user-select: none !important;\n -webkit-user-select: none !important;\n}\n\n.vtm-segredo.is-redacted:hover {\n background: #141418 !important;\n}\n\n/* --- REVELADO / DESCLASSIFICADO --- */\n.vtm-segredo.is-revealed {\n background: rgba(45, 12, 18, 0.4) !important;\n color: #f5f0e6 !important;\n font-family: 'Special Elite', 'Courier New', monospace !important;\n border-radius: 3px !important;\n padding: 1px 6px !important;\n user-select: text !important;\n}\n\n.vtm-segredo.is-revealed * {\n color: #f5f0e6 !important;\n}\n\n/* --- FORMATO BLOCO (tipo=bloco) --- */\n.vtm-segredo[data-tipo=\"bloco\"] {\n display: block !important;\n margin: 1.2em 0 !important;\n padding: 16px 20px !important;\n border-radius: 4px !important;\n}\n\n.vtm-segredo[data-tipo=\"bloco\"].is-redacted {\n background: #0a0a0e !important;\n min-height: 60px !important;\n border-left: 4px solid #2a2a30 !important;\n}\n\n.vtm-segredo[data-tipo=\"bloco\"].is-revealed {\n background: linear-gradient(135deg, rgba(22, 16, 20, 0.92) 0%, rgba(12, 10, 14, 0.96) 100%) !important;\n border-left: 4px solid #c5a059 !important;\n}\n\n/* ==========================================================================\n 15. CONTRASTE & LEGIBILIDADE NOS MODAIS OOUI DO VISUALEDITOR\n ========================================================================== */\n.oo-ui-window-frame,\n.oo-ui-dialog,\n.oo-ui-panelLayout-padded,\n.oo-ui-processDialog-content,\n.ve-ui-mwTransclusionDialog {\n background: #121218 !important;\n background-color: #121218 !important;\n color: #ede9e1 !important;\n border: 1px solid #4a101a !important;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.95) !important;\n}\n\n.oo-ui-window-head,\n.oo-ui-processDialog-title,\n.oo-ui-processDialog-navigation {\n background: #0c0c10 !important;\n border-bottom: 1px solid #3d0a12 !important;\n color: #c5a059 !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n}\n\n.oo-ui-processDialog-title .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n letter-spacing: 0.5px !important;\n}\n\n/* Campos de entrada dentro do modal */\n.oo-ui-textInputWidget .oo-ui-inputWidget-input,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input,\n.ve-ui-mwTransclusionDialog input,\n.ve-ui-mwTransclusionDialog textarea {\n background: #08080c !important;\n background-color: #08080c !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-body) !important;\n font-size: 0.95em !important;\n border: 1px solid #3d0a12 !important;\n border-radius: 4px !important;\n padding: 8px 12px !important;\n box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n}\n\n.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input:focus {\n border-color: #ff2a3f !important;\n box-shadow: 0 0 10px rgba(201, 24, 43, 0.5), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;\n outline: none !important;\n}\n\n.oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder,\n.oo-ui-multilineTextInputWidget .oo-ui-inputWidget-input::placeholder {\n color: #7a766e !important;\n opacity: 1 !important;\n}\n\n.oo-ui-fieldLayout-header .oo-ui-labelElement-label,\n.ve-ui-mwParameterPage-label,\n.ve-ui-mwTemplateTitleInputWidget-label {\n color: #c5a059 !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.92em !important;\n}\n\n.oo-ui-fieldLayout-helpText,\n.ve-ui-mwParameterPage-description,\n.oo-ui-fieldLayout-help {\n color: #b0aca4 !important;\n font-size: 0.85em !important;\n line-height: 1.4 !important;\n}\n\n.oo-ui-bookletLayout-outline,\n.oo-ui-outlineSelectWidget,\n.oo-ui-outlineOptionWidget {\n background: #0d0d12 !important;\n color: #ddd9d0 !important;\n border-right: 1px solid #3d0a12 !important;\n}\n\n.oo-ui-outlineOptionWidget-selected {\n background: #3d0a12 !important;\n color: #ffffff !important;\n font-weight: 700 !important;\n}\n\n.oo-ui-outlineOptionWidget-highlighted {\n background: #251016 !important;\n color: #ff2a3f !important;\n}\n\n.oo-ui-processDialog-actions-primary .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n border: 1px solid #ff2a3f !important;\n border-radius: 4px !important;\n}\n\n.oo-ui-processDialog-actions-primary .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n}\n\n/* ==========================================================================\n 16. VISUALEDITOR — VISIBILIDADE TOTAL & EDIÇÃO DE SEGREDO\n ========================================================================== */\n.ve-ui-surface,\n.ve-ce-surface,\n.ve-ce-documentNode,\n.ve-init-mw-desktopArticleTarget-surface {\n background: #101015 !important;\n background-color: #101015 !important;\n color: #ede9e1 !important;\n caret-color: #ff2a3f !important;\n}\n\n.ve-ce-documentNode p,\n.ve-ce-documentNode h1,\n.ve-ce-documentNode h2,\n.ve-ce-documentNode h3,\n.ve-ce-documentNode h4,\n.ve-ce-documentNode li,\n.ve-ce-documentNode td,\n.ve-ce-documentNode div,\n.ve-ce-surface .vtm-section-block {\n opacity: 1 !important;\n visibility: visible !important;\n animation: none !important;\n transform: none !important;\n}\n\n.ve-ce-surface .vtm-segredo,\n.ve-ui-surface .vtm-segredo,\n.ve-ce-documentNode .vtm-segredo,\n.ve-ce-leafNode.ve-ce-mwTransclusionInlineNode,\n.ve-ce-leafNode.ve-ce-mwTransclusionBlockNode {\n background: rgba(60, 15, 25, 0.45) !important;\n color: #ffffff !important;\n border: 1px dashed #ff2a3f !important;\n border-radius: 3px !important;\n padding: 2px 6px !important;\n user-select: text !important;\n -webkit-user-select: text !important;\n}\n\n.ve-ce-surface .vtm-segredo .vtm-segredo-conteudo,\n.ve-ui-surface .vtm-segredo .vtm-segredo-conteudo,\n.ve-ce-documentNode .vtm-segredo .vtm-segredo-conteudo {\n opacity: 1 !important;\n visibility: visible !important;\n color: #ffffff !important;\n pointer-events: auto !important;\n}\n\n.ve-ce-surface .vtm-segredo::after,\n.ve-ui-surface .vtm-segredo::after,\n.ve-ce-documentNode .vtm-segredo::after {\n display: none !important;\n}\n\n.ve-ui-contextItemWidget,\n.ve-ui-mwTransclusionContextItem {\n background: #161622 !important;\n border: 1px solid #4a101a !important;\n border-left: 4px solid #8b0000 !important;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.9) !important;\n border-radius: 4px !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-buttonElement-button {\n background: linear-gradient(180deg, #8b1020 0%, #450810 100%) !important;\n border: 1px solid #ff2a3f !important;\n border-radius: 3px !important;\n}\n\n.ve-ui-contextItemWidget .oo-ui-buttonElement-button .oo-ui-labelElement-label {\n color: #ffffff !important;\n font-weight: 800 !important;\n}\n\n/* ==========================================================================\n 17. INFOBOXES DE PERSONAGEM & CARDS (.vtm-infobox)\n ========================================================================== */\n.vtm-infobox {\n float: right;\n clear: right;\n width: 320px;\n margin: 0 0 1.4em 1.5em;\n background: linear-gradient(135deg, rgba(22, 22, 30, 0.98) 0%, rgba(12, 12, 17, 0.99) 100%) !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-top: 3px solid var(--vtm-blood-vivid) !important;\n border-radius: 4px !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.85), inset 0 0 15px rgba(0, 0, 0, 0.5) !important;\n padding: 0 !important;\n overflow: hidden !important;\n font-size: 0.92em !important;\n color: var(--vtm-text) !important;\n box-sizing: border-box !important;\n}\n\n.vtm-infobox-header {\n background: linear-gradient(180deg, #5a0a14 0%, #200408 100%) !important;\n color: #ffffff !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 800 !important;\n font-size: 1.25em !important;\n text-align: center !important;\n padding: 10px 14px !important;\n border-bottom: 1px solid var(--vtm-blood) !important;\n letter-spacing: 1px !important;\n text-shadow: 0 0 10px rgba(255, 42, 63, 0.6) !important;\n}\n\n.vtm-infobox-subheader {\n background: #0d0d12 !important;\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-size: 0.82em !important;\n text-align: center !important;\n padding: 4px 10px !important;\n text-transform: uppercase !important;\n letter-spacing: 0.8px !important;\n border-bottom: 1px solid var(--vtm-border) !important;\n}\n\n.vtm-infobox-section {\n background: #14141c !important;\n color: var(--vtm-gold-bright) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n font-size: 0.85em !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n padding: 6px 12px !important;\n border-top: 1px solid var(--vtm-border-blood) !important;\n border-bottom: 1px solid var(--vtm-border) !important;\n}\n\n.vtm-infobox-row {\n display: flex !important;\n justify-content: space-between !important;\n align-items: baseline !important;\n padding: 6px 12px !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;\n gap: 10px !important;\n}\n\n.vtm-infobox-label {\n font-weight: 600 !important;\n color: var(--vtm-text-dim) !important;\n flex-shrink: 0 !important;\n min-width: 80px !important;\n}\n\n.vtm-infobox-data {\n color: #ede9e1 !important;\n text-align: right !important;\n word-break: break-word !important;\n}\n\n/* ==========================================================================\n 18. TABELAS RESPONSIVAS (.wikitable & .vtm-table)\n ========================================================================== */\ntable.wikitable,\n.vtm-table,\n.mw-parser-output table.wikitable {\n background: #0f0f15 !important;\n color: var(--vtm-text) !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-collapse: collapse !important;\n margin: 1.2em 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n display: block !important;\n overflow-x: auto !important;\n -webkit-overflow-scrolling: touch !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;\n border-radius: 4px !important;\n}\n\ntable.wikitable th,\n.vtm-table th,\n.mw-parser-output table.wikitable th {\n background: linear-gradient(180deg, #38080f 0%, #1a0407 100%) !important;\n color: var(--vtm-gold) !important;\n font-family: var(--vtm-font-title) !important;\n font-weight: 700 !important;\n letter-spacing: 0.6px !important;\n border: 1px solid var(--vtm-border-blood) !important;\n padding: 8px 12px !important;\n text-align: left !important;\n}\n\ntable.wikitable td,\n.vtm-table td,\n.mw-parser-output table.wikitable td {\n border: 1px solid var(--vtm-border) !important;\n padding: 8px 12px !important;\n background: #111118 !important;\n}\n\ntable.wikitable tr:nth-child(even) td,\n.vtm-table tr:nth-child(even) td {\n background: #15151e !important;\n}\n\n/* ==========================================================================\n 19. MÍDIAS, IMAGENS & MINIATURAS RESPONSIVAS\n ========================================================================== */\n.mw-parser-output img,\n.mw-parser-output .thumb,\n.mw-parser-output .thumbinner,\n.mw-parser-output figure,\n.mw-parser-output .mw-default-size {\n max-width: 100% !important;\n height: auto !important;\n box-sizing: border-box !important;\n}\n\n.thumbinner {\n background: #14141c !important;\n border: 1px solid var(--vtm-border-blood) !important;\n border-radius: 4px !important;\n padding: 6px !important;\n}\n\n.thumbimage {\n border: 1px solid #20202c !important;\n}\n\n.thumbcaption {\n color: var(--vtm-text-dim) !important;\n font-size: 0.85em !important;\n padding: 4px 2px !important;\n}\n\n/* ==========================================================================\n 20. MEDIA QUERIES RESPONSIVAS — MOBILE & TABLET OPTIMIZATIONS\n ========================================================================== */\n\n/* --- TABLET & SMARTPHONE (< 900px) --- */\n@media (max-width: 900px) {\n .mw-page-container {\n padding: 0 !important;\n }\n\n .mw-body-content,\n #bodyContent,\n .mw-parser-output {\n padding-left: 14px !important;\n padding-right: 14px !important;\n }\n}\n\n/* --- SMARTPHONE (< 768px) --- */\n@media (max-width: 768px) {\n /* Logo proporcional no header */\n .mw-logo {\n height: 56px !important;\n min-height: 56px !important;\n min-width: 180px !important;\n width: 180px !important;\n }\n\n .mw-logo::before {\n height: 56px !important;\n width: 180px !important;\n max-height: 56px !important;\n max-width: 180px !important;\n }\n\n /* Infoboxes de personagens: fluxo vertical completo */\n .vtm-infobox {\n float: none !important;\n width: 100% !important;\n margin: 1.2em 0 !important;\n clear: both !important;\n }\n\n /* Imagens com alinhamento flutuante viram blocos centrais */\n .tright,\n .tleft,\n .floatright,\n .floatleft,\n .mw-halign-right,\n .mw-halign-left {\n float: none !important;\n margin: 1.2em auto !important;\n text-align: center !important;\n display: block !important;\n }\n\n .thumbinner {\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 auto !important;\n }\n\n /* Citações e Segredos adaptados */\n blockquote,\n .vtm-quote,\n .mw-parser-output blockquote,\n .mw-parser-output .vtm-quote {\n margin: 1em 0 !important;\n padding: 16px 12px 12px 12px !important;\n font-size: 0.95em !important;\n }\n\n .vtm-segredo[data-tipo=\"bloco\"] {\n padding: 12px 14px !important;\n margin: 1em 0 !important;\n }\n\n /* Abas superiores condensadas para toque */\n .vector-menu-tabs li a,\n .vector-menu-tabs-legacy li a,\n .vector-tab-noicon a,\n .mw-portlet-views li a,\n .mw-portlet-namespaces li a {\n padding: 6px 9px !important;\n font-size: 0.76em !important;\n letter-spacing: 0.2px !important;\n }\n\n /* Formulário de login ocupa a tela confortavelmente */\n .mw-special-Userlogin .mw-htmlform,\n .mw-special-Userlogin .mw-htmlform-codex,\n #userloginForm form,\n .mw-htmlform.mw-htmlform-codex {\n padding: 18px 16px !important;\n margin: 10px auto !important;\n }\n}\n\n/* --- SMARTPHONE PEQUENO (< 480px) --- */\n@media (max-width: 480px) {\n .mw-logo {\n height: 44px !important;\n min-height: 44px !important;\n min-width: 140px !important;\n width: 140px !important;\n }\n\n .mw-logo::before {\n height: 44px !important;\n width: 140px !important;\n max-height: 44px !important;\n max-width: 140px !important;\n }\n\n .mw-body-content,\n #bodyContent,\n .mw-parser-output {\n padding-left: 8px !important;\n padding-right: 8px !important;\n padding-top: 8px !important;\n }\n\n .vtm-infobox-header {\n font-size: 1.1em !important;\n padding: 8px 10px !important;\n }\n\n .vtm-infobox-row {\n padding: 5px 8px !important;\n font-size: 0.9em !important;\n }\n\n .vector-menu-tabs li a,\n .vector-menu-tabs-legacy li a,\n .mw-portlet-views li a,\n .mw-portlet-namespaces li a {\n padding: 5px 6px !important;\n font-size: 0.7em !important;\n }\n}\n

Laura Orsini

2026-09-01T20:50:18Z

Fernando: Refinamento completo de layout, tipografia e seções da página de Laura Orsini

<div class="vampire-infobox" style="float: right; margin: 0 0 1.5em 1.5em; width: 300px; border: 2px solid #8b0000; background-color: #1a1a1a; color: #e0e0e0; font-family: sans-serif; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.6); overflow: hidden;">
<div style="background-color: #4a0000; color: #ffffff; padding: 10px; text-align: center; font-size: 1.3em; font-weight: bold; text-shadow: 1px 1px 2px #000; border-bottom: 2px solid #8b0000;">
Laura Orsini
<div style="font-size: 0.75em; font-weight: normal; color: #ffcccc; margin-top: 3px;">Ventrue • Camarilla</div>
</div>
<div style="padding: 10px; text-align: center; background-color: #111111; border-bottom: 1px solid #333333;">
[[File:Laura_Orsini.jpg|260px|center]]
</div>
<table style="width: 100%; border-collapse: collapse; font-size: 0.9em;">
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Clã</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">[[Clã Ventrue|Ventrue]]</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Geração</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">9ª Geração</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Sire</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">[[Antônio Corviani]]</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Predador</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">Sereia</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Seita</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">Camarilla</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Título</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">Neófita (Criação Clandestina)</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Pseudônimo</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">''Laura Mancini''</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Domínio</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">[[Oscuravalle]], [[Itália]]</td>
</tr>
</table>
</div>

{{Citacao|Nunca me deixarei ser controlada ou reduzida a uma boneca de luxo por outrem.|Laura Orsini}}

== Identidade e Aparência ==

* '''Nome Completo:''' Laura Orsini (utilizava o pseudônimo ''Laura Mancini'' no meio acadêmico).
* '''Origem Mortal:''' Herdeira da aristocrática [[Família Orsini]], célebre por sua histórica grife de joalheria e ourivesaria.
* '''Aparência:''' Possui traços finos e marcantes, olhos claros/cinzentos que assumem um brilho carmesim profundo quando canaliza a disciplina de Dominação, e pele extremamente alva com textura que lembra porcelana trabalhada por mestres artesãos.
* '''Evolução do Vestuário:''' Em sua vida mortal universitária, vestia-se de forma prática e despojada com calças, tênis e moletons masculinos confortáveis. Após o Abraço e o isolamento no [[Hotel Luce del Dio]], desenvolveu repulsa por tecidos rústicos e passou a adotar vestidos elegantes e sedutores que realçam sua fria palidez cainita.

----

== História Pregressa ==

=== A Rebeldia Acadêmica na Universidade Corviani ===
Criada sob a autoridade opressiva de um pai controlador e obcecado pela linhagem familiar, e constantemente pressionada pela mãe a debutar nos salões da alta sociedade para atrair pretendentes milionários, Laura sempre se recusou a ser uma mera peça decorativa. Dotada de notável raciocínio lógico e talento para antecipar manobras políticas e financeiras, auxiliava o pai em reuniões de negócios, mas almejava sua própria independência.

Em um ato deliberado de afronta à autoridade paterna, matriculou-se no doutorado em Ciência Política / Relações Públicas na [[Universidade Corviani]] usando o sobrenome da mãe (''Mancini''), ciente de que o pai não interviria publicamente para não expor a família a um escândalo com os rivais [[Antônio Corviani|Corviani]].

=== O Abraço Clandestino ===
Durante a pós-graduação, Laura intrigou-se com a figura esquiva de "Michele Bianchi" — uma das identidades de fachada mantidas por [[Antônio Corviani]]. Em janeiro de 2025, enquanto pesquisava sozinha até tarde na biblioteca do campus, foi surpreendida e predada por Antônio.

Drenada quase até a morte biológica, Laura foi abraçada por Antônio para evitar seu falecimento, sob o sussurro manipulador de [[Elena Visconti]], que vislumbrava no sangue nobre dos Orsini uma valiosa arma política contra o Príncipe [[Lorenzo di Medici]]. Como a criação ocorreu '''sem a permissão prévia da Camarilla''', Laura é uma cria clandestina cuja revelação pode condenar senhor e neófita à Morte Definitiva.

=== O Despertar no Hotel Luce del Dio ===
Instalada em sigilo na suíte ''Belle Époque'' do [[Hotel Luce del Dio]], em [[Oscuravalle]], Laura reagiu à sua nova condição de forma estritamente analítica. Em vez do pânico irracional, questionou se havia sofrido uma mutação biológica e passou a monitorar racionalmente a circulação do sangue frio em suas veias.

Com a chegada da Fome, Laura exerceu seu primeiro êxtase cainita ao predar o jovem copeiro Enzo e colocar seu colega de faculdade Roger sob influência mental, demonstrando um domínio precoce e natural sobre a disciplina de [[Dominação]] e a arte da sedução predatória.

----

== Psicologia e Filosofia ==

* '''Mente Científica e Analítica:''' Encara o sobrenatural e as teias sociais de Oscuravalle através de observação de dados, padrões de comportamento e cálculo de risco.
* '''Resistência Velada:''' Mantém uma fachada de docilidade e cortesia diante de seu senhor, enquanto arquiteta silenciosamente planos para assegurar sua total autonomia.
* '''Aversão à Submissão:''' Recusa-se terminantemente a ser subjugada por homens, anciãos ou pelas regras feudais da Torre de Marfim.

----

== Disciplinas e Habilidades ==

=== Disciplinas ===
* '''[[Dominação]] ●●●'''
** ● ''Compelir (Compel)'' — Ordens verbais curtas que demandam obediência imediata.
** ●● ''Mesmerizar (Mesmerize)'' — Implantação de sugestões e instruções complexas via contato ocular.
** ●●● ''A Escravidão da Mesma Canção (The Forgetful Mind)'' — Manipulação, alteração ou exclusão cirúrgica de memórias recentes.
* '''[[Fortitude]] ●'''
** ● ''Resiliência (Resilience)'' — Vigor sobrenatural que concede maior resistência passiva.
* '''[[Presença]] ●'''
** ● ''Fascínio (Awe)'' — Magnetismo e atratividade sobrenatural irresistível (*adquirido pelo Tipo de Predador Sereia*).

=== Tipo de Predador e Maldição Ventrue ===
* '''Tipo de Predador:''' ''Sereia'' (atrai suas vítimas através de charme, inteligência e ambientes intimistas).
* '''Maldição Ventrue (Paladar Exigente):''' Laura consegue nutrir-se apenas do sangue de ''homens jovens em momentos de transição de vida'' (estudantes, universitários e trabalhadores no início de carreira). Seu organismo rejeita instantaneamente sangue de mulheres ou animais.

----

== Pilares e Convicções ==

=== Convicções ===
# *«Nunca me deixarei ser controlada ou reduzida a uma boneca de luxo por outrem.»*
# *«A verdade deve ser buscada através da razão e de fatos claros, e não de dogmas ou ordens cegas.»*
# *«Proteger aqueles que respeitam e auxiliam a manter minha autonomia.»*

=== Pilares (Touchstones) ===
* '''[[Giulia]]:''' Colega de doutorado na Universidade Corviani. Permanece alheia à condição de Laura, servindo como seu principal elo com a humanidade e o rigor acadêmico mortal.

----

== Relações Principais ==

* '''[[Antônio Corviani]]:''' Senhor e mentor. Laura guarda ressentimento por ele ter destruído sua vida mortal, mas respeita sua força e sabedoria, dependendo dele para sobreviver à corte. Antônio a trata com orgulho e a protege como sua cria de sangue.
* '''[[Elena Visconti]]:''' A conspiradora que influenciou seu Abraço. Laura desconfia intensamente de suas intenções maquiavélicas.
* '''[[Saverio Bennet]]:''' Cria adotiva malkaviana de Antônio. Sente um ciúme obsessivo de Laura por ela carregar o sangue legítimo do senhor.
* '''[[Beatrice Orsini]]:''' Toreador proeminente com quem partilha a ascendência mortal; Laura investiga secretamente a árvore genealógica de sua família.
* '''Enzo e Roger:''' Mortais mantidos sob tutela e influência mental no Luce del Dio para garantir a discrição e a manutenção da Máscara.

----

== Ambições e Desejos ==

* '''Ambição (Longo Prazo):''' Conquistar total soberania e independência perante as conspirações de sua linhagem mortal e as imposições da Camarilla, consolidando-se como uma influente estrategista nas sombras de Oscuravalle.
* '''Desejos (Curto Prazo):'''
** Aperfeiçoar o domínio da técnica de reescrita de memórias em Dominação.
** Blindar seu refúgio no Hotel Luce del Dio contra as buscas do investigador contratado por seu pai.
** Manter Roger e Enzo em harmonia sob seu controle sem incidentes com a Máscara.

----

[[Categoria:Personagens]]
[[Categoria:Vampiros]]
[[Categoria:Clã Ventrue]]
[[Categoria:Camarilla]]
[[Categoria:Itália]]
[[Categoria:Oscuravalle]]
[[Categoria:Neófitos]]

Laura Orsini

2026-09-01T20:49:53Z

Fernando: Criação da página de personagem de Laura Orsini com biografia completa, infobox temática e imagem

<div class="vampire-infobox" style="float: right; margin: 0 0 1.5em 1.5em; width: 300px; border: 2px solid #8b0000; background-color: #1a1a1a; color: #e0e0e0; font-family: sans-serif; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.6); overflow: hidden;">
<div style="background-color: #4a0000; color: #ffffff; padding: 10px; text-align: center; font-size: 1.3em; font-weight: bold; text-shadow: 1px 1px 2px #000; border-bottom: 2px solid #8b0000;">
Laura Orsini
<div style="font-size: 0.75em; font-weight: normal; color: #ffcccc; margin-top: 3px;">Ventrue • Camarilla</div>
</div>
<div style="padding: 10px; text-align: center; background-color: #111111; border-bottom: 1px solid #333333;">
[[File:Laura_Orsini.jpg|260px|center]]
</div>
<table style="width: 100%; border-collapse: collapse; font-size: 0.9em;">
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Clã</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">[[Clã Ventrue|Ventrue]]</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Geração</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">9ª Geração</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Sire</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">[[Antônio Corviani]]</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Predador</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">Sereia</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Seita</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">Camarilla</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Título</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">Neófita (Criação Clandestina)</td>
</tr>
<tr style="border-bottom: 1px solid #2a2a2a;">
<td style="padding: 6px 10px; font-weight: bold; color: #ff9999; width: 40%; vertical-align: top;">Domínio</td>
<td style="padding: 6px 10px; color: #f0f0f0; vertical-align: top;">[[Obscuravalle, Itália]]</td>
</tr>
</table>
</div>

<div style="margin: 1.2em 0; padding: 12px 16px; border-left: 4px solid #555555; background-color: #141414; color: #e6e6e6; border-radius: 0 4px 4px 0;">
''«Nunca me deixarei ser controlada ou reduzida a uma boneca de luxo por outrem.»''
</div>

== Biografia ==
== História e Origem ==

=== Vida Mortal e Rebeldia Acadêmica ===
'''Laura Orsini''' nasceu como herdeira da aristocrática e tradicional [[Família Orsini]], renomada por sua influência e pela histórica grife de joalheria e ourivesaria. Criada sob a vigilância severa e opressiva de um pai controlador e obcecado pela reputação familiar, e constantemente pressionada por sua mãe a debutar na alta sociedade para assegurar um casamento de conveniência milionário, Laura sempre rejeitou o papel de "boneca de luxo".

Dotada de um intelecto analítico brilhante, facilidade com números, lógica e leitura de cenários de poder, Laura auxiliava informalmente seu pai com conselhos estratégicos antes de grandes reuniões de negócios. Seu maior ato de desafio mortal foi matricular-se no programa de doutorado em Ciência Política / Relações Públicas na prestigiosa [[Universidade Corviani]], utilizando o sobrenome materno, '''Mancini'''. Ela sabia que o pai jamais ousaria cancelar publicamente a matrícula para não desencadear um escândalo com os [[Antônio Corviani|Corviani]].

=== O Abraço na Biblioteca ===
Na universidade, Laura tornou-se fascinada pela figura oculta de "Michele Bianchi" — uma das identidades de fachada mantidas pelo influente cainita [[Antônio Corviani]]. Durante uma noite de estudos solitários na biblioteca do campus em janeiro de 2025, Laura foi encurralada e predada por Antônio.

Drenada à beira da morte, Laura foi salva e transformada em vampira pelo próprio Antônio, ato fortemente incentivado pela misteriosa [[Elena Visconti]], que enxergava no sangue aristocrático Orsini um valioso trunfo político para desestabilizar o Príncipe [[Lorenzo di Medici]].

Como o Abraço foi realizado '''sem a autorização expressa do Príncipe''', Laura constitui uma criação clandestina e um segredo perigoso que acarretaria a Morte Definitiva para criador e cria caso venha a público.

=== Despertar no Hotel Luce del Dio ===
Laura foi alojada clandestinamente em uma suíte temática ''Belle Époque'' no [[Hotel Luce del Dio]], em [[Obscuravalle]]. Ao despertar para a Não-Vida, sua mente científica e acadêmica tentou imediatamente dissecar o horror de sua condição em termos lógicos — questionando se havia passado por uma mutação genética e analisando o fluxo de sangue frio em suas veias como filamentos biológicos.

Conforme a Fome se manifestou, Laura experimentou seu primeiro êxtase cainita ao predar o jovem copeiro Enzo e manipular seu colega universitário Roger, descobrindo uma assustadora e precoce aptidão para a disciplina de [[Dominação]] e a sedução predatória.

----

== Personalidade e Filosofia ==

* '''Racionalidade Científica:''' Aborda os mistérios cainitas e as dinâmicas sociais sob a ótica de padrões, dados e análise de risco.
* '''Resistência Velada:''' Oculta sua fúria e ressentimento sob uma aparente etiqueta de obediência, aguardando o momento certo para consolidar seu próprio poder.
* '''Autonomia Inegociável:''' Recusa categoricamente submeter-se a amarras, sejam elas as tradições patriarcais mortais ou o jugo feudal da Camarilla.

----

== Mecânica e Disciplinas ==

=== Disciplinas ===
* '''[[Dominação]] ●●●'''
** ● ''Compelir (Compel)'' — Ordens verbais instantâneas e imperativas.
** ●● ''Mesmerizar (Mesmerize)'' — Implantação de sugestões e comandos complexos via contato visual.
** ●●● ''A Escravidão da Mesma Canção (The Forgetful Mind)'' — Habilidade precisa de reescrever, alterar ou suprimir memórias.
* '''[[Fortitude]] ●'''
** ● ''Resiliência (Resilience)'' — Vigor físico ampliado sobrenaturalmente.
* '''[[Presença]] ●'''
** ● ''Fascínio (Awe)'' — Magnetismo e atração sobrenatural (*adquirido pelo Tipo de Predador Sereia*).

=== Tipo de Predador & Maldição ===
* '''Tipo de Predador:''' Sereia (utiliza o charme social, intelecto e fascínio para atrair presas em ambientes reservados).
* '''Maldição Ventrue (Paladar Exigente):''' Alimenta-se exclusivamente de ''homens jovens em transição de vida'' (estudantes universitários, trabalhadores iniciantes, copeiros). Rejeita completamente sangue animal ou feminino.

----

== Pilares e Convicções ==

=== Convicções ===
# *\"Nunca me deixarei ser controlada ou reduzida a uma boneca de luxo por outrem.\"*
# *\"A verdade deve ser buscada através da razão e de fatos claros, e não de dogmas ou ordens cegas.\"*
# *\"Proteger aqueles que respeitam e auxiliam a manter minha autonomia.\"*

=== Pilares (Touchstones) ===
* '''[[Giulia]]:''' Colega de doutorado na Universidade Corviani. Representa a normalidade acadêmica e a âncora de sua humanidade mortal.

----

== Relações Principais ==

* '''[[Antônio Corviani]]:''' Senhor e mentor. Laura nutre um misto de rancor pelo assassinato de sua vida mortal e admiração pelo poder cainita, dependendo dele para proteção contra a Camarilla.
* '''[[Elena Visconti]]:''' A arquiteta política que sugeriu seu Abraço; Laura mantém cautela extrema com suas manobras.
* '''[[Saverio Bennet]]:''' Cria adotiva de Antônio; nutre ciúmes obsessivos e perigosos de Laura por ela ser a cria legítima de sangue.
* '''[[Beatrice Orsini]]:''' Influente Toreador de mesmo sobrenome; o elo exato entre suas linhagens é objeto de investigação sigilosa de Laura.
* '''Roger & Enzo:''' Humanos mantidos sob controle mental e fascínio para resguardar seu refúgio e a Máscara.

== Ambições e Desejos ==
* '''Ambição (Longo Prazo):''' Conquistar total independência e autonomia das amarras de sua família mortal e da rígida Camarilla, estabelecendo-se como uma estrategista e analista influente nas sombras de Oscuravalle.
* '''Desejo (Curto Prazo):''' Dominar com perfeição o controle e reescrita de memórias via Dominação e manter seu refúgio no Hotel Luce del Dio protegido contra o investigador de seu pai.

== Disciplinas ==
{| class="wikitable" style="width: 320px;"
! Disciplina !! Nível
|-
| Dominação || ●●●○○
|-
| Fortitude || ●○○○○
|-
| Presença || ●○○○○
|}

== Convicções & Touchstones ==
* "Nunca me deixarei ser controlada ou reduzida a uma boneca de luxo por outrem." (Pilar: Giulia)
* "A verdade deve ser buscada através da razão e de fatos claros, e não de dogmas ou ordens cegas."
* "Proteger aqueles que respeitam e auxiliam a manter minha autonomia."

[[Categoria:Personagens]]
[[Categoria:Clã Ventrue]]
[[Categoria:Camarilla]]
[[Categoria:Obscuravalle, Itália]]
[[Categoria:Itália]]
[[Categoria:Oscuravalle]]
[[Categoria:Neófitos]]

File:Laura Orsini.jpg

2026-09-01T20:48:44Z

Fernando: Retrato oficial de Laura Orsini

[[Categoria:Imagens de Personagens]]

Paulo dos Milhos

2026-09-01T20:48:14Z

Fernando: Redirecionamento de Paulo dos Milhos para Paul-Émile Renard

#REDIRECT [[Paul-Émile Renard]]

Paulo do Milho

2026-09-01T20:48:11Z

Fernando: Redirecionamento da alcunha de Aiden para Paul-Émile Renard

#REDIRECT [[Paul-Émile Renard]]

Paul-Émile Renard

2026-09-01T20:48:04Z

Fernando: Correção canônica: Origem da alcunha 'Paulo do Milho' creditada a Aiden em conversa com D'Argent

== Paul-Émile Renard ==

{| class="wikitable" style="float: right; margin-left: 15px; width: 300px; background-color: #1a1a1a; color: #e0e0e0; border: 1px solid #4a0000;"
|+ style="font-size: 1.2em; font-weight: bold; background-color: #3b0a0a; color: #ffffff;" | Paul-Émile Renard
|-
| colspan="2" style="text-align: center;" | [[File:Paul_Emile_Renard_Ilustracao.jpg|thumb|center|260px|Paul-Émile Renard em Paris (c. 1917)]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Clã
| [[Clã Ventrue|Ventrue]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Geração
| 10ª
|-
! style="background-color: #2b0000; color: #ffffff;" | Sire
| [[Céleste Marchand]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Idade Aparente
| 31 anos
|-
! style="background-color: #2b0000; color: #ffffff;" | Ano do Abraço
| 1889 (Lyon, França)
|-
! style="background-color: #2b0000; color: #ffffff;" | Residência
| Apartamento no 8º arrondissement (próximo ao Parc Monceau), [[Paris]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Facção / Status
| [[Camarilla]] / Ancilla de posição mediana
|}

== Visão Geral ==
'''Paul-Émile Renard''' é um ancilla do [[Clã Ventrue]] residente em [[Paris]]. Nascido em Lyon e abraçado no final do século XIX, circula pelos salões e domínios da [[Camarilla]] parisiense como uma presença tolerada: útil o suficiente por seus contatos na burguesia e etiqueta para não ser banido, mas exasperante e egocêntrico o bastante para nunca ser admitido no círculo íntimo do poder.

Nos bastidores da crônica, ficou comicamente conhecido pela alcunha de '''"Paulo do Milho"''' (ou ''"Paulo dos Milhos"''). A alcunha nasceu de um mal-entendido de [[Aiden]]: ao ouvir a pronúncia francesa arrastada e afetada de Paul-Émile, o Gangrel deduziu que seu nome era "Paulo do Milho" e o descreveu para [[D'Argent]] como *«um sujeito polido de broche que falava esquisito demais, mas que não parecia ser fazendeiro»*. D'Argent anotou o apelido em seu bloco de notas e o apelido pegou nas investigações das catacumbas.

Paul-Émile é a personificação do ressentimento intelectual e da presunção aristocrática, possuindo uma habilidade quase sobrenatural de redirecionar absolutamente qualquer assunto da conversa para si mesmo ou para seu trauma amoroso do passado.

== Aparência e Vestuário ==

=== Aparência ===
De altura mediana e ombros levemente encurvados para dentro — o porte de quem passou a existência esperando que alguém notasse sua entrada no salão —, Paul-Émile possui traços finos e bem cuidados, coroados por um bigode aparado com precisão milimétrica. Seus olhos são claros, quase incolores, com o hábito de escanear o rosto dos interlocutores calculando a fração exata de segundo em que poderá interrompê-los.

=== O Vestuário e a Colônia ===
Paul-Émile veste-se como alguém que passou a manhã escolhendo a roupa e passará a noite esperando que alguém pergunte sobre ela:
* '''O Paletó''': Alfaiataria sóbria em tons de cinza-escuro, azul da Prússia ou verde-musgo (*"discretamente ousado"*). A lapela é ligeiramente mais estreita do que a moda exige, pois desdenha "tendências passageiras".
* '''A Gravata e o Colete''': Gravata de seda amarrada com precisão geométrica combinando com o lenço de bolso. Usa colete e polainas mesmo quando a estação não recomenda, por mera fidelidade estética à Belle Époque pré-guerra.
* '''A Colônia de Vetiver''': Aplica uma quantidade insistente de colônia fougère (vetiver, lavanda e almíscar) que chega antes dele e permanece depois de sua saída. Costuma lembrar a todos que sua antiga paixão, Anna Julia, um dia elogiou a fragrância.
* '''O Detalhe Calculado''': Sempre mantém um detalhe deliberadamente imperfeito (um alfinete de lapela inclinado ou um botão desabotoado) acreditando que isso o torna *"acessível e espontâneo"*.

== Ilustração ==
<div style="text-align: center; margin: 20px 0;">
[[File:Paul_Emile_Renard_Ilustracao.jpg|thumb|center|450px|Paul-Émile Renard — Retrato nos salões parisienses da Belle Époque]]
</div>

== História ==

=== Origem e o Abraço em Lyon ===
Nascido em Lyon em 1858, filho de um tabelião de classe média, foi educado com a convicção inabalável de que o sobrenome Renard merecia mais do mundo do que recebia. Aos 20 anos mudou-se para Paris para frequentar salões literários sem nunca publicar nada e circular entre intelectuais sem formular ideias próprias.

Em 1889, foi Abraçado pela Ventrue '''Céleste Marchand''', que buscava um lacaio para transitar na burguesia em ascensão. No entanto, Céleste arrependeu-se amargamente em menos de uma década: Paul-Émile transformou a não-vida e o Abraço em um monólogo exaustivo sobre sua própria genialidade incompreendida, fazendo com que sua Sire o emancipasse prematuramente apenas para se livrar de sua presença.

=== O Triângulo com Anna Julia Voss e Ivan Petrov ===
Em 1901, Paul-Émile apaixonou-se por '''Anna Julia Voss''', uma jovem mortal alemã culta e bem-humorada. Em vez de se declarar abertamente, cultivou anos de cortejo implícito.

Em 1903, para seu choque e desgosto, Anna Julia começou a namorar [[Ivan Petrov]], um imigrante russo de modos rústicos que trabalhava como livreiro no Marais (mais tarde abraçado pelo clã [[Brujah]]). Paul-Émile encarou aquilo como uma ofensa imperdoável à ordem natural das coisas. Mesmo após a trágica morte de Anna Julia por tuberculose em 1911, Paul-Émile nunca superou a rejeição e transformou Ivan no eixo gravitacional de todo o seu ódio e amargura.

== Perfil Psicológico e Comportamento ==

* '''Egocentrismo Inflexível''': Torna qualquer assunto sobre sua própria história. Se alguém relata uma perda ou desgraça, ele afirma ter sofrido algo incomparavelmente pior em 1903.
* '''Vitimismo Estrutural''': Cada revés de sua não-vida é atribuído à conspiração dos outros — sua sire que não o compreendia, os Príncipes que o invejam, ou a mediocridade do mundo.
* '''Corrector Compulsivo''': Sente a necessidade de corrigir pronúncias, datas, referências estéticas e táticas alheias com condescendência pedagógica.
* '''Incel Intelectualizado''': Acredita que seu suposto refinamento deveria lhe garantir admiração e afeto automáticos, ressentindo-se profundamente daqueles que conquistam sucesso por méritos genuínos ou espontaneidade.
* '''Estragador de Prazeres''': Se uma celebração ou conquista não diz respeito a ele, Paul-Émile insere comentários sombrios ou críticas estéticas até drenar a alegria do ambiente.

== Relações com Outros Personagens ==

* '''[[Ivan Petrov]]''': O alvo eterno de seu ressentimento. Evita confrontos físicos diretos, preferindo ataques indiretos, fofocas venenosas e comentários desdenhosos nos salões da cidade.
* '''[[Céleste Marchand]]''': Sua Sire. Mantêm distância mútua por um pacto silencioso de vergonha (dela) e desdém arrogante (dele).
* '''[[Louis Dubois]]''': Considera o famoso cantor Toreador *"vulgar e superestimado"*, alegando conhecer músicos muito superiores na virada do século.
* '''[[Aiden]]''': Enxerga o Gangrel com paternalismo pedante, desdenhando o conceito de Animalismo como mera *"projeção infantil"*. Mal sabe ele que foi Aiden quem o apelidou de "Paulo do Milho" após o primeiro encontro no beco.
* '''[[Armand Beaumont]] & [[Marguerite Rousseau]]''': Interagiu com ambos durante a fuga pelas ruas de Paris, oferecendo guiança em troca de concessões de território de caça.
* '''[[D'Argent]]''': Informante das catacumbas que cobra Aiden por informações sobre o tal *"Paulo dos Milhos"*.

== Eventos na Crônica de Paris ==

* '''O Incidente no Hotel Abandonado (Sessão 4)''': Paul-Émile surgiu durante uma crise armada nas ruas parisienses oferecendo passagem segura para o Xerife Armand Beaumont e Marguerite através de um hotel abandonado, enquanto Aiden continha os perseguidores na porta.
* '''A Origem de "Paulo do Milho" (Sessão 5)''': Ao relatar o encontro a D'Argent, Aiden confundiu a pronúncia francesa e declarou que conhecera um tal de *«Paulo do Milho, que não parecia fazendeiro»*. D'Argent anotou o nome e a alcunha virou a referência oficial nas investigações.
* '''As Lacunas de Marguerite''': Marguerite desenvolveu lapsos inexplicáveis de memória sobre os eventos ocorridos sob a guarda de Paul-Émile, levantando fortes suspeitas do uso de [[Dominação]] para encobrir suas reais intenções ou alianças com conspiradores da fábrica ''Castaigne & Frères''.

== Ganchos Narrativos ==

* '''A Bomba-Relógio com Ivan Petrov''': A inevitabilidade de um encontro direto e inevitável entre Paul-Émile e Ivan Petrov em um Elísio formal é uma crise diplomática iminente.
* '''Rede de Informações Burguesas''': Seus anos transitando no 8º arrondissement lhe deram acesso a segredos financeiros e movimentações da Segunda Inquisição em Paris — acessíveis a qualquer um paciente o bastante para tolerar seus discursos.
* '''Poder Oculto de Dominação''': Embora aparente ser apenas um dândi afetado e irritante, seu domínio de [[Dominação]] e [[Fortitude]] é perigoso quando seus interesses vitais são ameaçados.

[[Categoria:Personagens]]
[[Categoria:Vampiros]]
[[Categoria:Clã Ventrue]]
[[Categoria:Paris]]
[[Categoria:Camarilla]]

Paul-Émile Renard

2026-09-01T20:44:08Z

Fernando: Inclusão da ilustração em alta resolução no infobox e na seção dedicada de Ilustração

== Paul-Émile Renard ==

{| class="wikitable" style="float: right; margin-left: 15px; width: 300px; background-color: #1a1a1a; color: #e0e0e0; border: 1px solid #4a0000;"
|+ style="font-size: 1.2em; font-weight: bold; background-color: #3b0a0a; color: #ffffff;" | Paul-Émile Renard
|-
| colspan="2" style="text-align: center;" | [[File:Paul_Emile_Renard_Ilustracao.jpg|thumb|center|260px|Paul-Émile Renard em Paris (c. 1917)]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Clã
| [[Clã Ventrue|Ventrue]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Geração
| 10ª
|-
! style="background-color: #2b0000; color: #ffffff;" | Sire
| [[Céleste Marchand]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Idade Aparente
| 31 anos
|-
! style="background-color: #2b0000; color: #ffffff;" | Ano do Abraço
| 1889 (Lyon, França)
|-
! style="background-color: #2b0000; color: #ffffff;" | Residência
| Apartamento no 8º arrondissement (próximo ao Parc Monceau), [[Paris]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Facção / Status
| [[Camarilla]] / Ancilla de posição mediana
|}

== Visão Geral ==
'''Paul-Émile Renard''' é um ancilla do [[Clã Ventrue]] residente em [[Paris]]. Nascido em Lyon e abraçado no final do século XIX, circula pelos salões e domínios da [[Camarilla]] parisiense como uma presença tolerada: útil o suficiente por seus contatos na burguesia e etiqueta para não ser banido, mas exasperante e egocêntrico o bastante para nunca ser admitido no círculo íntimo do poder.

Conhecido pejorativamente nos bastidores por alcunhas como *\"Paulo dos Milhos\"* (usado por [[D'Argent]]), Paul-Émile é a personificação do ressentimento intelectual e da presunção aristocrática, possuindo uma habilidade quase sobrenatural de redirecionar absolutamente qualquer assunto da conversa para si mesmo ou para seu trauma amoroso do passado.

== Aparência e Vestuário ==

=== Aparência ===
De altura mediana e ombros levemente encurvados para dentro — o porte de quem passou a existência esperando que alguém notasse sua entrada no salão —, Paul-Émile possui traços finos e bem cuidados, coroados por um bigode aparado com precisão milimétrica. Seus olhos são claros, quase incolores, com o hábito de escanear o rosto dos interlocutores calculando a fração exata de segundo em que poderá interrompê-los.

=== O Vestuário e a Colônia ===
Paul-Émile veste-se como alguém que passou a manhã escolhendo a roupa e passará a noite esperando que alguém pergunte sobre ela:
* '''O Paletó''': Alfaiataria sóbria em tons de cinza-escuro, azul da Prússia ou verde-musgo (*"discretamente ousado"*). A lapela é ligeiramente mais estreita do que a moda exige, pois desdenha "tendências passageiras".
* '''A Gravata e o Colete''': Gravata de seda amarrada com precisão geométrica combinando com o lenço de bolso. Usa colete e polainas mesmo quando a estação não recomenda, por mera fidelidade estética à Belle Époque pré-guerra.
* '''A Colônia de Vetiver''': Aplica uma quantidade insisting de colônia fougère (vetiver, lavanda e almíscar) que chega antes dele e permanece depois de sua saída. Costuma lembrar a todos que sua antiga paixão, Anna Julia, um dia elogiou a fragrância.
* '''O Detalhe Calculado''': Sempre mantém um detalhe deliberadamente imperfeito (um alfinete de lapela inclinado ou um botão desabotoado) acreditando que isso o torna *"acessível e espontâneo"*.

== Ilustração ==
<div style="text-align: center; margin: 20px 0;">
[[File:Paul_Emile_Renard_Ilustracao.jpg|thumb|center|450px|Paul-Émile Renard — Retrato nos salões parisienses da Belle Époque]]
</div>

== História ==

=== Origem e o Abraço em Lyon ===
Nascido em Lyon em 1858, filho de um tabelião de classe média, foi educado com a convicção inabalável de que o sobrenome Renard merecia mais do mundo do que recebia. Aos 20 anos mudou-se para Paris para frequentar salões literários sem nunca publicar nada e circular entre intelectuais sem formular ideias próprias.

Em 1889, foi Abraçado pela Ventrue '''Céleste Marchand''', que buscava um lacaio para transitar na burguesia em ascensão. No entanto, Céleste arrependeu-se amargamente em menos de uma década: Paul-Émile transformou a não-vida e o Abraço em um monólogo exaustivo sobre sua própria genialidade incompreendida, fazendo com que sua Sire o emancipasse prematuramente apenas para se livrar de sua presença.

=== O Triângulo com Anna Julia Voss e Ivan Petrov ===
Em 1901, Paul-Émile apaixonou-se por '''Anna Julia Voss''', uma jovem mortal alemã culta e bem-humorada. Em vez de se declarar abertamente, cultivou anos de cortejo implícito.

Em 1903, para seu choque e desgosto, Anna Julia começou a namorar [[Ivan Petrov]], um imigrante russo de modos rústicos que trabalhava como livreiro no Marais (mais tarde abraçado pelo clã [[Brujah]]). Paul-Émile encarou aquilo como uma ofensa imperdoável à ordem natural das coisas. Mesmo após a trágica morte de Anna Julia por tuberculose em 1911, Paul-Émile nunca superou a rejeição e transformou Ivan no eixo gravitacional de todo o seu ódio e amargura.

== Perfil Psicológico e Comportamento ==

* '''Egocentrismo Inflexível''': Torna qualquer assunto sobre sua própria história. Se alguém relata uma perda ou desgraça, ele afirma ter sofrido algo incomparavelmente pior em 1903.
* '''Vitimismo Estrutural''': Cada revés de sua não-vida é atribuído à conspiração dos outros — sua sire que não o compreendia, os Príncipes que o invejam, ou a mediocridade do mundo.
* '''Corrector Compulsivo''': Sente a necessidade de corrigir pronúncias, datas, referências estéticas e táticas alheias com condescendência pedagógica.
* '''Incel Intelectualizado''': Acredita que seu suposto refinamento deveria lhe garantir admiração e afeto automáticos, ressentindo-se profundamente daqueles que conquistam sucesso por méritos genuínos ou espontaneidade.
* '''Estragador de Prazeres''': Se uma celebração ou conquista não diz respeito a ele, Paul-Émile insere comentários sombrios ou críticas estéticas até drenar a alegria do ambiente.

== Relações com Outros Personagens ==

* '''[[Ivan Petrov]]''': O alvo eterno de seu ressentimento. Evita confrontos físicos diretos, preferindo ataques indiretos, fofocas venenosas e comentários desdenhosos nos salões da cidade.
* '''[[Céleste Marchand]]''': Sua Sire. Mantêm distância mútua por um pacto silencioso de vergonha (dela) e desdém arrogante (dele).
* '''[[Louis Dubois]]''': Considera o famoso cantor Toreador *"vulgar e superestimado"*, alegando conhecer músicos muito superiores na virada do século.
* '''[[Aiden]]''': Enxerga o Gangrel com paternalismo pedante, desdenhando o conceito de Animalismo e a conexão com feras como mera *"projeção psicológica infantil"*.
* '''[[Armand Beaumont]] & [[Marguerite Rousseau]]''': Interagiu com ambos durante a fuga pelas ruas de Paris, oferecendo guiança em troca de concessões de território de caça.
* '''[[D'Argent]]''': Mantém dívidas e transações com a misteriosa figura, que busca capturá-lo ou obter seus segredos sob a alcunha de *"Paulo dos Milhos"*.

== Eventos na Crônica de Paris ==

* '''O Incidente no Hotel Abandonado''': Paul-Émile surgiu durante uma crise armada nas ruas parisienses oferecendo passagem segura para o Xerife Armand Beaumont e Marguerite através de um hotel abandonado, enquanto Aiden continha os perseguidores na porta.
* '''As Lacunas de Marguerite''': Marguerite desenvolveu lapsos inexplicáveis de memória sobre os eventos ocorridos sob a guarda de Paul-Émile, levantando fortes suspeitas do uso de [[Dominação]] para encobrir suas reais intenções ou alianças com conspiradores da fábrica ''Castaigne & Frères''.

== Ganchos Narrativos ==

* '''A Bomba-Relógio com Ivan Petrov''': A inevitabilidade de um encontro direto e inevitável entre Paul-Émile e Ivan Petrov em um Elísio formal é uma crise diplomática iminente.
* '''Rede de Informações Burguesas''': Seus anos transitando no 8º arrondissement lhe deram acesso a segredos financeiros e movimentações da Segunda Inquisição em Paris — acessíveis a qualquer um paciente o bastante para tolerar seus discursos.
* '''Poder Oculto de Dominação''': Embora aparente ser apenas um dândi afetado e irritante, seu domínio de [[Dominação]] e [[Fortitude]] é perigoso quando seus interesses vitais são ameaçados.

[[Categoria:Personagens]]
[[Categoria:Vampiros]]
[[Categoria:Clã Ventrue]]
[[Categoria:Paris]]
[[Categoria:Camarilla]]

File:Paul Emile Renard Ilustracao.jpg

2026-09-01T20:43:50Z

Fernando: Ilustração adicional de Paul-Émile Renard

Ilustração de Paul-Émile Renard em Paris. [[Categoria:Imagens]] [[Categoria:Personagens]]

Paul-Émile

2026-09-01T20:43:24Z

Fernando: Redirecionamento para Paul-Émile Renard

#REDIRECT [[Paul-Émile Renard]]

Paul-Émile Renard

2026-09-01T20:43:20Z

Fernando: Criação da página biográfica e temática de Paul-Émile Renard (Ventrue de Paris)

== Paul-Émile Renard ==

{| class="wikitable" style="float: right; margin-left: 15px; width: 300px; background-color: #1a1a1a; color: #e0e0e0; border: 1px solid #4a0000;"
|+ style="font-size: 1.2em; font-weight: bold; background-color: #3b0a0a; color: #ffffff;" | Paul-Émile Renard
|-
| colspan="2" style="text-align: center;" | [[File:Paul_Emile_Renard.jpg|thumb|center|260px|Paul-Émile Renard em Paris (c. 1917)]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Clã
| [[Clã Ventrue|Ventrue]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Geração
| 10ª
|-
! style="background-color: #2b0000; color: #ffffff;" | Sire
| [[Céleste Marchand]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Idade Aparente
| 31 anos
|-
! style="background-color: #2b0000; color: #ffffff;" | Ano do Abraço
| 1889 (Lyon, França)
|-
! style="background-color: #2b0000; color: #ffffff;" | Residência
| Apartamento no 8º arrondissement (próximo ao Parc Monceau), [[Paris]]
|-
! style="background-color: #2b0000; color: #ffffff;" | Facção / Status
| [[Camarilla]] / Ancilla de posição mediana
|}

== Visão Geral ==
'''Paul-Émile Renard''' é um ancilla do [[Clã Ventrue]] residente em [[Paris]]. Nascido em Lyon e abraçado no final do século XIX, circula pelos salões e domínios da [[Camarilla]] parisiense como uma presença tolerada: útil o suficiente por seus contatos na burguesia e etiqueta para não ser banido, mas exasperante e egocêntrico o bastante para nunca ser admitido no círculo íntimo do poder.

Conhecido pejorativamente nos bastidores por alcunhas como *"Paulo dos Milhos"* (usado por [[D'Argent]]), Paul-Émile é a personificação do ressentimento intelectual e da presunção aristocrática, possuindo uma habilidade quase sobrenatural de redirecionar absolutamente qualquer assunto da conversa para si mesmo ou para seu trauma amoroso do passado.

== Aparência e Vestuário ==

=== Aparência ===
De altura mediana e ombros levemente encurvados para dentro — o porte de quem passou a existência esperando que alguém notasse sua entrada no salão —, Paul-Émile possui traços finos e bem cuidados, coroados por um bigode aparado com precisão milimétrica. Seus olhos são claros, quase incolores, com o hábito de escanear o rosto dos interlocutores calculando a fração exata de segundo em que poderá interrompê-los.

=== O Vestuário e a Colônia ===
Paul-Émile veste-se como alguém que passou a manhã escolhendo a roupa e passará a noite esperando que alguém pergunte sobre ela:
* '''O Paletó''': Alfaiataria sóbria em tons de cinza-escuro, azul da Prússia ou verde-musgo (*"discretamente ousado"*). A lapela é ligeiramente mais estreita do que a moda exige, pois desdenha "tendências passageiras".
* '''A Gravata e o Colete''': Gravata de seda amarrada com precisão geométrica combinando com o lenço de bolso. Usa colete e polainas mesmo quando a estação não recomenda, por mera fidelidade estética à Belle Époque pré-guerra.
* '''A Colônia de Vetiver''': Aplica uma quantidade insisting de colônia fougère (vetiver, lavanda e almíscar) que chega antes dele e permanece depois de sua saída. Costuma lembrar a todos que sua antiga paixão, Anna Julia, um dia elogiou a fragrância.
* '''O Detalhe Calculado''': Sempre mantém um detalhe deliberadamente imperfeito (um alfinete de lapela inclinado ou um botão desabotoado) acreditando que isso o torna *"acessível e espontâneo"*.

== História ==

=== Origem e o Abraço em Lyon ===
Nascido em Lyon em 1858, filho de um tabelião de classe média, foi educado com a convicção inabalável de que o sobrenome Renard merecia mais do mundo do que recebia. Aos 20 anos mudou-se para Paris para frequentar salões literários sem nunca publicar nada e circular entre intelectuais sem formular ideias próprias.

Em 1889, foi Abraçado pela Ventrue '''Céleste Marchand''', que buscava um lacaio para transitar na burguesia em ascensão. No entanto, Céleste arrependeu-se amargamente em menos de uma década: Paul-Émile transformou a não-vida e o Abraço em um monólogo exaustivo sobre sua própria genialidade incompreendida, fazendo com que sua Sire o emancipasse prematuramente apenas para se livrar de sua presença.

=== O Triângulo com Anna Julia Voss e Ivan Petrov ===
Em 1901, Paul-Émile apaixonou-se por '''Anna Julia Voss''', uma jovem mortal alemã culta e bem-humorada. Em vez de se declarar abertamente, cultivou anos de cortejo implícito.

Em 1903, para seu choque e desgosto, Anna Julia começou a namorar [[Ivan Petrov]], um imigrante russo de modos rústicos que trabalhava como livreiro no Marais (mais tarde abraçado pelo clã [[Brujah]]). Paul-Émile encarou aquilo como uma ofensa imperdoável à ordem natural das coisas. Mesmo após a trágica morte de Anna Julia por tuberculose em 1911, Paul-Émile nunca superou a rejeição e transformou Ivan no eixo gravitacional de todo o seu ódio e amargura.

== Perfil Psicológico e Comportamento ==

* '''Egocentrismo Inflexível''': Torna qualquer assunto sobre sua própria história. Se alguém relata uma perda ou desgraça, ele afirma ter sofrido algo incomparavelmente pior em 1903.
* '''Vitimismo Estrutural''': Cada revés de sua não-vida é atribuído à conspiração dos outros — sua sire que não o compreendia, os Príncipes que o invejam, ou a mediocridade do mundo.
* '''Corrector Compulsivo''': Sente a necessidade de corrigir pronúncias, datas, referências estéticas e táticas alheias com condescendência pedagógica.
* '''Incel Intelectualizado''': Acredita que seu suposto refinamento deveria lhe garantir admiração e afeto automáticos, ressentindo-se profundamente daqueles que conquistam sucesso por méritos genuínos ou espontaneidade.
* '''Estragador de Prazeres''': Se uma celebração ou conquista não diz respeito a ele, Paul-Émile insere comentários sombrios ou críticas estéticas até drenar a alegria do ambiente.

== Relações com Outros Personagens ==

* '''[[Ivan Petrov]]''': O alvo eterno de seu ressentimento. Evita confrontos físicos diretos, preferindo ataques indiretos, fofocas venenosas e comentários desdenhosos nos salões da cidade.
* '''[[Céleste Marchand]]''': Sua Sire. Mantêm distância mútua por um pacto silencioso de vergonha (dela) e desdém arrogante (dele).
* '''[[Louis Dubois]]''': Considera o famoso cantor Toreador *"vulgar e superestimado"*, alegando conhecer músicos muito superiores na virada do século.
* '''[[Aiden]]''': Enxerga o Gangrel com paternalismo pedante, desdenhando o conceito de Animalismo e a conexão com feras como mera *"projeção psicológica infantil"*.
* '''[[Armand Beaumont]] & [[Marguerite Rousseau]]''': Interagiu com ambos durante a fuga pelas ruas de Paris, oferecendo guiança em troca de concessões de território de caça.
* '''[[D'Argent]]''': Mantém dívidas e transações com a misteriosa figura, que busca capturá-lo ou obter seus segredos sob a alcunha de *"Paulo dos Milhos"*.

== Eventos na Crônica de Paris ==

* '''O Incidente no Hotel Abandonado''': Paul-Émile surgiu durante uma crise armada nas ruas parisienses oferecendo passagem segura para o Xerife Armand Beaumont e Marguerite através de um hotel abandonado, enquanto Aiden continha os perseguidores na porta.
* '''As Lacunas de Marguerite''': Marguerite desenvolveu lapsos inexplicáveis de memória sobre os eventos ocorridos sob a guarda de Paul-Émile, levantando fortes suspeitas do uso de [[Dominação]] para encobrir suas reais intenções ou alianças com conspiradores da fábrica ''Castaigne & Frères''.

== Ganchos Narrativos ==

* '''A Bomba-Relógio com Ivan Petrov''': A inevitabilidade de um encontro direto e inevitável entre Paul-Émile e Ivan Petrov em um Elísio formal é uma crise diplomática iminente.
* '''Rede de Informações Burguesas''': Seus anos transitando no 8º arrondissement lhe deram acesso a segredos financeiros e movimentações da Segunda Inquisição em Paris — acessíveis a qualquer um paciente o bastante para tolerar seus discursos.
* '''Poder Oculto de Dominação''': Embora aparente ser apenas um dândi afetado e irritante, seu domínio de [[Dominação]] e [[Fortitude]] é perigoso quando seus interesses vitais são ameaçados.

[[Categoria:Personagens]]
[[Categoria:Vampiros]]
[[Categoria:Clã Ventrue]]
[[Categoria:Paris]]
[[Categoria:Camarilla]]

File:Paul Emile Renard.jpg

2026-09-01T20:42:54Z

Fernando: Retrato de Paul-Émile Renard

Retrato de Paul-Émile Renard, Ventrue de Paris. [[Categoria:Imagens]] [[Categoria:Personagens]]