.barra-estado {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: 0.55rem 1.25rem;
  background: #102e4d;
  color: #e9f2fb;
  font-size: 0.82rem;
  text-align: center;
  letter-spacing: 0.01em;
}

body {
  padding-bottom: 2.75rem;
}

@media (max-width: 700px) {
  .barra-estado {
    padding: 0.55rem 0.8rem;
    font-size: 0.75rem;
  }
}