/*
 LaranSys v6.0.35
 Mobile Finish
 - corrige fundo/espaco visual apos rodape em paginas curtas
 - mantem rodape no final do viewport
 - restaura animacoes mobile seguras
 - preserva prefers-reduced-motion
*/

html{
  min-height:100%;
  margin:0;
  padding:0;
  background:#020b0d !important;
}

body[data-v600-animations]{
  margin:0;
  padding:0;
  min-height:100vh;
  min-height:100dvh;
  background:#020b0d !important;

  display:flex;
  flex-direction:column;
}

body[data-v600-animations] > #conteudo-principal{
  width:100%;
  min-width:0;
  min-height:0;
  flex:1 0 auto;
}

body[data-v600-animations] > .public-footer,
body[data-v600-animations] > .premium-footer,
body[data-v600-animations] > .ls-footer-v617{
  flex:0 0 auto;
  margin-top:auto;
  margin-bottom:0 !important;
}

/*
 Safari/iOS pode mostrar a cor do elemento HTML durante
 overscroll/bounce. Mantemos a identidade escura do site.
*/
@supports (-webkit-touch-callout:none){
  html,
  body[data-v600-animations]{
    background:#020b0d !important;
  }
}

/*
 Restaura apenas animacoes que o CSS antigo desliga
 explicitamente em <= 720px.

 Nao anulamos prefers-reduced-motion.
*/
@media (max-width:720px) and (prefers-reduced-motion:no-preference){

  body[data-v600-animations] .v50-device{
    animation:v50Float 9s ease-in-out infinite !important;
  }

  body[data-v600-animations] .v50-trust-track{
    animation-play-state:running !important;
  }
}

/*
 Evita qualquer faixa clara residual no final da pagina.
*/
@media (max-width:900px){

  html,
  body[data-v600-animations],
  body[data-v600-animations] > #conteudo-principal{
    background-color:#020b0d;
  }

  body[data-v600-animations] > .public-footer,
  body[data-v600-animations] > .premium-footer,
  body[data-v600-animations] > .ls-footer-v617{
    position:relative;
    z-index:2;
  }
}