/* ZENK · marca aplicada aos projetos internos. NÃO EDITAR: este arquivo é igual em todos os projetos.
   Fonte: manual de marca (SharePoint › CONSTRUTORA › 09_MARCA ZENK) e a intranet, que é o exemplo aplicado.
   O estilo próprio do projeto fica em estilo/projeto.css, usando só as variáveis abaixo. */

/* Stara: licença da Zenk confirmada pela Hellen em 22/10/2026. */
@font-face { font-family:"Stara";   src:url("../marca/fontes/Stara-SemiBold.woff2") format("woff2");   font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("../marca/fontes/Manrope-Regular.woff2") format("woff2");  font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("../marca/fontes/Manrope-SemiBold.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("../marca/fontes/Manrope-Bold.woff2") format("woff2");     font-weight:700; font-style:normal; font-display:swap; }

:root {
  /* Paleta aprovada */
  --zenk-preto:        #000000;
  --zenk-offwhite:     #F9F9F9;
  --zenk-cinza:        #C7C6C6;  /* só fios decorativos */
  --zenk-fendi:        #706A5E;  /* contornos, ícones e formas; nunca texto sobre preto */
  --zenk-quase-preto:  #191B1A;
  --zenk-cinza-claro:  #E9E9E9;
  --zenk-fendi-escuro: #504B45;  /* texto secundário e rótulos */

  /* Fontes: Stara nos títulos; Manrope em subtítulos e texto */
  --zenk-fonte-titulo: "Stara", "Manrope", Arial, sans-serif;
  --zenk-fonte-texto:  "Manrope", Arial, sans-serif;

  /* Papéis (use estes nomes no projeto.css) */
  --fundo:          var(--zenk-offwhite);
  --superficie:     var(--zenk-cinza-claro);
  --texto:          var(--zenk-preto);
  --texto-suave:    var(--zenk-fendi-escuro);
  --fio:            var(--zenk-cinza);
  --contorno:       var(--zenk-fendi);
  --sobre-escuro:   var(--zenk-offwhite);
  --destaque-hover: var(--zenk-quase-preto);
  color-scheme: light;
}

/* Base */
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; min-height:100vh; background:var(--fundo); color:var(--texto); font-family:var(--zenk-fonte-texto); font-size:15px; line-height:1.6; }
h1,h2,h3 { margin:0; font-family:var(--zenk-fonte-titulo); font-weight:600; text-transform:uppercase; letter-spacing:.08em; line-height:1.15; color:var(--texto); }
h1 { font-size:28px; } h2 { font-size:20px; } h3 { font-size:16px; }
p { margin:0; }
a { color:var(--texto); text-underline-offset:3px; }
button,input,select,textarea { font:inherit; color:inherit; }
button { cursor:pointer; }
[hidden] { display:none !important; }
:focus-visible { outline:2px solid var(--texto); outline-offset:2px; }

/* Logo: mínimo de 300 px de largura com a tagline (regra provisória do manual) */
.zenk-logo { display:block; width:300px; max-width:100%; height:auto; }

/* Rótulo em maiúsculas pequenas, para títulos de seção e cabeçalhos de tabela */
.rotulo { font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.18em; text-transform:uppercase; color:var(--texto-suave); }

/* Botões: principal em preto; secundário com contorno fendi. Cantos retos, como na marca. */
.botao-principal,.botao-secundario { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 18px; border:1px solid var(--contorno); border-radius:0; font-size:14px; font-weight:600; line-height:1.2; white-space:nowrap; }
.botao-principal { background:var(--texto); border-color:var(--texto); color:var(--sobre-escuro); }
.botao-principal:hover { background:var(--destaque-hover); border-color:var(--destaque-hover); }
.botao-secundario { background:transparent; color:var(--texto); }
.botao-secundario:hover { border-color:var(--texto); }

/* Campos */
input[type=text],input[type=search],input[type=date],input[type=number],select,textarea { width:100%; padding:12px 14px; border:1px solid var(--contorno); border-radius:0; background:var(--fundo); }
input::placeholder,textarea::placeholder { color:var(--texto-suave); opacity:1; }
label { display:block; margin-bottom:6px; font-size:13px; font-weight:600; }

/* Tabela */
table.tabela { width:100%; border-collapse:collapse; text-align:left; }
.tabela th { padding:14px 12px; background:var(--superficie); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--texto-suave); vertical-align:bottom; }
.tabela td { padding:12px; border-top:1px solid var(--fio); font-size:14px; vertical-align:middle; }
.tabela tbody tr:first-child td { border-top:0; }

/* Aviso */
.aviso { padding:10px 12px; border:1px solid var(--texto-suave); background:var(--superficie); font-size:13px; }

/* Faixa de protótipo: fica até a publicação */
.faixa-prototipo { margin:0; padding:6px 16px; background:var(--texto-suave); color:var(--sobre-escuro); font-size:11px; letter-spacing:.14em; text-align:center; text-transform:uppercase; }