/* Barra do topo e rodapé da Consulta de Lote com as cores e a fonte do site Velaplast,
   no mesmo desenho do painel /admin do site: cinza #545252 das barras do site, filete
   laranja #e37a36 (o da logo), âmbar #ffc24d para o que é destaque sobre o cinza, e a
   Roboto que o site serve. A estrutura é a de sempre (consulta.css e login.css); este
   arquivo, carregado por último, só troca cor e fonte. */

@font-face { font-family: "Roboto"; font-weight: 400; font-style: normal; font-display: swap; src: url("../font/roboto-400.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 500; font-style: normal; font-display: swap; src: url("../font/roboto-500.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 700; font-style: normal; font-display: swap; src: url("../font/roboto-700.woff2") format("woff2"); }

.topo, .rodape {
    --site-cinza: #545252; --site-laranja: #e37a36; --site-ambar: #ffc24d;
    font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    background: var(--site-cinza);
}

/* ── Barra do topo ── */
.topo { border-bottom: 3px solid var(--site-laranja); box-shadow: 0 2px 10px rgba(0, 0, 0, .18); }
.topo-marca .selo { color: var(--site-ambar); border-color: rgba(255, 194, 77, .4); background: rgba(0, 0, 0, .18); }
.topo-quem strong { font-weight: 500; }
.topo-quem span { color: #dedbdb; }
.topo-btn { border-color: rgba(255, 255, 255, .3); }
.topo-btn:hover, .topo-btn:focus-visible { background: rgba(255, 255, 255, .14); border-color: var(--site-ambar); }

/* ── Rodapé ── */
.rodape { box-shadow: 0 -2px 10px rgba(0, 0, 0, .18); }
.rodape a, .rodape .link-texto,
.rodape a:hover, .rodape .link-texto:hover,
.rodape a:focus-visible, .rodape .link-texto:focus-visible { color: var(--site-ambar); }