/* Aparte de estilo.css para no chocar con el rediseño de «interfaz». */
.punto-aviso {
  display: inline-block;
  inline-size: 0.6rem;
  block-size: 0.6rem;
  margin-inline-start: 0.35rem;
  border-radius: 50%;
  background: #ff5a5f;
  vertical-align: super;
}

/* Con el menú cerrado (móvil y tablet vertical), el punto va sobre el botón. */
.barra__abrir { position: relative; }
.barra__abrir .punto-aviso {
  position: absolute;
  inset-block-start: 0.45rem;
  inset-inline-end: 0.45rem;
  margin: 0;
  vertical-align: baseline;
}