/* Pantalla de arranque (index.html): logo del PAE centrado y el de la Gobernación de Bolívar abajo,
   sobre fondo blanco. Va aparte de styles.css porque se necesita antes de que cargue el JavaScript,
   y la CSP no admite estilos en línea. */
#splash {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

#splash .splash-pae {
  width: min(70vw, 20rem);
  height: auto;
}

#splash .splash-gobernacion {
  position: absolute;
  bottom: calc(2rem + env(safe-area-inset-bottom, 0px));
  width: auto;
  height: min(18vh, 7rem);
}