/* Atualização 135 - Redes lado a lado
   Remove o efeito leque da seção "Vem ver nas redes" e organiza os cards em linha. */

#social.social-wall,
.social-wall#social{
  overflow:hidden!important;
}

#social .social-fan,
.social-wall .social-fan{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:clamp(18px,2.4vw,34px)!important;
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:1180px!important;
  height:auto!important;
  min-height:0!important;
  margin:clamp(34px,5vw,72px) auto 0!important;
  padding:0!important;
  overflow:visible!important;
  perspective:none!important;
  transform:none!important;
}

#social .social-card,
.social-wall .social-fan .social-card{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  flex:0 1 300px!important;
  width:clamp(220px,25vw,310px)!important;
  height:clamp(330px,38vw,420px)!important;
  max-width:100%!important;
  transform:none!important;
  rotate:0deg!important;
  translate:0 0!important;
  scale:1!important;
  opacity:1!important;
  z-index:auto!important;
  transform-origin:center center!important;
  transition:box-shadow .28s ease, border-color .28s ease, filter .28s ease!important;
  border:1px solid rgba(214,170,76,.28)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.22)!important;
}

#social.in-view .social-card,
#social.fan-open .social-card,
#social.rodagem-social-fan-open .social-card,
#social.social-animated .social-card,
.social-wall.in-view .social-card,
.social-wall.fan-open .social-card,
.social-wall.rodagem-social-fan-open .social-card,
.social-wall.social-animated .social-card{
  transform:none!important;
  rotate:0deg!important;
  translate:0 0!important;
  scale:1!important;
  opacity:1!important;
}

#social .social-card:hover,
#social.in-view .social-card:hover,
#social.fan-open .social-card:hover,
#social.rodagem-social-fan-open .social-card:hover,
#social.social-animated .social-card:hover,
.social-wall .social-card:hover,
.social-wall.in-view .social-card:hover,
.social-wall.fan-open .social-card:hover,
.social-wall.rodagem-social-fan-open .social-card:hover,
.social-wall.social-animated .social-card:hover{
  transform:translateY(-10px)!important;
  rotate:0deg!important;
  scale:1!important;
  z-index:5!important;
  border-color:rgba(214,170,76,.72)!important;
  box-shadow:0 26px 64px rgba(0,0,0,.32),0 0 0 1px rgba(214,170,76,.16)!important;
}

#social .social-card img,
.social-wall .social-card img{
  transform:none!important;
  transition:filter .28s ease!important;
}

#social .social-card:hover img,
.social-wall .social-card:hover img{
  transform:none!important;
  filter:saturate(1.04) contrast(1.03)!important;
}

@media (max-width:900px){
  #social .social-fan,
  .social-wall .social-fan{
    width:calc(100vw - 28px)!important;
    gap:16px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding:6px 14px 22px!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #social .social-card,
  .social-wall .social-fan .social-card{
    flex:0 0 min(76vw,280px)!important;
    width:min(76vw,280px)!important;
    height:360px!important;
    scroll-snap-align:center!important;
  }
}

@media (max-width:560px){
  #social .social-fan,
  .social-wall .social-fan{
    margin-top:28px!important;
  }
  #social .social-card,
  .social-wall .social-fan .social-card{
    flex-basis:78vw!important;
    width:78vw!important;
    height:330px!important;
  }
}