/* ============================================================
   Marca "lean-autosite": tokens para o gerador do site (D-076, D-112)
   Uso: carregar DEPOIS de site.css, só na cópia lean.autosite.com.br.
     <link rel="stylesheet" href="site.css">
     <link rel="stylesheet" href="lean-autosite.css">
   Não altera o site.css nem a marca VirtualisP. Sem @import, sem url(), sem fonte externa.
   Fontes: as atuais do site (Inter, Sora, IBM Plex Mono), pela D-076
   ("fontes atuais com a paleta AutoSite"). A AutoSite usa Playfair Display + Inter:
   trocar a fonte, se a AutoSite pedir, é decisão do Claudio (PROPOSTA em aberto).
   Origem dos valores: autosite-tokens.css e AUTOSITE_DESIGN_SYSTEM.md (pacote LEAN_PARCEIRO),
   ajustados onde a WCAG 2.2 AA pede (marcado AJUSTE). Contas na prancha.
   labal_designer, 2026-11-04.
   ============================================================ */

/* 1. Variáveis: os nomes do site recebem os valores da AutoSite */
:root{
  /* superfícies */
  --fundo:#FBFAF7;          /* as-offwhite: fundo da página (papel) */
  --sup:#FFFFFF;            /* as-white: cartão */
  --sup2:#F4EDE0;           /* as-cream: faixas, rodapé, botão do menu */
  --campo:#FFFFFF;          /* campo em caixa */
  /* texto */
  --texto:#1B2A41;          /* as-navy: 13,84:1 no fundo */
  --texto2:#495567;         /* navy a 80 % em hex sólido: 7,24:1 no fundo, 6,49:1 no cream */
  --ph:#5F6A7A;             /* AJUSTE: navy a 70 %; o navy/30 da AutoSite falha o 1.4.3. Aqui 5,48:1 no branco */
  /* destaque e ação */
  --dest:#1B2A41;           /* botão primário e links em navy (AutoSite: primário navy) */
  --dest-hover:#24364F;     /* as-navy-700 */
  --sobre-dest:#FFFFFF;     /* 14,44:1 sobre o navy */
  --dest-suave:#F4EDE0;     /* fundo suave: cream */
  --acento:#C0623C;         /* as-terracotta: só foco, ativo e detalhe gráfico; nunca texto (3,98:1) */
  --acento-texto:#A9532F;   /* as-terracotta-600 para texto (rótulo): 5,07:1 no fundo, 4,55:1 no cream */
  /* bordas */
  --trilho:#E7E2D8;         /* as-line: borda de cartão (decorativa) */
  --linha-forte:#D8D2C6;    /* as-line-strong: contorno do botão secundário (decorativo; o texto identifica o botão) */
  --linha-lado:#E3DCCD;     /* as-line-side: linha do cabeçalho e do rodapé */
  --borda-campo:#828A96;    /* AJUSTE: navy a 55 %; o line-strong dá 1,50:1 e falha o 1.4.11. Aqui 3,49:1 no branco */
  /* estados (pares texto + fundo da AutoSite) */
  --ok:#2F6B3A;   --ok-fundo:#E8F0E8;      /* 5,50:1 */
  --info:#2B5D8A; --info-fundo:#E1ECF6;    /* 5,78:1 */
  --alerta:#8A4B00; --alerta-fundo:#F6ECD6; --alerta-borda:#C77A0A; /* AJUSTE: o #9A6B16 da AutoSite dá 3,99:1; mantido o #8A4B00 do site, 5,79:1 */
  --erro:#9B342F; --erro-fundo:#F4E2E0;    /* 5,74:1 */
  /* forma */
  --r1:8px;                 /* as-radius-ctl: botão, campo, item de menu */
  --r2:12px;                /* as-radius-card */
  --r3:999px;               /* pílula */
  /* sombra: a AutoSite usa borda de 1 px e quase nenhuma sombra */
  --sombra1:0 1px 0 #E3DCCD;                 /* linha sob o cabeçalho */
  --sombra2:0 0 0 1px #E7E2D8;               /* cartão: contorno de 1 px, sem sombra */
  --sombra3:0 10px 34px rgba(26,35,50,.10);  /* só modal e gaveta */
  --sombra-foco:0 0 0 4px rgba(192,98,60,.22);
  /* movimento e grade */
  --t:150ms ease-out;       /* AutoSite: 150 ms no hover */
  --grade:28px;
  /* fontes e tamanhos: os do site (D-076); o corpo continua com 16 px (a AutoSite usa 14) */
}

