html, body {
    height: 100%; /* Asegura que html y body ocupen el 100% de la altura del viewport */
    margin: 0; /* Elimina cualquier margen predeterminado */
    padding: 0; /* Elimina cualquier padding predeterminado */
}

body {
    background-image: url('../images/laboratorio-1.jpg');
    background-size: cover; /* Escala la imagen para cubrir toda el área */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* No repetir la imagen */
    background-attachment: fixed; /* Mantén la imagen fija en su lugar al hacer scroll */
    display: flex; /* Usar flexbox para centrar el contenido */
    min-height: 100vh; /* Asegura que el body tenga al menos la altura del viewport */
}

h1 {
    color: white; /* Asegura que el texto sea legible */
    font-size: 2rem; /* Tamaño de fuente para el texto */
}

.card {
    background: rgba(255, 255, 255, 0.85); /* Fondo blanco semi-transparente */
    border-radius: 10px;
    padding: 20px;
}

.error-message {
	font-size: 1.5rem;
	color: #dc3545; /* Rojo para resaltar el error */
}
.error-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}
.error-image {
	max-width: 100%;
	height: auto;
}