/*
 ========================================================================
                  BIGARIUS — SISTEMA DE GESTÃO JURÍDICA
 ========================================================================
 Programa ..... BIGARIUS — Sistema de Gestão Jurídica
 Módulo ....... Painel do Condutor — estilo das páginas públicas
 Arquivo ...... central/static/publico.css
 Versão ....... 1.1.0 (versão do programa; alterações registradas no Git)
 No Git desde . 2026-10-20
 Linguagem .... CSS
 Autor e titular dos direitos patrimoniais:
                Hermes Brandão Vilela Filho
 Copyright .... (c) 2026 Hermes Brandão Vilela Filho. Todos os direitos
                reservados, ressalvadas as licenças e os direitos de
                terceiros.
 Proteção ..... Programa de computador protegido pela Lei nº 9.609/1998
                e pela Lei nº 9.610/1998.
 Registro INPI  pendente
 Descrição .... Aparência das páginas públicas da Central.
 Este arquivo integra o conjunto identificado na documentação técnica
 (docs/DOCUMENTACAO-TECNICA.md) da versão correspondente do programa.
 ========================================================================
*/
:root { --ink: #1f1b16; --muted: #6b6257; --line: #e4ddd2; --paper: #faf7f2; --gold: #9a7b3c }
@media (prefers-color-scheme: dark) { :root { --ink: #efe9df; --muted: #b3a998; --line: #3a342c; --paper: #1b1915; --gold: #c9a45c } }
* { box-sizing: border-box }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif }
main { max-width: 760px; margin: 0 auto; padding: 40px 16px 64px }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; border-bottom: 1px solid var(--line); padding-bottom: 18px }
header img { width: 56px; height: 56px; border-radius: 50% }
header strong { display: block; font: 600 22px Georgia, serif; letter-spacing: .06em }
header span { color: var(--muted); font-size: 13px; letter-spacing: .12em; text-transform: uppercase }
h1 { font: 400 30px/1.25 Georgia, serif; margin: 0 0 8px }
h2 { font: 600 18px Georgia, serif; margin: 28px 0 6px; color: var(--gold) }
p, li { color: var(--ink) }
.lead, footer { color: var(--muted) }
footer { margin-top: 40px; border-top: 1px solid var(--line); padding-top: 16px; font-size: 14px }
a { color: var(--gold) }

/* página de contratação */
.pedido { display: flex; flex-direction: column; gap: 14px; margin-top: 18px }
.pedido h2 { margin-top: 18px }
.campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px }
.campos .largo { grid-column: 1 / -1 }
.pedido label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: var(--muted) }
.pedido input { font: inherit; color: var(--ink); background: transparent; border: 1px solid var(--line); border-radius: 6px; padding: 9px 10px }
.pedido input:focus { outline: 2px solid var(--gold); outline-offset: 1px }
.pedido .usuarios { max-width: 560px }
.pedido .usuarios input { width: 120px }
.planos-publicos { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px }
.plano-opcao { display: grid !important; grid-template-columns: auto 1fr; gap: 2px 10px !important; align-items: center; border: 1px solid var(--line); border-radius: 10px; padding: 14px; cursor: pointer; color: var(--ink) !important }
.plano-opcao input { grid-row: span 3 }
.plano-opcao strong { font-family: Georgia, serif; font-size: 18px }
.plano-opcao .preco { font-size: 20px; font-weight: 600; color: var(--gold) }
.plano-opcao small { color: var(--muted) }
.plano-opcao:has(input:checked) { border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold) }
.sufixo { display: flex; align-items: center; gap: 6px; color: var(--ink) }
.sufixo input { flex: 1; min-width: 0 }
.aceite { flex-direction: row !important; align-items: flex-start; gap: 8px !important; color: var(--ink) !important }
.aceite input { margin-top: 4px }
.oculto { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden }
.nota { font-size: 13px; color: var(--muted); margin: 0 }
.nota.ok { color: #2f7a4b }
.erro { color: #a3372b; min-height: 1em; margin: 0 }
.botao-publico { font: 600 16px inherit; background: var(--gold); color: #fff; border: 0; border-radius: 8px; padding: 12px 18px; cursor: pointer; align-self: flex-start }
.botao-publico:disabled { opacity: .6; cursor: default }
.aviso-minuta { border: 1px dashed var(--gold); border-radius: 8px; padding: 10px 12px; color: var(--gold); font-size: 14px }
@media (max-width: 560px) { .campos { grid-template-columns: 1fr } }
@media (prefers-color-scheme: dark) { .erro { color: #f0a196 } .nota.ok { color: #8fd3a5 } }