/* --- ESTILO CLEAN PROFISSIONAL (INSPIRADO NA TRANSLASER) --- */

/* 1. Reset de cores para um fundo limpo */
body { background-color: #ffffff !important; color: #333 !important; }

/* 2. Cabeçalho: Fundo branco, logo centralizado e sombra leve */
#cabecalho { background-color: #ffffff !important; border-bottom: 1px solid #eeeeee !important; box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important; padding: 20px 0 !important; }

/* 3. Menu Superior: Cinza Escuro (Autoridade) */
.menu.superior { background-color: #1A1A1B !important; border: none !important; }
.menu.superior .nivel-um > li > a { color: #ffffff !important; font-weight: 700 !important; font-size: 13px !important; text-transform: uppercase !important; }
.menu.superior .nivel-um > li:hover { background-color: #FF6600 !important; }

/* 4. Vitrine: Tirar as bordas pesadas e usar sombras sutis */
.listagem .span3 { border: 1px solid #f2f2f2 !important; border-radius: 8px !important; padding: 15px !important; margin-bottom: 20px !important; transition: 0.3s !important; }
.listagem .span3:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important; border-color: #FF6600 !important; }

/* 5. Preços e Botão Comprar (Laranja para Conversão) */
.preco-venda { color: #333 !important; font-weight: bold !important; }
.preco-promocional { color: #FF6600 !important; font-size: 1.4em !important; }
.botao-comprar { background-color: #FF6600 !important; border: none !important; border-radius: 4px !important; font-weight: bold !important; text-transform: uppercase !important; color: #fff !important; padding: 10px !important; }

/* 6. Rodapé Dark (Padrão Translaser) */
#rodape { background-color: #1A1A1B !important; padding: 40px 0 !important; color: #ffffff !important; }
#rodape .titulo { color: #FF6600 !important; border: none !important; font-size: 16px !important; }

/* 7. Esconder elementos que poluem o visual padrão */
.bandeira-promocao { background-color: #00A3FF !important; }