/* V156 - Rodapé mobile definitivo
   Corrige o rodapé aparecendo antes das publicações e compacta o visual no celular. */

/* Garante que blocos de publicações fiquem com aparência de conteúdo antes do rodapé */
.rdo-public-posts{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:56px 8% !important;
  box-sizing:border-box !important;
  background:#120000 !important;
  color:#fff7e6 !important;
}
.rdo-public-posts h2{
  color:#ffd86a !important;
  text-align:center !important;
  margin:0 0 24px !important;
  line-height:1.08 !important;
}

.footer.footer-v111,
footer.footer-v111{
  width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  background:#720000 !important;
  border-top:1px solid rgba(255,204,0,.35) !important;
  color:#fff7e6 !important;
}

.footer-v111-brand,
.footer-v111-links,
.footer-v111-copy{
  position:relative !important;
  z-index:1 !important;
}

@media (max-width:820px){
  body{
    background:#120000 !important;
  }

  .rdo-public-posts{
    padding:42px 16px 34px !important;
    margin:0 !important;
    max-width:100% !important;
  }

  .rdo-public-posts h2{
    font-size:clamp(38px,11vw,60px) !important;
    line-height:1.04 !important;
    margin-bottom:18px !important;
    word-break:normal !important;
  }

  .footer.footer-v111,
  footer.footer-v111{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    padding:30px 16px 118px !important;
    min-height:auto !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  .footer-v111-brand{
    width:100% !important;
    min-width:0 !important;
    max-width:520px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .footer-v111-brand .footer-logo,
  footer .footer-logo{
    width:74px !important;
    max-width:74px !important;
    height:auto !important;
    margin:0 auto 4px !important;
    display:block !important;
  }

  .footer-v111-brand b{
    display:block !important;
    font-size:28px !important;
    line-height:1.05 !important;
    margin:0 !important;
    color:#ffd000 !important;
  }

  .footer-v111-brand p{
    max-width:360px !important;
    margin:6px auto 0 !important;
    font-size:16px !important;
    line-height:1.32 !important;
    color:#fff7e6 !important;
  }

  .footer-v111-links{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
  }

  .footer-v111-links a{
    display:block !important;
    width:auto !important;
    margin:0 auto !important;
    padding:4px 0 !important;
    font-size:15px !important;
    line-height:1.2 !important;
    color:#ffd000 !important;
  }

  .footer-v111-links span{
    display:none !important;
  }

  .footer-v111-copy{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
    font-size:15px !important;
    line-height:1.35 !important;
    white-space:normal !important;
    color:#fff7e6 !important;
  }
}