/* Aviso para navegadores que no pueden correr Comavio (Chrome < 111, Safari < 16.4): React lo reemplaza al
   arrancar; si el JavaScript no corre, aparece a los 4 s. CSS antiguo a propósito: sin variables ni @layer. */
.aviso-navegador {
  opacity: 0;
  -webkit-animation: aviso-aparece 0s 4s forwards;
  animation: aviso-aparece 0s 4s forwards;
  max-width: 28em;
  margin: 15vh auto 0;
  padding: 0 16px;
  font-family: sans-serif;
  color: #1f2933;
  line-height: 1.5;
}
.aviso-navegador h1 {
  color: #17384d;
  font-size: 1.4em;
}
@-webkit-keyframes aviso-aparece {
  to {
    opacity: 1;
  }
}
@keyframes aviso-aparece {
  to {
    opacity: 1;
  }
}