/* Mosaico nativo — mesmo layout do Masonry Gallery Carousel, deslizando para
   a direita. Cada grupo tem 1240px de largura e 350 de altura, como o slider. */

@keyframes mi-mas-dir{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}

/* O original e FULL WIDTH (3057px medidos), nao cabe no container de 1140px
   do Elementor — dentro dele a faixa ficava estreita e centralizada, com preto
   dos dois lados. Estas duas linhas tiram o bloco do container. */
.mi-mas{
  position:relative;height:350px;overflow:hidden;scrollbar-width:none;
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)
}
.mi-mas::-webkit-scrollbar{display:none}

.mi-mas__fita{
  display:flex;flex-wrap:nowrap;width:max-content;height:100%;
  animation:mi-mas-dir var(--mi-mas-dur,120s) linear infinite;
  will-change:transform
}
.mi-mas:hover .mi-mas__fita,
.mi-mas:focus-within .mi-mas__fita{animation-play-state:paused}

/* cada mosaico: 1240x350, colunas lado a lado */
.mi-mas__grupo{
  flex:0 0 auto;width:1240px;height:100%;
  display:flex;gap:2px;margin-right:2px
}
.mi-mas__col{display:flex;flex-direction:column;gap:2px;height:100%}

.mi-mas__bloco{
  display:block;width:100%;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  background-color:#0d0d0d;
  text-decoration:none;transition:filter .25s ease,transform .25s ease
}
a.mi-mas__bloco:hover,a.mi-mas__bloco:focus-visible{filter:brightness(1.15)}
a.mi-mas__bloco:focus-visible{outline:3px solid #0080E9;outline-offset:-3px}

.mi-mas__sr{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);white-space:nowrap
}

@media (max-width:880px){
  .mi-mas{height:230px}
  .mi-mas__grupo{width:820px}
}

/* Movimento reduzido: segue deslizando, 60% mais devagar. E um deslize linear
   lento, com pausa no hover; parar por completo deixaria o bloco estatico para
   quem tem "Efeitos de animacao" desligado no Windows. */
@media (prefers-reduced-motion:reduce){
  .mi-mas__fita{animation-duration:calc(var(--mi-mas-dur,120s) * 1.6)}
}