/* Paleta do site: bege liso, verde profundo, ouro. Sem framework, sem build. */ :root{ --bege:#ece4d2; --bege2:#e4dbc5; --creme:#f4efe4; --verde:#22382f; --deep:#0f1a16; --texto:#1f322a; --ouro:#a17b36; --ouro-l:#c9a35c; --linha:rgba(20,35,29,.16); --linha2:rgba(20,35,29,.09); /* --serif era usada pela faixa de preço e nunca tinha sido declarada: a propriedade caía como inválida e o número herdava o sans do body. Daí o preço não ter presença nenhuma na tela. ui-serif entrega New York no mac, que tem algarismos alinhados — Georgia tem algarismos de texto, de alturas diferentes, e estraga um valor com sete casas. */ --serif: ui-serif, "Times New Roman", Georgia, serif; } *{box-sizing:border-box} body{margin:0;background:var(--bege);color:var(--texto); font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif} a{color:var(--verde)} /* O cabeçalho voltou às proporções antigas de propósito. A primeira tentativa aqui cresceu o header, empilhou a identidade em duas linhas e transformou o Sair numa caixa — resolveu um problema e criou quatro. O que faltava era uma coisa só: saber em que tela se está. É só isso que esta versão acrescenta. */ header.topo{background:var(--deep);color:var(--creme);padding:14px 22px; display:flex;align-items:center;gap:18px} header.topo .marca{flex:0 0 auto;font-weight:600;letter-spacing:.18em; text-transform:uppercase;font-size:12px;color:var(--ouro-l); text-decoration:none;white-space:nowrap} header.topo .marca:hover{color:var(--creme)} /* nowrap + rolagem: quebrar em duas linhas misturava os links com o botão de sair, que é justamente o clique que não pode ser dado por engano. */ header.topo .menu{display:flex;align-items:center;gap:16px;margin-left:auto; flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none} /* O menu rola quando não cabe — e precisa parecer que rola. O do administrador tem doze itens e pede 1.096 px de largura; abaixo disso os últimos saem de vista sem aviso, e "Escrever" é o primeiro a sumir. Com a barra de rolagem escondida, some em silêncio. O esmaecimento é o aviso, e só entra quando há o que esconder: CSS não sabe se um elemento transbordou, então quem responde isso é a página, em `base.html`. Aplicado sempre, ele apagaria o último item mesmo cabendo tudo — foi o que aconteceu na primeira tentativa. */ header.topo .menu.transborda{ -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent); mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent)} header.topo .menu::-webkit-scrollbar{display:none} header.topo .menu a{color:var(--creme);text-decoration:none;font-size:13px; letter-spacing:.06em;opacity:.85;white-space:nowrap; padding-bottom:3px;border-bottom:2px solid transparent} header.topo .menu a:hover{opacity:1;color:var(--ouro-l)} /* A única adição: o item aceso. Sublinhado em vez de negrito — negrito muda a largura do texto e faz o menu inteiro dançar a cada troca de tela. */ header.topo .menu a.ativo{opacity:1;border-bottom-color:var(--ouro-l)} /* Identidade e saída ficam fora do