/* Revisão 08/11: mesmo tema do Painel do Marketing (painel-marketing/static/app.css), só cores, fontes, logo e cabeçalho.
   Carrega depois do bruttus.css e troca os tokens; as telas não mudam. */
@font-face{font-family:Russo;src:url(fonts/RussoOne.woff2) format("woff2");font-display:swap}
:root{color-scheme:light;
  --preto:#F3EEE0; --cartao:#FFF6DC; --cartao-2:#FFFFFF; --cartao-3:#ECEAE4;
  --borda:#0A0A0A; --divisa:rgba(10,10,10,.15);
  --texto:#0A0A0A; --texto-2:#4a463f; --texto-2-elev:#4a463f; --texto-3:#6b665c;
  --amarelo:#0A0A0A; --amarelo-hover:#333; --amarelo-fundo:#F5A800;
  --verde-texto:#1d6b21; --vermelho-texto:#CC2222; --laranja-texto:#a24a0b;
  --vidro:#F3EEE0; --s-cartao:none; --s-botao:none; --s-flutua:0 8px 24px rgba(0,0,0,.18);
  --r-cartao:0; --r-campo:0; --r-selo:0}
body{font-family:Arial,sans-serif}
.topo{border-bottom:4px double #0A0A0A;backdrop-filter:none}
.marca b{font-size:0;display:inline-block;width:150px;height:44px;background:url(logo-chama.png) left center/contain no-repeat}
.marca span{font:400 12px/1 Russo,Arial,sans-serif;text-transform:uppercase;color:#0A0A0A}
.menu>a,.mais>summary{font:400 12px/1 Russo,Arial,sans-serif;text-transform:uppercase;border-radius:0;color:#0A0A0A}
.menu>a[aria-current="page"],.mais>summary[aria-current="page"]{background:#F5A800;color:#0A0A0A;border:2px solid #0A0A0A}
h1{font:400 28px/34px Russo,Arial,sans-serif;text-transform:uppercase;color:#0A0A0A}
h1::after{display:none}
h2{font:400 15px/1.2 Russo,Arial,sans-serif;text-transform:uppercase;letter-spacing:.3px}
.cartao{border:2px solid #0A0A0A;box-shadow:none}
.cartao>h2:first-child{display:inline-block;margin-top:0;border-bottom:3px solid #0A0A0A;padding:2px 2px 3px}
button,.botao{border-radius:0;border:2px solid #0A0A0A;background:#F5A800;color:#0A0A0A;font:400 12px/1 Russo,Arial,sans-serif;text-transform:uppercase;box-shadow:none}
button.leve{background:#FFFFFF}
input,select,textarea{border-radius:0;border:2px solid #0A0A0A;background:#FFFFFF;color:#0A0A0A}
.abas-baixo{background:#F3EEE0;border-top:2px solid #0A0A0A}
.abas-baixo>a[aria-current="page"],.mais-baixo>summary[aria-current="page"]{color:#CC2222}
.mais-lista{background:#FFF6DC;border:2px solid #0A0A0A}
.faixa{background:#F5A800;color:#0A0A0A}
.perigo{color:#CC2222}
a{color:#0A0A0A}
.marca{align-items:center}
/* revisão 08/11: nome pequeno embaixo do logo; "Espera o seu toque" em faixas como no marketing */
.marca{flex-direction:column;align-items:flex-start;gap:0}.marca span{font:400 10px/1 Arial,sans-serif;text-transform:lowercase;color:#4a463f}
.espera{margin-bottom:16px}.espera h2{margin:0 0 10px}
.toque{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 8px;background:#FFF6DC;border:2px solid #0A0A0A;border-left-width:8px;text-decoration:none;color:#0A0A0A}
.toque.urgente{border-left-color:#CC2222}.toque:hover{background:#FFFFFF}
.toque .selo-n{min-width:40px;text-align:center;font:400 16px/1 Russo,Arial,sans-serif;background:#F5A800;border:2px solid #0A0A0A;padding:6px 8px}
.toque .perigo{margin-left:auto;font-size:12px}.rodape{font-size:12px;margin-top:16px}