/* 2. Ajustes de componente (só onde a variável não basta) */
body{
  background-color:var(--fundo);
  background-image:
    linear-gradient(to right, rgba(27,42,65,.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(27,42,65,.035) 1px, transparent 1px);
  background-size:var(--grade) var(--grade);
}
::selection{background:var(--acento);color:#FFFFFF}
.topo{background:rgba(251,250,247,.96)}
.btn:hover{background:var(--dest-hover);box-shadow:none}
.btn-2{background:transparent;color:var(--texto);box-shadow:inset 0 0 0 1px var(--linha-forte)}
.btn-2:hover{background:rgba(244,237,224,.6);box-shadow:inset 0 0 0 1px var(--linha-forte)}
.btn-txt:hover{color:var(--acento-texto)}
a:focus-visible,button:focus-visible,summary:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:var(--acento)}
.selo{background:transparent;color:var(--acento-texto);padding:0;min-height:24px;letter-spacing:.14em}
.cartao-link:hover,a.cartao:hover{box-shadow:0 0 0 1px var(--borda-campo)}
.cartao.luz{box-shadow:inset 0 3px 0 var(--acento),var(--sombra2)}
.cartao .cartao.luz{box-shadow:inset 0 3px 0 var(--acento)}
.rodape{background:var(--sup2);box-shadow:inset 0 1px 0 var(--linha-lado)}
.menu-cel nav{box-shadow:var(--sombra2),var(--sombra3)}

/* 3. Marca no cabeçalho: lockup oficial da AutoSite "AutoSite | LEAN" (Design System, item 5.10) */
.lockup-lean{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--texto);text-decoration:none}
.lockup-lean img{display:block;height:22px;width:auto}       /* 22 px: altura mínima da AutoSite na interface */
.lockup-lean .sep{width:1px;height:24px;background:currentColor;opacity:.2}
.lockup-lean .sub{font:500 11px/1 var(--fm);letter-spacing:.15em;color:var(--texto2)}

/* 4. Selo de parceria AutoSite e VirtualisP: só no rodapé e em Quem somos (D-076, D-112) */
.selo-parceria{display:inline-block;padding:22px 22px 22px 0}  /* respiro = altura do "A" (22 px para 24 px de logo); à esquerda, a margem da coluna */
.selo-parceria img{display:block;height:24px;width:auto}
@media (max-width:640px){.selo-parceria img{height:22px}}       /* nunca abaixo de 18 px (rodapé, AutoSite) */

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* 5. Ajustes do gerador (versão final, 2026-11-04) */
/* 5.1 Logo conjunto B (fio vertical, D-117) lado a lado no topo e no rodapé (D-116). Respiro pelos manuais. */
.logo-par{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;text-decoration:none;flex:none}
.logo-par img{display:block;height:28px;width:auto}
.logo-par-rodape img{height:24px}
.rodape .selo-parceria{padding:12px 0}
/* 5.2 Versão compacta (celular): 22 px, a altura mínima da AutoSite na interface; "Entrar" vai para o Menu */
@media (max-width:480px){
  .logo-par img{height:22px}
  .topo .entrar{display:none}
  .menu-cel{margin-left:auto}
  .menu-cel .so-cel{display:block}
}
.menu-cel .so-cel{display:none}
/* 5.3 O nome Lean.AutoSite é mais longo: a tabela de passos da Capacitação passava 7 px em 390 px (fase 1) */
.passos-cap th,.passos-cap td{overflow-wrap:anywhere}
/* 5.4 D-122: faixa "fase de testes" (creme e azul-marinho do labal: contraste acima de 12:1; o texto diz, não só a cor) */
.faixa-teste{margin:0;padding:8px 16px;background:#F4EDE0;color:#1B2A41;border-bottom:1px solid #D8CBB3;
  font-size:15px;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.faixa-teste a{color:#1B2A41;text-decoration:underline;display:inline-block;padding:4px 2px}
.aviso-fase{font-weight:600}
/* 5.5 D-122 no início: o topo é fixo e flutua sobre a foto; a faixa vai DENTRO dele, para não ficar escondida */
.faixa-flutuante{pointer-events:auto;width:calc(100% - 24px);margin:0 auto 8px;border:0;border-radius:var(--r2);
  padding:6px 12px;font-size:14px;box-shadow:0 8px 28px rgba(16,24,40,.18)}
@media (max-width:860px){.faixa-flutuante{width:calc(100% - 16px);margin-bottom:6px}}