/* ===== Rodapé — organização e hierarquia (Suzano Brindes) ===== */
.rodape-titulo{
  color:#9a0d0b !important;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:13px !important;
  font-weight:700 !important;
  margin-bottom:20px !important;
}
@media (min-width:768px){
  .rodape-atendimento::before{
    content:"Atendimento";
    display:block; color:#9a0d0b; text-transform:uppercase;
    letter-spacing:.06em; font-size:13px; font-weight:700; margin-bottom:20px;
  }
}
.rodape-atendimento .atendimento-content{ margin-bottom:16px !important; color:#726a64; }
.rodape-atendimento .atendimento-content:last-child{ margin-bottom:0 !important; }
.rodape-atendimento .atendimento-content strong{ color:#201f1f !important; }
.rodape-institucional a{ display:block; margin-bottom:12px; color:#4c4641 !important; transition:color .15s; }
.rodape-institucional a:hover{ color:#9a0d0b !important; }
.rodape-sobre{ color:#5f574f; line-height:1.65; }
.rodape-coluna{ padding-right:16px; }

/* ===== Respiros da área final (depoimentos · newsletter · rodapé) ===== */

/* Depoimentos: respiro em volta e entre título e cards */
.vitrine-depoimentos{ padding:60px 0 66px !important; }
.vitrine-depoimentos > *:first-child{ margin-bottom:40px !important; }
.depoimento.slick-slide{ padding:0 12px; }

/* Newsletter: respiro interno e separação clara do rodapé */
.componente.newsletter{
  padding:52px 20px !important;
  border-top:1px solid #ece3e0;
  border-bottom:1px solid #ece3e0;
  margin-bottom:48px !important;
}
.newsletter-titulo{ margin-bottom:8px !important; }

/* Formas de pagamento e selos: separação da linha superior + respiro */
.pagamento-selos{
  margin-top:50px !important;
  padding-top:40px !important;
  padding-bottom:10px !important;
  border-top:1px solid #ece3e0;
}

/* ===== Distribuir as 4 colunas do rodapé igualmente (1/4 cada, ocupar 100%) ===== */
@media (min-width:768px){
  .rodape .row-fluid{ display:flex !important; }
  .rodape .row-fluid > .rodape-coluna{
    flex:1 1 25% !important;
    width:25% !important;
    max-width:25% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding-right:26px !important;
    margin-left:0 !important;
  }
}
.institucional .row-fluid{display:flex !important}
.institucional .row-fluid>.rodape-coluna{flex:1 1 25% !important;width:25% !important;max-width:25% !important;min-width:0 !important;box-sizing:border-box !important}