/* Tecas — ajustes da versão 20261027j.
   1) Barra de categorias dentro do cabeçalho no PC (27/10/2026, noite, pedido do Nuno: o menu de texto e a barra azul por baixo
   repetiam-se). ≥900px: Futebol · Calçado · F1 · Outros · Novidades com ícone e número, centrados entre o logótipo e os ícones;
   a barra separada por baixo do cabeçalho deixa de aparecer (início e catálogo). <900px: tudo como estava (barra por baixo e menu ☰). */
@media(min-width:900px){
 .cab .mm.cab-seps{flex:1 1 auto;min-width:0;display:flex;justify-content:center}
 .cab .mm.cab-seps>ul{gap:4px;background:#ffffff12;border-radius:12px;padding:4px;flex-wrap:nowrap}
 .cab .mm.cab-seps .mm-link{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:.4rem;row-gap:0;
   padding:.35rem .7rem;border:0;border-radius:9px;line-height:1.12;font-size:.78rem;letter-spacing:.05em;white-space:nowrap;color:#fff}
 .cab .mm.cab-seps .mm-link .i{grid-row:1/3;font-size:1.25rem;line-height:1;letter-spacing:0}
 .cab .mm.cab-seps .mm-link .t{font-weight:800}
 .cab .mm.cab-seps .mm-link .k{font-size:.64rem;font-weight:600;letter-spacing:0;opacity:.75;text-transform:none}
 .cab .mm.cab-seps .mm-item:hover>.mm-link,.cab .mm.cab-seps .mm-item:focus-within>.mm-link{background:#ffffff1f;border:0}
 .cab .mm.cab-seps .mm-link.on,.cab .mm.cab-seps .mm-item:hover>.mm-link.on{background:var(--coral)}
 .cab .mm.cab-seps .mm-link.on .k{opacity:1}
 .cab .mm.cab-seps.sem-n .mm-link .k{visibility:hidden}
 .seps-inicio,.topo>#seps{display:none!important}
}
@media(min-width:900px) and (max-width:1149.98px){
 header.cab{gap:.6rem;padding-left:1rem;padding-right:1rem}
 .cab .mm.cab-seps>ul{gap:2px;padding:3px}
 .cab .mm.cab-seps .mm-link{padding:.3rem .45rem;column-gap:.3rem;font-size:.72rem;letter-spacing:.02em}
 .cab .mm.cab-seps .mm-link .i{font-size:1.1rem}
}
@media(min-width:900px) and (max-width:999.98px){
 .cab .logo .logo-t{font-size:1rem}
 /* com «Painel» (administrador) não há espaço para o nome ao lado do emblema; o nome «Tecas» está no próprio emblema */
 .cab:has(.ic-painel) .logo .logo-t{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(max-width:899.98px){.cab .mm-link .i,.cab .mm-link .k{display:none}}

/* 2) Destaques da página inicial (27/10/2026): todos os destaques com o mesmo alinhamento e o cartão sempre inteiro.
   - os destaques ficam todos na mesma célula de uma grelha: o carrossel tem a altura do maior (nada fica cortado nem por baixo da faixa
     «Resposta rápida por WhatsApp…»), e a altura não muda ao passar de um destaque para outro;
   - foto inteira (contain) numa caixa quadrada; nome com letra mais pequena, centrado, sempre com 3 linhas de altura (… só em último recurso). */
.hero-pistas{display:grid;min-height:500px}   /* altura reservada antes de os destaques aparecerem (sem saltos); cresce se for preciso */
@media(max-width:1023.98px){.hero-pistas{min-height:452px}}
@media(max-width:760px){.hero-pistas{min-height:612px}}
@media(max-width:379.98px){.hero-pistas{min-height:662px}}
.hero-pistas>.slide{position:relative;inset:auto;grid-area:1/1;min-width:0}
.slide-foto .wm img{height:auto;object-fit:contain;background:#f2f2f2}
.slide-foto .slide-leg{font-size:.8rem;line-height:1.3;height:3.9em;box-sizing:content-box;padding:.5rem .4rem .65rem;text-align:center;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media(max-width:760px){
 .slide-foto .slide-leg{font-size:.7rem}
 .hero-pistas>.slide{padding-bottom:2.8rem}
}