#cuerpo {
	flex-direction: row; align-items: center; gap: 100px;
	flex-wrap: nowrap; flex-grow: 1;
	width: 100%; max-width: 100%; max-height: 100%;

	form {
		display: flex; flex-direction: column;
		background-color: var(--fondoBlanco); box-shadow: 0 4px 20px rgba(0,0,0,0.1);
		border-radius: 15px;
		max-width: 99%;

		&:is(.usuarios) {
			align-items: center; justify-content: space-between;

			input:not([type="checkbox"]), select {
				background: var(--celesteClaro); border: 1px solid var(--grisInterm);
				border-radius: 8px; transition: all 0.2s ease;
				padding-inline: 10px; height: 30px;
				align-self: stretch;
				&:focus {
					background-color: var(--fondoBlanco); border-color: var(--grisOscuro);
					box-shadow: 0 0 0 3px rgba(12,58,92,0.2); outline: none;
				}
			}
			input:not([type="checkbox"]) {text-align: center;}
			select {
				padding: 1.2px 10px;
				text-align-last: center; /* Centra la opción seleccionada */
				optgroup, option {text-align: left;}
			}
		}

		button {
			background: var(--grisOscuro); color: white; border: none;
			margin-top: 10px; padding: 10px 20px; border-radius: 10px; font-size: 1.2rem;
			cursor: pointer; transition: 250ms; margin-inline: auto;
			&:hover {scale: 1.05;}
		}
	}

	.contenedorImagen {
		flex-direction: row; align-items: center;
		--ancho: 22%;
		height: 100%;
		&#izquierda {justify-content: flex-end;}
		&#derecha {justify-content: flex-start;}
		img {max-width: 100%; max-height: 100%;}
	}
}