/* ===========================================================================
   Multiluz Service — tokens do manual de marca (manual-service.pdf, set/2026)

   Azul Delfim  #23315F · Xantho (amarelo) #F3AE02 · Branco Anti-Flash #EAEBED
   Preto Uva-Passa #1E1E24 · Tipografia Poppins (regular e bold)

   Logo: versão positiva em fundo claro, NEGATIVA (branco + amarelo) em fundo
   escuro/azul; nunca sobre amarelo; margem de segurança = altura do "type".

   Carregar DEPOIS do <style> da página: os tokens daqui sobrescrevem os locais.
   Arquivo idêntico em calculadora.service, contrato.service e apipipefy
   (public/.../marca) — mudou num, copie para os outros.
   =========================================================================== */
@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/poppins-400.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/poppins-500.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/poppins-600.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/poppins-700.woff2") format("woff2"); }

:root {
  --navy: #23315F;
  --navy-2: #33457c;
  --navy-claro: #33457c;
  --ouro: #F3AE02;
  --tinta: #1E1E24;
  --texto: #1E1E24;
  --fundo: #EAEBED;
  --marca-azul: #23315F;
  --marca-amarelo: #F3AE02;
  --marca-claro: #EAEBED;
  --marca-preto: #1E1E24;
}

body { font-family: "Poppins", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
input, select, textarea, button { font-family: inherit; }

/* Cabeçalho azul das telas: logo negativo à esquerda do título */
.topo > div:first-child {
  background: url("logo-horizontal-negativo.png") left center / auto 28px no-repeat;
  padding-left: 168px;
  min-height: 34px;
  display: flex; flex-direction: column; justify-content: center;
}
@media (max-width: 560px) {
  .topo > div:first-child { background-image: url("simbolo-negativo.png"); padding-left: 46px; }
}

/* Telas de login / formulário em fundo claro: logo positivo empilhado */
.marca-login { display: block; height: 62px; width: auto; margin: 10px auto 6px; }