/* ============================================================
   TECH SILVA — HEADER FINAL (aprovado 02/10/2026) — COMPACTO
   Estrutura: logo · busca · VER PRODUTOS · conta · Menu
   Navegação (Produtos/Categorias/Suporte) vive dentro do painel do Menu.
   CTA é SEMPRE "VER PRODUTOS" (não muda por estado de conta).
   ============================================================ */
.tsh{background:#fff;border-bottom:1px solid #D6E2F2;position:relative;z-index:60}
.tsh-in{display:flex;align-items:center;gap:14px;padding:0 24px;height:64px;max-width:1400px;margin:0 auto}
.tsh-logo{display:flex;align-items:center;gap:8px;flex:none;text-decoration:none}
.tsh-logo .simbolo{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,#075FEA 0%,#061A33 100%);display:flex;align-items:center;justify-content:center;flex:none}
.tsh-logo .simbolo svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}
.tsh-logo .marca{font:800 17px 'Sora','Manrope',sans-serif;color:#061A33;letter-spacing:-.4px;white-space:nowrap}
.tsh-logo .marca span{color:#075FEA}
.tsh-busca{flex:1;min-width:150px;display:flex;align-items:center;gap:9px;background:#F7F9FC;border:1px solid #D6E2F2;border-radius:10px;height:40px;padding:0 13px}
.tsh-busca svg{width:16px;height:16px;stroke:#7E93AD;fill:none;stroke-width:2;stroke-linecap:round;flex:none}
.tsh-busca input{border:0;background:transparent;outline:none;font:400 13px 'Inter',system-ui,sans-serif;width:100%;color:#12213D}
.tsh-busca input::placeholder{color:#93A3B8}
.tsh-cta{display:inline-flex;align-items:center;gap:7px;background:#075FEA;color:#fff;border:0;border-radius:10px;height:40px;padding:0 16px;font:700 12.5px 'Inter',system-ui,sans-serif;letter-spacing:.03em;text-decoration:none;flex:none;box-shadow:0 6px 16px rgba(7,95,234,.24);white-space:nowrap;cursor:pointer}
.tsh-cta:hover{background:#0649c9}
.tsh-cta svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round}
.tsh-conta{display:flex;align-items:center;gap:7px;padding:4px 8px 4px 4px;border:1px solid #D6E2F2;border-radius:10px;flex:none;background:#fff;cursor:pointer;text-decoration:none;position:relative}
.tsh-conta .av{position:relative;width:30px;height:30px;border-radius:50%;background:#EAF0F8;color:#075FEA;font:700 12px 'Sora',sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.tsh-conta .av i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#20B86A;border:2px solid #fff;display:none}
.tsh-conta.logado .av i{display:block}
.tsh-conta .quem{display:none;flex-direction:column;line-height:1.15;text-align:left}
.tsh-conta.logado .quem{display:flex}
.tsh-conta .quem b{font:700 12px 'Inter',sans-serif;color:#061A33;white-space:nowrap}
.tsh-conta .quem span{font:500 10.5px 'Inter',sans-serif;color:#075FEA;white-space:nowrap}
.tsh-conta .seta{display:none;width:13px;height:13px;stroke:#8497AD;fill:none;stroke-width:2.2;stroke-linecap:round;flex:none}
.tsh-conta.logado .seta{display:block}
.tsh-menu{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px;border:1px solid #D6E2F2;border-radius:10px;background:#fff;font:600 12.5px 'Inter',sans-serif;color:#26405F;cursor:pointer;flex:none;white-space:nowrap}
.tsh-menu:hover{border-color:#075FEA;color:#075FEA}
.tsh-menu svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}

/* painel do menu (Design System) */
.tsh-painel{position:absolute;top:calc(100% + 8px);right:16px;width:372px;max-height:calc(100vh - 90px);overflow:auto;
  background:#fff;border:1px solid #DCE6F4;border-radius:16px;box-shadow:0 22px 60px rgba(6,26,51,.20);padding:14px;z-index:70;display:none}
.tsh-painel.aberto{display:block}
.tsh-p-topo{display:flex;gap:11px;align-items:center;padding:6px 8px 13px;border-bottom:1px solid #EDF2F9}
.tsh-p-topo .av{position:relative;width:40px;height:40px;border-radius:50%;background:#EAF0F8;color:#075FEA;font:700 16px 'Sora',sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.tsh-p-topo .av i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#20B86A;border:2px solid #fff}
.tsh-p-topo b{display:block;font:700 14px 'Sora',sans-serif;color:#061A33}
.tsh-p-topo small{display:block;font:400 11.5px 'Inter',sans-serif;color:#53657A;margin-top:2px}
.tsh-on{display:flex;align-items:center;gap:6px;font:600 11px 'Inter',sans-serif;color:#20B86A;margin-top:4px}
.tsh-on i{width:7px;height:7px;border-radius:50%;background:#20B86A}
.tsh-sep{height:1px;background:#EDF2F9;margin:8px -6px}
.tsh-item{display:flex;gap:11px;align-items:center;padding:9px 10px;border-radius:10px;text-decoration:none}
.tsh-item:hover{background:#F4F8FE}
.tsh-item .ic{width:32px;height:32px;border-radius:9px;background:#EAF0F8;display:flex;align-items:center;justify-content:center;flex:none}
.tsh-item .ic svg{width:16px;height:16px;stroke:#075FEA;fill:none;stroke-width:2;stroke-linecap:round}
.tsh-item b{display:block;font:600 13px 'Inter',sans-serif;color:#061A33}
.tsh-item small{display:block;font:400 11px 'Inter',sans-serif;color:#7A8798;margin-top:1px}
.tsh-sair{display:flex;gap:11px;align-items:center;padding:9px 10px;border-radius:10px;text-decoration:none;color:#C33}
.tsh-sair:hover{background:#FFF5F5}
.tsh-sair .ic{width:32px;height:32px;border-radius:9px;background:#FDECEC;display:flex;align-items:center;justify-content:center;flex:none}
.tsh-sair .ic svg{width:16px;height:16px;stroke:#C33;fill:none;stroke-width:2;stroke-linecap:round}
.tsh-sair b{font:600 13px 'Inter',sans-serif}
.tsh-titulo{font:700 10.5px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#93A3B8;padding:4px 10px 2px}
.tsh-btns{display:grid;gap:8px;padding:6px}
.tsh-entrar{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:10px;background:#075FEA;color:#fff;font:700 13px 'Inter',sans-serif;text-decoration:none}
.tsh-criar{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:10px;border:1px solid #D6E2F2;color:#061A33;font:600 13px 'Inter',sans-serif;text-decoration:none;background:#fff}
.tsh-entrar svg,.tsh-criar svg{width:16px;height:16px;fill:none;stroke-width:2.2;stroke-linecap:round}
.tsh-oculto{display:none !important}

/* tablet */
@media (max-width:1023px){
  .tsh-in{gap:10px;padding:0 16px;height:60px}
  .tsh-logo .marca{font-size:15px}
  .tsh-busca{height:38px}
  .tsh-cta{height:38px;padding:0 12px;font-size:11.5px}
  .tsh-menu{height:38px;padding:0 11px}
  .tsh-conta .quem{display:none !important}
  .tsh-conta{padding:4px;border:1px solid #D6E2F2}
  .tsh-conta .seta{display:none !important}
}
/* mobile — compacto (aprovado): linha 1 completa + busca slim */
@media (max-width:767px){
  .tsh-in{flex-wrap:wrap;height:auto;padding:8px 12px;gap:6px 8px}
  .tsh-logo .simbolo{width:24px;height:24px;border-radius:7px}
  .tsh-logo .marca{font-size:14px}
  .tsh-busca{order:9;flex-basis:100%;height:38px;gap:7px;padding:0 11px}
  .tsh-busca input{font-size:12.5px}
  .tsh-cta{height:36px;padding:0 10px;font-size:11px;border-radius:10px;gap:5px;margin-left:auto}
  .tsh-menu{height:36px;width:36px;padding:0;justify-content:center;border-radius:10px}
  .tsh-menu{order:-1}   /* ☰ primeiro no mobile (aprovado) */
  .tsh-menu span.rot{display:none}
  .tsh-conta{padding:3px;border-radius:10px}
  .tsh-conta .av{width:28px;height:28px;font-size:11.5px}
  .tsh-painel{right:8px;left:8px;width:auto;top:calc(100% + 6px)}
}

/* ============================================================
   ADAPTACAO DE OFFSETS LEGADOS - rollout 02/10/2026
   O cabecalho antigo era FIXO (topbar 34 + header 72 = 106px
   sobrepostos); varios deslocamentos foram calibrados para ele.
   Com o .tsh NO FLUXO (64px), estes valores reproduzem o respiro
   aprovado. Uma regra por familia (carregado depois das folhas
   antigas, vence no empate de especificidade).
   ============================================================ */
.breadcrumb { padding-top: 16px; }   /* modelos/blog/guia/lp: era 88px sob o header fixo */
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; } /* folga dos itens (landings/checkout/contato/downloads nao tinham) */
.hero-f92 { padding-top: 32px; }     /* hub /reset-epson/: era 104px sob o header fixo */