/* PARTUM ENGENHARIA · folha do site. Paleta oficial do BRANDBOOK-PARTUM.pdf. O acento (#00A3D8) é reservado para CTA e destaque: espalhar acento é o jeito mais rápido de um site premium parecer template. */ :root{ --escuro:#0D162B; --escuro2:#0A1122; --profundo:#153B77; --medio:#00689E; --azul:#00A3D8; --branco:#F4F8FC; --dim:rgba(224,236,248,.72); --dim2:rgba(224,236,248,.5); --linha:rgba(140,180,220,.20); --display:'Archivo','Helvetica Neue',sans-serif; --sombra:0 18px 50px rgba(0,0,0,.4); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--escuro);color:var(--branco); font-family:'Manrope',system-ui,sans-serif;line-height:1.7;overflow-x:hidden; -webkit-font-smoothing:antialiased} /* height:auto é obrigatório junto do max-width. Sem ele, os atributos width/height do HTML (que existem para reservar espaço e evitar salto de layout) travam a altura: a largura encolhe para caber no container e a imagem estica. Uma foto 1600x900 chegou a renderizar 496x900. Quem precisa preencher container tem regra própria com object-fit, que vence esta. */ img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none} h1,h2,h3,h4{font-family:var(--display);line-height:1.1;letter-spacing:-.02em;margin:0;font-weight:700} .wrap{max-width:1140px;margin:0 auto;padding:0 22px} .pular{position:absolute;left:12px;top:12px;z-index:200;background:var(--azul);color:#04101f; padding:.6rem 1rem;border-radius:8px;clip-path:inset(50%);white-space:nowrap} .pular:focus{clip-path:none} .barra-progresso{background:var(--azul)} /* ---------- cabeça ---------- */ .cabeca{position:fixed;inset:0 0 auto;z-index:80;padding:16px 0;transition:background .3s,padding .3s; backdrop-filter:blur(0)} .cabeca.rolou,.cabeca.solida{background:rgba(10,17,34,.92);backdrop-filter:blur(10px); border-bottom:1px solid var(--linha);padding:10px 0} .cabeca .wrap{display:flex;align-items:center;gap:20px} .marca img{height:38px;width:auto} /* ═══════════════════════════════════════════════════════════════════════════ QUEM CEDE ESPAÇO NO CABEÇALHO, E QUEM NÃO CEDE O cabeçalho é um flex com quatro itens: logo, menu, busca e botão. Por padrão TODOS são `flex:0 1 auto`, ou seja, todos encolhem quando falta espaço, e o navegador escolhe quem sofre. Travar só o menu não resolveu: a pressão andou para o próximo item flexível e o BOTÃO passou a quebrar "Análise técnica" em duas linhas. Item de flex é assim, apertar um empurra o vizinho. Aqui a regra fica explícita: logo, menu e botão NÃO encolhem, e a busca é a única que cede. Ela é o acessório, e um campo de busca menor continua sendo um campo de busca; um botão de duas linhas parece defeito. ═══════════════════════════════════════════════════════════════════════════ */ .cabeca .marca{flex:0 0 auto} .cabeca .nav-cta{flex:0 0 auto;white-space:nowrap} /* `flex:0 0 auto` e `white-space:nowrap`: o menu é o conteúdo, não o acessório. Sem o nowrap, quando o espaço apertava o item quebrava no meio e "A Partum" virava "A" numa linha e "Partum" na outra. */ /* `flex:0 1 auto` COM `min-width:0`, e não `flex:0 0 auto`: agora a busca mora dentro do