body {
		padding: 20px;
	}

	h2 {
		margin-bottom: 15px;
	}

	.contenedor {
		display: flex;
		border: 1px solid #ccc;
		padding: 15px;
		width: 500px;
		
	}

	.forms {
		width: 60%;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.caja {
		border: 1px solid #aaa;
		padding: 8px;
		text-align: center;
		background-color: #f5f5f5;
		width: 120px;
	}

	label {
		font-weight: bold;
	}

	button {
		width: 120px;
		padding: 5px;
	}

	@keyframes girar {
		from { transform: rotate(0deg); }
		to { transform: rotate(360deg); }
	}

	.volver {
		position: fixed;
		bottom: 20px;
		left: 20px;
		text-decoration: none;
		font-weight: bold;
		color: black;
		font-size: 18px;
	}

	.volver:hover {
		animation: girar 1.5s linear infinite;
		transform: scale(1.15);
	}

	.pie {
		position: fixed;
		bottom: 20px;
		right: 20px;
		font-weight: bold;
		font-size: 18px;
	}