/* ============================================================
   SEÇÃO · marcas — faixa navy com as marcas dos casos (Impacto V2, 24/09/2026)
   Figma "Impacto" (6:717): a faixa de logos logo abaixo da abertura.
   Parada (regra 9); cada marca leva ao caso dela. Só transform/opacity.
   ============================================================ */
.lp-root .lp-mc{
  position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius-lg);
  background:var(--navy-900);color:var(--paper);
}
.lp-root .lp-mc .gmove{--gm:rgba(120,150,255,.12);}
.lp-root .lp-mc-in{position:relative;z-index:2;padding:var(--space-64) var(--space-64) var(--space-56);}
.lp-root .lp-mc-eye{color:#7fb0ff;}
.lp-root .lp-mc .lp-sec-tit{color:var(--paper);max-width:22ch;}
.lp-root .lp-mc-lista{
  margin-top:var(--space-40);list-style:none;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-12);
}
.lp-root .lp-mc-marca{
  display:flex;align-items:center;justify-content:center;height:96px;padding:0 var(--space-20);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);
  color:var(--paper);text-decoration:none;text-align:center;
  transition:background-color .25s ease,border-color .25s ease,transform .25s cubic-bezier(.2,.7,.2,1);
}
.lp-root a.lp-mc-marca:hover{background-color:rgba(255,255,255,.07);border-color:rgba(255,255,255,.3);transform:translateY(-2px);}
.lp-root .lp-mc-marca img{max-height:40px;max-width:150px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.92;}
.lp-root .lp-mc-nome{font-size:var(--fs-h4);font-weight:600;line-height:1.15;letter-spacing:.01em;opacity:.92;}
@media (max-width:1024px){
  .lp-root .lp-mc-in{padding:var(--space-48) var(--space-40);}
}
@media (max-width:768px){
  .lp-root .lp-mc-in{padding:var(--space-40) var(--space-20);}
  .lp-root .lp-mc-lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);margin-top:var(--space-32);}
  .lp-root .lp-mc-marca{height:76px;padding:0 var(--space-12);}
  .lp-root .lp-mc-marca img{max-height:30px;max-width:120px;}
  .lp-root .lp-mc-nome{font-size:var(--fs-sm);}
}

/* variante "preto" (22/10/2026, doc "Ajustes 22/10", item 16): mesma linguagem da seção "O tempo de volta, em números"
   — fundo preto, texto branco, cinza-claro no apoio, fio discreto — e o degradê estático de seis cores nos logos e nomes. */
.lp-root .lp-mc--preto{background:#000;}
.lp-root .lp-mc--preto .lp-mc-eye{color:rgba(255,255,255,.62);}
.lp-root .lp-mc--preto .lp-mc-marca{border-color:rgba(255,255,255,.12);}
.lp-root .lp-mc--preto a.lp-mc-marca:hover{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.26);}
.lp-root .lp-mc--preto .lp-mc-nome{
  background:linear-gradient(90deg,#ff4a3d 0%,#ff7a1a 20%,#ffd84a 40%,#f8f6de 60%,#88efff 80%,#2f6bff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:1;
}
.lp-root .lp-mc-logo{
  display:block;width:150px;height:40px;max-width:100%;
  background:linear-gradient(90deg,#ff4a3d 0%,#ff7a1a 20%,#ffd84a 40%,#f8f6de 60%,#88efff 80%,#2f6bff 100%);
  -webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;
}
@media (max-width:768px){ .lp-root .lp-mc-logo{width:120px;height:30px;} }
@media (forced-colors:active){ .lp-root .lp-mc-logo{background:CanvasText;} }