/* Site da All Esquadrias: estilo comum das 5 páginas (Início, Produtos, Como instalar, Garantia, Contato).

   O que faz: cores e fontes do padrão All (laranja #FF7200, grafite, Saira nos títulos e Figtree no texto), a largura
   única do conteúdo, botões, topo com menu, rodapé e o botão flutuante do WhatsApp. Cada página carrega este arquivo
   antes do seu próprio <style>, que só tem o que é daquela página.

   Por quê (revisão de 06/11/2026, item do Todoist "Revisar o site da All contra erros de IA"): cada página tinha a sua
   cópia deste estilo e a largura do conteúdo tinha ficado diferente em cada uma (1000, 1100, 1160 e 1200 px), com o
   logo do topo fora do alinhamento. Um arquivo só garante as mesmas bordas em todas as páginas. As cores são as mesmas
   de pacotes/visual/all-base.css; não invente cores novas aqui.

   De onde vem e para onde vai: é publicado junto com as páginas no Cloudflare Pages "allaluminio" e servido em
   /midia/site.css nos dois domínios. Fica em /midia/ de propósito: o worker site-all já repassa allesquadrias.com.br/midia/*
   ao Pages; um arquivo na raiz (/site.css) cairia no worker assistencia e o site ficaria sem estilo nesse domínio. */

:root{
  --cor:#FF7200; --cor2:#E06400; --cor-txt:#B85200; --cor-claro:#FFF1E5;
  --esc:#2B2F33; --cinza:#6A7177; --linha:#DDE1E4; --fundo:#EEF0F1;
  --ok:#23804A; --erro:#C2362B;
  --raio:10px; --diag:-24deg;
  /* largura do conteúdo: a mesma em todas as páginas, no topo e no rodapé (bordas iguais) */
  --larg:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--fundo);color:var(--esc);font-size:15px;line-height:1.5;overflow-x:hidden}
h1,h2,h3,.saira{font-family:"Saira",system-ui,sans-serif;letter-spacing:.1px;text-wrap:balance}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid #FFB273;outline-offset:2px}
/* texto selecionado e cursor com a cor da All, em vez do azul do navegador */
::selection{background:#FFD3AD;color:var(--esc)}
input,textarea{caret-color:var(--cor)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

  /* ===== comum: topo, menu, rodapé, WhatsApp ===== */
  .topo{background:#fff;display:flex;align-items:stretch;gap:24px;padding:0 24px;height:68px;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--linha)}
  .topo .marca{display:flex;align-items:center;flex:none}
  .topo .marca img{height:46px;display:block}
  .topo .marca .peq{display:none}
  .topo nav{display:flex;gap:2px;justify-content:center}
  @media (min-width:901px){ .topo{display:grid;grid-template-columns:1fr auto 1fr} }
  .topo nav a{position:relative;display:flex;align-items:center;padding:0 14px;color:var(--cinza);font-weight:600;text-decoration:none;white-space:nowrap}
  .topo nav a:hover,.topo nav a.ativo{color:var(--esc)}
  .topo nav a.ativo::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:5px;background:var(--cor);transform:skewX(var(--diag));border-radius:2px 2px 0 0}
  .menu-bt{display:none;margin-left:auto;align-self:center;align-items:center;gap:8px;border:1px solid #C9CFD3;background:#fff;color:var(--esc);border-radius:8px;padding:8px 12px;font:inherit;font-weight:600;cursor:pointer}
  @media (max-width:1180px){ .topo nav a .longo{display:none} }
  @media (max-width:900px){
    .topo{gap:12px;padding:0 14px;height:60px}
    .topo .marca .grande{display:none}
    .topo .marca .peq{display:block;height:28px}
    .menu-bt{display:inline-flex}
    .topo nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--linha);box-shadow:0 12px 24px rgba(30,33,36,.12);padding:6px 0}
    .topo.aberto nav{display:flex}
    .topo nav a{padding:13px 20px;border-left:4px solid transparent;font-size:16px}
    .topo nav a.ativo{border-left-color:var(--cor);background:var(--cor-claro)}
    .topo nav a.ativo::after{display:none}
    .topo nav a .longo{display:inline}
  }

  .rodape{background:var(--esc);color:#C3C8CC;border-top:4px solid var(--cor);font-size:14px;line-height:1.6}
  .rod-in{max-width:var(--larg);margin:0 auto;padding:36px 24px 26px;display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:28px}
  .rod-in h2{font-family:"Saira",system-ui,sans-serif;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px;letter-spacing:.1px}
  .rod-in ul{list-style:none;display:grid;gap:6px}
  .rod-in a{color:#C3C8CC;text-decoration:none}
  .rod-in a:hover{color:#fff;text-decoration:underline}
  .rod-marca img{width:170px;height:auto;display:block;margin-bottom:12px}
  .rod-marca p{max-width:300px}
  .rod-in .rot{display:block;font-size:12px;color:#8E969C}
  .rod-base{border-top:1px solid #3A3F44;text-align:center;padding:14px 16px 18px;font-size:12.5px;color:#9AA1A7}
  @media (max-width:900px){ .rod-in{grid-template-columns:1fr 1fr;padding:30px 16px 22px} .rod-marca{grid-column:1/-1} }
  @media (max-width:520px){ .rod-in{grid-template-columns:1fr} }

  .zap-flutuante{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom, 0px));z-index:90;width:56px;height:56px;border-radius:50%;background:var(--cor);color:#fff;
    display:grid;place-items:center;box-shadow:0 6px 18px rgba(30,33,36,.28);transition:background .15s,transform .15s}
  .zap-flutuante:hover{background:var(--cor2);transform:scale(1.05)}
  @media print{ .zap-flutuante{display:none} }
  /* ===== fim comum ===== */

/* ===== ajustes da revisão de 06/11/2026 ===== */
/* logo do topo alinhado com a borda esquerda do conteúdo (antes ficava colado na borda da tela) */
@media (min-width:901px){ .topo{padding-inline:max(24px, calc((100% - var(--larg)) / 2 + 24px))} }
/* rodapé: links com altura boa para o dedo no celular (antes 17 px; mínimo recomendado 24 px) */
@media (max-width:900px){ .rod-in ul a{display:inline-block;padding-block:5px} .rod-in ul{gap:2px} }
/* botão do WhatsApp menor no celular, para não tampar as fotos */
@media (max-width:600px){ .zap-flutuante{width:48px;height:48px;right:12px} }