/* ===== Tema «Anne Fernandes» — identidade tirada de annefernandesadv.com.br =====
   Carregado a seguir ao estilo.css, só nesta instância, através de MARCA_TEMA
   no /etc/afcrm.env. Cores e tipografia iguais às do site do escritório:
   dourado #DDA758, âmbar #BA730C, petróleo #0C3347, texto #373737,
   títulos em Cormorant Garamond e texto em Poppins. */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

:root{
  --papel:#faf7f2; --papel-2:#f3ece0; --marfim:#fffdf9;
  --tinta:#373737; --tinta-2:#5f5951; --tinta-3:#918a7e;
  --linha:#ece2d1; --linha-2:#dccfb6;

  /* cor de marca: o âmbar do site, com o dourado como versão clara */
  --vn:#BA730C; --vn-escuro:#8d5708; --vn-claro:#fbf1e1;

  --ok:#3f6f4a; --ok-claro:#eaf1ea;
  --aviso:#9a6a1e; --aviso-claro:#f7efe1;
  --atraso:#a3320f; --atraso-claro:#fbeae4;
  --azul:#0C3347;

  --dourado:#DDA758; --dourado-claro:#EBC462; --petroleo:#0C3347;
}

body{font-family:'Poppins',system-ui,sans-serif}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:.005em}
.kpi .valor{font-family:'Cormorant Garamond',Georgia,serif}
::selection{background:#f6e3c4}

/* ---------- barra lateral: petróleo do site, com o dourado a marcar a página ---------- */
.lateral{background:var(--petroleo);color:#cddae2}
.lateral nav a{color:#cddae2}
.lateral nav a.ativo::before{background:var(--dourado)}
.marca{border-bottom:1px solid rgba(255,255,255,.12)}
/* O monograma existe em duas versões: a escura, para fundos claros, e a dourada,
   que é a única que se lê sobre o petróleo da barra lateral. */
.marca::before{
  width:96px;height:96px;margin:0 auto 10px;
  background:url('/logo-anne.png') center/contain no-repeat;
}
.marca small{color:var(--dourado);font-size:8.5px;letter-spacing:.22em}
.perfil{border-top:1px solid rgba(255,255,255,.12);color:#a9b7c1}
.perfil b{color:#eef4f7}
.perfil button{border-color:rgba(255,255,255,.3);color:#cddae2}

/* ---------- login ---------- */
.login-fundo{background:linear-gradient(150deg,var(--petroleo) 0%,#123f56 45%,var(--vn-escuro) 100%)}
.login-caixa{border-top:3px solid var(--dourado)}
.login-caixa::before{
  width:150px;height:150px;
  background:url('/logo-anne.png') center/contain no-repeat;
}

/* ---------- botões: o dourado do site, com o âmbar em cima ---------- */
.btn.vn{background:var(--vn);border-color:var(--vn)}
.btn.vn:hover{background:var(--vn-escuro);border-color:var(--vn-escuro)}
a{color:var(--vn)}

/* ---------- escolha de país ao registar cliente ----------
   Faz parte da funcionalidade, não da marca: se um dia esta escolha passar para
   o código base, este bloco vai com ela para o estilo.css. */
.escolha-pais{position:fixed;inset:0;background:rgba(12,51,71,.55);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}
.escolha-pais[hidden]{display:none}
.escolha-caixa{background:var(--marfim);border-top:3px solid var(--dourado);border-radius:3px;padding:32px 34px;max-width:430px;width:100%;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.escolha-caixa h2{font-size:24px;margin-bottom:8px}
.escolha-caixa p{font-size:13px;color:var(--tinta-2);margin-bottom:22px}
.escolha-botoes{display:flex;gap:12px;justify-content:center}
.escolha-botoes .btn{min-width:130px}
.etiqueta-pais{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--vn);border:1px solid var(--linha-2);border-radius:2px;padding:3px 9px}
.etiqueta-pais:empty{display:none}