/* ==========================================================================
   Cores das Encomendas (1Log). Carregado depois de /site/css/tema.css,
   redefine as variáveis de cor e o fundo do topo e do rodapé.
   ========================================================================== */

:root {
  --cor-escura: #c2410c;
  --cor-media: #e2550a;
  --cor: #f05a00;
  --cor-clara: #fff1e8;
  --cor-destaque: #ffe1c7;
  --cor-destaque-suave: rgba(255, 255, 255, .14);
  --cor-gradiente-fim: #ff8a3d;
  --grafite: #2f2f2f;
  --sombra: 0 8px 30px rgba(60, 25, 5, .08);
  --sombra-forte: 0 14px 40px rgba(60, 25, 5, .14);
  --texto: #262626;
  --texto-suave: #63605d;
  --fundo: #faf6f3;
  --borda: #efe5de;
}

.topbar, .rodape { background: var(--grafite); }

/* Formulário de rastreio */
.rastreio .form-control {
  border-radius: 12px;
  border: 1px solid var(--borda);
  padding: .7rem 1rem;
  height: auto;
}
.rastreio .form-control:focus { border-color: var(--cor); box-shadow: 0 0 0 .2rem rgba(240, 90, 0, .15); }
.rastreio label { font-weight: 700; font-size: .85rem; color: var(--texto-suave); }
.rastreio .btn-cta { width: 100%; padding: .8rem; font-size: 1rem; }

.campanhas img { width: 100%; height: auto; border-radius: var(--raio); box-shadow: var(--sombra); }
.faixa-banner img { width: 100%; height: auto; border-radius: var(--raio); }