body {
		text-align: center;
		font-family: Arial, sans-serif;
		background-color: pink;
		color: blue;
	}

	.imagenes {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 10px;             
		justify-content: center;
		align-items: center;
		margin: 30px auto;
		width: max-content;    
	}

	.imagenes img {
		width: 150px;
		height: 150px;
		object-fit: cover;
		cursor: pointer;
		border: 2px solid transparent;
	}

	.imagenes img:hover {
		border: 2px solid black;
	}

	input {
		width: 150px;
		height: 30px;
		text-align: center;
		margin-bottom: 20px;
	}

	#resultado {
		font-size: 18px;
		font-weight: bold;
	}

	.enlace {
		display: block;
		margin-top: 40px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #0066cc;
	}

	.enlace:hover {
		text-decoration: underline;
	}