/**
 * Estimei — css/manutencao.css
 * Modo Manutenção / Em Breve — CSS compartilhado por TODAS as páginas
 * públicas do site (index.html, privacidade.html, termos.html,
 * calculadora-vs-planilha-leilao.html). Fonte única de verdade: editar
 * aqui, nunca duplicar num <style> inline de página — ver Regra 87 do
 * PROJETO.md (mesmo padrão/bug tem que ser corrigido em todo lugar que
 * compartilha a lógica; aqui é o inverso, um recurso compartilhado tem
 * que viver num lugar só pra nunca precisar ser corrigido 4 vezes).
 *
 * Carregado via <link rel="stylesheet"> bem no início do <head> de cada
 * página — um <link> de stylesheet sempre bloqueia a renderização até
 * carregar (comportamento padrão do navegador), então isto já garante
 * zero "flash" do conteúdo real antes da regra de esconder abaixo valer,
 * sem precisar de nenhum truque adicional.
 */

/* Escondida por padrão (página real visível); só entra em cena quando o
   <html> ganha a classe manutencao-ativa (ver manutencao-gate.js).
   Regra dupla (mostra a tela / esconde o resto do body) pra nunca deixar
   as duas visíveis juntas por engano. */
#estimei-manutencao { display: none; }
html.manutencao-ativa { background: #0E1626; } /* evita flash branco antes do #estimei-manutencao existir */
html.manutencao-ativa #estimei-manutencao { display: flex; }
html.manutencao-ativa body > *:not(#estimei-manutencao) { display: none !important; }

#estimei-manutencao {
    position: fixed; inset: 0; z-index: 999999;
    flex-direction: column; align-items: center; justify-content: center;
    gap: 28px; padding: 32px 24px; text-align: center;
    background: radial-gradient(ellipse at top, #16233b 0%, #0E1626 62%);
    color: #EEF1F6; font-family: 'Archivo', -apple-system, sans-serif;
}
#estimei-manutencao .em-logo { width: min(220px, 60vw); height: auto; }
#estimei-manutencao .em-eyebrow {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: 12px; letter-spacing: .18em; text-transform: uppercase;
    color: #7FA8C9;
}
#estimei-manutencao h1 {
    font-size: clamp(28px, 5vw, 44px); font-weight: 700;
    letter-spacing: -0.01em; max-width: 720px; line-height: 1.15;
}
#estimei-manutencao p.em-sub {
    font-size: clamp(14px, 2.2vw, 17px); color: #A9B8CC;
    max-width: 480px; line-height: 1.6;
}
#estimei-manutencao .em-countdown {
    display: flex; gap: clamp(10px, 3vw, 24px); margin-top: 4px;
}
#estimei-manutencao .em-countdown-item {
    display: flex; flex-direction: column; align-items: center;
    min-width: 56px;
}
#estimei-manutencao .em-countdown-num {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: clamp(24px, 5vw, 38px); font-weight: 700;
    color: #EEF1F6; font-variant-numeric: tabular-nums;
}
#estimei-manutencao .em-countdown-label {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
    color: #7FA8C9; margin-top: 2px;
}
#estimei-manutencao .em-footer {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: 11px; color: #4E6483; margin-top: 12px;
}