/* Reseteo básico */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: Arial, sans-serif;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff; /* Fondo claro */
}

.splash-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 16px; /* Añade un margen interno para móviles */
}

.splash-logo {
  width: 100%;
  max-width: 300px; /* Máximo ancho en móviles */
  height: auto; /* Mantiene la proporción */
  object-fit: contain;
  border-radius: 8px; /* Opcional: esquinas redondeadas */
}

/* Ajuste para pantallas grandes */
@media (min-width: 768px) {
  .splash-logo {
    max-width: 400px; /* Máximo tamaño en tabletas */
  }
}

@media (min-width: 1024px) {
  .splash-logo {
    max-width: 421px; /* Máximo tamaño en escritorio */
  }
}